/* === Styles for layout of site NERVO PRODUCTIONS 2010 =============================  */

@charset "UTF-8";
/* CSS Document */

html,body  {
	font: 100% Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding: 0;
	text-align: center; 
	color:#CCCCCC;
	height: 100%;
	 background:url(../img/canvas_repeat.jpg) repeat;
	}

p,blockquote  {
	 margin:0;
	 padding:2px 0 0 14px;
	 text-align:left;
	 font-size:13px;
	 font-family:Helvetica;
	line-height:16px;
	 color:#D5B398;
	letter-spacing:0.1em;
	 }
	
body  { color:#E0DBCE;
		 margin:0px 4px 4px 24px;
		 padding:0;
		 font-size:13px;


}

h1,h5,h6{ font-size:14px; }

html { }		
	/*	
  a:link {color:#425D6E; text-decoration:none; font-size:13px; }
  a:visited {color:#425D6E; text-decoration:none; font-size:13px;}
  a:active {color:#425D6E; text-decoration:underline; font-size:13px;}
  a:hover {color:#425D6E; text-decoration:underline; font-size:13px;}
*/
  a:link {color::#938B75; text-decoration:none; font-size:13px; }
  a:visited {color:#938B75; text-decoration:none; font-size:13px;}
  a:active {color:#938B75; text-decoration:underline; font-size:13px;}
  a:hover {color:#392D26; text-decoration:underline; font-size:13px;}



#HeaderBlock {
	display:block;
	float:left;
	clear:none;
	width:100%;
	height:197px;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	border:none;
	font-size:13px;
	color:#000;

}


#container { 
	width:800px;
	margin:0 auto; 
	padding:0;
	text-align: left;
	
	} 



#SecContainer { 
	display:block;
	clear:both;	
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:15px;
	text-align: left;
	/*background-color:#F4EFE9;*/
	background:url(../img/canvas_repeat2.jpg);
	
	min-height:35%;
	height:auto !important; /* for all you pretty new browsers */ 
	height:100%; /* cheer up IE */ 
} 

	/*  MAIN STUFF  */


	
#SecContainer .MainContentHolder { display:block;
					 position:relative;
					 float:left;
					 clear:none;
					 width:550px;
					 padding:14px 0 0 0;
					 color:#F4F0FC;
					line-height:16px;
					 color:#748671;
										 			 
					 }

.MainContentHolder a:link { color:#FFCC00; text-decoration:none;

}
.MainContentHolder a:visited { color:#FFCC00; text-decoration:none;

}
.MainContentHolder a:active { color:#FFCC00; text-decoration:none;

}
.MainContentHolder a:hover { color:#CC9900; text-decoration:underline;

}

#SecContainer .MainContentHolder blockquote { margin:14px;}
#SecContainer .MainContentHolder blockquote h1, 
#SecContainer .MainContentHolder blockquote h5, 
#SecContainer .MainContentHolder blockquote h6{ font-size:12px; color:#425D6E; margin:2px 0 12px 0px; padding:0; }


#SecContainer .MainContentHolder p {
					 padding:4px 0 0 14px;
					 text-align:left;
					 font-size:12px;
					 font-family:Helvetica;
					 line-height:16px;
					 color:#D5B398;
					 letter-spacing:0.15em;
					 margin:0;
					 }



#SecContainer .MainContentHolder  ol { margin:0 0 0 25px;
							 padding:0;
							 list-style:decimal;
							 font-size:13px;
							 font-family:Helvetica;
							 line-height:22px;
							 }


#SecContainer .MainContentHolder ul { margin:12px 0 0 25px;
							 padding:0;
							 list-style:circle;
							 font-size:13px;
							 font-family:Helvetica;
							 line-height:22px;
							 /*color:#54768C; */
							color:#D5B398;
							}

#SecContainer .MainContentHolder ul	li { 
						margin:0 0 5px 0;
						 padding:0;
					     font-size:13px;
					     font-family:Helvetica;
					     line-height:18px;
						 /* color:#324F5B;*/
						 color:#D5B398;
					    
							 }							

#SecContainer .MainContentHolder li:first-letter { text-transform:uppercase; }


#SecContainer .MainContentHolder li a:link, #SecContainer .MainContentHolder li a:visited { text-decoration:underline; }
#SecContainer .MainContentHolder p a:link, #SecContainer .MainContentHolder p a:visited { text-decoration:underline; }

	
#SecContainer .MainContentHolder .opmerking{ 
											 font-size:12px;
						 					font-style:italic;
											color:#F0A01E;
											}

#SecContainer .MainContentHolder .introduktie { 
											 font-size:10px;
						 					font-style:normal;
											font-weight:bold;
											text-transform:uppercase;
											color:#D5B398;


											text-align:left;
											letter-spacing:1px;
											}

#SecContainer .MainContentHolder .koptitel{ font-size:14px;
					 font-style:normal;
					font-weight:bold;
					color:#FF9900;
					/*color:#54768C;*/
					letter-spacing:0.2em;
					height:24px;
					
								 /*kleurstelling */			}


