@charset "utf-8";
/* CSS Document */

/* =reset 
*****************************************************/
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;}

/***100%height***/
#Form1 {height:100%;}
html,body {margin:0;padding:0;height:100%;}
/***wrapperOuter***/
#wrapperOuter {	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
	/*** standaard ***/
	ul { list-style:disc;}
	img, fieldset { border:0px;}
	p {margin:0px 0px 15px 0px;}
	h1,h2,h3,h4{float: left;width: 100%;font-size: 18px;color: #96BF0D;margin: 10px 0;}
	h3{font-size: 16px;}
	h2{font-size: 12px;line-height:20px;}
	h1{font-size: 14px;margin:15px 0px 20px 0px;line-height:22px;}
	hr{border:0px; border-bottom:1px dotted #000000;}
	
/* =body
*****************************************************/
body {font-family:Verdana;font-size:12px;color:#ffffff;line-height:14px;background:#ffffff;}
	/* =wrapperOuter
	*****************************************************/
	#wrapperOuter {position:relative;float:left; width:100%;}	
	/* =wrapper
	*****************************************************/
	#wrapper {position:relative;width:950px;margin: 0 auto;}

	/* =header
	*****************************************************/
	#header{position:relative;float:right;height:115px;width:938px;}
		/***left logo header***/	
		#logos{position:relative; float:left; height:125px;font-size:20px;padding:0px;line-height:22px;text-align:left;color:#ffffff;width:220px;z-index:9999999;}
			#logos img{position:relative; float:left; margin:20px 0px 0px 0px;}
		/***mainmenu***/
		#mainmenublok{position:relative; float:right; height:105px; width:715px; margin-top:0px;}
			#mainmenuha {list-style:none;margin:0px 0px 0px 23px;position:relative;float:right;z-index:1000;}
			#mainmenuha li {font-weight:bold;float:right;text-align:center;background:none;height:100px;}
			#mainmenuha li a {line-height:40px; font-size:11px; overflow:hidden;float:left;text-transform:uppercase;text-align:center;color: #533E7B;padding:55px 13px 15px 13px;}
			#mainmenuha li a:hover {color: #96BF0D;background:url(/images/2011v5/bg_menuha.png) center top repeat-x;text-decoration:none !important;}						
			#mainmenuha li.mainmenuhaitemselected a {color: #96BF0D;background:url(/images/2011v5/bg_menuha.png) center top repeat-x;}
			#mainmenuha li.mainmenuhabetweenitems {position:relative;float:right;height:100px;width:2px;background:url(/images/2011v5/bg_menuha_betw.jpg) bottom no-repeat;}		

			#mainmenuha li ul {display:none;position:relative;list-style-type:none;}
			#mainmenuha li {position:relative !important;}
			#mainmenuha li:hover ul {display:block;position:absolute;top:90px;left:0px;width:206px;border-bottom: 1px solid #d1d2d4;background:#ffffff;}
			#mainmenuha li:hover ul li:last-child a {border:none !important;}
			#mainmenuha li:hover ul li {height:auto!important;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;width:205px;background:none;border-right: 1px solid #d1d2d4;border-left: 1px solid #d1d2d4;}
			#mainmenuha li:hover ul li a {height:40px;margin:0px 0px 0px 0px;padding:0px 4px 0px 14px;width:205px;display:block;background:none;font-weight:normal;text-transform:none;font-size:11px;color:#000000;border:none;text-align:left;}
			#mainmenuha li:hover ul li a:hover {color:#96BF0D;}

			#mainmenuha li.last-child {display:none;}


	/* =maincontent
	*****************************************************/		
	#contentwrapper {position:relative;width:950px;height:auto;margin-top:0px;padding-bottom:25px;}

		#wrapper .title {float: left;width: 200px;height: 35px;display: block;margin: 0;padding: 10px 0 0 22px;border: none;background: transparent url(/images/2011v5/bg_title.png) center bottom no-repeat;font-size: 16px;color: #503873;color: #96BF0D;}				

		/* =wrapper leftCol
		*****************************************************/
		#wrapper #leftCol {float: left;width: 220px;min-height: 100px;display: block;margin: 0;padding: 0;background: #FFFFFF url(/images/2011v5/bar_1.png) center bottom no-repeat;}
		#wrapper #leftCol ul {float: left;width: 200px;display: block;margin: 0;padding: 0;list-style: none;text-align: left;}
		#wrapper #leftCol ul li {float: left;width: 205px;height: 73px;display: block;margin: 1px 15px 1px 10px;padding: 0;background: #FFFFFF url(/images/2011v5/li.png) center bottom no-repeat;}
		#wrapper #leftCol ul li:hover, #wrapper #leftCol ul li.active {background: #FFFFFF url(/images/2011v5/li_hover.png) center bottom no-repeat;}
		#wrapper #leftCol ul li a, #wrapper #leftCol ul li.active .t {float: left;width: 182px !important;height: 53px !important;verflow:hidden;argin:4px 0px 0px 10px;adding:10px 0px 0px 10px;display: block;border: none;color: #FFFFFF;font-size: 18px;text-decoration: none;}
		#wrapper #leftCol ul li a.t, #wrapper #leftCol ul li.active .t, #wrapper #rightCol #banner .man ul li a.t {float: left;display: block;width: 175px;height: 23px;margin:20px 0px 0px 20px;}
		a.m, #wrapper #leftCol ul li a.m, #wrapper #rightCol #banner .man ul li a.m, .m {float: left;width: 65px !important;display: block;height: 16px;margin-top: 10px;font-size: 12px !important;background: transparentrl(/images/2011/more_black.png) right center no-repeat;color: #000000;text-decoration: none;text-align: left !important;}
		#wrapper #leftCol ul li a.m:hover, #wrapper #rightCol #banner .man ul li a.m:hover {background: transparent url(/images/2011/more_white.png) right center no-repeat;color: #8AC542;}
		a.m {padding: 5px 0 0 10px;margin-bottom: 10px;}
		.m {padding: 5px 0 0 20px;}
		a.m:hover {background: transparent url(/images/2011/more_green.png) right center no-repeat;color: #533E7B;}
		#wrapper #leftCol ul li:hover a.m, #wrapper #rightCol #banner .man ul li:hover a.m, #wrapper #leftCol ul li.active .m, #wrapper #rightCol #banner .man ul li.active .m {float: left;width: 65px;display: block;height: 16px;margin-top: 10px;font-size: 12px;background: transparent url(/images/2011/more_white.png) right center no-repeat;color: #FFFFFF;}
		#wrapper #leftCol #partners {float: left;width: 200px;height: 80px;overflow:hidden;display: block;margin: 0;padding: 0;text-align: center;}
		#wrapper #leftCol #partners a {margin:0px;display: block;padding: 0;}
		#fadingitems li {background:none !important;height:auto !important;width:180px !important;padding:0px 0px 0px 0px !important;margin:0px 0px 0px 20px !important;text-align:center;overflow:hidden;}
		#fadingitems li a {display:inline !important;width:auto !important;height:auto !important;padding:0px 0px 0px 0px !important;margin:0px 0px 0px 0px !important;float:none !important;}

		/* =wrapper centerCol
		*****************************************************/
		#wrapper #centerCol {float: left;width: 510px;min-height: 100px;display: block;margin: 0;padding: 0;}
		#wrapper #con {float: left;width: 490px;min-height: 100px;display: block;margin: 0 0;padding: 0;}
		#wrapper #content {float: left;width: 520px;min-height: 130px;display: block;margin:4px 0 0 0;padding: 40px 0px 40px 10px;background: transparent url(/images/2011v5/bg_page.png) center 30px no-repeat;}

		#content p {clear:both;margin:18px 0px 18px 0px;line-height:22px;color:#6d6d6d;font-size:12px;}
		#content p a {color:#3e3e3e;text-decoration:underline;}
		#content p a:hover {color:#000;}
		#content p.left {float:left;width:120px;font-weight:bold;}
		#content p.right {float:left;width:310px;clear:right;}
		#content ul {color:#6d6d6d;line-height:22px;margin:0px 0px 0px 30px;}
		#content p.error {color:red;}
		#content input[type='text'] {color:#3e3e3e;}
		#content textarea {color:#3e3e3e;font-family:Verdana;font-size:12px;padding:3px;}

		#content ul.content {clear:both;list-style-type:disc;margin:0 0 10px 0;}
		#content ul.content li {clear:both;padding:0px; 0px 0px 0px;margin:0px 0px 0px 20px;line-height:18px;}
		#content p img.pdf_icon {padding:10px 0 0 0;vertical-align:bottom;}
		#wrapper #content #paper {float: left;width: 430px;min-height: 500px;margin: 0px auto 0 auto;padding: 0;overflow:hidden;position:relative;left:30px;border: none;}
		#wrapper #content #paper #navi {width: 490px;height: 480px;margin: 0 auto;padding: 0;}
		#wrapper #content #paper #navi .navLeft, #wrapper #content #paper #navi .navRight {float: left;width: 30px;height: 220px;margin: 0 auto;padding: 135px 0 0 0;text-align: center;}
		#wrapper #content #paper #navi #scrCon {float: left;width: 460px;height: 420px;margin: 0;padding: 0;border: none;display: block;}
		#wrapper #content #paper #navi #scrCon .navCon {float: left;width: 430px;height: 420px;margin: 0;padding: 0;}

		#jcarowrapper {width:390px;height:295px;overflow:hidden;float:left;position:relative;top:10px;}
		#scrCon ul {list-style:none;}
		#wrapper #content #paper {overflow:visible;}

		#content #gmaps01 {position:absolute;top:10px;right:-20px;}
		#content #gmaps02 {position:absolute;top:300px;right:-20px;}


		/* =wrapper rightCol news
		*****************************************************/
		#wrapper #rightCol #news {float: left;width: 180px;min-height: 50px;display: block;margin: 0;padding: 0;}
		#nieuws_list {list-style:none;padding:0px 0px 0px 15px;}
		#nieuws_list li {width:180px;margin:0px 0px 15px 0px;overflow:hidden;}
		#nieuws_list li a.nieuws_item_title {text-decoration:none;font-size:12px;font-weight:normal;color:#818183;margin:0px 0px 0px 20px;display:block;float:left;width:160px;}
		#nieuws_list li a.nieuws_item_title:hover {color:#96BF0D;}

		#wrapper #rightCol .title {width:170px;margin:0px 0px 0px 25px;padding-left:2px;position:relative;}

		#wrapper #rightCol #banner {float: left;width: 200px;display: block;margin: 0;padding: 0;text-align: center;}
		#wrapper #rightCol #banner .man {float: left;min-height: 150px;padding: 0 0 150px 0;background: transparent url(/images/2011/banner.png) center bottom no-repeat;}
		#wrapper #rightCol #banner .man ul {float: left;width: 228px;list-style: none;margin: 5px 0;padding: 0;background:red;}
		#wrapper #rightCol #banner .man ul li {float: left;width: 228px;height: 89px;margin: 2px 0;padding: 0;}
		#wrapper #rightCol #banner .man ul li a {float: left;width: 218px;height: 84px;}
		#wrapper #rightCol #banner .man ul li a, #wrapper #rightCol #banner .man ul li .t {padding: 5px 0 0 10px;margin: 5px 0 0 10px;border: none;color: #FFFFFF;font-size: 17px;text-decoration: none;text-align: left;}
		#wrapper #rightCol span {}
		#wrapper #rightCol .peekingman {float:right;margin:0px 30px 0px 0px;}

		#actionframe_buttons {list-style:none;margin:0px 0px 0px 0px;}
		#actionframe_buttons li {width:190px;height:75px;float:left;margin:0px 0px -10px 18px;background:url(/images/2011v5/dright_green.png) no-repeat;position:relative;z-index:13;}
		#actionframe_buttons li:hover {background:url(/images/2011v5/dright.png) no-repeat;}
		#actionframe_buttons li a {text-decoration:none;color:#ffffff;display:block;padding:10px 0px 0px 10px;overflow:hidden;width:198px;font-size:30px;height:56px;margin:4px 0px 0px 8px;}
		#actionframe_buttons .CenturyGothicStdBold .t {font-size:20px;}
		#actionframe_buttons .actionframe_buttons_small {font-size:12px;}


		#wrapper #rightCol #klaar_voor_de_cloud_small {float:left;position:relative;margin:32px 0px 0px 25px;}
		
			
	/* =footer
	**********************************************|*******/
		#footerContent {position:relative;float:right;width:938px;height:170px; overflow:hidden;background:url(/images/2011v5/bg_ft.jpg) center top no-repeat;margin:40px 0px 0px 0px;}
			/***menu li ul and soc net***/
			#ft_left{position:relative;float:left;height:145px; width:666px; overflow:hidden;padding:25px 0px 10px 0px;color:#656667;font-size:12px;}
				div.footerBoxLast {width:200px;position:relative;float:left;right:0px;margin:0px 0px 0px 0px;}
					#footerContent p{text-transform:none;font-weight:bold;color:#96c03d;margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;font-size:12px;}
					div.footerBoxLast a {text-decoration: none;font-weight:normal;color:#656667;font-size:12px;margin-bottom:5px;}
				div.footerBox {width:130px;float:left;margin:0px 20px 0px 0px;}					
					ul.footerBoxList {list-style:none;margin:5px 0px 0px 0px;}
					ul.footerBoxList li {line-height:15px;}
					ul.footerBoxList li a {text-decoration: none;font-weight:normal;color:#656667;}
			/***right nieuwsbrief***/		
			#nieuwsbrief{position:relative;float:left;height:145px; width:270px;padding:25px 0px 10px 0px;  font-size:12px; font-weight:normal;color:#656667;}	
				#nieuwsbrief input {position:relative;float:left;height:24px; width:165px;border:0px;margin:5px 5px 0px 0px;padding:0px; background:url(/images/2011v5/bg_ft_in.png) no-repeat;font-style:italic;line-height:24px;padding:0px 5px 0px 5px;color:#656667;}
				#ft_nsbf_btn input{position:relative;float:left;height:24px; width:74px;border:0px;margin:5px 0px 0px 0px;cursor:pointer;background:url(/images/2011v5/bg_ft_btn.png) no-repeat;font-style:normal;line-height:24px; color:#ffffff;font-weight:bold; }			
/***site links***/				
A:LINK{color: #666666;text-decoration:none;}
A:VISITED{color: #666666;text-decoration:none;}
A:HOVER{color: #666666;text-decoration:underline;}

#content a {text-decoration:underline;}
#content a:hover {color:#000;text-decoration:underline;}

