/* 
Title: 		Niko site
Updated: 	2006-10-17
Version: 1.0
Author: yse

a - #21859C;
text - #3C3E30;
*/

* {margin: 0; padding: 0;}
ul { list-style:none;}
html { height: 100%;}
body { 
	font: 70% Verdana, Arial, Helvetica, sans-serif; 
	text-align:center;
	color: #3C3E30;
	background: #000;
	height:auto;
}

img { border: 0; }
div,img, table { position:relative;}
hr { height: 0;visibility: hidden;clear:both; }

#wrapper {width: 960px;margin: 0 auto;text-align:left; position:relative; _height:100%;min-height:100%;overflow:hidden; }




.overhand { cursor: pointer;}

/* header
------------------------------------------------------------- */
#header.active { height: 175px; border-bottom: 5px solid #1F932C; }
#header {	background: #FFF url("../images/layout/08_header.jpg") no-repeat top left;	display:block;	clear:both;	float:left;	width:100%;}

.nlbe #header {	background-image: url('../images/layout/08_header_nlbe.jpg');}
.frbe #header {	background-image: url('../images/layout/08_header_frbe.jpg');}
.de #header {	background-image: url('../images/layout/08_header_de.jpg');}
.en #header {	background-image: url('../images/layout/08_header_en.jpg');}
.nlnl #header {	background-image: url('../images/layout/08_header_nlnl_nl.jpg');}
.frfr #header {	background-image: url('../images/layout/08_header_frfr.jpg');}
.es #header {	background-image: url('../images/layout/08_header_es.jpg');}
.sk #header {	background-image: url('../images/layout/08_header_sk.jpg');}

#headerwrapper {width: 960px;margin: 0 auto;text-align:left; position:relative;background: #FFF; height: 130px;}


#mainlogo {
background:transparent url(../images/layout/logo08.gif) no-repeat scroll left top;display:block;height:0px !important;margin-left:32px;overflow:hidden;padding:63px 0pt 0pt;position:absolute;top:20px;width:152px;}

#topnav {}
#topnav ul { position: absolute;right:10px;top:5px; height: 20px; line-height:20px; font-size: 9px;} 
#topnav ul a {  float:left;	color: #9F9F96;	padding: 0 8px;	background: url("../images/layout/08_topnav.li.bg.gif") no-repeat center right;	text-decoration: none;}
#topnav ul li { _display: inline; float:left;}
#topnav ul a:hover { text-decoration: underline; color: #26B1FF;}
#topnav ul li a.toolsActive { color: #26B1FF;}

#topnav #li-search { float:left;}
#topnav .txtSearchField { width: 100px;}