#SecContainer .MainContentHolder p.koptitel { 
					 font-style:normal;
					font-weight:bold;
					color:#FF9900;
					/*color:#54768C;*/
					letter-spacing:0.2em;
					height:auto;
}
/* ShowScreen						ShowScreen	 PHOTO */		
div#ShowScreen {	display:block;
					 position:relative;
					 width:800px;
					 height:auto;
					 margin:0 auto;
					 clear:both;
					 overflow:visible;
					 background:url(../img/searchresults.jpg) repeat;
					
					 }
					 
					 
div#SearchScreen {	display:block;
					 position:relative;
					 width:800px;
					 height:auto;
					 margin:0 auto;
					 padding:0;
					 clear:both;
					 overflow:visible;
					 background:url(../img/searchresults.jpg) top;
					 }					 

ol#encyresultaten { padding:4px 0 0 14px; 
					margin:0;
					color:#000;
					}
	ol#encyresultaten a:link, a:visited, a:hover, a:active {
		color:#59483A;
					}





 #borders { 
	width: 745px; 
	background:#363737;
	margin: 0 auto; 
	/*border-left:1px solid #fbaf3c;
	border-right:1px solid #fbaf3c;
*/ border:none;
} 


 #SecContainer ol li a {
	color:#6d6b64; 
	font-size:10px;
	font-weight:normal;

									 }

#SecContainer ol li a:visited {
	color:#6d6b64; 
	font-size:10px;
	font-weight:normal;
									 }

 #SecContainer ol li a:hover {
	color:#336699; 
	font-size:10px;
	font-weight:normal;
									 }




#SecContainer h1{	font-size:10px;
				color:#003366;
				} 

#LogoHolder {display:inline;
			 position:absolute;
			 z-index:1000;
			 width:165px;
			 height:165px;
			 background:url(../img/TopLogo.png) top no-repeat;
			 clear:none;
			 }
 #header { 
	background: #363737; 
	padding:2px 0px 0px 10px; 
	margin-left:17px;
	color:#fff;
		} 

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding:0px;
	width:96%;	
	height:95px;
	background-color:#6f6c65;
	border:none;
	display:block;
	clear:both;
	
}


#headerInfo  { display:block; 
				width:auto;
				top:40px;
				position:absolute;
				margin-left:610px;
				font-family:Georgia;
				font-size:24px;
				color:#ffcc00;
				font-weight:100;
				letter-spacing:1px;
				}



 #header h1 img {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding:0px;
	float:left;
	display:inline-block;
}

/*  TOPMENU SETTINGS */

#TopMenu {
	display:block;
	margin-top:200px;
	position:relative;
	margin:0px;
	padding:0px;
	width:100%;	
	height:80px;
	background:url(../img/topMenu_bg.png) repeat;	
	clear:both;
	border::none;
	}

/* SearchBar en SelectBar  */	

div#SelectBar { display:block;
				position:reative;
				z-index:1000;
				padding:0;
				color:#fff;
				height:20px;
				clear:both;
				}

div#SearchBar { display:block;
				position:absolute;
				z-index:1000;
				margin:0 0 0 618px;
				padding:0;
				color:#fff;
				height:22px;
				clear:both;
				}


#SearchBar h4 { 	margin:4px 0 0 ; padding:0 0 0 24px;
					font-size:11px;
					font-weight:bold;
					letter-spacing:0.11em;
					text-transform:uppercase;
					color:#47101F;
					
				 }



#SearchBar form input {color:#99000; }

#SelectBar .buttonEncy {  display:block;
					    float:left;
					    width:100px;
					    height:20px;
						padding:4px 0 0 12px;
					    margin:0 0 0 4px;
					    clear:none;
					    font-size:13px;
						font-family:Helvetica;
						font-weight:bold;
						border:0;
						background:url(../img/ActiveCat.png);
						text-align:left;}


#SelectBar .buttonEncyActive {  display:block;
					    float:left;
					    width:100px;
					    height:20px;
						padding:4px 0 0 12px;
					    margin:0 0 0 4px;
					    clear:none;
					    font-size:13px;
						font-family:Helvetica;
						font-weight:bold;
						border:0;
						background:url(../img/BackCat.png);
						/*color:#20333B;*/
						color:#392D26;
						text-align:left;}


#SearchBar input.FindMe { display:block;
					    float:left;
					    width:128px;
					    height:23px;
						padding:0;
					    margin:0;
					    clear:none;
					    font-size:11px;
						border:1px dotted #ccc;
						text-align:center;
						background:url(../img/lens.jpg) left top no-repeat;
					  }
					  
#SearchBar .submit  {
						display:block;
					    float:left;
					    width:50px;
					    height:25px;
						padding:0;
					    margin:0;
					    clear:none;
					    font-size:11px;
						font-weight:bold;
						border-left:1px solid #333;
						text-align:center;
						background-color:#FFCC00;
						color:#333;
						}
/* --  */	


/*  TitleBar	*/	
				 
