/* ### GENERAL ### */

* {
	margin: 0px;
	padding: 0px;
}
html, body { font-family: Tahoma; font-size: 12px; color: #666; }
input, select, textarea { font-family: Tahoma; font-size: 12px; color: #666; }
body { background: #d4d5d7; }
img {
	border: 0px;
	display: block;
}
a {outline: none;}

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 1px; }
/* ### WRAPPER ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 890px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr {
	position: relative;
	width: 890px;
	height: 80px;
	background-image: url(../images/headerBg.gif);
	background-repeat: repeat-y;
	background-position: -15px 0px;
}
	#headerCntr h1 {
	position: absolute;
	top: 1px;
	left: 16px;
	height: 69px;
	width: 367px;
}
	#headerCntr h1 a {
	display: block;
	width: 348px;
	height: 100px;
	text-indent: -9999px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
}
	
		/* ### MENU CONTAINER ### */
		#menuCntr {
	position: absolute;
	top: 45px;
	right: 20px;
	width: 455px;
}
		#menuCntr ul {
	overflow: hidden;
	width: 455px;
	list-style: none;
}
		#menuCntr li {
	padding-right: 20px;
	float: right;
	display: inline;
}
		#menuCntr li a { text-decoration: none; color: #000; }
		#menuCntr li a:hover { text-decoration: underline; }
		#menuCntr li.selected a { font-weight: bold; }
	
	/* ### CONTENT CONTAINER ### */
	
	#contentCntr {
	width: 890px;
	background-image: url(../images/contentBg.gif);
	background-repeat: repeat-y;
}
	#contentCntr div.cTop { overflow: hidden; width: 890px; background: url('../images/contentTop.gif') no-repeat top; }
	#contentCntr h1 { margin: 0px 34px 30px 34px; padding: 23px 20px 0px 20px; width: 782px; height: 36px; font: 18px 'Aller', Arial; color: #333; background: url('../images/titleBg.gif') no-repeat; }
	#contentCntr h1 span { font: 14px 'Aller', Arial; color: #8b8b8b; }
	
		/* ### SLIDER BOX ### */
		
/**
 * DHTML dropdown menu script. Courtesy of SmartWebby.com (http://www.smartwebby.com/dhtml/)
 */
 
 var bName = navigator.appName;
 var bVer = parseInt(navigator.appVersion);
 var NS6 = (bName == "Netscape" && bVer >= 5);
 var NS4 = (bName == "Netscape" && bVer >= 4 && bVer < 5);
 var IE4 = (bName == "Microsoft Internet Explorer" && bVer >= 4);
 var NS3 = (bName == "Netscape" && bVer < 4);
 var IE3 = (bName == "Microsoft Internet Explorer" && bVer < 4);
 window.onerror = null;
 var menuActive = 0
 var menuOn = 0
 var onLayer
 var timeOn = null // LAYER SWITCHING CODE
 if (NS4 || IE4 || NS6) {
	 if (navigator.appName == "Netscape" && !document.getElementById){
	 layerStyleRef="layer.";
	 layerRef="document.layers";
	 styleSwitch="";
	 layerVis="show";
	 layerHid="hide";
	 }
	 else if (!document.all && document.getElementById) {
	 layerStyleRef="layer.style.";
	 layerRef="document.getElementById";
	 styleSwitch=".style";
	 layerVis="visible";
	 layerHid="hidden";
	 }
	 else {
	 layerStyleRef="layer.style.";
	 layerRef="document.all";
	 styleSwitch=".style";
	 layerVis="visible";
	 layerHid="hidden";
	 }
 }
// SHOW MENU
function shLayer(layerName){
 img = getImage("placeholder1");
 x = getImagePageLeft(img);
 y = getImagePageTop(img);
 menuTop = y + 20 ; // LAYER TOP POSITION
 SerL = x + 55 ; // 'Ser' LAYER LEFT POSITION
 ProL = x + 120 ;  // 'Pro' LAYER LEFT POSITION
 RatL = x + 260 ;  // 'Rat' LAYER LEFT POSITION
if (NS4 || IE4 || NS6) {
 if (timeOn != null) {
 clearTimeout(timeOn)
 hideLayer(onLayer)
 }
 if (NS4 || IE4) {
 eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="'+layerVis+'"');
 eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.top="'+menuTop+'"');
 eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.left="'+eval(layerName+'L')+'"');
 } 
 if (NS6) {
 eval(layerRef+'("'+layerName+'")'+styleSwitch+'.visibility="'+layerVis+'"');
 eval(layerRef+'("'+layerName+'")'+styleSwitch+'.top="'+menuTop+'"');
 eval(layerRef+'("'+layerName+'")'+styleSwitch+'.left="'+eval(layerName+'L')+'"');
 } 
 onLayer = layerName
 }
}// HIDE MENU
function hideLayer(layerName){
 if (menuActive == 0) {
 if (NS4 || IE4) {
 eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="'+layerHid+'"');
 }
 if (NS6) {
 eval(layerRef+'("'+layerName+'")'+styleSwitch+'.visibility="'+layerHid+'"');
 }
 }
}// TIMER FOR BUTTON MOUSE OUT
function btnTimer() {
 timeOn = setTimeout("btnOut()",1000)
}// BUTTON MOUSE OUT
function btnOut(layerName) {
 if (menuActive == 0) {
 hideLayer(onLayer)
 }
}// MENU MOUSE OVER 
function menuOver(itemName) {
 clearTimeout(timeOn)
 menuActive = 1
}// MENU MOUSE OUT 
function menuOut(itemName) {
 menuActive = 0 
 timeOn = setTimeout("hideLayer(onLayer)", 400)

 }// SET BACKGROUND COLOR 
