﻿/* ============================================================	*/
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/
html {
	height: 100%;
	width: 100%;
	overflow: -moz-scrollbars-vertical;
}
body {
	text-align:center;
	margin: 0 0 0 0;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	scrollbar-face-color: #ddd;
	scrollbar-highlight-color: #FFF;
	scrollbar-shadow-color: #aaa;
	scrollbar-3dlight-color: #aaa;
	scrollbar-arrow-color: #666;
	scrollbar-track-color: #FFF;
	scrollbar-darkshadow-color: #FFF;
}


select {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}


textarea {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}


input {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}


p {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}


td {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}


th {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}


table {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}


body {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}
/*img, div {behavior: url(css/iepngfix.htc);}*/
img{border:0px;}


a {text-decoration: none;color:#000;}
h1{
	color:#00467f;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	margin:30px 0 20px 0;
}
h2{
	color:#00467f;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:18px;
}
h3.missing{
	line-height:24px;
	background:#9c9c9c;
	font-weight:bold;
	font-size:10px;
	text-indent:10px;
	color:#fff;
	text-transform:uppercase;
	margin:0 0 0 0;
	}
h3.small{
	line-height:24px;
	background:#9c9c9c;
	font-weight:bold;
	font-size:10px;
	text-indent:10px;
	color:#fff;
	text-transform:uppercase;
	margin:0 0 0 0;
	}
h3{
	line-height:24px;
	background:#9c9c9c;
	font-weight:bold;
	font-size:10px;
	text-indent:10px;
	color:#fff;
	text-transform:uppercase;
	margin:0 0 0 0;
	}
h3.small{position:relative;float:left;width:321px;}
h3.missing{position:relative;float:left;width:321px;margin-top:15px;background:#F00;}

/* ============================================================	*/
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/
#container {
	position: relative;
	margin: 0 auto 0 auto;
	width: 965px;
	min-height: 100%;
	#height:100%;
	text-align: left;
	background: #FFF;
}
/* ============================================================	*/
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
	height: 103px;
	_height:101px;
	background-color:#CCCCCC;
	position:relative;
	}

div.headerlogo 
{
	position:absolute;
	top:7px;
	left:28px;
}
/* ============================================================	*/
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/
div.navigatie {
	position: relative;
	float: left;
	top: 79px;
	height: 22px;
	width: 651px;
	text-transform: uppercase;
	
}
div.navigatie a {
	color: #fff;
	line-height: 20px;
	float: left;
	height: 22px;
	border-style: solid;
	border-width: 1px 1px 1px 0px;
	border-color: #FFFFFF;
	background: #5c5c5c;
	font-weight: bold;
	text-indent: 9px;
	width: 160px;
	_width:161px;


}
div.navigatie a:hover {
	float: left;
	height: 22px;
	border-style: solid;
	border-width: 1px 1px 1px 0px;
	border-color: #FFFFFF;
	background: #ef3125;
}
div.rechts {
	right:15px;
	text-align:right;
	display: block;
	top: 79px;
	position: relative;
	float: right;
	line-height: 22px;
	text-transform: uppercase;
	font-size:10px;
}
div.rechts a {color: #191919;}

div.countyselection{
	position:absolute;
	top:7px;
	left:858px;
}

/* ============================================================	*/
/* ========	menubalk			===============================	*/
/* ============================================================	*/

#menubalk ul{
	margin: 0px;
	padding: 0px;

}
#menubalk ul li{list-style-type: none;margin-left:20px;}

#menubalk a{
	display:block;
	color: #00467f;
	background: url('../gfx/arrow_b.gif') no-repeat;
	padding-left:15px;
	text-align:left;
	/*width:300px;*/
}

#menubalk a:hover{color:#ee3024;background:url('../gfx/arrow_r.gif') no-repeat;}
#menubalk a.current{color:#ee3024;background: url('../gfx/arrow_r.gif') no-repeat;}

