﻿/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/

html
{
	height: 100%;
	width: 100%;
	overflow: -moz-scrollbars-vertical;
}
body
{
	margin: 0 0 0 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: #FFFFFF url(/gfx/background-gradient.gif) center top repeat-x;
}

table td
{
	vertical-align: top;
	padding: 0 5px 2px 0;
}
div.contactTable td {padding: 0 5px 5px 0;}
div.contactTable label, div.contactTable input {margin-right:5px;}

object
{
	outline: none;
}
img, div
{
	behavior: url(css/iepngfix.htc);
}
img
{
	border: 0px solid #000000;
}

body, table, th, td, p, input, textarea, select
{
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 11px;
	color: #58585A;
}
h1, h2, h3, h4, h5, h6
{
	margin: 0 0 10px 0;
}
/*span {color:#4699B8;}*/
a:focus
{
	outline: none;
}
a:hover
{
	cursor: pointer;
}
hr
{
	height: 1px;
	border-top: 0px solid #B7D7E4;
	border-right: 0px solid #B7D7E4;
	border-bottom: 1px solid #B7D7E4;
	border-left: 0px solid #B7D7E4;
	margin-right:10px;
}
a.print
{
	background: transparent url(/gfx/print.gif) top left no-repeat;
	float: right;
	position: relative;
	display: block;
	height: 24px;
	position: relative;
}
a.print span
{
	padding: 0 0 0 22px;
	display: block;
	color: #4699B8;
	border-color: #4699B8;
}
a.tellafriend
{
	padding: 0 10px 0 22px;
	background: transparent url(/gfx/email.gif) top left no-repeat;
	float: right;
	position: relative;
	display: block;
	height: 24px;
	position: relative;
}


h1
{
	font-size: 24px;
	font-weight: normal;
	color: #4699B8;
	position: relative;
}
h1 .pageNav, h2 .pageNav
{
	position: absolute;
	bottom: 5px;
	right: 0px;
	font-size: 11px;
}
h2
{
	font-size: 13px;
	font-weight: normal;
	color: #4699B8;
	position: relative;
	letter-spacing: -1px;
}
h2 a
{
	color: #4699B8;
	text-decoration: none;
}

div.border
{
	border-bottom: 1px solid #B7D7E4;
	padding: 0 0 10px 0;
}

p
{
	margin: 0 0 0 0;
	padding: 0 0 13px 0;
}

ol
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}
ul
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}
li
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}
.mainContent li
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: disc;
	list-style-position: inside;
}

a
{
	color: #999999;
}
a.logo
{
	display: block;
	width: 188px;
	height: 18px;
	position: absolute;
	top: 34px;
	left: 30px;
}
a span.arrow
{
	font-size: 30px;
	clear: left;
	text-align: center;
}

