/* CSS Document */

html,body{font: 10px/1.4 "Lucida Grande", Verdana, sans-serif;margin:0;padding:0}
body{text-align:center}

div#header #imgs{height:150px;line-height:150px;margin:0;
  margin-bottom:30px;}
div#container{text-align:center;}

#sitecontent{
	width:100%;
	background-color:#FFFFFF;
	background-image: url(../img/bg-header.gif);
	background-repeat: repeat-x;
	background-position: top;	
	
	border-bottom:25px solid #aeba27;
}

div#content p{line-height:1.4}
div#extra{}
div#footer{border-top:1px solid #d9d9d9;}

div#container{width:900px;margin:0 auto;}
div#wrapper{float:left;width:100%;}
div#content{
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 240px;
	
	
}
div#extra{float:left;width:225px;margin-left:-900px;}
div#footer{clear:left;width:100%;margin-top:35px;}
		




body{
	background-color: #c1cc4b;			
}
div#footer p{
	margin:0;
	padding:5px 10px;
	font-size:0.9em;
	color:#777777;
	text-align:center;

}

div#footer img{
	line-height:14px;
	vertical-align:middle;
}

div#footer a,div#footer a:visited,div#footer a:link{
	color:#777777;
}
div#footer a:hover{
	color:#aeba27;
}

#content {
	text-align:left;	
			
	font-family: Arial;
	
	color: #444;
	text-decoration: none;
	word-spacing: -0.05em;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.1em;
	font-size: 1.3em;	
}
#content h1{
	color:#004b7a;
	font-size:1.6em;
	line-height:1.1em;
	font-weight:normal;
}
div#foto{
	margin-top:35px;
	text-align:center;
}




.fotolijst img, .imgborder img
{
    padding:2px;    
    display:block;
    border:1px solid #d9d9d9;
	
}

.gridstyle img:hover, .fotolijst a:hover img
{
   border:1px solid #aeba27;
   padding:2px;    
   display:block;
}

a,a:link,a:link,a:link,a:hover {text-decoration:underline;	color:#666666;
} 

a:link {color:#666666} 

a:visited {color:#666666} 

a:hover,a:active {color:#c01401}	



#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
		
#button li {
	border-bottom: 1px solid #FFFFFF;
	margin: 0;
}
				
#button li a {
	display: block;
	padding: 5px 0px 5px 5px;
	/*border-left: 10px solid #1958b7;
	border-right: 10px solid #508fc4;*/
	background-color: #d7e073;
	color: #000000;
	text-decoration: none;
	width: 225px;	
	text-align:left;
	
	font-size:1.2em;
		
}

html>body #button li a {
	width: auto;
}

#button li a.currentSection, 
#button li a:hover {
	/*border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;*/
	background-color: #aeba27;
	color: #ffffff;
}
/*subs*/
#subbuttons li {
	border-top: 1px solid #FFFFFF;
	border-bottom:0;
	margin: 0;
}
				
#subbuttons li a {
	display: block;
	padding: 2px 0px 2px 15px;
	/*border-left: 10px solid #1958b7;
	border-right: 10px solid #508fc4;*/
	background-color: #c1cc4b;
	color: #000000;
	text-decoration: none;
	width: 215px;	
	
	font-size:1em;
	text-align:left;
		
}

html>body #subbuttons li a {
	width: auto;
}

#subbuttons li a.currentSection, 
#subbuttons li a:hover {
	/*border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;*/
	background-color: #aeba27;
	color: #ffffff;
}



			



BODY#start 	{
	background-color: #4b94d5;
	background-image: url(../img/bg-startpagina.jpg);
	background-repeat: repeat-x;
	background-position: top;	
	}
	
BODY#start #content{
	color:#FFFFFF;
	font-size:0.9em;
	
	width:370px;
	margin:0 auto;
	margin-top:180px;

}	

BODY#start #content a, BODY#start #content a:visited,BODY#start #content a:link{
	color:#FFFFFF;
	font-weight:normal;	
}
BODY#start #content a:hover{
	color:#aeba27;		
}

#btnStart{	   
	position:relative;
	left:255px;
	bottom:0px;
	
	list-style: none;
	display: run-in; 
	width:85px;       	    
	margin:0;
	padding:0;	
	
}
* html #btnStart{
	bottom:13px;
}

#btnStart li {
	list-style:none;
	height: 25px;
	/*overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
#btnStart li a {
	display: block;
	line-height: 25px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */
	}
#btnStart li a:hover {
	background-position: 50% -25px;
	}
	#btnStart li a.currentSection,
	#btnStart li a.currentSection:hover {
		background-position: 50% -50px;
		}
								
																		
#btnStart-Verder {
		width: 85px;		       
		background: url(../img/btn-Verder.gif) no-repeat;
		}		

#content b{
	color:#004b7a;
}
#content p{
	text-align:justify;
	color:#222;

}		
#content p.slogan{
	text-align:center;
	font-weight:bold;
	color:#aeba27;
	font-size:1.2em;	
	line-height:1.2em;

}
#content ul {
	line-height:1.4em;
	margin-left:30px;
	padding:0;			
}
#content ul u{
	color:#004b7a;
	text-decoration:none;
}
#content a, #content a.link{
	color:#aeba27;
	text-decoration:underline;
	font-weight:bold;
}
#content a:visited{
	color:#aeba27;
	text-decoration:none;
	font-weight:bold;
}

#content a:hover{
	color:#004b7a;
	text-decoration:none;
}


TABLE.list TD{
	border-bottom:1px solid #004b7a;
	font-size:0.85em;
	color:#004b7a;
}