#menubalk a.en{color:#00467f;background: url('../gfx/arrow_b_eng.gif') no-repeat 0px 5px; padding-left:25px;}
#menubalk a.en:hover{color:#ee3024;background: url('../gfx/arrow_r_eng.gif') no-repeat 0px 5px; padding-left:25px;}

#menubalk a.nl{color:#00467f;background: url('../gfx/arrow_b_nl.gif') no-repeat 0px 5px; padding-left:25px;}
#menubalk a.nl:hover{color:#ee3024;background: url('../gfx/arrow_r_nl.gif') no-repeat 0px 5px; padding-left:25px;}

#menubalk a.de{color:#00467f;background: url('../gfx/arrow_b_du.gif') no-repeat 0px 5px; padding-left:25px;}
#menubalk a.de:hover{color:#ee3024;background: url('../gfx/arrow_r_du.gif') no-repeat 0px 5px; padding-left:25px;}

#menubalk a.fr{color:#00467f;background: url('../gfx/arrow_b_fr.gif') no-repeat 0px 5px; padding-left:25px;}
#menubalk a.fr:hover{color:#ee3024;background: url('../gfx/arrow_r_fr.gif') no-repeat 0px 5px; padding-left:25px;}

#menubalk a.ru{color:#00467f;background: url('../gfx/arrow_b_ru.gif') no-repeat 0px 5px; padding-left:25px;}
#menubalk a.ru:hover{color:#ee3024;background: url('../gfx/arrow_r_ru.gif') no-repeat 0px 5px; padding-left:25px;}

#menubalk a.cs{color:#00467f;background: url('../gfx/arrow_b_cs.gif') no-repeat 0px 5px; padding-left:25px;}
#menubalk a.cs:hover{color:#ee3024;background: url('../gfx/arrow_r_cs.gif') no-repeat 0px 5px; padding-left:25px;}


div.menunext {
	margin:0;
	padding:0;
}
div.menunext span {
	color: #00467f;
	margin-top:50px;
	padding-left:25px;
}
div.menunext a{
	color: #00467f;
}
div.menunext a:hover{
	text-decoration:underline;
}
div.menunext a.selected{
	font-weight:bold;
}



/* ============================================================	*/
/* ========	visuals top			===============================	*/
/* ============================================================	*/
div.imagerowtop{
	position: relative;
	overflow:hidden;
	/*border-top:1px solid #FFFFFF;*/
	border-bottom:1px solid #FFFFFF;
	
	width: 965px;
	background: url('../gfx/imagerowtop_bg.gif');
	background-repeat: repeat-y;
	background-position: right;
	background-color:#FFFFFF;
	/*padding:1px 0;*/
	/*border-bottom: 1px solid #fff;*/
}
div.imagerowtopline{
	position:absolute;
	left:0px;
	top:157px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width:965px;
	height:123px;
	overflow:inherit;
	}
	
div.topimg {
	border-right:1px solid #FFF;
	position: relative;
	float: left;
	}

	
div.topimg01 {
	position:relative;
	float:right;
	border-left:1px solid #fff;
	right:-1px;
	}

div.imagerowtoptx{
	position:absolute;
	top:0px;
	left:338px;
	width:620px;
	height:156px;
	line-height:15px;
	z-index:990;
	overflow:hidden;

}
div.printbutton{
	position:absolute;
	bottom:145px;
	right:5px;
	line-height:15px;
	z-index:990;
}




div.imagerowtopright{
	position: relative;
	float: left;
	width: 643px;
	_height:122px;
	height:124px;
	overflow:hidden;
}

	
	


/* ============================================================	*/
/* ========	mainContent			===============================	*/
/* ============================================================	*/


div.maincontent, div.maincontent2, div.maincontent3{
			text-align:left;
			position: relative;
			/*float:left;*/
			padding-bottom:50px;
			width:965px;
			overflow:hidden;
}