/*QUICKLINKS*/
.quickLinks
{
	background: #F4F8FB url(/gfx/header-tab.gif) right bottom no-repeat;
	line-height: 26px;
	padding: 0 0 0 10px;
	position: relative; #height:26px;}
.quickLinks, .quickLinks a
{
	color: #B1B2B4;
	text-decoration: none;
}
.quickLinks a:hover
{
	text-decoration: underline;
}
.quickLinks .search
{
	position: absolute;
	right: 5px;
	bottom: -8px;
}

.date
{
	font-size: 8px;
	color: #B1B2B4;
}
.title
{
	color: #3096B8;
	font-size: 15px;
}
.more
{
	float: right;
}
a.more
{
	text-decoration: underline !important;
}

.w100
{
	width: 100px;
}
.w120
{
	width: 120px;
}
.w140
{
	width: 140px;
}
span.w120, input.w120
{
	background: transparent url(/gfx/btn-w120.gif) top left no-repeat;
	color: #FFFFFF;
	height: 26px;
	border: 0px solid #FFFFFF;
	outline: none;
	font-size: 13px;
}
.w150
{
	width: 150px;
}
span.w150, input.w150
{
	background: transparent url(/gfx/btn-w150.gif) top left no-repeat;
	color: #FFFFFF;
	height: 26px;
	border: 0px solid #FFFFFF;
	outline: none;
	font-size: 13px;
}
div.mainContent a.w150 {
    background: transparent url(/gfx/btn-w150.gif) top left no-repeat;
	color:#FFFFFF !important;
	height: 26px;
	line-height: 26px;
	border: 0px solid #FFFFFF;
	outline: none;
	font-size: 13px;
	display:block;
	text-decoration:none;
	text-align:center;
	position:relative;
	top:-6px;
    }
.w170
{
	width: 170px;
}
.w200
{
	width: 200px;
}
span.w200, input.w200
{
	background: transparent url(/gfx/btn-w200.gif) top left no-repeat;
	color: #FFFFFF;
	height: 26px;
	border: 0px solid #FFFFFF;
	outline: none;
	font-size: 13px;
}
div.mainContent a.w200 {
    background: transparent url(/gfx/btn-w200.gif) top left no-repeat;
	color:#FFFFFF !important;
	height: 26px;
	line-height: 26px;
	border: 0px solid #FFFFFF;
	outline: none;
	font-size: 13px;
	display:block;
	text-decoration:none;
	text-align:center;
	position:relative;
	top:-6px;
    }
.w210
{
	width: 210px;
}
.w250
{
	width: 250px;
}
.w290
{
	width: 290px;
}
.h75
{
	height: 75px;
}

pre
{
	white-space: normal;
}
p.comment
{
	color: #c2c2c2;
	font-size: 10px;
}

label.error, span.error
{
	color: #FF2222;
}

.color
{
	color: #4699B8 !important;
}
.grey-color
{
	color: #939598;
}

h1.border, h2.border
{
	border-bottom: 1px solid #B7D7E4;
	padding: 0 0 10px 0;
	margin-right:10px;
}
img.newProduct {position:absolute !important; top:0px !important; left:0px !important;}

div.contactHQ {
	border:1px solid #4699b8;
	padding:10px;
	overflow:hidden;
	}
	div.contactHQ .header {
		font-size:12px;
		}

label {
    line-height:20px;
    color:#0087C9;
    }

/* ============================================================	*/
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/

#container
{
	position: relative;
	margin: 0 auto 0 auto;
	width: 913px;
	text-align: left;
	background: transparent url(/gfx/header-back.gif) 0px -4px repeat-x;
}

/* ============================================================	*/
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header
{
	z-index: 99;
	position: relative;
	padding: 70px 0 0 0;
}

div.tabs
{
	position: absolute;
	bottom: 0px;
	bottom: -1px;
	right: 10px;
}
div.tabs a
{
	display: block;
	float: left;
	background: transparent url(/gfx/tab.gif) 0 -26px no-repeat;
	width: 126px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	letter-spacing: 0px;
	text-decoration: none;
	color: #4799b8;
	font-size: 13px;
	letter-spacing: -1px;
}
div.tabs a:hover, div.tabs a.selected
{
	background: transparent url(/gfx/tab.gif) 0 0 no-repeat;
}

/* ============================================================	*/
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/


a.btnMS, a.btnPr, a.btnIn, a.btnSS, a.btnHB
{
	display: block;
	height: 28px;
	white-space: nowrap;
	text-indent: 1000px;
	overflow: hidden;
}
a.btnMS:hover, a.btnPr:hover, a.btnIn:hover, a.btnSS:hover, a.btnHB:hover
{
	background-position: 0px -28px;
}

/*NAVIGATIE*/
div#navigatie
{
	padding: 0 4px 0 0;
	position: absolute;
	top: 39px;
	right: 0px;
	right: -1px;
	height: 20px;
	z-index: 999;
	background: transparent url(/gfx/navigatie-ronding.gif) 690px 24px no-repeat;
}

div#navigatie ul
{
	display: block;
	float: left;
	list-style: none;
}
div#navigatie li
{
	position: relative;
	display: block;
	background: transparent url(/gfx/navigatie-ronding.gif) left bottom no-repeat;
	float: left;
	padding: 0 0 3px 10px;
	margin: 0 0 0 -4px;
	height: 28px;
}

div#navigatie ul.sub
{
	background-color: transparent;
	position: absolute;
	left: 10px;
	top: 28px;
	float: none;
	padding-top: 5px;
	_padding-top: 0px;
}
div#navigatie ul.sub li
{
	display: block;
	float: none;
	background: transparent url(/gfx/plus.gif) 8px 50% no-repeat; /*padding-right:10px; padding-left:15px;*/
	padding: 4px 10px 4px 20px;
	height: auto;
	width: auto;
	margin: 0 0 0 0;
	min-width: 110px;
	_width: 140px;
}
div#navigatie ul.sub li:hover
{
	background: #FFFFFF url(/gfx/plus.gif) 8px 50% no-repeat;
}
div#navigatie ul.sub li.sfhover
{
	_background: #FFFFFF url(/gfx/plus.gif) 8px 50% no-repeat;
}

div#navigatie ul.sub ul.sub
{
	position: absolute;
	left: 100%;
	padding: 0 0 0 0;
	top: 0px;
}
div#navigatie ul.sub a
{
	text-decoration: none;
	color: #3689A8;
	white-space: nowrap;
	display: block;
}
div#navigatie ul.sub a:hover
{
	cursor: hand;
}

div#navigatie li ul
{
	display: none;
}
/*div#navigatie li:hover ul,
div#navigatie li.selected ul,
div#navigatie li.selected ul.sub,
div#navigatie li.sfhover ul {display:block;}*/
.transparency
{
	background-color: #FFFFFF;
	position: absolute;
	width: 100%;
	height: 100%;
	min-height: 100%;
	_height: 500px;
	top: 0px;
	left: 0;
	filter: alpha(opacity=90);
	opacity: 0.90;
	-moz-opacity: 0.90;
}

/*div#navigatie li li {background:transparent; background-image:none; padding:0 0 0 0; margin:0 0 0 0; float:none; _height:1px; width:auto;}
div#navigatie li li a {background:transparent url(/gfx/plus.gif) 11px 50% no-repeat; padding:2px 20px 2px 27px; color:#999999; display:block; text-decoration:none;}
div#navigatie li li a:hover {background:#FFFFFF url(/gfx/plus.gif) 11px 50% no-repeat; text-decoration:none; color:#4699B8;}*/
/*div#navigatie a:hover {text-decoration:underline;}*/

/**/
/*div#navigatie ul {display:block; float:left; list-style:none;}
div#navigatie li {position:relative; display:block; background:transparent url(/gfx/navigatie-ronding.gif) left bottom no-repeat; float:left;	padding:0 0 3px 10px; margin:0 0 0 -4px;}
div#navigatie li li {background:transparent; background-image:none; padding:0 0 0 0; margin:0 0 0 0; float:none;}
div#navigatie li li a {background:transparent url(/gfx/plus.gif) 11px 50% no-repeat; padding:2px 20px 2px 27px; color:#999999; display:block; text-decoration:none;}
div#navigatie li li a:hover {background:#FFFFFF url(/gfx/plus.gif) 11px 50% no-repeat; text-decoration:none; color:#4699B8;}
div#navigatie ul.sub {left:10px; background-color:#FFFFFF; filter:alpha(opacity=85); opacity:0.85; -moz-opacity:0.85;}
div#navigatie ul.sub ul.sub {left:100%;}
div#navigatie {padding:0 4px 0 0; position:absolute; top:39px; right:0px; right:-1px; height:20px; background:transparent url(/gfx/navigatie-ronding.gif) 690px 24px no-repeat;}
div#navigatie a:hover {text-decoration:underline;}

div#navigatie li ul {display:none; position:absolute; left:0px;}
div#navigatie li:hover ul,
div#navigatie li.selected ul {display:block;}*/

/*HOME*/
.homeRight
{
	width: 220px;
	float: right;
	position: relative;
	overflow: hidden;
	right: 10px;
}
.homeRight .margin
{
	margin: 0 5px 0 55px;
	padding: 8px 0 0 0;
}
.homeRight p, .homeRight div
{
	color: #869CA7;
	font-size: 11px;
}
.homeRight span, .homeRight span a
{
	font-size: 12px;
	text-decoration: none;
}
.homeRight a
{
	font-size: 10px;
}
.homeRight img
{
	float: left;
}
.homeRight *
{
	font-weight: normal !important;
}

.homeLeft
{
	width: 210px;
	float: left;
	position: relative;
	left: 10px;
}
.homeLeft .margin
{
	margin: 0 0 0 60px;
	padding: 8px 0 0 0;
}
.homeLeft p, .homeLeft div
{
	color: #869CA7;
	font-size: 11px;
}
.homeLeft span, .homeLeft span a
{
	font-size: 12px;
	text-decoration: none;
}
.homeLeft a
{
	font-size: 10px;
}
.homeLeft img
{
	float: left;
}
.homeLeft *
{
	font-weight: normal !important;
}

.homeCenter
{
	margin: 0 235px 0 230px;
	padding: 0 15px 0 15px;
	border-left: 1px solid #AFBECF;
	border-right: 1px solid #AFBECF;
}
.homeCenter .margin
{
	margin: 0 0 0 60px;
	padding: 8px 0 0 0;
}
.homeCenter p, .homeCenter div
{
	color: #869CA7;
	font-size: 11px;
}
.homeCenter span, .homeCenter span a
{
	font-size: 12px;
	text-decoration: none;
}
.homeCenter a
{
	font-size: 10px;
}
.homeCenter img
{
	float: left;
}
.homeCenter *
{
	font-weight: normal !important;
}

/*FAQ*/
ul.faq
{
	border-top: 1px solid #BEDBE6;
}
ul.faq li
{
	display: block;
	border-bottom: 1px solid #BEDBE6;
	padding: 8px 0 8px 0;
}
ul.faq li span.content
{
	display: block;
	border-top: 1px solid #BEDBE6;
	margin-top: 8px;
}
ul.faq li.selected
{
	background-color: #ECF5F8;
	overflow: hidden;
}

/*NEWS*/
ul.news
{
	list-style: none;
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-top: 1px solid #BEDBE6;
}
ul.news li
{
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;
	_overflow: inherit;
	border-bottom: 1px solid #BEDBE6;
	_height: 1px;
	position: relative;
}
ul.news li:hover
{
	background-color: #ECF5F8;
}
ul.news li img
{
	float: left;
	display: block;
}
ul.news li .margin
{
	display: block;
	margin: 0 0 0 232px;
}
ul.news li, ul.news li p
{
	font-size: 10px;
}
ul.news li .title
{
	font-size: 13px;
	color: #58585A;
	margin: 0 0 5px 0;
	display: block;
	font-weight: bold;
}
ul.news li .title .color
{
	font-size: 10px;
}
ul.news li a.more
{
	position: absolute;
	right: 0px;
	bottom: 15px;
}

/*CASES*/
div.cases
{
	display: block;
	border-top: 1px solid #BEDBE6;
	overflow: hidden;
}
div.cases div.case
{
	min-height: 100px;
	overflow: hidden;
	border-bottom: 1px solid #BEDBE6;
	background: transparent url(/gfx/border-pixel.gif) 135px 0 repeat-y;
}
div.cases div.case:hover
{
	background: #ECF5F8 url(/gfx/border-pixel.gif) 135px 0 repeat-y;
}
div.cases div.case .margin
{
	padding: 13px 0 0 0;
	margin: 0 15px 5px 145px;
	position: relative;
	_height: 1px;
}
div.cases div.case img
{
	float: left;
	position: relative;
	left: 13px;
	top: 13px;
}
div.cases a.more
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	float: none;
}

