/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,fieldset,legend,input,textarea,p,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}em,strong,th{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
* { margin: 0px; padding: 0px; }
html { background: none; }
html, body { font-family: Arial; font-size: 83%; color: #6a7b85; }
body { padding: 28px 0px 28px 0px; background: url(img/bodyBg.gif); text-align:center; }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clearBoth { clear: both; }


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

#logo_print { display: none; }

a { text-decoration: underline; color: #59A6C4; }
a:hover { text-decoration: none; }
strong { font-weight: bold; }
h1 { font-size: 182%; margin-bottom: 15px; }
h2 { font-size: 138.5%; margin-bottom: 10px; }
h3 { font-size: 108%; margin-bottom: 5px; }
h1, h2, h3 { color: #56A5C3; font-weight: bold; }

td,th {vertical-align: top; }
.clear { clear: both; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 983px; background: #ffffff; text-align:left;}

	/* ### HEADER CONTAINER ### */
	#headerCntr { width: 983px; height: 110px; }
	#headerCntr img { float: left; }
	#headerCntr ul { margin: 80px 20px 0px 0px; float: right; display: inline; list-style: none; }
	#headerCntr li { margin-right: 3px; float: left; display: inline; }
	#headerCntr li a { text-decoration: none; color: #6a7b85; }
	#headerCntr li a:hover { text-decoration: underline; }
	
	/* ### BANNER CONTAINER ### */
	#bannerCntr { width: 976px; height: 214px; margin-left:3px; overflow: hidden; position: relative; }
		#banners { display: block; padding:0; }
			#banners img { position:absolute; left:0; top:0; }
		#bannerCntrlCorner { height:68px; position: absolute; bottom: 0; right: 0; width:68px; z-index: 5; background: url('img/banner_corner.png') no-repeat 0 0; }
		#slogan { float:left; zoom: 1; left:0; position: absolute; top:0; z-index:5; height:74px; width:977px; }
		#slogan div { position: absolute; top: 0; width: 100%; height: 100%;}
		#slogan .text { color: #FFF; font-size: 2.8em;  top: 0.6em; left: 0.6em; }
		#slogan .bg { background-color: #003458; opacity: 0.5; filter: alpha(opacity=50); height: 74px;}  
			
	/* ### MENU CONTAINER ### */
	#menuCntr { width: 983px; height: 39px; }
	#menuCntr ul { list-style: none; }
	#menuCntr li { float: left; }
	#menuCntr li a { padding-top: 12px; display: block; width: 97px; height: 27px; text-decoration: none; text-align: center; text-transform: uppercase; color: #ffffff; background: url('./img/buttonBg.gif') no-repeat; }
	
		/* ### SEARCH CONTAINER ### */
		#searchCntr { float: left; width: 203px; height: 39px; background: url('./img/searchBg.gif') no-repeat; position: relative; right: 0;}
		#searchCntr #searchText { margin: 10px 0px 0px 24px; padding: 3px; width: 125px; font-family: Arial; color: #000000; border: 0px; background: none; position: absolute; }
		#searchCntr #searchSubmit { width:18px; border: 0; width: 23px; height:21px; background: url('./img/searchbutton.png') no-repeat; cursor: pointer; position: absolute; right:22px; top:9px; }
	
	/* ### BAR CONTAINER ### */
	#barCntr { margin: 20px 0px 20px 24px; padding: 8px 0px 0px 5px; width: 926px; height: 22px; color: #59a6c4; background: #cce3eb; }
	#barCntr ul { list-style: none; }
	#barCntr li { margin-right: 3px; float: left; display: inline; }
	#barCntr li a { text-decoration: none; color: #59a6c4; text-transform: capitalize; }
	#barCntr li a:hover { text-decoration:underline; }	
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 0px 28px 28px 28px; width: 927px; }
	
		/* ### CONTENT BOX ### */
		.contentBox { margin: 0 13px 10px 0; float: left; width: 300px; height: 235px; border-bottom: 1px dotted #afd3e3; overflow: hidden; }
		.contentBox h2 { padding: 4px 0px 0px 5px; display: block; width: 295px; height: 20px; font-size: 100%; font-weight: normal; color: #ffffff; background: url('./img/title2Bg.gif') no-repeat;}
		.contentBox .img { width: 120px; padding: 5px; background-color: #FFFFFF; margin: 5px; float: left; border: 1px solid #CCE3EB; display: inline; }
		.contentBox p { padding-top: 5px; float: left; width: 155px; }
		.contentBox p img { margin-top: 15px; }
		.contentBox p a.view_products img { margin: 0; }
			.last { margin-right: 0px; }

	/* ### Cenreer tekst ### */
	#textRight { margin-left: 210px; }
		.itemnavigation {padding: 20px 50px; text-align: right; }
		.itemnavigation li { display: inline; margin: 2px; }
		.itemnavigation .next {margin-right: 20px;}
		
	
	/* ### TEXT CONTAINER ### */
	.textCntr { margin-left: 28px; margin-bottom: 20px; float: left; display: inline; width: 700px; font-size: 12px; line-height: 1.4em; }
	.textCntr h2 a { text-decoration: none; display: block; }
	.textCntr h2 a:hover { text-decoration: underline; } 
	.textCntr ul, .textCntr ol { margin-left: 15px; }
	.textCntr ul li, #centerCntr ol ul li   { list-style: disc; }
	.textCntr ol li { list-style: decimal; }
	.textCntr ul, #centerCntr ol, #centerCntr dl { margin-bottom: 10px; }
	
		/* ### TEXT BOX ### */
			.imageBox { float: left; display:inline; margin-right: 10px; }
			.imageBox img {padding: 5px; border: 2px dotted #AFD3E3; margin-bottom: 5px;}
			.imageBox p { font-style: italic; }
		/* ### nieuws ### */
		.news { border-bottom: 1px dotted #AFD3E3;  padding-bottom: 25px; margin-bottom: 25px; }
		.news .imageBox img { width: 120px; }
		.news.item .imageBox img { width: 180px; }
		
		.imageBox img.manufacturer { width: inherit; border: inherit; padding: inherit; }
		
		.textBox p { padding-bottom: 11px; line-height: 16px; }
		/* ### producten ### */
		.textBox table { border-collapse:collapse; margin-bottom: 10px;}
		.textBox table td,
		.textBox table th { border: 1px solid #59A6C4; padding: 5px; }
		.textBox table thead th { background-color: #CCE3EB; font-weight: bold; color: #59A6C4; vertical-align: middle; }
		.textBox table tbody { border-bottom: 1px dotted #AFD3E3; }
		
		/* ### LOGINFORM ### */
		#login-form { background-color:#eff6f9; width:285px; padding:10px; border:1px solid #CCE2EA;}
		#login-form label { margin-top:3px; font-size:12px; width:100px; display:block; float:left; }	 	
		#login-form div { overflow:hidden; margin-bottom:10px; }	  	
		#login-form input { float:right; border:1px solid #94BBC8; height:15px; width:173px; padding:5px; font-size:12px;}
		#login-button { border:none; height:25px !important; background-color:#CCE3EB; color:#23515F; font-weight:bold; font-size:14px; cursor:pointer; border-top:1px solid #e3f0f5; border-right:1px solid #94bbc8; border-bottom:1px solid #94bbc8; border-left:1px solid #e3f0f5; padding:0 5px !important; width:100px !important; }

	/* ### LEFT CONTAINER ### */
	#leftCntr { margin-left: 28px; float: left; display: inline; width: 181px; }
	#leftCntr h2 { margin-bottom: 10px; text-align: left; }
	#leftCntr ul { list-style: none; }
	#leftCntr li { border-bottom: 2px dotted #9FC8DA; display: block; }
	#leftCntr li.infotop ul { display: none; }
	#leftCntr li.infotop.active { border-bottom: 0; padding-bottom: 0; }
	#leftCntr li.infotop.active ul { display: block; }
	#leftCntr li a { text-decoration: none; color: #59A6C4; display: block; padding: 5px 2px; width: 100%;}
	#leftCntr li a:hover { text-decoration: underline; outline: none; }
	#leftCntr li a:focus { outline: none; }
	#leftCntr li a:active { outline: inherit; } 
	#leftCntr ul ul li { padding-left: 15px; margin-top:2px; }
	
		/* ### LEFT BOX ### */
		.leftBox { margin: 0 0px 30px 0px; padding:5px; width:171px; background:#EFEFEE; }
		#leftCntr div.leftBox li { padding: 0px; border: 0px; line-height: 16px; }
		#leftCntr div.leftBox h2 { margin: -5px -5px 0 -5px; padding: 2px 0px 0px 8px; display: block; height: 23px; font-weight: normal; font-size: 161.6%; text-transform: uppercase; color: #f2f3f1; background: url('./img/titleBg.gif') no-repeat; }
		#leftCntr div.leftBox h2 a { color: #fff; text-decoration: none; }
		#leftCntr div.leftBox ul.list li { border-bottom: 2px dotted #9FC8DA; display: block; }
		#leftCntr div.leftBox ul.list li.active ul {
			background: #EFEFEE url("./img/submenu_list.gif") repeat-y 5px 0;
		}
		#leftCntr div.leftBox ul.list li.active ul li {
			border: 0;
			padding-left: 20px;
			background: url("./img/submenu_list_item.gif") no-repeat 7px 13px;
		}
		#leftCntr div.leftBox ul.list li.active ul li a {
			background: none;
		}
		#leftCntr div.leftBox ul.list li.active ul li.active a {
			text-decoration: underline;
		}
		#leftCntr div.leftBox ul.list li.active a {
			background: #CCE3EB;
			color: #59A6C4;
		}
		.bold { font-weight: bold; }
	
	/* ### CENTER CONTAINER ### */
	#centerCntr { margin-left: 29px; padding-bottom: 10px; float: left; display: inline; width: 483px; }
	#centerCntr p { margin-bottom: 11px; line-height: 16px; }
	#centerCntr p.quote { border: #55a7bf 2px dotted; border-color:#6A7B85; border-style:dotted; border-width:2px 0px; background-color: #F2F3F1; padding: 10px; margin: 10px; }
	#centerCntr li { list-style-position: outside; margin: 2px 20px; }
	#centerCntr ul li, #centerCntr ol ul li   { list-style: disc; }
	#centerCntr ol li { list-style: decimal; }
	#centerCntr ul, #centerCntr ol, #centerCntr dl { margin-bottom: 10px; }
	#centerCntr dt { font-weight: bold; margin-bottom: 5px; font-size: 123.1%; } 
	#centerCntr dd { margin-left: 20px; padding-bottom:5px; }

	/* ### RIGHT CONTAINER ### */
	#rightCntr { margin-left: 40px; float: left; display: inline; width: 198px; }
	
		/* ### RIGHT BOX ### */
		.rightBox { margin-bottom: 10px; width: 198px; background: #f2f3f1; padding-bottom: 10px; }
		.rightBox h2 { padding: 2px 0px 0px 8px; display: block; width: 190px; height: 23px; font-weight: normal; font-size: 161.6%; text-transform: uppercase; color: #f2f3f1; background: url('./img/titleBg.gif') no-repeat; }
		.rightBox a { color:#6A7B85; font-weight: bold;}
		.rightBox a:hover { text-decoration: none; }
		/* ### RIGHT BOX AANBIEDING ### */
			.aanbieding div {margin: 10px;}
			.aanbieding img { width: 169px; border: 1px solid #91C2D3; padding: 5px; background-color: #FFF; }
			.aanbieding img:hover { border: 1px solid #999; background-color: #FFF;}
			.aanbieding p { margin:4px; }
			.aanbieding p a { display: block; padding: 5px 0; }
			.aanbieding span { display: block; color: red; font-size: 123.1%; font-weight: bold; margin: 5px 0; }
		/* ### RIGHT BOX ACTUEEL ### */
			.actueel ul li { margin: 15px; }

	/* ### FOOTER CONTAINER ### */
	#footerCntr { margin: 0 auto; width: 983px; text-align: center; line-height: 50px; color: #ffffff; }
	#footerCntr a { color: #FFF; }
	#footerCntr a:hover { color: #000; }
	
	/* ### SITEMAP CONTAINTER ###*/
	#sitemap, #sitemap ul { background: transparent url(img/line_down.gif) repeat-y scroll 0% 0%; }
	#sitemap li { list-style-type: none !important; margin: 0 !important; padding-left: 15px; padding-bottom: 2px; background: transparent url(img/line_right.gif) no-repeat scroll 0% 0%; }
	
	/* ### SEARCHRESULT CONTAINER ### */
	#searchResult h3 { margin: 30px 0 0 0; }
	#searchResult h2 { margin: 20px 0 0 0; }
	#searchResult hr { margin-bottom: 20px; }
	#searchResult ul { padding-left: 5px; }
	#searchResult ul a { font-size: 153.9%; display:block; }
	#searchResult ul img { border: 1px solid #91C2D3; float: right; padding: 5px; margin: 5px; width: 70px; }
	#searchResult ul li { list-style: none; margin: 0; border-bottom: 1px dotted #9FC8DA; margin-bottom: 10px; }
		#prodWrap div { float: left; width: 151px; display: inline; margin: 5px; height: 150px; overflow: hidden; border-bottom: 1px dotted #afd3e3; }
		#prodWrap div img { padding: 5px; border: 2px dotted #afd3e3; margin-top: 5px; }
		#prodWrap div a:hover img { border-style: solid; } 
	
	/* SEARCH RESULTS */
		#cse-search-results iframe { width:490px; }
		#cse-search-results iframe a {color:#56A5C3;}
		
	#contactform { margin-top: 50px; }
	#contactform p.legend { background-color:#F2F3F1; padding:10px; }
	#contactform em { color: #F00; margin:0; }
	#contactform * { margin: 2px 4px; font-size: 12px; line-height: 14px; color: #000; }
	#contactform fieldset { padding: 5px 0 5px 10px; }
	#contactform legend { font-weight: bold; color: #55A7BF; }
	#contactform label.field { width: 110px;  display: block; float: left; text-align: right; }
	#contactform label.important { position: absolute; color: red; display:inline !important; }
	#contactform input, #contactform textarea { border: #999 1px solid; background-color:#FFF; }
	#contactform .selected { border: 1px solid #55A7BF; outline: 2px solid #55A7BF; background-color: #EFEFEF;}
	#contactform .selected.important { border: 1px solid #F00; outline: 2px solid #F00; }
	#contactform #contactVerzend {padding:0;margin:20px 0pt 0pt 126px; outline:none !important; background-image: url(img/knop_verzend.png); font-size:0; border:0pt none !important; width:129px; height:20px; cursor:pointer;}
	
	
	
	.gallery_holder {
		padding: 10px;
		background: #CCE3EB;
		margin-bottom: 10px;
	}
	.gallery_holder img {
		display: inline;
		vertical-align: middle;
		padding: 2px;
		background: #fff;
		border: 5px solid #59A6C4;
		margin: 10px;
	}
	
/* BEKIJK BROCHURE */
.btn_bekijk_brochure
{
	display: block;
	text-indent: -1234em;
	overflow: hidden;
	width: 181px;
	height: 51px; 
	background: url('./img/bekijk-brochure.jpg') no-repeat;
}

/* MIJN DOWNLOADS */
.my_downloads
{
	background-color: #F2F3F1;
	border: 1px solid grey;
	margin-bottom: 10px;
}

	.my_downloads div, .my_downloads h2
	{
		padding: 2px;
	}

	.my_downloads .column_left
	{
		width: 124px;
		float: left;
	}
	
		.my_downloads .column_left img
		{
			width: 120px;
		}
		
	.my_downloads .column_right
	{
		width: 330px;
		float: left;
	}

		.my_downloads .column_right .column_left
		{
			width: 74px;
		}
		
			.my_downloads .column_right .column_left img
			{
				width: 70px;
			}
			
		.my_downloads .column_right .column_right
		{
			width: 240px;
		}