@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 {	height:auto !important;height:100%;min-height:100%;}
/******/

	/*** standaard ***/
	ul { list-style:disc;}
	img, fieldset { border:0px;}
	p {margin:0px 0px 12px 0px;}
	h1 {margin:0px 0px 12px 0px;color:#386d97;font-size:18px;font-weight:normal;}
	h2 {margin:0px 0px 8px 0px;color:#000000;font-size:14px;font-weight:normal;}
	h3 {margin:0px 0px 6px 0px;color:#000000;font-size:12px;font-weight:normal;}
	ul {margin:0px 0px 12px 20px;}
	ol {margin:0px 0px 12px 20px;}

/* =body
*****************************************************/
body {font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;font-size:11px;color:#000000;background:url(/images/2012/body_back.jpg) top repeat-x #ffffff;}
	
	/* =wrapperouter
	*****************************************************/
	#wrapperouter {width:100%;float:left;position:relative;}
	
		/* =wrapper
		*****************************************************/
		#wrapper {position:relative;width:984px;margin: 0 auto;z-index:20;}
	
			/* =header
			*****************************************************/
			#header {width:984px;height:375px;float:left;position:relative;background:url(/images/2012/headerback.jpg) 0px 35px repeat-x;z-index:20;}
				
				/***sitelogo***/
				#sitelogo {position:absolute;top:7px;right:0px;}
				
				/***headerpictures***/
				#headerpictures_wrapper {width:724px;height:268px;position:relative;top:35px;float:left;overflow:hidden;}
				#headerpictures {list-style:none;margin:0px 0px 0px 0px;position:relative;}
				#headerpictures p {color:#434343;font-size:28px;width:684px;padding:8px 20px 8px 20px;position:absolute;top:12px;left:0px;background:url(/images/2012/headerquoteback.png) left repeat-y;overflow:hidden;}
						
				/***topmenu***/
				#topmenu {list-style:none;margin:7px 0px 0px 0px;position:absolute;top:0px;right:260px;height:16px;max-width:724px;overflow:hidden;}
				#topmenu li {float:left;font-size:12px;color:#ffffff;}
				#topmenu li a {color:#ffffff;text-decoration:none;}
				#topmenu li a:hover {text-decoration:underline;}
				#topmenu li.topmenuitemselected a {text-decoration:underline;}
				#topmenu li.topmenubetweenitems {margin:0px 3px 0px 3px;}
				
				/***header_contact***/
				#header_contact {height:56px;width:200px;overflow:hidden;position:absolute;top:104px;right:30px;font-size:11px;color:#000000;line-height:18px;}
				
				/***header_winkelwagen***/
				#header_winkelwagen {width:229px;height:102px;padding:10px 10px 10px 10px;background:url(/images/2012/header_winkelwagen_back.jpg);bottom:77px;right:6px;position:absolute;overflow:hidden;}
					#header_winkelwagen_ideal {position:absolute;top:10px;left:26px;}
					#header_winkelwagen_title {font-size:16px;color:#3d3d3d;float:right;width:145px;margin:0px 0px 14px 0px;}
					.header_winkelwagen_tekst {font-size:12px;line-height:13px;color:#3d3d3d;float:right;width:145px;height:15px;margin:0px 0px 0px 0px;overflow:hidden;}
					
					#header_winkelwagen_button {position:absolute;bottom:11px;left:94px;}
				
				/***groepenmenu_box***/
				#groepenmenu_box {height:72px;width:984px;position:absolute;bottom:0px;left:0px;background:url(/images/2012/groepenmenu_back.jpg);z-index:20;}
				#groepenmenu_box_top {height:36px;width:984px;float:left;position:relative;z-index:30;}
				#groepenmenu_box_bottom {height:36px;width:984px;float:left;position:relative;z-index:20;}
				#groepenmenu_box_buffer {display:none;}
				
				.artikelmenu {list-style:none;margin:3px 0px 0px 0px;float:left;position:relative;z-index:20;}
				.artikelmenu > li {float:left;height:31px;line-height:30px;margin:0px 1px 0px 1px;position:relative;}
				.artikelmenu > li > a {cursor:pointer;display:block;height:31px;background:url(/images/2012/groepenmenu_a.jpg) left no-repeat;font-size:11px;color:#ffffff;text-decoration:none;}
				.artikelmenu > li > a > span {display:block;height:31px;background:url(/images/2012/groepenmenu_span.jpg) right no-repeat;padding:0px 6px 0px 6px;}
				.artikelmenu > li > a:hover {background:url(/images/2012/groepenmenu_aH.jpg) left no-repeat;}
				.artikelmenu > li > a:hover > span {background:url(/images/2012/groepenmenu_spanH.jpg) right no-repeat;}
				.artikelmenu > li.artikelmenuitemselected > a {background:url(/images/2012/groepenmenu_aH.jpg) left no-repeat;}
				.artikelmenu > li.artikelmenuitemselected > a > span {background:url(/images/2012/groepenmenu_spanH.jpg) right no-repeat;}
								
				.artikelmenu > li > ul {display:none;}
				.artikelmenu > li:hover > ul {cursor:pointer;display:block;list-style:none;margin:0px 0px 0px 0px;position:absolute;left:0px;top:29px;padding:0px 0px 0px 0px;background:url(/images/2012/controlsubmenu_blank.png);z-index:100;}
				.artikelmenu > li:hover > ul li {width:160px;line-height:normal;position:relative;float:left;}
				.artikelmenu > li:hover > ul > li a {text-decoration:none;background:#3b6fa0;display:block;color:#ffffff;width:100%;height:auto;padding:3px 10px 3px 10px;border-bottom:1px solid #1D5C88; border-top:1px solid #7A94AF}
				.artikelmenu > li:hover > ul > li a:hover {background:#1c5183;}
				.artikelmenu > li:hover > ul > li:hover a {background:#1c5183;}
				.artikelmenu > li:hover > ul > li.controlsubmenuitemselected a {background:#1c5183;}
				
				.artikelmenu > li:hover > ul > li ul {display:none;}
				.artikelmenu > li:hover > ul > li:hover ul {display:block;position:absolute;left:180px;top:-35px;padding:35px 0px 0px 0px;list-style:none;margin:0px 0px 0px 0px;}
				.artikelmenu > li:hover > ul > li:hover ul li a {background:#1c5183; border-bottom:1px solid #0D3B6C; border-top:1px solid #266B95}
				.artikelmenu > li:hover > ul > li:hover ul li a:hover {background:#0D3B6C;}
				.artikelmenu > li:hover > ul > li:hover ul li.controlsubsubmenuitemselected a {background:#0D3B6C;}

			/* =content
			*****************************************************/
			#content {width:984px;float:left;padding:0px 0px 241px 0px;position:relative;z-index:15;}
		
				/***tekstcontent***/
				#tekstcontent {width:706px;padding:16px 9px 0px 10px;float:left;overflow:hidden;position:relative;background:#ffffff;}
				
				/***actionframe***/		
				#actionframe {width:239px;padding:16px 9px 0px 10px;float:right;overflow:hidden;position:relative;border-left:1px solid #dfe8f1;background:#ffffff;}
					
					/***actionframe_zoekbox***/
					#actionframe_zoekbox {width:239px;height:47px;margin:0px 0px 28px 0px;float:left;position:relative;background:url(/images/2012/actionframe_zoekbox_back.jpg) bottom left no-repeat;}
						#actionframe_zoekbox .inputtext {outline:none;height:14px;line-height:14px;font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;font-size:11px;color:#000000;width:200px !important;border:none;position:absolute;bottom:1px;left:4px;}
						#actionframe_zoekbox .inputbutton {cursor:pointer;width:24px !important;height:20px !important;background:url(/images/2012/actionframe_zoekbox_button.jpg);border:none;position:absolute;bottom:0px;right:0px;}
						.actionframe_zoekbox_title {font-size:13px;color:#386d97;margin:2px 0px 0px 0px;}
						
		/* =footer
		*****************************************************/
		#footer {width:100%;height:239px;position:absolute;bottom:0px;z-index:30;}
			
			/***footercontent***/	
			#footercontent {width:984px;height:239px;margin: 0 auto;padding:0px 0px 0px 0px;overflow:hidden;position:relative;z-index:30;}
				
				/***footercontent_top***/
				#footercontent_top {height:185px;width:982px;float:left;position:relative;border:1px solid #c7c7c7;}
					/*footer logos*/
					#footer_logos { position:absolute;top:0px;left:2px;width:978px;height:127px;overflow:hidden;text-align:center;}
					#footer_logos img {margin:30px 2px 0px 0px;}
					/*footercontent_top_bottom*/
					#footercontent_middle {width:982px;position:absolute;bottom:0px;left:0px;height:108px;background:url(/images/2012/footer_middle_back.jpg) repeat-x;}
					#footercontent_middle ul {list-style:none;width:190px;margin:6px 4px 0px 16px;float:left;height:100px;overflow:hidden;}
					#footercontent_middle ul li {font-size:14px;color:#3f739b;margin:0px 0px 9px 0px;overflow:hidden;height:18px;}
					#footercontent_middle ul li + li {font-size:12px;color:#000000;height:16px;}
					#footercontent_middle ul li + li a {font-size:12px;color:#000000;text-decoration:none;}
					#footer_banner {width:155px;height:100px;position:absolute;bottom:1px;right:5px;overflow:hidden;}
					
				/***footercontent_bottom***/
				#footercontent_bottom {height:28px;width:984px;float:left;position:relative;line-height:25px;background:#c6c6c6;margin:3px 0px 0px 0px;text-align:center;color:#ffffff;font-size:11px;}
				#footercontent_bottom a {color:#ffffff;text-decoration:none;}

/***site links***/				
a:link {color:#386d97;text-decoration:none;}
a:visited {color:#386d97;text-decoration:none;}
a:hover {color:#386d97;text-decoration:underline;}
a:focus {outline:none;}

/***grey <a> button***/
.greybutton {cursor:pointer;font-size:10px;color:#000000 !important;text-decoration:none !important;text-transform:uppercase;display:block;height:24px;line-height:24px;background:url(/images/2012/buttongrey_a.png) left no-repeat;overflow:hidden;}
.greybutton span {display:block;height:24px;background:url(/images/2012/buttongrey_span.png) right no-repeat;padding:0px 12px 0px 12px;}
.greybutton:hover {color:#231f20 !important;}

/***blue <a> button***/
.bluebutton {cursor:pointer;font-size:10px;color:#ffffff !important;text-decoration:none !important;text-transform:uppercase;display:block;height:24px;line-height:24px;background:url(/images/2012/buttonblue_a.jpg) left no-repeat;overflow:hidden;}
.bluebutton span {display:block;height:24px;background:url(/images/2012/buttonblue_span.jpg) right no-repeat;padding:0px 12px 0px 12px;}
.bluebutton:hover {color:#f0f0f0 !important;}

/***yellow <a> button***/
.yellowbutton {cursor:pointer;font-size:10px;color:#000000 !important;text-decoration:none !important;text-transform:uppercase;display:block;height:24px;line-height:24px;background:url(/images/2012/buttonyellow_a.jpg) left no-repeat;overflow:hidden;}
.yellowbutton span {display:block;height:24px;min-width:90px;text-align:center;background:url(/images/2012/buttonyellow_span.jpg) right no-repeat;padding:0px 12px 0px 12px;}
.yellowbutton:hover {color:#231f20 !important;}

/***grey <a> pdf button***/
.greybutton_pdf {cursor:pointer;font-size:10px;color:#000000 !important;text-decoration:none !important;text-transform:uppercase;display:block;height:24px;line-height:24px;background:url(/images/2012/buttongrey_a_pdf.jpg) left no-repeat;overflow:hidden;}
.greybutton_pdf span {display:block;height:24px;min-width:90px;text-align:center;background:url(/images/2012/buttongrey_span_pdf.jpg) right no-repeat;padding:0px 32px 0px 12px;}
.greybutton_pdf:hover {color:#231f20 !important;}