div.caseStudyProduct 
{
    background-color:#ffffff;
    border: solid 1px #E0E0E0;
    padding:10px;
    text-align:center;
}
div.caseStudyProduct img 
{
   
    display:block;
}
div.caseStudyProduct a 
{
    padding-top:6px;
    font-size:14px;
}

/*PRODUCTS LIST*/
div.productsList
{
	display: block;
	border-top: 1px solid #8ec0d3;
	overflow: hidden;
}
div.productsList h2, div.productsList h2 a
{
	margin: 0 0 0 0;
	color: #3096b8;
	text-decoration: none;
}
div.productsList .right
{
	float: right;
	text-align: right;
}
div.productsList .right img
{
	display: inline;
	border-left: 3px solid #FFFFFF;
}
div.productsList .right a
{
	clear: both;
	position: relative;
	top: 20px;
	font-size: 10px;
	white-space: nowrap;
}
div.productsList a.more
{
	position: absolute;
	bottom: 15px;
	right: 5px;
	font-size: 10px;
}

div.productsList div.productListItem
{
	height: 110px;
	border-bottom: 1px solid #8ec0d3;
	background: transparent url(/gfx/border-pixel-dark.gif) 135px 0 repeat-y;
	position: relative;
}
div.productsList div.productListItem:hover
{
	background: #ECF5F8 url(/gfx/border-pixel-dark.gif) 135px 0 repeat-y;
}
div.productsList div.productListItem div.margin
{
	padding: 13px 0 13px 0;
	margin: 0 175px 0 145px;
}
div.productsList div.productListItem img
{
	float: left;
	position: relative;
	left: 13px;
}
div.productsList div.productListHeader
{
	background-color: #C5DFE8;
	border-bottom: 1px solid #8ec0d3;
	line-height: 18px;
	padding: 0 0 0 6px;
	font-size: 14px;
	color: #4699b8;
	_height: 1px;
}
div.productsList div.productListItem div.right
{
	width: 270px;
}
div.productsList div.productListItem div.right img
{
	float: left;
	top: 13px;
	padding-left: 4px;
}