div.maincontent{background:#ccc;}
div.maincontent2{background:url('../gfx/bg_1line.gif');}
div.maincontent3{background:url('../gfx/bg_2line.gif');
}



div.mainleft{
			position: relative;
			float:left;
			width:322px;
	}

div.mainheader{
			margin-top:38px;
			margin-bottom:23px;
			position: relative;
			float:left;
			left:28px;
			color:#00467f;
}


div.mainlefttxt{
	position: relative;
	float:left;
	padding: 10px 0px 0px 10px;
	width: 285px;
	line-height: 20px;
	left:17px;
	overflow:hidden;
	}


div.maincenter{
	position: relative;
	float:left;
	width:322px;
}

div.maincentermax {
	position: relative;
	float:right;
	width:642px;
	overflow:hidden;
	/*margin-bottom:50px;*/
	padding-bottom:50px;
	}
div.maincentermax table{
	/*float:left;*/
	clear:both;
	display:block;
	/*width:auto !important;*/
	/*table-layout:fixed;*/
	margin:0 0 0 10px !important;
	table-layout:fixed;
	}
	
div.maincentermax p{padding:0 15px;line-height:16px;}

div.maincentermaxtxt{
	position:relative;
	clear:left;
	line-height:16px;
	padding:15px;
	overflow:hidden;
}
div.maincenternews{
	position:relative;
	float:left;
	line-height:16px;
	margin-top:15px;
}



div.newsimg{
	position:relative;
	float:right;
	margin-left:15px;
	/*border-left:1px solid #fff;*/
	}
	
div.newsimg img{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	width:160px;
	border-left:1px solid #FFFFFF !important;
	}

div.newsimg p{
	line-height:20px;
	margin:0px;
	text-indent:5px;
}



div.spacer {
	position: relative;
	float:left;
	margin:5px 0 5px 0;
	width:620px;
}

div.spacer_line {
	position: relative;
	float:left;
	margin:5px 0 20px 0;
	width:620px;
	border-bottom:1px solid #a0a0a0;
	left:10px;
}

div.spacer_line_thin {
	position: relative;
	float:left;
	
	/*margin:-8px 0 -20px 0;*/
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:0px;
	font-size:0px;
	height:10px;
	
	width:620px;
	border-bottom:1px solid #a0a0a0;
	left:10px;
	clear:left;
}


div.details{
	position: relative;
	float:left;
	padding:10px 0px;
	margin-bottom:10px;
	width:620px;
	border-bottom:1px solid #a0a0a0;
	left:10px;
}






div.product{
	position: relative;
	float:left;
	padding:10px 0px;
	margin-bottom:10px;
	width:620px;
	border-bottom:1px solid #a0a0a0;
	left:10px;
}



a.productimg{
	position: relative;
	float:left;
	
}


div.contacts{
	width:600px;
	font-size:10px;
	position: relative;
	float:left;
	padding:10px 0px;
	margin-bottom:10px;
	border-bottom:1px solid #a0a0a0;
	left:8px;
}
div.contacts .img{
	text-align:right;
	position: relative;
	width:200px;
	float:left;
	margin-right:5px;
}


div.info a{
	display:inline;
	padding-right:15px;
	padding-bottom:2px;
	font-size: 10px;
	line-height:10px;
	/*background: url('../gfx/news_line.gif') no-repeat bottom right;*/
}
div.info a.productline2 {
	background: url('../gfx/news_line.gif') no-repeat bottom right;
	}
div.info p{padding:0px}

a.productline{
	position:absolute;
	bottom:0px;
	left:108px;
	display:block;
	text-align:right;
	padding-right:15px;
	height:25px;
	font-size: 10px;
	background: url('../gfx/news_line.gif') no-repeat right;
}


a.line{
	position:relative;
	float:left;
	display:block;
	text-align:right;
	padding-right:15px;
	height:25px;
	font-size: 10px;
	background: url('../gfx/news_line.gif') no-repeat right;
	margin-top:5px;
	text-transform:uppercase;
}
a.fullline{
	display:block;
	text-align:left;
	padding-right:15px;
	font-size: 10px;
	line-height: 16px;
	background: url('../gfx/news_line.gif') no-repeat right bottom;
	overflow:hidden;
}





div.info{
	position:relative;
	float:left;
	margin-left:8px;
	line-height:15px;
	width:500px;
}


div.contacts .info{
	position:relative;
	float:left;
	width:385px;
	padding-bottom:20px;
}


div.detailinfo{
	position:relative;
	float:left;
	margin-left:8px;
	line-height:15px;
	width:260px;
	padding-bottom:20px;
}

div.detailinfo p{
	margin:0px;
	padding:0px;
	font-weight:bold;
	margin-bottom:5px;
}




div.info p{
	font-weight:bold;
	font-size:9px;
	margin:0px;
}
/* ============================================================	*/
/* ========	country 			===============================	*/
/* ============================================================	*/

div.country{
	position:absolute;
	float:right;
	right:0px;
	top:10px;
	width:225px;
}


div.country table th {
	border-left:1px solid #9f9f9f;
	font-weight:normal;
	width:45px;
	text-align:center;


	}
div.country table th span {
	border-bottom:1px solid #9f9f9f;
	display:block;
	height:40px;
	margin:0px 5px 10px 5px;
	}
	
	
div.country table td {
	border-left:1px solid #9f9f9f;
	text-align:center;

	}

div.country table td.noborder{
	border:0px;


}

div.country table th.noborder {
	border:0px;
	vertical-align:top;
	}

/* ============================================================	*/
/* ========	servicedesk downloads 			===============================	*/
/* ============================================================	*/

div.servicedesk {
	position:relative;
	float:right;
	right:0px;
	top:10px;
	width:300px;
}


div.servicedesk table th {
	border-left:1px solid #9f9f9f;
	font-weight:normal;
	width:30px;
	text-align:center;


	}
div.servicedesk table th span {
	border-bottom:1px solid #9f9f9f;
	display:block;
	height:20px;
	margin:0px 5px 10px 5px;
	}
	
	
div.servicedesk table td {
	border-left:1px solid #9f9f9f;

	}

div.servicedesk table td.noborder{
	border:0px;


}

div.servicedesk table th.noborder {
	border:0px;
	vertical-align:top;
	text-align:left;
	width:100%;
	}

.smallDownloadText {
	font-size:10px;
	color:#5C5C5C;
	}
	
.downloadselect select {
	font-size:10px;
}
	
/* ============================================================	*/
/* ========				===============================	*/
/* ============================================================	*/


div.maincentertxt{
	padding: 10px 0px 0px 10px;
	position: relative;
	float: left;
	line-height: 15px;
	width: 300px;
}
div.producttable {
	left:8px;
	width:307px;
	position:relative;
	float:left;
	padding-bottom:20px;
}
div.productimg {
	position:relative;
	float:left;
	border-right:1px solid #CCC;
	width:100px;
	height:70px;

}
.productinfoL {
	display:block;
	padding:20px 4px 0px 4px;
	position:relative;
	float:left;
	border-right:1px solid #FFF;
	border-left:1px solid #FFF;
	width:91px;
	_width:101px;
	min-height:30px;
	#min-height:50px;
	_height:70px;
}

div.productinfoR {
	padding:20px 4px 0px 4px;
	position:relative;
	float:left;
	border-right:1px solid #FFF;
	width:92px;
	_width:101px;
	min-height:30px;
	#min-height:50px;
	_height:70px;
}

div.productinfoL a.fullline,
div.productinfoR a.fullline {
	position:absolute;
	bottom:0px;
	}

div.mainright{
	position: relative;
	float:left;
	width:321px;
	
}
div.mainrighttxt{
	padding: 10px 0px 0px 10px;
	position: relative;
	float:left;
	width:290px;
	line-height: 20px;

}

div.mainrighttxt a{
	display:inline;
	padding-right:15px;
	padding-bottom:2px;
	font-size: 10px;
	line-height:10px;
	background: url('../gfx/news_line.gif') no-repeat bottom right;
}

div.mainlefttxt td{
	text-align: right;
	width:290px;
	margin:0px;
	padding:0px;
	height:20px;
	}
div.maincentertxt td{
	width: 300px;
	margin:0px;
	padding:0px;
	height:20px;
	}


div.newsitem {
	font-size: 10px;
	height:20px;
	margin-bottom:16px;
	line-height:16px;
	}
	div.newsitem a {
		line-height:normal;
		display:block;
		overflow:hidden;
		}

div.allnewsitems{
	font-size: 10px;
	margin-top:50px;
	margin-bottom:16px;
	line-height:16px;
}


div.generalDownloads {
	position: absolute;
	bottom: 5px;
	left:0px;
}

/* ============================================================	*/
/* ========	FOOTER				===============================	*/
/* ============================================================	*/
div.imagerowbottom {
	position: relative;
	/*float:left;*/
	width:965px;
	overflow:hidden;
	clear:both;
	/*padding:1px 0;*/
	/*background-color:#FFFFFF;*/
	/*height: 137px;*/
	/*height:91px;*/
	border-top:1px solid #FFFFFF;
	/*position: absolute;
	bottom: 0;
	left:0px; */
	}


div#footer {
	position: relative;
	width: 965px;
	clear: both;
	background: #c3c3c3;
	height: 20px;
	border-top: 1px solid #fff;
	border-bottom:4px solid #5c5c5c;
	}
