@charset "utf-8";
/* CSS Document */

form#routeform span { color:#e4262a;}
.submitButton { position:relative; background:none; border:none; cursor:pointer; color:#e4262a; font-size:11px; font-weight:bold;}

/************/
/*** body ***/
/************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0px; padding:0px;}
body { background:#f7f9fc url(/images/bg.png) repeat-y; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#2f68a8;}
img { border:0px;}
.clear { clear:both;}



/***************/
/*** wrapper ***/
/***************/
#wrapper { width:958px; padding:98px 0px 0px 37px;}



/**************/
/*** header ***/
/**************/
#header { position:absolute; left:0px; top:0px; background:#FFF url(/images/header_bg.png) no-repeat right; width:955px; height:76px; padding:22px 0px 0px 40px; overflow:hidden; cursor: pointer;}
#header h1 { background:url(/images/logo.png) no-repeat; width:332px; height:55px; text-indent:-100000px; overflow:hidden;}



/***************/
/*** menuBar ***/
/***************/
ul#menuBar { width:857px; height:33px; border:2px solid #FFF; border-top:none; list-style:none; overflow:hidden;}
ul#menuBar li { float:left; border-right:2px solid #FFF; overflow:hidden;}
ul#menuBar li a { display:block; background:#e4262a; padding:8px 29px 8px 29px; color:#FFF; font-size:14px; text-decoration:none; overflow:hidden;}
ul#menuBar li.last { border:none; overflow:hidden;}
ul#menuBar li.last a { padding:8px 27px 8px 26px; overflow:hidden;}
ul#menuBar li a:hover, ul#menuBar li.active a { background:#2f68a8;}



/***************/
/*** menuBar ***/
/***************/
#fotoSlider { position:relative; width:857px; height:246px; border:2px solid #FFF; border-top:none; border-bottom:none; overflow:hidden; z-index: -1; }
#fotoSlider #slideshow { z-index: 10; }
#fotoSlider p { z-index: 99; position:absolute; left:0px; bottom:0px; display:block; background:url(/images/fotoSlider_transparant.png) no-repeat; width:622px; height:39px; padding:18px 0px 0px 237px; color:#FFF; font-size:24px;}



/***************/
/*** content ***/
/***************/
#content { position:relative; background:url(/images/content_bg.png) repeat-y; width:857px; border:2px solid #FFF; border-top:none; border-bottom:none;}

	/*** sideBar ***/
	#sideBar { float:left; width:192px; padding:21px 0px 30px 25px; display:inline;}
	
		/*** tags ***/
		#sideBar h2 { color:#e42c2a; font-size:14px; padding:0px 0px 12px 0px;}
		#sideBar h2.sub { font-size:13px; padding:0px 0px 0px 0px;}
		#sideBar p { display:block; font-size:12px; padding:0px 10px 12px 0px; line-height:16px;}
		#sideBar p.small { font-size:11px; line-height:normal;}
		#sideBar p.small span { float:left; width:68px;}
		#sideBar a { color:#e42c2a; font-size:11px; font-weight:bold; text-decoration:none;}
		#sideBar a:hover { color:#2f68a8;}
		
		/*** ul ***/
		#sideBar ul { margin:0px; padding:0px 0px 0px 0px; list-style:none;}
		#sideBar ul li { line-height:20px;}
		#sideBar ul li a { color:#2f68a8; font-size:12px; font-weight:normal;}
		#sideBar ul li a:hover { color:#e4262a;}
	
	
	/*** contentVak ***/
	#contentVak { min-height:250px; float:right; width:620px; padding:22px 0px 20px 20px; display:inline;}
	
		/*** tags ***/
		#contentVak h2  { color:#e42c2a; font-size:13px; padding:0px 0px 12px 0px;}
		#contentVak p  { display:block; padding:0px 170px 12px 0px;}
		#contentVak p small { color:#e4262a; font-size:10px;}
		#contentVak a { color:#e42c2a; font-size:11px; font-weight:bold; text-decoration:none;}

		
	/*** homeKader ***/
	#homeKader { position:absolute; right:-70px; top:-170px; background:url(/images/homeKader_bg.png) no-repeat; width:187px; height:401px; padding:28px 30px 31px 26px; z-index:2; overflow:hidden;}
	
		/*** dezeMaand ***/
		#dezeMaand { width:179px; height:194px; padding:0px 0px 0px 8px;}
		#dezeMaand h3 { display:block; width:179px; height:22px; color:#FFF; font-size:15px; font-weight:normal; padding:5px 0px 0px 0px;}
		
			/*** maandItem ***/
			.maandItem { width:179px; height:78px; padding:5px 0px 0px 0px;}
			.maandItem h4 { color:#004a66; font-size:11px;}
			.maandItem small { font-size:8px; font-weight:bold;}
			.maandItem p { display:block; font-size:10px; letter-spacing:-1px; padding:6px 0px 6px 0px;}
			.maandItem a { float:right; color:#e42c2a; font-size:10px; font-weight:bold; text-decoration:none; padding:0px 8px 0px 0px;}
			.maandItem a:hover { color:#2f68a8;}
		
		
		/*** pollBox ***/
		#pollBox { position:relative; width:179px; height:207px; padding:0px 0px 0px 8px;}
		#pollBox h3 { display:block; width:179px; height:22px; color:#FFF; font-size:15px; font-weight:normal; padding:5px 0px 1px 0px;}
		#pollBox p { display:block; padding:6px 0px 8px 0px; font-size:11px; font-weight:bold;}
		#pollBox fieldset { border:none;}
		#pollBox label { font-size:10px;}
		#pollBox input#submit { position:absolute; right:3px; bottom:5px; background:none; border:none; cursor:pointer; color:#e4262a; font-size:9px; font-weight:bold;}

	
		

/**************/
/*** footer ***/
/**************/
#footer { width:861px; margin:0px; padding:10px 0px 10px 0px;}

	/*** bottomMenu ***/
	ul#bottomMenu { float:left; margin:0px; padding:0px; list-style:none;}
	ul#bottomMenu li { float:left; background:url(/images/bottomMenu_bullit.png) no-repeat 0px 2px; margin:0px 20px 0px 0px; padding:0px 0px 0px 20px;}
	ul#bottomMenu li a { color:#FFF; font-size:14px; text-decoration:none;}
	ul#bottomMenu li a:hover { color:#e42c2a;}
	ul#bottomMenu li.first { background:none;}
	
	/*** copyright ***/
	#footer p { float:right; display:block; padding:2px 0px 0px 0px; color:#FFF;}
	#footer p a { color:#FFF; text-decoration:none;}
	#footer p a:hover { text-decoration:underline;}




/******************/
/*** login.html ***/
/***************************************************************************************************************************/
form#login { height:500px;}
form#login fieldset { position:relative; border:none;}
form#login input#inlognaam { position:absolute; left:0px; top:24px; width:190px; height:19px; padding:1px 5px 0px 5px;}
form#login input#wachtwoord{ position:absolute; left:0px; top:52px; width:190px; height:19px; padding:1px 5px 0px 5px;}
form#login input#submit { position:absolute; left:144px; top:100px; background:none; border:none; cursor:pointer; color:#e4262a; font-size:11px; font-weight:bold;}




/*************************/
/*** paginabeheer.html ***/
/***************************************************************************************************************************/
#paginabeheerContent { position:relative; background:#FFF; width:857px; border:2px solid #FFF; border-top:none; border-bottom:none;}
form#paginabeheer { height:500px;}
form#paginabeheer fieldset { position:relative; border:none;}
form#paginabeheer input#paginanaam { position:absolute; left:0px; top:56px; width:540px; height:14px; padding:0px 5px 0px 5px; border:1px solid #d6dde6;}
form#paginabeheer input#titel{ position:absolute; left:0px; top:84px; width:540px; height:14px; padding:0px 5px 0px 5px; border:1px solid #d6dde6;}
form#paginabeheer textarea { position:absolute; left:0px; top:112px; width:540px; height:80px; padding:0px 5px 0px 5px; border:1px solid #d6dde6;}
form#paginabeheer input#submit { position:absolute; left:478px; top:220px; background:none; border:none; cursor:pointer; color:#e4262a; font-size:11px; font-weight:bold;}




/********************/
/*** contact.html ***/
/***************************************************************************************************************************/
form#contact { min-height:150px;}
form#contact fieldset { position:relative; border:none;}
form#contact label { float:left; background:url(/images/icon_dubbelepunt.png) no-repeat 67px 8px; width:83px; padding:4px 0px 0px 0px; }
form#contact label span { color:#e4262a;}
form#contact label#textarea { background:url(/images/icon_dubbelepunt.png) no-repeat 140px 8px; width:200px;}
form#contact textarea { float:left; width:588px; height:80px; margin:8px 0px 10px 0px;}
form#contact input { float:left; width:190px; height:19px; margin:0px 20px 8px 0px; padding:1px 5px 0px 5px;}
form#contact input#submit { position:absolute; left:450px; top:230px; background:none; border:none; cursor:pointer; color:#e4262a; font-size:11px; font-weight:bold;}
form#contact input#submitNieuwsbrief { position:absolute; left:450px; top:100px; background:none; border:none; cursor:pointer; color:#e4262a; font-size:11px; font-weight:bold;}

	/*** radiobuttons ***/
	form#contact #radiobuttons { float:left; width:200px; height:20px; margin:0px 20px 13px 0px;}
	form#contact #radiobuttons span { float:left; display:block; width:45px; text-align:right; margin:0px 25px 0px 0px; padding:3px 0px 0px 0px;}
	form#contact input.man { position:absolute; left:388px; top:0px; width:auto; border:none;}
	form#contact input.vrouw { position:absolute; left:446px; top:0px; width:auto; border:none;}
	
	/*** radiobuttons2 ***/
	form#contact #radiobuttons2 { float:left; width:400px; height:20px; margin:0px 20px 13px 0px;}
	form#contact #radiobuttons2 span { float:left; display:block; text-align:right; margin:0px 25px 0px 20px; padding:3px 0px 0px 0px;}
	form#contact input.ja { position:absolute; left:0px; top:213px; width:auto; border:none;}
	form#contact input.nee { position:absolute; left:58px; top:213px; width:auto; border:none;}




/**************************/
/*** wievindjewaar.html ***/
/***************************************************************************************************************************/
form#zoeken { min-height:150px;}
form#zoeken fieldset { position:relative; border:none;}

	form#zoeken select#branche { position:absolute; left:0px; top:27px; width:152px; background:#ebebeb; border:1px solid #949496;}
	form#zoeken input#submitBranche { position:absolute; left:260px; top:27px;}
	
	form#zoeken select#naam { position:absolute; left:0px; top:68px; width:232px; background:#ebebeb; border:1px solid #949496;}
	form#zoeken input#submitNaam { position:absolute; left:260px; top:68px;}
	
	form#zoeken select#woord { position:absolute; left:0px; top:109px; width:152px; background:#ebebeb; border:1px solid #949496;}
	form#zoeken input#submitWoord { position:absolute; left:260px; top:109px;}
	
form#zoeken input#inlognaam { position:absolute; left:0px; top:24px; width:190px; height:19px; padding:1px 5px 0px 5px;}
form#zoeken input#wachtwoord{ position:absolute; left:0px; top:52px; width:200px; height:20px;}
form#zoeken input#submit { position:absolute; left:144px; top:100px; background:none; border:none; cursor:pointer; color:#e4262a; font-size:11px; font-weight:bold;}




/************************/
/*** plattegrond.html ***/
/***************************************************************************************************************************/
#plattegrondVak { float:right; width:635px; padding:20px 0px 20px 0px; display:inline; overflow:hidden; margin-right:-3px;}

	/*** legenda ***/
	ul#legenda { background:url(/images/plattegrond_legenda.png) no-repeat 0px 0px; width:180px; height:170px; padding:0px 0px 0px 0px; overflow:hidden;}
	ul#legenda li { display:block; float:left; width:150px; height:16px; margin:0px 0px 4px 0px; padding:4px 0px 0px 30px; line-height:14px;}
	ul#legenda li.dubbel { padding:0px 0px 5px 30px;}




/************************/
/*** plattegrond.html ***/
/***************************************************************************************************************************/	
.winkelInzicht { padding:0px 0px 30px 0px;}
.winkelInzicht img { float:left; margin:0px 20px 0px 0px;}
	



/*** Safari fix ***/
/**@media screen and (-webkit-min-device-pixel-ratio:0){ ul#menuBar li.last a {padding:8px 23px 8px 23px;}}
@media screen and (-webkit-min-device-pixel-ratio:0){form#contact input.ja { position:absolute; left:0px; top:215px; width:auto; border:none;}}
@media screen and (-webkit-min-device-pixel-ratio:0){form#contact input.nee { position:absolute; left:58px; top:215px; width:auto; border:none;}}**/

/*** Safari fix ***/
@media screen and (-webkit-min-device-pixel-ratio:0){ ul#menuBar li.last a {padding:8px 26px 8px 27px;}}
@media screen and (-webkit-min-device-pixel-ratio:0){form#contact input.ja { position:absolute; left:0px; top:215px; width:auto; border:none;}}
@media screen and (-webkit-min-device-pixel-ratio:0){form#contact input.nee { position:absolute; left:58px; top:215px; width:auto; border:none;}}




/*******************************/
/*** nieuwsbrief_zoeken.html ***/
/***************************************************************************************************************************/
#nieuwsbriefBeheer { float:left; width:832px; padding:21px 0px 60px 25px; display:inline;}
#nieuwsbriefBeheer h2 { color:#e42c2a; font-size:14px; padding:0px 0px 27px 0px;}

	/*** nieuwsbriefZoeken ***/
	form.nieuwsbriefZoeken { margin:0px; padding:0px 0px 50px 0px;}
	form.nieuwsbriefZoeken fieldset { border:none;}
	form.nieuwsbriefZoeken input.zoekveld { width:200px;}
	form.nieuwsbriefZoeken input.submit { background:none; border:none; cursor:pointer; color:#2f68a8; font-size:13px; font-weight:bold;}
	
	
	
	
/*******************************/
/*** nieuwsbrief_beheer.html ***/
/***************************************************************************************************************************/
form.nieuwsbriefBeheer { margin:0px; padding:0px 0px 50px 0px;}
form.nieuwsbriefBeheer h4 { font-size:14px; padding:0px 0px 15px 0px;}
form.nieuwsbriefBeheer fieldset.items { float:left; width:300px; padding:0px 0px 80px 0px; border:none; display:inline;}
form.nieuwsbriefBeheer fieldset.versturen { position:relative; float:left; width:832px; height:40px; border:none; display:inline;}
form.nieuwsbriefBeheer .veld { position:relative; width:280px; padding:3px 0px 5px 20px;}
form.nieuwsbriefBeheer .veld input { position:absolute; left:0px; top:0px;}
form.nieuwsbriefBeheer input.testen { position:absolute; left:0px; bottom:25px; background:none; border:none; cursor:pointer; color:#2f68a8; font-size:13px; text-align:left;  text-transform:uppercase; font-weight:bold;}
form.nieuwsbriefBeheer input.versturen { position:absolute; left:0px; bottom:0px; background:none; border:none; cursor:pointer; color:#2f68a8; font-size:13px; text-align:left;  text-transform:uppercase; font-weight:bold;}
	
	
	
	
/*************************************/
/*** nieuwsbrief_aanmeldingen.html ***/
/***************************************************************************************************************************/
table.nieuwsbriefAanmeldingen td { font-size:12px; padding:0px 0px 5px 0px;}
table.nieuwsbriefAanmeldingen td b { font-size:14px;}
table.nieuwsbriefAanmeldingen td.voornaam { width:180px;}
table.nieuwsbriefAanmeldingen td.achternaam { width:180px;}
table.nieuwsbriefAanmeldingen td.email { width:240px;}
table.nieuwsbriefAanmeldingen td a { color:#2f68a8; text-decoration:none;}