/*PRODUCTPAGE*/
div.productThumbs
{
	padding: 150px 0 0 0;
	overflow: hidden;
	_width: 320px;
}
div.productThumbs img
{
	border: 1px solid #869ca7;
}
div.productThumbs a
{
	display: block;
	padding: 0 0 0 10px;
	float: left;
	width: 90px;
	_width: 100px;
	height: 115px;
	text-align: center;
	overflow: hidden;
	color: #3296b8;
	font-size: 10px;
}
div#overview p.overviewicons img
{
	padding-right: 8px;
}

div.printPosition
{
	text-align: right;
	overflow: hidden;
}
div.printPosition a.print
{
	position: relative;
}

/*VACANCIES*/
div.vacancie
{
	position: relative;
	border-top: 1px solid #BEDBE6;
	padding: 0 5px 0 5px;
	_height: 1px;
}
div.vacancie:hover
{
	background-color: #ECF5F8;
}
div.vacancie div.hours
{
	float: left;
	font-size: 10px;
	line-height: 14px;
	padding: 0 5px 0 0;
}
div.vacancie div.location
{
	float: left;
	font-size: 10px;
	border-left: 1px solid #BEDBE6;
	line-height: 14px;
	padding: 0 5px 0 5px;
}
div.vacancie div.office
{
	float: left;
	font-size: 10px;
	border-left: 1px solid #BEDBE6;
	line-height: 14px;
	padding: 0 5px 0 5px;
}

div.vacancie .jobTitle
{
	font-size: 13px;
	clear: both;
	padding: 0 0 5px 0;
}
div.vacancie .jobTitle a
{
	text-decoration: none;
	color: #58585A !important;
}
div.vacancie .jobTitle span
{
	font-size: 10px;
}
div.vacancie a.more
{
	position: absolute;
	bottom: 15px;
	right: 5px;
}

/*VACANCIE*/
.vacancieDetails
{
	position: relative;
	_width: 510px;
	overflow: hidden;
}
.vacancieDetails .jobTitle
{
	position: relative;
	font-size: 15px;
	color: #4699B8;
	overflow: hidden;
}
.vacancieDetails .jobTitle .jobInfo
{
	position: absolute;
	right: 0px;
	top: 3px;
	font-size: 11px;
}
.vacancieDetails .jobTitle .jobInfo span
{
	color: #58585A;
}