div#footer .footerTextleft {
	float: left;
	padding-left:7px;
	line-height: 16px;
	}
	
	div#footer .footerTextright {
	float: right;
	padding-right:7px;
	line-height: 16px;
	}

/* ============================================================	*/
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

/* MOZILLA HAX */
html > body div.left {
	margin-bottom: 0px;
}
/* MOZILLA HAX */

/* ============================================================	*/
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/
form {
	margin: 0px;
}
.send {
	border:0px;
	text-align:left;
	margin-left:10px;
	padding-right:15px;
	font-size:11px;
	background: url('../gfx/news_line.gif') no-repeat right bottom;
	cursor: pointer;
	_cursor: hand;
}


.typeText {background-color:#FFF;border:0px;width:100%;}
.textarea {background-color:#FFF;border:0px;width:100%;}
 select   {background-color:#FFF;border:0px;width:100%;}

.typeTextmissing {
	color:red;
	background-color:#FFF;
	border:0px;
	width:100%;
	font-weight:bold;
	}

div.searchfield {
	position:relative;
	float:left;
	width:321px;
	height:24px;
	width:320px;
	background:#9c9c9c;
	}

div.searchfield table {
	padding:0 0 0 0;
	margin:0 0 0 0;
	display:block;
	height:16px;
	table-layout:auto !important;
	}

div.searchfield .typeText {
	height:16px;
	background-color:#FFF;
	font-size:10px;
	font-weight:bold;
	border:0px;
	line-height:16px;
	color:#5C5C5C;
	width:140px;
	}
	



div.searchfield td{margin:0px;padding-right:2px;
}


.search {
	/*margin:0 2px 0 2px;*/
	line-height:16px;
	font-weight:bold;
	font-size:11px;
	border:0px;
	color:#fff;
	background:silver;
}



/* Toegevoegd door Wouter */
.productSelector .invulveld {
	display:block;
	width:620px;
	margin:5px;
}

.productSelector .level2 {
	margin-left:35px;
	width:590px;
}

.productSelector .level3 {
	margin-left:65px;
	width:560px;
}

.productSelector .level4 {
	margin-left:95px;
	width:530px;
}

.submitButton {
	display:block;
	background-color:#E7E7E7;
	border:solid 1px #9C9C9C;
	float:right;
	padding:0 7px 0 7px;
	margin-right:20px;
	cursor: pointer;
	_cursor: hand;
}