function setBgColor(layer, color) {
  if (NS6){
    eval('document.getElementById("'+layer+'").style.backgroundColor="'+color+'"');
  }
  else if (NS4){
    eval('window.document.layers["'+layer+'"].document.bgColor="'+color+'"');
	eval('window.document.layers["'+layer+'"].saveColor="'+color+'"');
  }
  else if (IE4){
    eval('document.all.'+layer+'.style.backgroundColor="'+color+'"');
  }
}

function getImage(name) {
  if (NS4 || NS6) {
    return findImage(name, document);
  }
  if (IE4 || NS6)
    return eval('document.all.' + name);
  return null;
}

function findImage(name, doc) {
  var i, img;
  for (i = 0; i < doc.images.length; i++)
    if (doc.images[i].name == name)
      return doc.images[i];
  for (i = 0; i < doc.layers.length; i++)
    if ((img = findImage(name, doc.layers[i].document)) != null) {
      img.container = doc.layers[i];
      return img;
    }
  return null;
}

function getImagePageLeft(img) {
  var x, obj;
  if (NS4 || NS6) {
    if (img.container != null)
      return img.container.pageX + img.x - 1;
    else
      return img.x - 1;
  }
  if (IE4) {
    x = 0;
    obj = img;
    while (obj.offsetParent != null) {
      x += obj.offsetLeft;
      obj = obj.offsetParent;
    }
    x += obj.offsetLeft;
    return x;
  }
  return -1;
}