/*HOWTOBUY*/
div.howtobuy
{
	background: transparent url(/gfx/how-to-buy-back.gif) top left repeat-x;
	overflow: hidden;
	_overflow: inherit;
	_height: 1px;
	clear: both;
}
div.howtobuy a
{
	display: block;
	float: right;
}
div.howtobuyPage div.left
{
	width: 290px;
}
div.howtobuyPage div.right
{
	float: right;
	width: 212px;
	border-top: 1px solid #B7D7E4;
	border-left: 1px solid #B7D7E4;
}
div.howtobuyPage div.right div.margin
{
	margin: 0 10px 0 10px;
	padding: 15px 0 0 0;
}

/*PRODUCT SPECS*/
table.productSpecs td.borderLine
{
	border-left: 1px solid #bedbe6;
	padding: 0 0 0 10px;
}
table.productSpecs td.borderLine ul
{
	list-style: disc inside;
}
tr.borderRow td
{
	border-top: 1px solid #bedbe6;
}

/*COMPARISON*/
div.comparison
{
	background-color: #D9D9D9;
	padding: 5px 7px 5px 7px;
	position: relative;
	overflow: hidden;
	_overflow: inherit;
	font-size: 10px;
	_height: 1px;
}
div.comparison a
{
	color: #3096b8;
	text-decoration: none;
}
/*div.comparison a:hover {text-decoration:underline;}*/
div.comparison div.left
{
	float: left;
	width: 75px;
	position: relative;
	overflow: hidden;
}
div.comparison div.left span
{
	font-size: 13px;
	padding: 0 0 5px 0;
	display: block;
}
div.comparison div.margin
{
	margin: 0 0 0 85px;
	_margin: 0 0 0 0;
	_width: 230p;
	_float: right;
}
div.comparison table
{
	border-top: 1px solid #AACEDA;
	border-left: 1px solid #AACEDA;
	width: 225px;
	background-color: #ECECEC;
}
div.comparison table td
{
	border-right: 1px solid #AACEDA;
	border-bottom: 1px solid #AACEDA;
	padding: 0 2px 0 2px;
	font-size: 10px;
	color: 3096b8;
	vertical-align: middle;
}
a.compare
{
	text-align: center;
	display: block;
	text-decoration: none;
	color: #3096B8;
}
/*a.compare:hover {text-decoration:none;}*/
a.compareBottom
{
	display: block;
	clear: both;
	border-top: 2px solid #FFFFFF;
	background-color: #3E95b7;
	color: #FFFFFF;
	text-indent: 8px;
	line-height: 23px;
	text-decoration: none;
}
a.compareBottom:hover
{
	text-decoration: underline;
}

/*SEARCH RESULTS*/
.searchResults
{
	border-top: 1px solid #BBD9E5;
}
.searchResults .result
{
	border-bottom: 1px solid #BBD9E5;
	overflow: hidden;
	_overflow: inherit;
	_height: 1px;
	position: relative;
	padding: 5px 0 5px 0;
}
.searchResults .result:hover
{
	background-color: #EBF4F7;
}
/*.searchResults .result a.more {position:absolute; bottom:15px; right:0px; color:#4699B8}*/
.searchResults .result a.more
{
	position: relative;
	clear: both;
	float: right;
	color: #4699B8;
	margin-top: -13px;
}
.searchResults .title
{
	color: #58585a;
	font-size: 13px;
	font-weight: bold;
}

/*PAGENAV*/
.pageNav, .pageNavTop
{
	text-align: right;
	padding: 3px 0 3px 0;
}

.pageNav a, .pageNavTop a, .pageNavBorder a
{
	text-decoration: none;
}
.pageNav a:hover, .pageNavTop a:hover
{
	text-decoration: underline;
}
.pageNav .selected, .pageNavTop .selected, .pageNavBorder .selected
{
	font-weight: bold;
	color: #58585A;
}
.pageNavBorder
{
	text-align: right;
	border-bottom: 1px solid #BEDBE6;
	padding: 0px 0px 2px 0;
}
.pageNavTop
{
	position: absolute;
	top: 10px;
	right: 0px;
	float: none;
	width: 200px;
}


/*DOWNLOADS*/
div.downloadsblock
{
	width: 100%;
	display: block;
	background: transparent url(/gfx/grey-gradient.gif) top left repeat-x;
}
div.downloads
{
	padding: 10px;
}
div.downloads h2
{
}
div.downloads a
{
	width: 100%;
	display: block;
	border-bottom: 1px solid #BEDBE6;
	padding: 4px 0 4px 0;
}
div.downloads a:hover
{
	background-color: #EBF4F7;
	text-decoration: none;
}

/* ============================================================	*/
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

#footer .copyright
{
	width: 50%;
	padding: 0 0 0 10px;
	float: left;
}
#footer .disclaimer
{
	margin: 0 0 0 50%;
	text-align: right;
	padding: 0 10px 0 0;
}
#footer
{
	width: 913px;
	color: #B1B2B4;
	margin: 0 auto 0 auto;
	padding: 5px 0 0 0;
}
#footer a
{
	color: #B1B2B4;
	text-decoration: none;
	margin: 0 7px 0 0;
}
#footer a:hover
{
	text-decoration: underline;
}
div.shadow
{
	position: absolute;
	bottom: -11px;
	left: -10px;
	width: 931px;
	height: 116px;
	clear: both;
	background: transparent url(/gfx/footer.png) top left no-repeat;
	z-index: -2;
	behavior: url(css/iepngfix.htc);
}