.searchbutton { background: #B8B7B3; color: #7B7B73; border: 1px solid #7B7B73; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-left: 2px; padding: 0 1px; cursor:hand;}


#mainnav { margin-top: 110px; margin-left: 8px; margin-bottom: 7px; float:left; }
*html #mainnav{margin-left:3px;}
#mainnav a {float:left;}
#mainnav ul {  margin-left: 10px: }
#mainnav ul li { float:left;height: 17px;  background: url("../images/layout/mainnav.li.bg.gif") center right no-repeat; padding: 0 2px; }



/* subnav
------------------------------------------------------------- */
#subnav { background: #F4F5F0 url("../images/layout/subnav.bg.gif") top left repeat-x;height: 25px;line-height: 25px; padding-left: 10px; width: 950px ;float:left; }
#subnav a {color: #6C6D67; text-decoration: none;font-weight:bold;padding: 0 10px; background: url("../images/layout/subnav.li.bg.gif") no-repeat center right;} 
#subnav ul li.last a { background: none;}
#subnav ul li { display:inline; width:auto;}
#subnav a:hover, #subnav a.selected,#subnav a.selected:hover, #subnav a.menuActive { color: #EE8603;}



/* blockmain 
------------------------------------------------------------- */
#blockmain { padding: 10px 20px 21px 20px;  background: #FFF; border-bottom: 1px solid #B3B3AB; float:left; width: 920px; min-height:300px; _height: 300px; }
#blockmain a { color: #21859C;}
#blockmain h1.title { color: #21859C; background: url("../images/layout/dotted.hor.gif") repeat-x bottom left; padding-bottom: 7px;margin-bottom: 15px; text-transform: uppercase; font-size: 16px; font-family: Arial, Helvetica, sans-serif;}

#blockmain p { line-height: 1.3em; margin: 0 0 1em 0;}

#blockmain.home #blockcontent { width: 685px; margin-bottom:0px;  }


#blockmain.productdetail #blockcontent { width: 685px; }
#blockmain.productdetail #blockside { margin-top: 2.2em;}

#blockmain.landing #blockcontent { width: 450px; }
#blockmain.landing #blockside { width: 450px;}

#blockmain.detail #blockside-pre,#blockmain.productdetail #blockside-pre  { width: 200px; float:left;}
#blockmain.detail #blockcontent,#blockmain.productdetail #blockcontent { width: 483px; margin-right: 20px;}
#blockmain.detail #blockside, #blockmain.productdetail #blockside { margin-top: 2.2em;}
#blockmain.template_productoverview #blockcontent { width: 100%; }

#blockmain .homeBlock { padding: 20px 20px 7px 10px; font-family: Verdana; font-size: 10px; color: rgb(255, 255, 255); width: 185px; height: 95px;overflow:hidden;} 
#blockmain .homeBlock { margin: 0px;}



/* blockcontent
------------------------------------------------------------- */
#blockcontent { float:left; color: #000F2E; width: 685px; }

#blockmain.template_content #blockcontent { width: 470px; }
#blockmain.template_content #blocksideright { float:right; width: 215px;  }


#blockcontent a:hover { color: #26B1FF; }
#blockcontent h1 { color: #21859C;font-size: 16px; margin-bottom: .3em; }
#blockcontent h2 {font-size: 13px;  margin-bottom: 1em; color: color: #4B4C46;}
#blockcontent h3 { font-size: 13px; margin: 1em 0; color: #21859C;} 
#blockcontent h4 { font-size: 11px; margin: 1em 0; }

#blockcontent ul { margin-left: .5em;margin-bottom: 1em; line-height: 1.3em; }
#blockcontent ul li { background: url("../images/layout/content.li.bg.gif") no-repeat 0 .4em;padding-left: 1em;margin-bottom: .3em}
#blockside ul li.readmore { background:none; text-align:right;}

.holder { margin-bottom: 1em;}
.column-2, .column-3 { float:left; width: 100%;  }
.column-2 .holder { width: 48.5%; float:left; margin-right: 20px; }
.column-3 .holder { width: 215px; float:left; margin-right: 20px;}
#blockmain.home #blockcontent .column-4.holder{ margin-bottom:1em; }
.holder.intro { width: 720px; }
#blockcontent .holder.last { margin-right:0; }
#blockside .holder.last {margin-right: 0;}
#blockmain.home #blockcontent .holder { margin-bottom:0px;}

#blockside .column-2 .holder,.landing #blockcontent .column-2 .holder { width: 47.7%;  }

.template_productoverview #blockcontent .column-3 .holder { width: 350px; _overflow:hidden;} /* overflow: IE italic bug */
.template_productoverview #blockcontent .column-3 .holder.last { width: 180px; overflow: hidden;}




#tabel { }
#tabel th, #tabel td { padding: .6em; background: #FFF; }
#tabel th  { background: #AFD9E7; text-align: left;}
#tabel p.line { border-top: 1px solid #D0EDF5; margin: -.6em;padding: .6em;padding-bottom: 1em;}
#tabel .transparent {background: none;}

/* module styles
------------------------------------------------------------- */
.panel.news { background: #FFF url("../images/layout/dotted.hor.gif") repeat-x bottom left; }
#blockcontent .panel.news h2 { margin-bottom: 0.5em;}
.item-meta { font-size: 90%; color: #999999;margin-bottom: 1em;margin-top:1.5em;}
.item-pic { float:left; margin: 0 10px 10px 0;}
.item-buttons { display:block; clear:both; text-align:right; margin-top: 1em;}
.item-buttons a { background: url("../images/layout/content.li.bg.gif") no-repeat 0 .4em; padding-left: 1em; margin-left: 10px; }
	.item-button { background: url("../images/layout/content.li.bg.gif") no-repeat 0 .4em; padding-left: 1em;  }

/* vacature details */
.item-subinfo { background: #E1E1D9; padding: 5px 5px 8px 5px; margin-top: -1em; margin-bottom: 1em; float:left;width: 98.5%;  position:relative; } 
.item-subinfo .col { float:left; width: 32%; position:relative;}

/* catalog */
.subgroup_item { border-right: 1px dotted #B2B3AE; text-align:center;height: 131px; vertical-align:bottom;}
.subgroup_pic { padding: 5px 0; height: 90px; display:block;}
.subgroup_title { background: #F5F5F1; padding: 5px 0; display:block;width: 100%; text-transform:lowercase}

.product_template_item { padding: 0px 10px; }
#blockcontent .product_template_item h3 { margin: 0; }

.backbutton { padding-bottom: 10px; display:block; text-align:right; font-size: 10px; text-decoration:none; }
a.readmore { background:transparent url(../images/layout/content.pro.li.bg.gif) no-repeat scroll 0pt 0.4em;padding-left: 1em;  }

/* breadcrumb
------------------------------------------------------------- */
#breadcrumb { clear:both; display:block; width: 100%; padding: 0px 0px 20px 0; font-size: 90%; color: #CCCCCC;  }
#blockmain #breadcrumb a { text-decoration: none; color:#CCCCCC; }
#blockmain #breadcrumb a:hover { color: #EE8603; text-decoration: underline; }

/* blockside
------------------------------------------------------------- */
#blockside { float:right; width: 215px; }

#blockside ul, #blockside-pre ul { margin-left: .5em; line-height: 1.3em; }
#blockside ul li, #blockside-pre ul li { background: url("../images/layout/content.li.bg.gif") no-repeat 0 .4em;padding-left: 1em;margin-bottom: .3em}

/* flash tools fix */
#blockside #flashcontent5 { margin-left: -10px; margin-right: -10px;}

.panel {   margin: 0 0 15px 0; _border-bottom: 1px dotted #FFF;position:relative; }
.panel h2 { padding: 5px 10px ;font-size: 11px; color: #4B4C46;  position:relative; }
	#blockcontent .panel h2 { font-size: 11px; }
	#blockcontent .panel .panelcontent .panel h2 { margin-left:0;}
	#blockcontent .panel .panelcontent .panel { padding-bottom: 1em;}
	
.panel .panelcontent { padding: 5px 10px 10px 10px; position:relative; clear:both; }
.panel .panelcontent div  { position:relative; } /* IE peekaboo bug */
.panel.noPad .panelcontent { padding: 5px 0px 10px 0px; }

/* default: witte bg + grijze titels (geen sifr en geen titelbalk)  + paarse (of blauwe) links  + geen borders */
.panel.type0 { }
.panel.type0 h2 { padding: 0;}
.panel.type0 .panelcontent { padding: 0; }

/* skin 1: default + gestippelde onderborder */
.panel.type1 { background: #FFFFFF url("../images/layout/dotted.hor.gif") repeat-x bottom left; }

/* skin 2: default + grijze (#F4F5F0) bg + donkergrijze titels(geen sifr en geen titelbalk) */
.panel.type2 { background: #F4F5F0; padding-top: 1em;  }
.panel.type2 h2 { color: #43453A;  }

/* skin 3: default + grijze bg + witte titels + paarse (#7D1562) of blauwe (#20859C) titelbalk  */
.panel.type3 { background-color: #F4F5F0; }
.panel.type3 h2 { color: #FFF; background: #21859C url("../images/layout/paneltype3.title.bg.gif") no-repeat top left; padding-left: 25px; }

/* skin 4: default + grijze bg + grijze titelbalk (#ECEDE7) + donkergrijze(#43453A) titel */
.panel.type4 { background: #F4F5F0 url("../images/layout/dotted.hor.gif") repeat-x bottom left; }
.panel.type4 h2 { background: #ECEDE7 url("../images/layout/dotted.hor.gif") repeat-x top left; color: #43453A;  }

/* gray bg - blue title - blue border */
.panel.type5 { background: #FFF;   }
.panel.type5 h2 { background: #21859C url("../images/layout/paneltype3.title.bg.gif") no-repeat top left; color: #FFF; padding-left: 25px; }
.panel.type5 .panelcontent { padding: 0; }

/* gray gradient - gray title */
.panel.type6 { background: #FFF url("../images/layout/paneltype6.bg.jpg") repeat-x 20px 0;   }
.panel.type6 h2 { background: #E7E6E1; color: #43453A;  }
.panel.type6 table{width:100%;}
.panel.type6 table tr td{padding:0 10px;}

/* white bg - blue border */
.panel.type7 { border: 1px solid #21859C; }
.panel.type7 h2 { color: #FFF; background: #21859C url("../images/layout/paneltype3.title.bg.gif") no-repeat top left; padding-left: 25px;}

.panel .panelcontent h2 { margin-left: -10px; }


/* blockside-pre (linkse subnav) 
------------------------------------------------------------- */
#blockside-pre-nav ul { }
#blockside-pre-nav li { margin-bottom: 1em; background: url("../images/layout/content.li.bg.gif") no-repeat 0 .4em; padding-left: 1em;}
#blockside ul li a { text-decoration: underline; }

#blockside ul li a.active, #blockside ul li a:hover { color: #EE8603; }

#blockmain #sidenav a,#blockmain  #blockside-pre-nav a{color:#000; font-weight:bold; text-decoration:none;}
#blockmain #sidenav a:hover,#blockside-pre-nav a:hover{color: rgb(242, 127, 4); text-decoration:none;}

#blockmain #sidenav .sideTitle,#blockmain #blockside-pre-nav .prenav-title{padding:9px 0; border-bottom:#CCC 1px solid; width:85%; margin-bottom:10px; display:block;}
#blockmain #sidenav .sideTitle a,#blockmain #blockside-pre-nav a.prenav-title {color: rgb(242, 127, 4); text-decoration:none;}
#blockmain #sidenav a.active,#blockmain #sidenav  a.menuActive,
#blockmain #blockside-pre-nav ul li a.active, #blockmain #blockside-pre-nav li a:hover { color: #F27F04;}

/* product detail page
------------------------------------------------------------- */
.productCat{color:#7D1562; text-transform:uppercase; font-weight:bold; padding-top:6px;}
.dotLine{clear:both; background:#FFF url("../images/layout/dotted.hor.gif") repeat-x top left; width:100%; height:10px; margin:6px 0;}

/* custom templates 
------------------------------------------------------------- */
#blockmain.template_content { background: #FFF url("../images/layout/swoosh.jpg") no-repeat top left;}
#blockmain.template_content #blockside { float:left;}

/* tables
------------------------------------------------------------- */
.table { width: 100%; border-collapse:collapse; }
.table th { padding: 7px 5px 7px 10px; }
.table th, .table td { padding: 5px 5px 5px 10px; border: 2px solid #FFF; }
.table th { background: #F4F5F0; }
.table td { background: #F9F9F7; vertical-align:top; }
.table td.roweven {}
.table td.rowuneven { background: none;}
.table table td, .table table th, table.neutral td { background:transparent; border:0; padding:2px;}

.results { width: 100%; border-collapse:collapse; }
.results th { padding: 3px 5px 3px 10px; border-bottom: 1px solid #FFF;  }
.results th a { font-weight:normal; }
.results th { background: #F4F5F0 url("../images/layout/dotted.hor.gif") repeat-x top left; }
.results td { background: #F9F9F7; padding: 15px 5px 15px 15px; }
.results tr{border-bottom:1px dotted #B2B3AE; }
.results tr.roweven td {}
.results tr.rowuneven td { background: #FFF;}
.results th td { padding:0;background:none;}
.results th.footer { background: none; border-top: 1px solid #F4F5F0; }
.results a:hover{text-decoration:none;color:#26B1FF !important;}


.tablenav { background: #F4F5F0 url("../images/layout/dotted.hor.gif") repeat-x top left; background-color:#ECEDE7; clear:both; height: 25px; line-height: 25px; padding-left: 20px}
	.tablenav .left {float:left;}
	.tablenav .right {float:right;}
.resultlist {  width: 100%;  }
	.resultlist td.item { padding: 10px 0 10px 20px;}


/* footer
------------------------------------------------------------- */
#footer { text-align:right; font-size: 10px; padding-bottom: 10px; clear:both;}
#footer ul { padding: 0;margin: 0;}
#footer ul li { display:inline; }
#footer ul a { 	color: #666;text-decoration:none;padding: 3px 0px;}
#footer ul a:hover { }

/* forms
------------------------------------------------------------- */
.button { background: #3186AF; color: #FFF; border: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding: 2px 3px; cursor: hand; }
.buttonGray, #blockmain a.buttonGray { color: #575953; background: #BBBAB4 url('../images/layout/buttongray.bg.gif') no-repeat right center; border: 1px solid #67696A; padding: 0px 10px; font-size: 10px; text-decoration:none; }
form, fieldset, input,select,textarea, optgroup { font-family: Verdana,arial,sans-serif;}
fieldset {border:0;}
legend {display:none;}
input, textarea {color:#474A53; font-size:100%;}
input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus { }

/* SIFR
------------------------------------------------------------- */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #blockmain h1.title {
	visibility: hidden;
}

.sIFR-hasFlash #blockmain .homeBlock h2 {
	visibility: hidden;
}
.sIFR-hasFlash #blockside .type2 h2 span, .sifr-hasFlash #blockside .protype1 h2 span {
	visibility: hidden;
}

/* ------------------------------------ */
/* DEBUG */
div.holder 
{
	/*background-color: #EFFFFF;*/
}

/* different pages modification 
----------------------------------------*/
#page-219 { } /* homepage consumer */
#page-219 h1.title { background:none; margin-bottom: 0; padding-bottom: 0; }
#page-219 #blockmain { padding-top: 20px; }
#page-219 #breadcrumb { display: none; }
#page-219.en h1.title, #page-219.de h1.title { height: 26px;padding-bottom: 3px;} /* debug title */

#page-181 { } /* consumers - design */
#page-181.nlbe .column-3.holder .holder.last,#page-181.nlnl .column-3.holder .holder.last  { margin-top: -159px;} /* optimised for NL */
#page-181.frbe .column-3.holder .holder.last, #page-181.frfr .column-3.holder .holder.last { margin-top: -116px;} /* optimised for FR */

#page-181.en .column-3.holder .holder.last { margin-top: -157px; } /* optimised for EN */
#page-181.de .column-3.holder .holder.last { margin-top: -157px; } /* optimised for DE */
#page-181.es .column-3.holder .holder.last { margin-top: -115px; } /* optimised for ES */
#page-181.sk .column-3.holder .holder.last { margin-top: -157px; } /* optimised for SK */


#page-253 #blockmain .panel.protype1 { position:relative;}
#page-253 #blockmain .panel.protype1 h2 {  position: relative;}

#page-279 #pageTitle,
#page-280 #pageTitle,
#page-300 #pageTitle,
#page-301 #pageTitle { display: none;}

#literal_contact a {font-weight: bold;}



.holder.subgroups { background: url("../images/layout/dotted.hor.gif") repeat-x bottom left; padding-bottom: 10px;margin-bottom: 12px; }
#blockcontent .holder.subgroups h1 { font-size: 13px; text-transform: uppercase; }

/* search 
----------------------------------------*/
.gs-webResult { margin-bottom: 1em; }
.gs-watermark, .gs-visibleUrl-short { display:none;}
.gs-visibleUrl-long { color: #CCCCCC; font-style:italic; }

td.search-form { padding-bottom: 1.5em; }
td.gsc-branding-text div.gsc-branding-text {
color:#676767;
font-size:10px;
margin-right:2px;
padding-bottom:2px;
text-align:right;
}


/*-------Extra classes-------*/
div.refLeft{float:left; width:335px;}
div.refRight{ margin-left:345px;}

div.clearBlock{clear:both; line-height:0px; font-size:0px; height:0px;}


/*--------Batibouw homepage-------*/
div#bati_homeRight a.bati_homeBtn1, div#bati_homeRight a.bati_homeBtn2, div#bati_homeRight a.bati_homeBtn1_fr, div#bati_homeRight a.bati_homeBtn2_fr{
	display:block;
	position:absolute;
	width:192px;
	height:35px;
	top:190px;
	left:20px;
	overflow:hidden;
	text-indent:-1000px;
	background:url('../images/batibouw/bati_homeBtn1_nl.gif') no-repeat 0 0;
}
div#bati_homeRight a.bati_homeBtn2{background-image:url('../images/batibouw/bati_homeBtn2_nl.gif');top:225px;}
div#bati_homeRight a.bati_homeBtn1:hover, div#bati_homeRight a.bati_homeBtn2:hover, div#bati_homeRight a.bati_homeBtn1_fr:hover, div#bati_homeRight a.bati_homeBtn2_fr:hover{background-position:0 -35px;}

div#bati_homeRight a.bati_homeBtn1_fr{background-image:url('../images/batibouw/bati_homeBtn1_fr.gif');}
div#bati_homeRight a.bati_homeBtn2_fr{background-image:url('../images/batibouw/bati_homeBtn2_fr.gif');top:225px;}

/*--------Batibouw skin-------*/
.panel.batibouw{background:#fff url("../images/batibouw/bati_line.jpg") no-repeat 50% bottom; padding-bottom:10px;}
.panel.batibouw h2 {font-size:14px; color:#000; background-color:#fff;}


/*-----------Batibouw-----------*/
/*
.batiHolder{position:relative; width:100%; height:100%;}
#camHolder_nlbe, #camHolder_frbe{background:url("../images/batibouw/bati_cambg_nl.gif") no-repeat 0 0; position:relative; height:350px; padding-top:50px;}
#camHolder_frbe{background-image:url("../images/batibouw/bati_cambg_fr.gif");}
.batiScreen{margin:0 0 50px 46px;}
.batiToon{position:absolute; left:450px; top:-7px; z-index:20;}
.batiBtns{position:absolute; left:374px; top:154px; z-index:10;}
.batiBtns ul{margin:0; padding:0;}
.batiBtns ul li{margin:0; padding:0; width:96px; display:block; height:47px;}
.batiBtns ul li.camera{padding-left:30px; width:103px; height:28px;; display:block;}
.batiBtns ul li a{display:block; width:96px; height:47px; background:url("../images/batibouw/bati_btn1.jpg") no-repeat 0 0; overflow:hidden; text-indent:-1000px}
.batiBtns ul li.two a{background-image:url("../images/batibouw/bati_btn2.jpg");}
.batiBtns ul li.three a{background-image:url("../images/batibouw/bati_btn3.jpg"); height:48px;}

.batiBtns ul li a:hover, .batiBtns ul li a.videolinkActive{background-position:0px -47px;}
.batiBtns ul li.three a:hover, .batiBtns ul li.three a.videolinkActive{background-position:0px -48px;}
*/

/*----------Homepage header---------*/
#home_banner_bg{
	border: 1px solid rgb(204, 204, 204);
	height: 263px;
	background:url("../images/home_original_nl.jpg") no-repeat 0px 0px;
	position:relative;
}
#home_banner_bg.fr{background-image:url("../images/home_original_fr.jpg");}

.de #home_banner_bg{background-image:url("../images/home_original_de.jpg");}
.en #home_banner_bg{background-image:url("../images/home_original_en.jpg");}
.es #home_banner_bg{background-image:url("../images/home_original_es.jpg");}
.sk #home_banner_bg{background-image:url("../images/home_original_sk.jpg");}

#home_banner_content{
	position:absolute;
	width:380px;
	left:270px;
	top:100px;
}
#home_banner_btn{
	position:absolute;
	right:13px;
	top:221px;
}
#home_banner_btn a{display:block; width:103px; height:21px; overflow:hidden; text-indent:-1000px; background:url("../images/btn_info_nl.gif") no-repeat 0 0;}
#home_banner_bg.fr #home_banner_btn a{width:120px; background-image:url("../images/btn_info_fr.gif");}


.de #home_banner_bg #home_banner_btn a{width:199px; background-image:url("../images/btn_info_de.gif");}
.en #home_banner_bg #home_banner_btn a{width:108px; background-image:url("../images/btn_info_en.gif");}
.es #home_banner_bg #home_banner_btn a{width:157px; background-image:url("../images/btn_info_es.gif");}
.sk #home_banner_bg #home_banner_btn a{width:140px; background-image:url("../images/btn_info_sk.gif");}


#home_banner_btn a:hover{background-position:0px -21px;}

/*----------Homepage touch / access ---------*/

#hp-touch #home_banner_bg { background: url('../images/homepage_touch_nl.jpg') no-repeat top left; border:0;height: 265px;}
/*#hp-touch #home_banner_content { position:absolute; width: 150px; left: 190px;top: 70px; }
#hp-touch #home_banner_content2 { position:absolute; width: 170px; left: 369px; top: 28px;}*/
#hp-touch #home_banner_content { position:absolute; left:0;top:0; width: 148px; padding-left: 190px;padding-top: 70px;height: 190px; cursor: hand; }
/*#hp-touch #home_banner_content2 { position:absolute; width: 170px; padding-left: 369px; padding-top: 28px;}*/
#hp-touch #home_banner_content2 { position:absolute;width: 170px; padding: 28px 139px 85px 28px; left: 345px; cursor:hand;}

#hp-touch #home_banner_btn { position:absolute; top: 239px; left: 106px;}
#hp-touch #home_banner_btn a {display:block; width:206px; height:17px; overflow:hidden; text-indent:-1000px; background:url("../images/homepage_touch_nl.gif") no-repeat 0 0;}
#hp-touch #home_banner_btn a:hover{background-position:0px -17px;}
#hp-touch #home_banner_btn2 { position:absolute; top: 225px; left: 369px;}
#hp-touch  #home_banner_btn2 a {display:block; width:166px; height:27px; overflow:hidden; text-indent:-1000px; background:url("../images/homepage_access_nl.gif") no-repeat 0 0;}
#hp-touch #home_banner_btn2 a:hover{background-position:0px -27px;}

.frbe #hp-touch #home_banner_bg { background-image: url('../images/homepage_touch_fr.jpg');}
.frbe #hp-touch #home_banner_btn a { background-image: url('../images/homepage_touch_fr.gif'); }
.frbe #hp-touch  #home_banner_btn2 a { background-image: url('../images/homepage_access_fr.gif');}


/*----------Products Table page----------*/
#blockmain h1.dropdown{float:left; width:400px; background:none; padding-bottom:5px;}
div.dropTitle{float:left; width:300px; background:none; padding-bottom:0; text-transform:uppercase; color:#F27F04; font-size:12px; font-weight:bold; margin:0;}
div.dropdown{float:right; width:250px; margin-right:0; padding:0; padding-right:230px;}
div.dropWrap{width:920px; background:url(../images/layout/dotted.hor.gif) repeat-x 0px 30px; padding-bottom:5px;  margin-bottom:5px;}
div.clearBlock2{clear:both;}

#blockmain.home .dropSide{margin-top:30px;}


#blockside .panel h2{background-color: #F4F5F0; color:#43453A;}
#blockside .panel h2.alt, .panel.type4 h2.alt{background-color: #21859C; color:#fff;}

table.products{width:675px;}
table.products td.pic{
	width:135px;
	height:135px;
	padding:15px;
	text-align:center;
	border-right:1px dotted #B2B3AE;
	vertical-align:middle;
}
table.products td.last{border:none;}

table.products td.content{
	padding:5px;
	text-align:center;
	background-color:#F4F5F0;
	border:1px solid #F4F5F0;
	border-bottom:#B2B3AE 1px solid;
}

.pager {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
.pager em {
  font-weight: bold;
  font-style:normal;
}
.toolsActive {
  color: #CDCC00
}

/*-----------Left side navigation---------*/



h2.pijl { background: url("../images/layout/gray.arrow.gif") no-repeat 10px 2px; padding-left: 35px;}

/*Koen edit wo 30 mei*/

.koentest
{
    padding-left: 42px;
}

.koenpijl
{
padding-left: 3px;
}

.koenrep
{
    padding-left: 30px;
}

.koenhomepagejobs
{
    border-top-color:#999999;
    border-top-style:dotted;
    border-top-width:1px;
    
    border-bottom-color:#999999;
    border-bottom-style:dotted;
    border-bottom-width:1px;
    
    background-color:#F7F7EF;
    margin-bottom:10px;
}

/* poll */
.poll 
{
	background: #F4F5F0 url("../images/layout/dotted.hor.gif") repeat-x bottom left;
	margin-bottom:10px;
}
.poll h2 
{
	background: #ECEDE7 url("../images/layout/dotted.hor.gif") repeat-x top left; color: #43453A;  
	padding:0.2em;
	padding-left:10px;
	font-size:11px;
}
.poll h2 span, .poll h2 .htmlTitle, .poll div label, .poll div
{
	font-size:11px;
}

.poll div label
{
	margin-left:5px;
	vertical-align:middle;
}
.poll div
{
	padding:2px;
	padding-left:10px;
	padding-bottom:10px;
}
.poll div input
{
	vertical-align:middle;
	margin-right:5px;
	padding:0px;
	border:0px solid #000000;
	border-width:0px;
}

html>body .poll div input
{
	margin:0px;
}

.poll div table
{
	margin-bottom:10px;

	border:0px solid #000000;
}

.poll div table td
{
	padding:0px;
	border:0px solid #000000;
	padding-right:3px;
}

.poll_error
{
	margin-bottom:10px;	
}

.contact-dropdown { margin-bottom: 1em;}



/***************************/
/*.navigation_culture { display:none;}*/
.nlbe .navigation_culture, .frbe .navigation_culture, .de .navigation_culture, .en .navigation_culture { display:block;} 
.navigation_culture{    position:absolute;     top:110px;     right:20px;   font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	color: #A2A2A2; _position:relative;_float:right;}
.navigation_culture a{    color:#A2A2A2;    padding-left:5px; text-decoration:none;}
.navigation_culture a:hover{    color:rgb(242, 127, 4);}
.navigation_culture .navselected{     color: #666666;text-decoration:none; font-weight:bold;}
.navigation_culture strong { border-left: 1px solid #CCCCCC; font-weight:normal;}
.navigation_culture strong.first { border-left:0;}






/* button 3D */
#page-194 #ctl00_ctl01_ctl00_spHTML img { margin-top: -250px;}
#page-194 .template_productoverview #blockcontent .column-3 .holder.last { overflow:visible; margin-top: -50px;}

#page-192 .template_productoverview #blockcontent .column-3 .holder.last { margin-top: -100px;}
#page-174 .template_productoverview #blockcontent .column-3 .holder.last { margin-top: -100px;}




table.skpartners_overview
{
	width:685px;
}

table.skpartners_overview tr.skpartners_tr_01
{
	background-color:#F9F9F7;
}

table.skpartners_overview tr.skpartners_tr_02
{
	background-color:White;
}

/***** Navigation //brecht@stylelabs.com *****/
/*#navigation{float:left;margin:110px 0px 7px 8px;width:90%;}
    #navigation ul{list-style:none;}
        #navigation ul li{list-style:none;display:inline;background:url("../images/layout/mainnav.li.bg.gif") center right no-repeat;line-height:1.2em;font-size:1em;font-weight:bold;text-transform:uppercase;padding:0px 10px 0px 10px;font-family:Verdana,Arial;}
        html>/**//*body #navigation ul li{padding-top:10px;}

html >/**//*body #navigation{float:left;margin:94px 0px 7px 8px;width:90%;}
#header{background-color:#f4f5f0;}*/


#navigation{float:left;margin:110px 0px 7px 8px;padding-bottom:5px;}
    #navigation ul{list-style:none;margin-left:-8px;}
        #navigation ul li{list-style:none;display:inline;background:url("../images/layout/mainnav.li.bg.gif") center right no-repeat;line-height:1.2em;font-size:1em;text-transform:uppercase;padding:0px 10px 0px 10px;font-family:Verdana,Arial;}
            #navigation ul li a{color:#5c5e54;text-decoration:none;font-weight:500;}
            #navigation ul li.menuActive a{color:#ee9626;text-decoration:none;}
            #navigation ul li a:hover{color:#ee9626;text-decoration:none;}
    html >/**/ body #navigation ul{list-style:none;margin-left:4px;padding-bottom:0px;}

/***** Subnavigation IE7 Fix //brecht@stylelabs.com *****/
/***** If modify, please check niko_ie.css *****/
#blockmain{margin-top:30px;}
#page-236 #blockmain, #page-219 #blockmain, #page-373 #blockmain, #page-372 #blockmain, #page-376 #blockmain, #page-379 #blockmain, #page-374 #blockmain, #page-375 #blockmain, #page-303 #blockmain, #page-161 #blockmain, #page-227 #blockmain , #page-226 #blockmain , #page-325 #blockmain, #page-283 #blockmain, #page-159 #blockmain, #page-160 #blockmain, #page-297 #blockmain, #page-298 #blockmain, #page-302 #blockmain{margin-top:0px;}
html >/**/ body #blockmain{margin-top:0px;}


/***************KOEN START REFERENTIES CLASSES 10juli2008********************/
.referentie_detail_shortdesc
{
	padding:7px;
	background-color:#F0F0F0;
}

.referentie_detail_longdesc
{
	padding-top:7px;
	padding-bottom:7px;
	background:transparent url(../images/layout/dotted.hor.gif) repeat-x scroll left bottom;
}

.referentie_detail_back
{
	text-align:right;
}

.repnewsdiv_0
{background-color:#CC0033; width:100px; padding:3px 5px 3px 5px; color:White; font-weight:bold;display:inline;}
.repnewsdiv_1
{background-color:#602424; width:100px; padding:3px 5px 3px 5px; color:White; font-weight:bold;display:inline;}
.repnewsdiv_2
{background-color:#006600; width:55px; padding:3px 5px 3px 5px; color:White; font-weight:bold;display:inline;}
.repnewsdiv_3
{background-color:#FF9900; width:125px; padding:3px 5px 3px 5px; color:White; font-weight:bold;display:inline;}
.repnewsdiv_4
{background-color:#6600CC; width:90px; padding:3px 5px 3px 5px; color:White; font-weight:bold;display:inline;}
.repnewsdiv_5
{background-color:#666666; width:75px; padding:3px 5px 3px 5px; color:White; font-weight:bold;display:inline;}
.repnewsdiv_6
{background-color:#85CB84; width:75px; padding:3px 5px 3px 5px; color:White; font-weight:bold;display:inline;}


#blockside ul li.selected_referentie
{
	
}

#blockside ul li.selected_referentie a
{
	color: #EE8603;
}



.referenties_datalist_consumer
{
	/*background-color:Green;*/
	width:100%;
}

table .pnl_referenties
{
	background-color:Yellow;
	width:350px;
	padding:10px;
}


table td.pnl_referenties
{
	vertical-align:top;
}


.referenties_paging
{
	background-color:#CCCCCC;
	padding:3px;
}

.datalist_referenties_span
{
	/*background:transparent url(../images/layout/dotted.hor.gif) repeat-x scroll left bottom;*/
}

.datalist_referenties_span span
{
	/*background:transparent url(../images/layout/dotted.hor.gif) repeat-x scroll left bottom;*/
	
	padding:5px;
	display:block;
	width:340px;
	float:left;	
	margin-right:5px;
}

.datalist_referenties_span span .pnl_referenties
{
	background:transparent url(../images/layout/dotted.hor.gif) repeat-x scroll left bottom;
}

.linebreak {clear:both;}
.referenties_dottedline, .referenties_dottedline_pro { width: 335px;height: 0px;float:left; background:transparent url(../images/layout/dotted.hor.gif) repeat-x scroll left bottom; padding-top: 2px;margin: 0px; }
.referenties_dottedline_pro {width: 335px;}
.referenties_dottedline.alternate, .referenties_dottedline_pro.alternate{ margin-left: 15px; }
.pnl_referenties, .pnl_referenties_pro {width:335px;padding:0px;padding-right: 0px;display:block;float:left;margin-bottom: 10px;margin-top: 10px;}
.pnl_referenties_pro {width:335px;}
.pnl_referenties.alternate, .pnl_referenties_pro.alternate {margin-left: 15px;}	
.pnl_referenties .content_referenties{clear:both;}
.pnl_referenties .content_referenties .item-buttons, .pnl_referenties_pro .content_referenties .item-buttons{margin:0px;padding: 0px; margin-top: 5px;}
.pnl_referenties .content_referenties img, .pnl_referenties_pro .content_referenties img {margin-right: 7px;margin-bottom: 3px;}
.pnl_referenties .content_referenties .text_referenties span, .pnl_referenties_pro .content_referenties .text_referenties span{text-align:left; display:block;}
.pnl_referenties .content_referenties .ref_title, .pnl_referenties_pro .content_referenties .ref_title{margin-bottom: 5px;color:#21859C;font-family:Arial,Helvetica,sans-serif;font-size:16px;text-transform:uppercase;}
.pnl_referenties .content_referenties, .pnl_referenties_pro .content_referenties{float: left; width: 325px;clear:both;}
.pnl_referenties_pro .content_referenties{width: 325px;}
.pnl_referenties .minheight_referenties, .pnl_referenties_pro .minheight_referenties{height: 100px; float:right; width: 1px;}
.datalist_referenties_span_pro span
{
	/*background:transparent url(../images/layout/dotted.hor.gif) repeat-x scroll left bottom;*/
	
	padding:5px;
	display:block;
	width:310px;
	float:left;	
	margin-right:5px;
}

.datalist_referenties_span_pro span .pnl_referenties
{
	padding-top:5px;
	background:transparent url(../images/layout/dotted.hor.gif) repeat-x scroll left bottom;
}


.datalist_referenties_span_pro span .ref_title
{
color:#89146A;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
padding-bottom:7px;
text-transform:uppercase;
}

#refPhotosCommonContainer{margin-top: 20px; margin-bottom: 20px;}
#refImagePreviewContainer {width: 446px; margin: auto; text-align:center;}

#refImagesBlockContainer {float:left; width: 416px;}
#refImagesBlockContainer #refImagesBlock img {margin: 2px; cursor: pointer;}


#refNavigation {width: 446px; margin:auto;}
div.refImagesNavigation {width: 15px; float: left; padding-top: 1px;}
div.refImagesNavigation img {height: 75px; width: 15px; cursor: pointer;}

.ref_title{text-transform:none !important;color:#313329 !important;font-weight:bold;font-size:13px !important;}
.ref_title a{color:#313329 !important;text-decoration:none;}
.ref_title a:hover{text-decoration:underline;}

ul.refNav{}
    ul.refNav li{background-image:url(../images/layout/content.li.bg.grey.png) !important;}
    ul.refNav li:hover,
    ul.refNav li.selected_referentie{background-image:url(../images/layout/content.li.bg.orange.png) !important;}
        ul.refNav li a{color:#313329 !important;text-decoration:none !important;font-weight:bold;}
        ul.refNav li.selected_referentie a,
        ul.refNav li a:hover{color:#f48917 !important;}
.literal_contact a{font-weight:bold;}        
.refTitle{color:#f48917 !important;text-transform:none !important;font-size:13px !important;padding-top:4px !important;}

.ref_img{float:left;width:100px;margin-right:10px;}
.ref_info{float:left;width:200px;}
.referenties_paging{background-color:#FFFFFF;}
.displayNone{display:none;}

.refT #blockcontent{margin-left:10px;}