
body {
	font-family     : Arial;
	font-size       : 12px;
	line-height	: 1.5;
	background      : #fff;
	margin-top	: 10px;
	overflow-y	: scroll;
}

p{
	padding:0.5em 0em;
}

/*** cnt *****************************************************************************************/
#cnt {
	position        : absolute;
	/*top           : 37%;*/
	left            : 50%;
	width           : 840px;
	min-height      : 615px;
	background-color: #fff;
	margin-left     : -420px;
	margin-top      : 0px;
	border		: 1px solid #999;
	padding-bottom	: 10px;
}

/*** logo *****************************************************************************************/
#cnt #logo {
	/*background-image: url(../img/logo.jpg);*/
	width		: 155px;
	height		: 62px;
	margin-left	: 25px;
	margin-top	: 10px;
}


/*** fadende afbeeldingen *****************************************************************************************/
#cnt #afbeeldingen {
	position        : relative;
	width		: 805px;
	/*height wordt in de layout file bepaald */
	margin-left	: 25px;
	margin-top	: 10px;
}
#cnt #afbeeldingen .pics {  
	position	: absolute;
	height		: auto;  
	width		: auto;   

} 
#cnt #afbeeldingen .pics img {  
	position	: absolute;
	width		: auto; 
	height		: auto; 
} 


/*** menu *****************************************************************************************/
#cnt #menu {
	position        : relative;	
	width		: 805px;
	height		: auto;
	margin-left	: 25px;
	margin-top	: 10px;
}
#cnt #menu #knop-1 {
	width		: 185px;
	height		: 35px;
	margin-right	: 12px;
}

#cnt #menu #knop-2{
	width		: 185px;
	height		: 35px;
	margin-right	: 12px;
}

#cnt #menu #knop-3 {
	width		: 185px;
	height		: 35px;
	margin-right	: 12px;
}
#cnt #menu #knop-4 {
	width		: 190px;
	height		: 35px;
}



/*** Menu aan de linkerkant *****************************************************************************************/
#cnt #menu-links #zoekknop{
	float		: left;
	width		: 60px;
	height		: 20px;
}
#cnt #menu-links #zoek-input{
	width		: 119px;
	height		: 14px;
	margin-bottom	: 20px;
	
}

html* #cnt #menu-links #zoek-input {
	margin-left	: -3px;
	margin-top	: -1px;
	width		: 120px;
}

#cnt #menu-links{
	position	: relative;	
	width		: 185px;
	height		: auto;
	left		: 25px;
	padding-left	: 0px;
	margin-top	: 15px;
	float		: left;
}

#cnt #menu-links li {
	padding-left       : 10px;
	margin-bottom      : 0px;
	cursor             : pointer;
}

#menu-links ul a {
	color: #333333;
	font-weight:bold;
	text-decoration: none;
	display:inline-block;
	padding-left:6px;
	padding-top:1px;
	padding-bottom:1px;
}
#menu-links ul a:hover, 
#menu-links ul a.selected {
	color:#fff;
	padding:0px 5px;
	background:#0099FF;
	border:1px solid #99CCFF;
}

.geel #menu-links ul a:hover, 
.geel #menu-links ul a.selected {
	background:#bd9101;
	border:1px solid #dec470;
}
.oranje #menu-links ul a:hover, 
.oranje #menu-links ul a.selected {
	background:#FF6600;
	border:1px solid #FF9999;
}
.roze #menu-links ul a:hover, 
.roze #menu-links ul a.selected {
	background:#de007b;
	border:1px solid #e27eb5;
}
.groen #menu-links ul a:hover, 
.groen #menu-links ul a.selected {
	background:#5cae48;
	border:1px solid #8eda7b;
}

/*** content met 3 kolommen *****************************************************************************************/
#cnt #content{
	position	: relative;
	width		: 590px;
	height		: auto;
	margin-left	: 40px;
	margin-top	: 10px;
	float		: left;
	padding-top	: 5px;	
}
#cnt #content strong{
	font-weight	: bold;		
}
#cnt #content u{
	font-weight	: underline;	
}
#cnt #content em{
	font-style	: italic;	
}

#cnt #content ul {
padding-left       : 14px;
list-style-type: disc;
}

#cnt  #content h1 {
	font-weight: bold;
	font-size:16px;

}
#cnt  #content h2 {
	font-weight: bold;
	line-height:15px;
}

#cnt  #content h1 ,
#cnt  #content h2 ,
#cnt  #content a {color: #0099FF;}
#cnt  #content a:hover {color: #99CCFF;}

.geel #cnt  #content h1 ,
.geel #cnt  #content h2 ,
.geel #cnt  #content a, 
#cnt  #content a.geel {color: #bd9101;}
#cnt  #content a.geel:hover ,
.geel #cnt  #content a:hover {color: #feca1d;}

.oranje #cnt  #content h1 ,
.oranje #cnt  #content h2 ,
.oranje #cnt  #content a, 
#cnt  #content a.oranje {color: #FF6600;}
#cnt  #content a.oranje:hover ,
.oranje #cnt  #content a:hover {color: #FF9999;}

.roze #cnt  #content h1 ,
.roze #cnt  #content h2 ,
.roze #cnt  #content a, 
#cnt  #content a.roze{color: #de007b;}
#cnt  #content a.roze:hover ,
.roze #cnt  #content a:hover {color: #e27eb5;}

.groen #cnt  #content h1 ,
.groen #cnt  #content h2 ,
.groen #cnt  #content a, 
#cnt  #content a.groen {color: #5cae48;}
#cnt  #content a.groen:hover ,
.groen #cnt  #content a:hover {color: #8eda7b;}

