/* CSS Document */

body { background-color: #5f5f5f; font-family:Arial, Helvetica, sans-serif; font-size: 12px; }

p { margin: 0; padding: 0; }

#wrapper { position: absolute; width: 940px; margin: 0 0px 0px -470px; top: 0; left: 50%; text-align: left; overflow: none;  }

/* TOPBLOK */
#locCode1 { width: 940px; height: 23px; line-height: 23px; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFF; }
#locCode1 ul { list-style: none; margin: 0; padding: 0; float: right; margin-right: 4px; }
#locCode1 ul li { float: left; margin-right: 16px; }
#locCode1 ul li a { display: block; color: #d1d2ce; text-decoration: none; }
#locCode1 ul li a:hover { color: #FFF; text-decoration: none; }
#locCode1 ul li a.selected { color: #FFF; }

/* CONTENTBLOK */
#contentblok { position: relative; width: 940px; height: 534px; background: url(../../siteImg/bg_body.gif) repeat-y; }

	/* afbeelding */
	#picture1 { position: absolute; top: 0; left: 425px; width: 515px; height: 281px; }
	#trans { position: absolute; top: 0; left: 425px; width: 287px; height: 281px; background-color:#FFF; filter: alpha(opacity=80);	-moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }

	/* linkerblok */
	#left { position: relative; float: left; width: 221px; height: 534px; }
	#left #logo { margin: 16px 0 17px 21px; width: 187px; height: 70px; }
	
		/* locCode2 */
		#left #locCode2 ul { list-style: none; margin: 0; padding: 0; width: 221px; }
		#left #locCode2 ul li { line-height: 26px; font-weight: bold; width: 221px; text-indent: 20px;  }
		#left #locCode2 ul li a { display: block; color: #000; text-decoration: none; width: 221px;}
		#left #locCode2 ul li a:hover { background-color: #4980bd; color: #FFF; text-decoration: none; }
		#left #locCode2 ul li a.selected { background-color: #4980bd; color: #FFF; }
		
		#left #locCode2 ul#submenu li a { background-color: #d8e1ee; }
		#left #locCode2 ul#submenu li a.selected { background-color: #4980bd; color: #FFF; }


	/* middenblok */
	#midden { position: relative; float: left; width: 491px; height: 534px; }

		/* tekstblok */
		#midden #scroll_box {  position: relative;  width: 432px; height: 422px; margin: 106px 0 0 25px; color: #5f5f5f; overflow: auto; line-height: 26px; clear: both }
		#midden #scroll_box  h1 { margin: 0; padding: 0; font-size: 12px; font-weight: bold; color: #4980bd; }
		#midden #scroll_box  h2 { margin: 0; padding: 0; font-size: 15px; font-weight: bold; color: #4980bd; }
		#midden #scroll_box  ul { margin: 0; padding: 0 0 26px 12px; }
		#midden #scroll_box  ul li { line-height: 26px; }
		#midden #scroll_box  a { color: #4980bd; text-decoration: none; }
		#midden #scroll_box  a:hover { color: #4980bd; text-decoration: underline; }
		
		/* consultant blok */
		#midden #scroll_box .consultant { width: 432px; min-height: 132px; } 
		#midden #scroll_box .c-img { float: left; width: 115px; min-height: 132px; } 
		#midden #scroll_box .c-img img { width: 113px; height: 132px; }
		#midden #scroll_box .c-text { float: left; margin-left: 20px; width: 280px; line-height: 20px; } 
		#midden #scroll_box .c-text h2 { margin: 24px 0 12px 0; padding: 0; font-size: 15px; font-weight: bold; color: #4980bd; }
		#midden #scroll_box .c-text ul { margin: 0; padding: 0 0 0 15px; }
		#midden #scroll_box .c-text ul li { line-height: 20px; } 
		#midden #scroll_box .c-text ul li a { color: #5f5f5f; text-decoration: none; } 

		/* referentie blok */
		#midden #scroll_box .referentie { width: 430px; min-height: 50px; } 
		#midden #scroll_box .r-img { float: left; width: 130px; min-height: 50px; text-align: center; } 
		#midden #scroll_box .r-text { float: left; margin-left: 20px; width: 265px; line-height: 20px; padding-bottom: 26px;  } 
	
		/* scrollbar */
		#midden #scrollbar { position: absolute; top: 0; left: 458px; width: 27px; height: 534px; }
		#midden #scrollbar #scroll_up { position: absolute; top: 0; left: 15px; cursor: pointer }
		#midden #scrollbar #scroll_down { position: absolute; bottom: 0; left: 15px; cursor: pointer }
	
	/* rechterblok */
	#right { position: relative; float: left; width: 228px; height: 534px; }
	#right #empty { width: 228px; height: 281px; }

		/* tekst region2 */
		#right #region2 { width: 185px; height: 238px; padding: 25px 16px 16px 27px; line-height: 26px; color: #5b6672; background: url(../../siteImg/bg_region2.gif) no-repeat #dbe6f2; border-bottom: 2px solid #FFF; }
		#right #region2 h1 { font-size: 12px; font-weight: bold; color: #4980bd; margin: 0; }
		#right #region2 ul { margin: 0; padding: 0 0 0 12px; }

		/* tekst region3 */
		#right #region3 { width: 228px; height: 253px; }
		#right .blok-top-klein h1, #right .blok-midden h1 { margin: 0; line-height: 24px; font-size: 18px; }
		#right .blok-top-groot1 h1, #right .blok-top-groot2 h1, #right .blok-onder h1 { margin: 4px 0 0 0; line-height: 26px; font-size: 22px; }
		
		#right .blok-top-klein { width: 190px; height: 43px; color: #FFF; text-align: center; line-height: 20px; padding: 7px 19px 13px 19px; background: url(../../siteImg/bg_blok_klein.gif) no-repeat;}
		#right .blok-top-groot1 { width: 190px; height: 106px; color: #FFF; text-align: center; line-height: 20px; padding: 10px 19px 10px 19px; background: url(../../siteImg/bg_blok_onder.gif) no-repeat; }
		#right .blok-top-groot2 { width: 190px; height: 108px; color: #FFF; text-align: center; line-height: 20px; padding: 8px 19px 10px 19px; background: url(../../siteImg/bg_blok_onder.gif) no-repeat; }
		#right .blok-midden { width: 190px; height: 41px; color: #FFF; text-align: center; border-top: 2px solid #FFF; line-height: 20px; padding: 7px 19px 13px 19px; background: url(../../siteImg/bg_blok_klein.gif) no-repeat; }
		#right .blok-onder { width: 190px; height: 81px; color: #FFF; text-align: center; border-top: 2px solid #FFF; line-height: 20px; padding: 15px 19px 19px 19px; background: url(../../siteImg/bg_blok_onder.gif) no-repeat; }
		#right .blok-top-klein a, #right .blok-top-groot a, #right .blok-top-groot2 a, #right .blok-midden a, #right .blok-onder a { color: #FFF; text-decoration: none; }


/* FOOTER */
#footer { width: 940px; height: 23px; line-height: 23px; text-indent: 20px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #d1d2ce; }
	/* tekst */
	#footer #tekst { float: left; width: 450px; }

	/* locCode4 */
	#locCode4 { float: right; width: 400px; }
	#locCode4 ul { list-style: none; margin: 0; padding: 0; float: right; margin-right: 10px; }
	#locCode4 ul li { float: left; margin-right: 10px; text-indent: 0; }
	#locCode4 ul li a { display: block; color: #d1d2ce; text-decoration: none; }
	#locCode4 ul li a:hover { color: #FFF; text-decoration: none; }
	#locCode4 ul li a.selected { color: #FFF; }

/* FORMULIEREN */

/* contact pagina */
#form_contact { position: relative; left: -3px; }
#form_contact input, #form_contact textarea { border: 1px solid #727272; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5f5f5f; }
#form_contact .large { width: 274px; }
#form_contact .small { width: 180px; }
#form_contact textarea { width: 374px; height: 80px; margin-bottom: 14px; }
#form_contact .button { border: none; margin-top: 14px; }
.errorField { color: #eb8000; }
#form_contact .errorField input, #form_contact .errorField textarea { border: 1px solid #eb8000; }

/* inschrijving */
#form_inschrijving { position: relative; left: -3px; }
#form_inschrijving input, #form_inschrijving textarea { border: 1px solid #727272; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5f5f5f; }
#form_inschrijving .large { width: 320px; }
#form_inschrijving .medium { width: 180px; }
#form_inschrijving .small { width: 88px; }
#form_inschrijving .xsmall { width: 50px; }
#form_inschrijving textarea { width: 368px; height: 40px; margin-bottom: 14px; }
#form_inschrijving .button { border: none; margin-top: 14px; }
.errorField { color: #eb8000; }
#form_inschrijving .errorField input, #form_inschrijving .errorField textarea { border: 1px solid #eb8000; }


 ._ffbgforcer { clear: both; height: 0; overflow: hidden; margin-top: -1px; }