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

html , body  					{ width:100%; height:100%;}
html							{ background-color: #fff; background-repeat: repeat-x; background-image: url(../images/htmlbackground.gif); }
body							{ width: 974px; padding-left: 50px; margin: 0 auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #404040; font-size: 12px; background-image: url(../images/background.gif);min-height: 800px; background-repeat:repeat-x; line-height: 19px; }
a								{ text-decoration:none; color: #000;}

input							{ width: 250px; }
textarea						{ width: 248px; }

#homeblokken h1 				{ font-weight: bold; font-size: 14px; color: #b2071b; } 
#homeblokken h2					{ color: #000; font-size: 15px; }
	
#midden h1						{ font-family: Helvetica, Arial, sans-serif; color: #b2071b; font-size: 14px; font-weight: bold;  margin: 10px 0px 20px 0px;  }
#rechts h1						{ font-family: Helvetica, Arial, sans-serif; color: #b2071b; font-size: 12px; margin: 5px 0px 10px 0px;  }

#subpaginaholder h2				{ font-family: Helvetica, Arial, sans-serif; color: #b2071b; font-size: 14px; font-weight: bold; margin: 20px 0px 0px 15px; }
#subpaginaholder a				{ text-decoration: underline; }

#websiteheader 					{ position:relative; width: 926px; height: 70px; background-image: url(../images/backgroundheader.jpg);}
#websiteheader .logo			{ position: absolute; top: 2px; left:9px; } 	
		
/* ---- AFBEELDING ROTATE OP HOME -------*/
#mainpageheader								{   position: relative; width: 926px; height:283px; overflow: hidden;  }
#mainpageheader .koptekst					{ top: 30px; left: 20px;  position:absolute; z-index: 30;color: #fff; font-style: italic;  font-size: 36px;line-height: 50px;  font-family: Helvetica,Arial, sans-serif; }
#mainpageheader .subtekst					{ top: 70px; left: 80px; width: 500px; position:absolute; z-index: 20; color: #fff;  font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#mainpageheader .afbeelding					{ position:absolute; z-index: 10; }

#mainpageheader #headercontent 				{ z-index: 40; border: 1px solid black;  position: absolute; width: 880px; height:70px; top: 190px; left: 20px;  } 
#mainpageheader #headercontent .tekstholder	{ background-color: #141414; height:100%; width: 100%; filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80; }
#mainpageheader #headercontent .tekst		{ position: absolute; top:5px; color:#FFF; left: 5px; height:60px; width: 870px; overflow:hidden;  }


#mainpageheader .headertekstitem 			{ position: absolute; width: 100%; height: 30px; left: 1px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #b5b5b5; }
#mainpageheader .headertekstactief			{ color: #ededed; font-weight: bold; } 

#mainpageheader .rodebalk			 		{ position:absolute; top: 20px; height: 20px; width: 100%; background-image: url(../images/mainheaderactivetekstbg.gif); background-repeat: repeat-x; }

#image_rotate								{ list-style: none; margin: 0px; padding: 0px;} 

/* -----HOOFDMENU ------*/
.mainmenuhover								{ background-image: url(../images/mainmenubg_donker.gif);  }
.mainmenunormal								{ background-image: url(../images/mainmenubg.gif);} 

#mainmenu 									{ position: relative; height:18px; width: 871px; padding: 5px 0px 0px 55px;  }
#mainmenu .menuitem							{ font-size: 12px; color: #fff; font-weight: bold; float: left; padding-right: 50px; }
#mainmenu .menuitem a						{ font-size: 12px; color: #fff; font-weight: bold; }

#submenubg									{ display: none; position: absolute; border-top: 1px solid #666666; top: 23px; left: 1px; z-index: 70; height: 160px; width: 925px; }
#submenubg .blackoverlay					{ background-color: #000; filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80; width: 100%; height:100%; } 

#menu										{  margin-left: -25px; }
#menu .hoofdmenuitem 						{ color: #fff; font-weight: bold; z-index:2; padding-left: 30px; padding-right: 25px;  text-decoration: none; z-index: 500; position: relative; cursor: pointer;}
 
#menu .hoofdmenuitem a						{ color: #fff; font-weight: bold; text-decoration: none; }
#menu .hoofdmenuitemtext					{ }
#menu .submenuitem 							{ z-index:2; padding-bottom: 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding-left: 30px; font-size: 12px; color: #b2b2b2; text-decoration: none;} 
#menu .submenuitem:hover					{ color: #fff; font-weight: bold;  	} 

#menu .subsubmenuitem 						{ z-index:2; padding-bottom: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding-left: 25px; font-size: 12px; color: #b2b2b2; text-decoration: none;} 
#menu .subsubmenuitem:hover					{ color: #fff; font-weight: bold;  } 

  
/*   RANDJES OP EEN SUBMENu
.lihoofdmenu 								{ padding-bottom: 15px; margin-bottom: -15px; }
.hoofdmenuhover								{ z-index:211; position: absolute; top: -5px; left: -35px; display: none; }
.lisubmenu									{ margin-top: -20px; padding-top: 20px; z-index: 10; position: relative; }
.divsubsubmenuhover 						{ z-index: 1; position: absolute; left: -115px; top: -1px; width:114px; height: 20px; background-color: #000; border-left: 1px solid #4d4d4d; border-top:1px solid #4d4d4d; border-bottom:1px solid #4d4d4d; }
.ulsubsubmenu								{ margin-top: 10px; width: 150px; background-color: #000; padding-left: 0px; padding-top: 20px; border: 1px solid #4d4d4d; }

*/


/* ----CONTENT MENU LINKS----------*/

#contentmenu					{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #4c4c4c; padding-top: 15px; }
#contentmenu a					{  color: #4c4c4c; text-decoration:none; }
#contentmenu .selected  		{ background-image: url(../images/balkrood.gif); background-repeat: no-repeat; background-position: 0px 4px;  }	
#contentmenu .selected a		{ color: #000; font-weight: bold;  	}	
#contentmenu .item 		 		{ padding: 0px 0px 5px 15px;       }
#contentmenu a:hover			{ color: #000; font-weight: bold;  }

#contentsubmenu					{ border: 1px solid #d5d5d6; margin-left: 15px; margin-right: 10px;  padding-bottom: 5px; padding-top: 8px; background-image: url(../images/submenubg.gif); background-repeat:repeat-x; background-color: #e2e3e4;  } 		

/* ----VERDELING DRIE BLOKKEN----------*/
#homeblokken					{ padding-top: 13px; padding-left: 8px;} 
#homeblokken .homeblok 			{ float: left; width: 295px; height: 197px; border: 1px solid #b2b2b2; background-image:url(../images/homeblokbg.gif); background-repeat: repeat-x; background-color: #d9dadb; }
#homeblokken #referenties		{ margin-left: 9px; margin-right: 9px; position: relative; overflow: hidden; }
#homeblokken .referentietitel	{ padding: 12px 12px 5px 12px; }

/* ----REFERENTIES/PARTNERS/RELATED OP HOME----------*/
#referentieblok 				{ position:absolute; width:180px; height:180px;margin:10px; 	top: 0px; 	}
referentieholder 				{ position: relative; border:1px solid #b2b2b4; width: 295px; height: 198px; background-image:url(../images/referentieboxbg.gif); background-color: #d9d9db; overflow: hidden;} 
#referenties .referentieblok	{ position: absolute;  width:180px; height:180px; margin:10px; 	top: 50px;} 

.partners						{ padding-top: 20px; padding-left: 20px;  }
.partners .titel				{ font-weight: bold; color: #969696; padding-bottom: 5px; }




/* ----3 BUTTONS OP HOME----------*/
#buttons 		  				{ border-left: 1px solid #a1a2a4; width: 925px;  }
#buttons .button1 				{ cursor: pointer; border-left: 1px solid #292c3f; border-top: 1px solid #000; border-bottom: 1px solid #000;border-right: 1px solid #000;  float: left; width: 307px; height: 91px; background-image:url(../images/button_1.jpg)  }
#buttons .button1:hover 		{ background-image:url(../images/button_1_a.jpg)  } 
#buttons .button2				{ cursor: pointer;  float: left; border-right: 1px solid #000; border-top: 1px solid #000; border-bottom: 1px solid #000; width: 307px; height: 91px; background-image:url(../images/button_2.jpg)  }
#buttons .button2:hover 		{ background-image:url(../images/button_2_a.jpg)  } 
#buttons .button3 				{ cursor: pointer; float: left; border-right: 1px solid #000; border-top: 1px solid #000; border-bottom: 1px solid #000; width: 307px; height: 91px; background-image:url(../images/button_3.jpg)  }
#buttons .button3:hover 		{ background-image:url(../images/button_3_a.jpg)  } 
.clear							{ clear: both; } 

/* ----CONTENT MIDDEN + RECHTS ----------*/
#content						{    width: 924px; min-height: 200px; background-image: url(../images/maincontentbg.gif); background-repeat: repeat-x; border-left: 1px solid #b3b3b3; border-right: 1px solid #b3b3b3; background-color: #ededee; }
#subpaginaholder				{ position:relative; width: 906px; min-height: 200px; margin: 0 auto; background-image: url(../images/content_bg_repeat.gif); background-repeat: repeat-y; }
#subpaginaholder .text			{ width: 906px; min-height: 350px; background-image: url(../images/content_bg.gif); background-repeat: no-repeat; }
#subpaginaholder .bottom		{ position: absolute; bottom: 0px; width: 906px; height: 3px; overflow: hidden; background-image: url(../images/content_bg_bottom.gif);  } 

#subpaginaholder #links			{ float: left;  width: 195px; }
#subpaginaholder #midden		{ float: left; padding-left:25px; padding-top: 10px; width:450px;  }
#subpaginaholder #rechts		{ float: left; padding-left: 23px; padding-top: 10px; width:205px; }

#relatedblok 				{ padding: 5px; background-image: url(./assets/images/related_background.gif); background-repeat:repeat-x; border: 1px solid #dfdfdf; background-color: #ececed; }
#relatedblok .titel 		{ font-size: 14px; font-weight: bold; color: #808080; padding-bottom: 5px;}
			   
#relatedblok a				{ color: #404040; text-decoration:none; font-style: italic; }

/* ---- FOOTER ----------*/
#websitefooter					{ width: 911px; padding-left: 15px; font-size: 10px;  color: #bfbfbf; height: 86px; background-image: url(../images/websitefooter.gif)	}
#websitefooter th				{ font-weight: bold; }
#websitefooter a				{font-size: 10px;  color: #bfbfbf; text-decoration: none; }		

/* ---- ZOEKEN & LOGIN RECHTSBOVEN ----------*/

#inloggen				{ float: right;  padding: 10px 15px 0px 0px;}
#zoeken 				{ width: 187px; height:20px; padding: 1px 2px 0px 0px; background-image: url(../images/zoekenbg.gif);}
#zoeken #zoekveld		{ width: 110px; overflow: hidden; float: left; }
#zoeken #btnzoeken		{ cursor: pointer; font-weight: bold; color: #333; float: right; width:68px; height:17px; padding-left: 7px; background-image: url(../images/btnzoeken.gif);  }
#zoeken .textfield		{ color: #FFF; width: 100px; padding: 0px 5px 0px 5px; height: 16px; background:none; border: 0px; }
#inloggen .links		{ padding-top: 10px;color: #ededed; font-weight: bold;  }
#inloggen .links a		{ color: #ededed; font-weight: bold; }

		   

/* ----MODULES----------*/

 /* ----NIEUWS----------*/
 
.nieuwsitem .blackoverlay		{ display:none; position: absolute; top:0; left: 0px; height:100%; width:100%; background-color: #000;  cursor: pointer;  filter: alpha(opacity=10); -moz-opacity: .10; opacity: .10; }
.nieuwsitem						{ position: relative; padding-bottom: 5px; background-image:url(../images/balkrood.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 10px;  }
#homeblokken .content			{ padding-right: 5px; }
.nieuwsitem .titel 				{  }
.nieuwsitem .datum 				{ color: #999999; font-size: 10px; }
.nieuwsitem .bericht			{ color: #595959; font-size: 12px; line-height: 14px; }

.nieuwsitem a					{ color: #404040; }
.nieuwsitem .nieuwstitel		{ color: #000; } 

/* FORMULIEREN */
#contactformulier				{ width: 450px; }
#contactformulier .tekstvak		{ width: 300px; height: 20px; border: 1px solid #d9d9d9; }
#contactformulier .tekstarea	{ width: 296px; height: 80px; border: 1px solid #d9d9d9;}	
.button2						{ cursor: pointer;  color: #b2071b; font-size: 18px; }

#errormessage 					{ background-color: #ffffcc; border: 1px solid red; color: red; font: 11px Arial, Helvetica, sans-serif; font-weight:bold; padding: 5px; margin: 2px; }


/* zoeken */
.highlight						{ color: #b2071b; font-weight: bold; }

/* subpaginas */
#subpaginaoverzicht .titel	, #subpaginaoverzicht .titel a	{ text-decoration: none; font-family: Helvetica, Arial, sans-serif; color: #b2071b; font-size: 14px; font-weight: bold;  }


/* NIEUWS */


#nieuwsberichten 				{ border: 1px solid #d9d9d9;}
#nieuwsberichten .titel			{ font-size: 14px; color: #000; font-weight: bold; }
#nieuwsberichten .datum 		{ font-size: 9px; color: #999;}
#nieuwsberichten .odd			{ background-color: #f2f2f2; }
#nieuwsberichten .bericht		{ padding: 10px; }
#nieuwsberichten a				{ text-decoration: none; }

#nieuwslinks  					{ color: #b2b2b2; font-weight: bold; font-style: italic; }
#nieuwslinks a  				{ color: #b2071b; font-weight: bold; font-style: italic; text-decoration: none; }


/* LIGHTBOX */
.vergroten						{ position: absolute; background-image:url(../images/vergroten.gif); width: 19px; height: 17px; left: -5px; top:-5px; }