/* ============================================================	*/
/* ========	BLOCKS				===============================	*/
/* ============================================================	*/

/*PRODUCT*/
.product
{
	background: transparent url(/gfx/blue-gradient.gif) top left repeat-x; /*min-height:200px; _height:200px;*/
	overflow: hidden;
	/**/clear:left;
	font-size: 10px;
	padding: 10px 0 0 0;
}
.product .margin
{
	margin: 0 10px 0 185px;
	font-size: 10px;
}
.product h2
{
	margin: 0 0 10px 10px;
}
.product a.color
{
	text-decoration: none;
}
/**/.product img
{
	position: relative;
	left: 15px;
}
.greyBack
{
	background: transparent url(/gfx/grey-gradient.gif) top left repeat-x;
	padding: 10px 0 20px 0;
}

/*PRODUCTITEM*/
.productItem
{
	float: left;
	width: 125px;
	overflow: hidden;
	text-align: center;
}
.productItem span
{
	display: block;
	font-weight: normal;
	margin: 0px 5px 0px 5px;
	text-align: left;
	clear: left;
}
.productItem img
{
	margin: 0 auto 0 auto;
}
.productItem a.more
{
	float: right;
	color: #4699B8;
	position: relative;
	right: 5px;
}

/*CATEGORY SELECT*/
div.categoryItem
{
	background: transparent url(/gfx/cat-select.gif) top left no-repeat;
	width: 176px;
	height: 170px;
	float: left;
	position: relative;
}
div.categoryItem a
{
	text-decoration: none;
	position: absolute;
	display: block;
	padding: 11px 20px 0 0;
	bottom: 15px;
	right: 15px;
}
div.categoryItem a span.arrow
{
	position: absolute;
	right: 0px;
	text-decoration: none;
	display: block;
	background: transparent url(/gfx/product-cat-arrow.gif) top left no-repeat;
	width: 9px;
	height: 19px;
	text-indent: -50px;
	overflow: hidden;
	position: absolute;
	bottom: -2px;
}
div.categoryItem .margin
{
	text-decoration: none;
	margin: 0 15px 0 15px;
	padding: 15px 0 0 0;
	line-height: 15px;
}
/*FIX?*/div.categoryItem #search
{
	height: auto !important;
}

div.productTitle
{
	margin: 0 15px 0 15px;
	padding: 5px 0 0 0;
	line-height: 30px;
	font-size: 15px;
	color: #FFFFFF;
}
div.productTitle a
{
	color: #FFFFFF;
	position: relative;
	bottom: 0px;
	left: 0px;
	padding: 0 0 0 0;
}