#TitleBar	{ display:block;
			 position:relative;
			 width:100%;
			 height:25px;
			 color:#fff;
			 background-color:#54768C;
			 background:url(../img/titlbarbg.png);
			 margin:0;
			 padding:0;
			 }
			 
#TitleBar .titleBlock { display:block;
				float:left;
				font-size:12px; 
				color:#392D26;
				letter-spacing:0.12em;
				font-weight:bold;
				text-transform:uppercase;
				margin:0;
				padding:4px 0 0 14px;
				width:604px;
				height:20px;
				clear:none;
				
				
				 }			 

 ol#Mainmenu {	padding:6px 0 0 14px;
				margin:0px;
				list-style-type:none;
				position:relative;
				z-index:1000;
				}
					
 ol#Mainmenu li.main {padding:0;
				margin:0;
				float:left;
				}

						
ol#Mainmenu li.main img.MenuDot {vertical-align:middle;
							padding:0 8px 0 8px;
							margin:0 0 8px 0; }						

 ol#Mainmenu li.main a:link, #Mainmenu h6 ol li a:visited  {
	width:auto;
	font-size:13px;
	color:#59483A;
	letter-spacing:1px;
	text-decoration:none;
	font-weight:normal;
	float:left;
	}
	
	
	 ol#Mainmenu li.main a:visited {	
	/*color:#425D6E;*/
	color:#392D26;
	font-size:inherit;
	font-weight:normal; }

	ol#Mainmenu li.main a:hover {	
	/*color:#001F47;*/
	color:#392D26;
	font-size:inherit;
	font-weight:normal;
	text-decoration:none;
	 }
	
	ol#Mainmenu li.main a:active {	
	/*color:#001F47;*/
	color:#FF6600;
	font-size:inherit;
	font-weight:normal;
	text-decoration:none;
	 }
	
	ol#Mainmenu li.main a.active {	
	color:#9A6522;
	font-size:inherit;
	font-weight:normal;
	text-decoration:none;
	 }
	
	
	
	

div#snelinfoblock h2,h3,h4,h5,h6 { font-size:14px;}

div#snelinfoblock {display:block;
					margin:0;
					padding:10px;
					}

#snelinfoblock ol,ul { margin:0;
					   padding:0;
						  }
						  

#snelinfoblock li {	 margin:0 0 0 14px;
					 padding:0;
					 font-size:13px;
					 font-family:Helvetica;
					 line-height:14px;
					 letter-spacing:0.1em;
					 color:#333333;
					}

#snelinfoblock p {  margin:0;
				    padding:4px 0 12px 4px;
					font-size:13px;
					font-family:Helvetica;
					line-height:14px;
					letter-spacing:0.1em;
					color:#47101F;
					}

ul#photoalbum { display:block;
				margin:0;
				padding:0;
				list-style:none;
				width:800px;
				height:160px;
				
				}
				
				
ul#photoalbum li.fotolijstje { display:block;
					width:100px;
					height:75px;
					float:left;
					margin:4px 0 0 4px;
					padding:0;
					clear:none;
					}



	
/*  LeftMenuHolder	*/	


	#LeftMenuHolder {
	display:block;
	margin:0px;
	padding:0px;
	width:200px;
	height:180px;	
	overflow:visible;
	color:#fff;
	border-right:1px dotted #DAD0BC;
	float:left;
	}
	
	img.stdlogoplace { display:block;
					   border:none;
					   bottom:0;
					   margin-top:14px;}
					   
					   
	 #LeftMenuHolder h6{
	 position:relative;
	 display:block;
	margin:0 0 0 12px;
	padding:0px;
	}


	#LeftMenuHolder  ol{
	padding:22px 0 0 0px;
	margin:0px;
	list-style-type:none;
	
	}
						
	 #LeftMenuHolder  ol li {			
	 display:block;
	 float:left;
	 width:auto;
	 padding:0px;
	 margin:3px 0 0 12px;
	clear:both;
	}

	
	
	#LeftMenuHolder  ol li a:link, #LeftMenuHolder h6 ol li a:visited  {
	margin:0;
	padding:0;
	font-size:12px;
	color:#D7A986;
	letter-spacing:1px;
	text-decoration:none;
	font-weight:normal;
	
	}
	#LeftMenuHolder  ol li a:visited {	
	color:#D7A986;
	font-size:12px;
	font-weight:normal; }

	#LeftMenuHolder  ol li a:hover {	
	color:#D7A986;
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
	background-color:none; }
	
	
	

/*  Feets on the ground */

#Footer { 	display:block;
			clear:both;
			width:760px;
			height:14px;
			margin:0 auto;
			padding:12px 20px 0;
			background:url(../img/footer.png);
		
			color:#4D2C42;
			font-size:9px;

		}


.clearline { 
	border:1px solid #fbaf3c;
	height:1px;
	}

.clearall { display:block;
			height:1px;
			width:100%;
			clear:both;
			padding:0;
			margin:0;
			
						}

.clearfloat { 
	clear:both;
    height:1px;
    font-size: 1px;
 	}