function getImagePageTop(img) {
  var y, obj;
  if (NS4 || NS6) {
    if (img.container != null)
      return img.container.pageY + img.y;
    else
      return img.y;
  }
  if (IE4) {
    y = 0;
    obj = img;
    while (obj.offsetParent != null) {
      y += obj.offsetTop;
      obj = obj.offsetParent;
    }
    y += obj.offsetTop;
    return y;
  }
  return -1;
}
// 
		.sliderBox {
	margin: 1px 35px 35px 35px;
	padding-bottom: 10px;
	position: relative;
	width: 819px;
}
		.sliderBox ul { overflow: hidden; width: 819px; height: 321px; list-style: none; }
		.sliderBox li { float: left; display: inline; overflow: hidden; width: 819px; height: 321px; }
		.sliderBox #prevBtn a { padding-left: 30px; position: absolute; bottom: 16px; left: 20px; display: block; height: 30px; line-height: 30px; font-size: 11px; text-decoration: none; color: #848484; background: url('../images/prev.gif') no-repeat left; }
		.sliderBox #nextBtn a { padding-right: 30px; position: absolute; bottom: 16px; right: 20px; display: block; height: 30px; line-height: 30px; font-size: 11px; text-decoration: none; color: #848484; background: url('../images/next.gif') no-repeat right; }
		.sliderBox #prevBtn a:hover, .sliderBox #nextBtn a:hover { color: #333; }
		
		/* ### INFO BOX ### */
		.infoBox {
	padding: 0px 35px 30px 55px;
	overflow: hidden;
	width: 780px;
	text-align: left;
}
		.infoBox div.info {
	margin-right: 30px;
	float: left;
	display: inline;
	width: 240px;
	text-align: left;
}
		.infoBox div.check { margin-right: 0px; }
		.infoBox h3 {
	padding: 0px 0px 10px 30px;
	font: 18px 'Aller', Arial;
	color: #333;
	text-align: left;
	text-indent: -30px;
}
		.infoBox div.scherm h3 {
}
		.infoBox div.kleur h3 {
}
		.infoBox div.check h3 {
}
		.infoBox p { padding-bottom: 10px; line-height: 18px; }
		.infoBox a { color: #2a4145; }
		.infoBox a:hover { text-decoration: none; }
		
		/* ### SSLIDER BOX ### */
		.ssliderBox { margin: 0px 35px 30px 55px; position: relative; overflow: hidden; width: 780px; background: url('../images/dot.gif') repeat-x bottom; }
		.ssliderBox #prevBtn a {
	position: absolute;
	top: 50px;
	left: 0px;
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	background-image: url(../images/prev2.gif);
	background-repeat: no-repeat;
}
		.ssliderBox #nextBtn a {
	position: absolute;
	top: 50px;
	right: 0px;
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	background-image: url(../images/next2.gif);
	background-repeat: no-repeat;
}
		.ssliderBox ul { overflow: hidden; width: 701px; }
		.ssliderBox li { padding-right: 19px; float: left; display: inline; }
		.ssliderBox li.last { padding-right: 0px; }
		.ssliderBox li img { padding: 5px; border: 1px solid #dad9d9; background: #f2f2f2; }
		.ssliderBox li a.selected img {border: 1px solid #444;}
		.ssliderBox div#slider { margin-left: 40px; }
		.ssliderBox div#slider ul li a { display: block; height: 148px; width: 221px;}
		.ssliderBox div#slider ul li a.selected { background:transparent url(../images/arrow.gif) no-repeat scroll center bottom; }
		
		/* ### PORT BOX ### */
		.portBox { padding: 0px 35px 30px 55px; overflow: hidden; width: 780px; }
		.portBox div.pic { float: left; width: 502px; }
		.portBox div.text { float: right;  width: 260px; }
		.portBox h3 { padding-bottom: 10px; font: 18px 'Aller', Arial; color: #333; }
		.portBox p { padding-bottom: 10px; line-height: 18px; }
		.portBox a { color: #2a4145; }
		.portBox a:hover { text-decoration: none; }
		
		/* ### SERVICE BOX ### */
		.serviceBox { padding: 0px 35px 20px 55px; overflow: hidden; width: 780px; }
		.serviceBox div.text {
	float: left;
	width: 546px;
}
		.serviceBox div.test { float: right;  width: 220px; }
		.serviceBox p { padding-bottom: 10px; line-height: 18px; }
		.serviceBox h2 { padding-bottom: 10px; font: 18px 'Aller', Arial; color: #333; }
		.serviceBox h3 { padding: 15px 0px 10px 0px; font: 14px 'Aller', Arial; color: #2a4145; }
		.serviceBox div.test ul { list-style: none; }
		.serviceBox div.test li { margin-bottom: 10px; padding-bottom: 10px; line-height: 18px; font-style: italic; border-bottom: 1px solid #dad9d9; }
		.serviceBox div.test li strong { display: block; font-style: normal; font-size: 11px; }
		
		/* ### CONTACT BOX ### */
		.contactBox {
	width: 780px;
	overflow: hidden;
	padding: 0px 35px 30px 55px;
}
		.contactBox div.form {
	float: left;
	width: 370px;
	padding-left: 10px;
}
		.contactBox div.adres {
	float: right;
	width: 380px;
}
		.contactBox h3 { padding-bottom: 10px; font: 18px 'Aller', Arial; color: #333; }
		.contactBox address { padding-top: 10px; line-height: 18px; font-style: normal; }
		.contactBox p { padding-bottom: 20px; line-height: 18px; }
		.contactBox fieldset { overflow: hidden; width: 320px; border: 0px; }
		.contactBox input.field { margin-bottom: 10px; padding: 4px 5px 0px 5px; float: left; width: 168px; height: 22px; border: 1px solid #9b9b9b; background: #f9f9f9; }
		.contactBox label { margin-bottom: 10px; padding-left: 15px; float: left; width: 125px; height: 28px; line-height: 28px; }
		.contactBox label.large {
	margin-bottom: 5px;
	padding: 0px;
	width: 370px;
}
		.contactBox textarea { margin-bottom: 15px; padding: 4px 5px 4px 5px; width: 308px; height: 120px; border: 1px solid #9b9b9b; background: #f9f9f9; }
		.contactBox input.submit {
	padding-bottom: 2px;
	width: 69px;
	height: 28px;
	cursor: pointer;
	color: #fff;
	border: 0px;
	background-image: url(../images/submitBg.gif);
	background-repeat: no-repeat;
}
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr {
	padding: 44px 35px 40px 35px;
	overflow: hidden;
	width: 820px;
	background-image: url(../images/footerBg.gif);
	background-repeat: no-repeat;
}
	#footerCntr p { float: left; width: 300px; font-size: 11px; }
	#footerCntr p.right { float: right; text-align: right; }
	#footerCntr a { text-decoration: none; color: #666; }
	#footerCntr a:hover { color: #333; }