div.selectCategory
{
	margin: 0 15px 0 15px; #margin:015px025px;}
div.selectCategory div.altCategory
{
	background-image: url(/gfx/cat-select-alt.gif);
}
div.selectCategory div.blue
{
	background-image: url(/gfx/cat-select-blauw.gif);
}
div.selectCategory div.blue a span.arrow
{
	background: transparent url(/gfx/product-cat-arrow2.gif) top left no-repeat;
}
div.selectCategory div.grey
{
	background-image: url(/gfx/cat-select-grijs.gif);
}
div.selectCategory div.grey a span.arrow
{
	background: transparent url(/gfx/product-cat-arrow2.gif) top left no-repeat;
}
div.selectCategory div.blue *, div.selectCategory div.grey *, div.selectCategory div.altCategory *
{
	color: #FFFFFF;
}

/*GRADIENTBLOCK*/
.gradientBlock
{
	background: transparent url(/gfx/grey-gradient.gif) top left repeat-x;
	clear: both;
	overflow: hidden;
	padding: 10px 10px 10px 0;
}
.gradientBlock img
{
	float: left;
	position: relative;
	left: 15px;
}
.gradientBlock .margin
{
	margin: 0 0 0 68px;
	font-size: 10px;
	overflow: hidden;
}
.gradientBlock a
{
	text-decoration: none;
}
.gradientBlock h2
{
	font-size: 13px;
	letter-spacing: -1px;
}
.gradientBlock a.more
{
	clear: both;
	position: relative;
	clear: both;
	color: #3296B8;
	text-decoration: underline;
	font-size: 10px;
	display: block;
}

/*HOWTOBUYPAGE*/
.howtobuyPage
{
	position: relative;
	overflow: hidden;
	width: 510px;
}

/*MERKETS SUBMENU*/
div.marketSub
{
}
div.marketSub a
{
	display: block;
	background: #B0D6E4 url(/gfx/marketplace-arrow.gif) 96% center no-repeat;
	color: #4699B8;
	text-decoration: none;
	line-height: 29px;
	padding: 0 0 0 10px;
	border-bottom: 2px solid #F4F8FB;
	font-size: 13px;
	zoom: 1;
}
div.marketSub div.sub a
{
	background: #D7E9F1 url(/gfx/marketplace-li.gif) 10px center no-repeat;
	line-height: 23px;
	padding: 0 0 0 20px;
	font-size: 12px;
}
div.marketSub div.sub a:hover, div.marketSub div.sub a.selected
{
	background-color: #B0D6E4;
}

/* ============================================================	*/
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock
{
	width: 913px;
	overflow: hidden;
	padding: 27px 0 8px 0;
}

/*MAINCONTENT*/
div.mainContent
{
	/*margin:0 15px 0 367px;*/
	border-left: 1px solid #AFBFD0;
	padding: 0 0 0 14px;
	overflow: hidden; /*IE6*/
	overflow: inherit;
	margin: 0 0 0 0;
	width: 530px;
	_width: 544px;
	float: right;
	right: 15px;
}
div.mainContent .breadcrumb
{
	top: -15px;
	font-size: 10px;
}
div.mainContent .breadcrumb a
{
	color: #58585A;
}
div.mainContent .breadcrumb a.selected
{
	color: #3296B8;
}
div.mainContent h1
{
	padding-top: 10px;
}
div.mainContent a
{
	color: #4699b8 !important;
}

body:nth-of-type(1) div.mainContent
{
	margin: 0 0 0 0;
	width: 516px;
	float: right;
	right: 15px;
}

div.sidebar
{
	float: left;
	position: relative;
	left: 30px;
	width: 325px;
	position: relative;
	overflow: hidden;
}
div.sidebar .product h2
{
	margin: 0 0 0 0;
}

div.contactBlock a
{
	color: #4699B8;
}

/* ============================================================	*/
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/

form
{
	margin: 0px;
}
input, select, label,textarea
{
	vertical-align: middle;
	font-size:12px;
}
input.typeText, textarea
{
	color: #0087C9;
	font-weight: normal;
	border: 1px solid #0087b9;
	background-image:url(../gfx/typetext.gif) !important;
    background-position:top left;
    background-repeat:repeat-x;
    padding:2px 0 0 2px;
}
input.typeText {
    line-height:18px;
    height:18px;
    }
.formGrid input.typeText
{
	padding-left: 5px;
}

select.select
{
}
.typeRadio
{
}
.typeSubmit
{
	cursor: hand;
}
.typeButton
{
	cursor: hand;
}
.typeCheckbox
{
}
textarea
{
	color: #0087B9;
}

.validationSummary
{
	/*background-color:#ffeeee;*/
	border: dashed 1px #880000;
	padding: 12px;
	margin-bottom: 20px;
	font-weight: bold;
}
.validationSummary ul li
{
	font-weight: normal;
	list-style: circle;
	list-style-position: inside;
}

/* ============================================================	*/
/* ========	FORMGENERATOR	  	===============================	*/
/* ============================================================	*/

.formGenerator, .errorsummary *, .formSentMessage li
{
	color: #004A8D;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
}
.errorsummary *
{
	color: Red;
}

/*FORM GENERATOR*/
.formGenerator td
{
	vertical-align: top;
	padding: 0 5px 0 0;
	line-height: 22px;
}
.formGenerator input, .formGenerator label, .formGenerator textarea, .formGenerator select
{
	display: block;
	clear: both;
	border: 1px solid #d0d2cd;
}
.formGenerator td label
{
	font-weight: normal;
}
.formGenerator td td
{
	background-color: #d0d2cd;
}
.formGenerator td td label
{
	padding: 2px;
}

/*RADIOBUTTONLIST*/
.RadioButtonList td
{
	padding: 3px 3px 0 3px;
}
.RadioButtonList *
{
	text-align: center;
	margin: 0 auto;
}

/*CHECKBOXLIST*/
.CheckBoxList td
{
	border: 0px solid #000000;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.CheckBoxList input
{
	clear: none;
	float: left;
	margin: 8px 0 0 5px; #margin:5px005px;}
.CheckBoxList label
{
	margin: 0 0 0 20px;
	clear: none;
}

/*VISUAL*/
.visual
{
	position: relative;
	min-height: 173px;
	_height: 173px;
	behavior: url(css/iepngfix.htc);
}
.visual img
{
	behavior: url(css/iepngfix.htc);
}
.productVisual
{
	position: relative;
	min-height: 173px;
	_height: 223px;
}
.productVisual
{
	background: #FFFFFF url(/gfx/specs-back.jpg) bottom left no-repeat;
	padding: 50px 0 0 0;
	position: relative;
}
.productVisual img
{
	position: absolute;
	left: 10px;
	top: 50px;
}
.productVisual .margin
{
	margin: 0 40px 0 360px;
	font-size: 12px;
	line-height:normal;
	color: #58585A;
}
.productVisual .margin p
{
	color: #58585A;
}
.productVisual .breadcrumb
{
	position: absolute;
	top: 20px;
	font-size: 10px;
}
.productVisual .breadcrumb a
{
	color: #58585A;
}
.productVisual .breadcrumb a.selected
{
	color: #3296B8;
}
.visualTop
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 913px;
	height: 27px;
	background: transparent url(/gfx/header-top.png) top left no-repeat;
	behavior: url(css/iepngfix.htc);
}

span.sIFR-alternate
{
	display: none;
}

/*COUNTRY*/
div#offices
{
	line-height: 17px;
	_height: 17px;
	min-height: 17px;
	background: #3296B8 url(/gfx/country-arrow.gif) 10px 9px no-repeat;
	padding:8px 0 8px 25px;
	color: #FFFFFF;
	border-top: #FEFEFE;
	border-bottom: #FEFEFE;
	position: relative;
	top: 14px;
	}
div#offices a
{
	color: #FFFFFF !important;
}
div.officesRuimte
{
	height: 67px;
	position: relative;
}

/**/
div.comparisonBlock
{
	background: #FFFFFF;
	padding: 30px;
}

/* ============================================================	*/
/* ========	FORMLAYOUT		  	===============================	*/
/* ============================================================	*/
div.form
{
	margin-bottom: 24px;
}
div.form span
{
	display: block;
	position: relative;
	border-bottom: 5px solid #FFFFFF;
	line-height: 22px;
	overflow: hidden;
	top: 0px;
	left: 1px;
}
div.form span.kop
{
	color: #000000;
	font-weight: bold;
}
div.form span.kopGroot
{
	font-size: 15px;
	font-weight: bold;
}
div.form span.wisknop
{
	display: inline;
	font-size: 11px;
	font-weight: normal;
	margin-left: 12px;
}
div.form span label
{
	float: left;
	line-height: 22px;
}
div.form span.margin
{
	margin: 0 0 0 155px;
	text-align: left;
}

div.form div.border
{
	border-bottom: 1px solid #A6A6A6;
	padding: 10px 0 0 0;
	overflow: hidden;
}

div.form .typeText
{
	background-color: #F1F1F1;
	border-top: 1px solid #B5B5B5;
	border-right: 0px solid #FFFFFF;
	border-bottom: 0px solid #FFFFFF;
	border-left: 1px solid #B5B5B5;
	width: 250px;
}
div.form input.typeText.Tenth
{
	width: 40px;
}
div.form input.typeRadio
{
}
span.checkbox
{
	width: 250px;
}
span.checkbox input
{
	clear: both;
}
span.checkbox label
{
	float: right;
}
div.form .typeRadioList
{
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;
}
div.form td label
{
	margin-left: 8px;
}
table.typeRadioList td
{
	height: 16px;
}
table.typeRadioList td input
{
	float: left;
}
span.typeRadio label {
    margin:0 10px 0 10px;
    color:#58585A;
    }
table.typeRadioList td label
{
	line-height: 14px;
}
div.form .typeRadioList input
{
	float: left;
	display: inline;
	position: relative;
}
div.form .typeRadioList label
{
	margin: 0 18px 0 6px;
	padding: 0;
	position: relative;
}
div.form input.typeSubmit
{
}
div.form div.submitRow
{
	padding: 14px 0 0 0;
	overflow: hidden;
}
div.form div.submitRow input.typeSubmit
{
	float: right;
}


.quickLinks {height:26px;}
.dropDowbBox * {cursor:pointer;}
.dropDownBox {float:left; position:relative; top:5px; left:3px; border:1px solid #4699B8; line-height:16px; z-index:999; background-color:#FFFFFF; width:150px; overflow:hidden;}
.dropDownBox span {display:block; padding:0 20px 0 5px; background:transparent url(/gfx/dropdown.gif) right center no-repeat; margin-right:5px;}

.dropDownList {border-top:1px solid #4699B8;}
.dropDownList a {display:block; color:#B1B2B4; float:none; line-height:16px; height:16px; padding:0 5px 0 5px;}
.dropDownList a:hover {background-color:#D1E5ED; color:#4699B8; text-decoration:none;}

.clearLeft {clear:left;}


/*----partner----*/
div.partner-header
{
    background-color:#4699B8 !important;
    height:30px;
}

div.partner-header a
{
    color:White !important;
    text-decoration:none;
    font-size:12px;
    font-weight:bold;
    margin-top:5px;
    float:left;
}

div.partner
{
    border-bottom:1px solid #BEDBE6;
    overflow:hidden;
    margin-top:10px;
    clear:both;
    padding-bottom:10px;
}

div.partner h2,div.partner-header .left
{
    float:left;
    width:250px;
    margin-left:8px;
    margin-bottom:0px;
    }
    
div.partnerLogo 
{
    text-align:center;
}
div.partnerLogo IMG 
{
    padding-top:12px;
}

.mainContent .content-title { clear: both; width: 100%; height: 59px; }
.mainContent div.social {
	/*margin: 14px 8px 0 0;
	float:right;*/
	position: relative;
	right: -4px;
	top: 14px;
	z-index: 2;
	width: 100px;
	text-align: right;
	float: right;	
}
.mainContent .social-print div.social {
	margin: 0 12px 0 0;
	position: inherit;
	top: 0;
}
div.social > div {
	clear: both;
}
.disclaimer div.social {
	margin-left: 70px;
	float: right;
}
#footer div.social a {
	margin: 0;
}
/*.content-title { height: 59px; }
.socialcontent { float: left; z-index: 0; }*/

/*not so important field...but make spambot believe it is...*/
.important-field {
    display:none;
}
