body 
 {background: url(/file/17386/bg-body.png) top repeat-x #F1EEEB;
  text-align: center;
  margin: 0;
  font-family: 'lucida sans unicode', 'lucida grande', 'lucida sans', arial, verdana, sans-serif;
  font-size: 13px;
  padding: 0 0 20px 0;}

img, div, a 
 {behavior: url(/file/17369/iepngfix.htc)}

a {color: #FE6A01;}

img
 {border: 0;}

#addthis
 {margin: 5px 0 0 0;} 

fieldset 
 {display: inline;
  padding: 0;
  margin: 0;
  border: 0;}

p 
 {margin: 0 0 10px 0;}

h3 
 {font-size: 21px;
  font-family: 'arial black';
  padding: 0;
  margin: 25px 0 12px 0;
  color: #FE6A01;}

#logo 
 {position: absolute;
  left: 50%;
  margin-left: -170px;}

#container
 {width: 972px;
  margin: 0 auto;
  min-height: 500px;
  text-align: left;
  background: url(/file/17381/bg-container.png);}

#innercontainer 
 {padding: 20px 27px 20px 27px;}

#footer 
 {background: url(/file/17383/bg-footer.png) top repeat-x;
  width: 972px;
  margin: 0 auto;
  height: 7px;
  font-size: 1px;}

/* ---------------------------------------------------- */
/* HEADER --------------------------------------------  */
/* ---------------------------------------------------- */

#header 
 {width: 972px;
  margin: 0 auto;
  height: 118px;}
  
#header img
 {float: left;
  margin: 38px 0 0 7px;}

#header div 
 {float: right;
  width: 228px;
  height: 86px;
  background: url(/file/17385/bg-topmenu.png) no-repeat;}

#header ul 
 {margin: 0;
  padding: 6px 0 0 6px;
  list-style: none;}
  
#header ul li 
 {float: left;
  font-size: 11px;
  padding: 0 0 0 15px;}

#header ul li a 
 {color: #9F9F9F;
  text-decoration: none;}

#header ul li a:hover 
 {color: #000;}

#header form 
 {clear: both;
  float: left;
  margin: 0;
  padding: 10px 0 0 22px;}

#searchbutton 
 {background: none;
  border: none;
  font-family: 'lucida sans unicode';
  font-size: 11px;
  color: #9F9F9F;}

#searchfield 
 {border: none;
  padding: 2px;
  font-family: arial;
  font-size: 11px;
  width: 144px;}
 
 

/* leftcol  =================================== */


#leftcol 
 {float: left;
  width: 245px;
  line-height: 150%;}

/* ---------------------------------------------------- */
/*   MAIN MENU                                          */
/* ---------------------------------------------------- */

#nav 
 {list-style: none;
  margin: 0 0 40px 0;
  padding: 0;
  color: #F1EEEB;}

#nav li 
 {margin: 0;
  border-bottom: 1px solid #fff;
  padding: 0;} 
 
#nav img 
 {padding: 10px 0 0 20px;
  _padding: 8px 0 0 20px;
  display: block;}
  
#nav a 
 {display: block;
  background: url(/file/17379/bg-a.png) 0 50% no-repeat;
  border-bottom: 1px solid #F1EEEB;}
  
#nav a:hover 
 {border-bottom: 1px solid #FE6A01;
  background: url(/file/17378/bg-ahover.png) 0 50% no-repeat;}  

.leftcolblock 
 {margin: 20px 0 0 0;
  padding: 15px 20px 10px 20px;
  color: #fff;
  background: url(/file/18395/bg-topheader.png) top repeat-x #FE6A01;}


.leftcolblock a 
 {color: #fff;}

.leftcolblock hr 
 {border-top: 1px solid #CB5501;
  border-bottom: 1px solid #FE8834;
  border-left: 0;
  border-right: 0;
  margin: 5px 0 15px 0;
  _margin: 1px 0 11px 0;
  padding: 0;}
  
/* ---------------------------------------------------- */
/* RIGHT COLUMN --------------------------------------  */
/* ---------------------------------------------------- */

#rightcol 
 {float: left;
  margin-left: 20px;
  width: 653px;
  line-height: 150%;}


#pitch 
 {width: 655px;
  height: 232px;}
  
#pitch div 
 {position: absolute;
  background-color: #fff;
  height: 62px;
  width: 655px;
  padding: 0 0 0 15px;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
  margin: 158px 0 0 0;}

#pitch h1 
 {display: none;}
 
#pitch img 
 {position: absolute;
  margin: 175px 0 0 20px;}

#path 
 {height: 40px;
  line-height: 40px;
  padding: 0 0 0 20px;}

#path, #path a 
 {color: #666;
  font-size: 11px;}
  
#path div 
 {float: right;
  margin-top: 2px;}

#intro 
 {color: #666;
  padding: 15px 20px 20px 20px;
  font-size: 15px;
  line-height: 150%;}
  
#intro hr 
 {border-top: 1px solid #C1BEBC;
  border-bottom: 1px solid #F7F5F3;
  border-left: 0;
  border-right: 0;
  margin: 4px 0 15px 0;
  _margin: 0px 0 11px 0;
  padding: 0;}

#introcontainer
 {background-color: #F1EEEB;}


#content 
 {padding: 10px 0px 20px 20px;
  line-height: 160%;
  color: #666;}
#contentnopadding
 {padding: 10px 0 0 0;
  line-height: 160%;
  color: #666;}


#content hr 
 {border-top: 1px solid #ccc;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  margin: 5px 0 15px 0;
  _margin: 1px 0 11px 0;
  padding: 0;}
  
#content ul 
 {list-style: square;}

#content p 
 {margin: 0 0 25px 0;}


/* ---------------------------------------------------- */
/* START MENU ----------------------------------------  */
/* ---------------------------------------------------- */
 

ul#startmenu
 {margin: 0;
  padding: 0;
  list-style: none;
  color: #666;}

ul#startmenu li 
 {margin: 0 0 20px 0;
  padding: 0;
  height: 140px;
  width: 316px;
  float: left;
  background: #F1EEEB;}

li.startmenucount0,  li.startmenucount2
  {margin: 0 20px 0 0!important;}

ul#startmenu div
 {padding: 15px;} 

ul#startmenu h2 
 {display: none;}

ul#startmenu hr 
 {border-top: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  border-left: 0;
  border-right: 0;
  margin: 5px 0 12px 0;
  _margin: 1px 0 8px 0;
  padding: 0;}

a.readmorestart
 {position: absolute;
  display: block;
  margin: -8px 0 0 200px;
  width: 100px;
  height: 16px;
  background: url(http://www.webkracht.nl/modules/imger/imger.php?font=ahronbd&color=666666&bg=F1EEEB&h=21&s=12.3&w=224&text=lees%20meer%20») 0 0 no-repeat;}


/* searchpage */

ul#searchpage li
 {margin: 0 0 20px 0}


/* ---------------------------------------------------- */
/* CLEARFIX    ---------------------------------------  */
/* ---------------------------------------------------- */
  
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

 .clearfix {
display: inline-block;
}  

 /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End Holly Hack */

/* ---------------------------------------------------- */
/* WEBLOG START PAGE ---------------------------------  */
/* ---------------------------------------------------- */

#weblog ul
 {margin: 0;
  padding: 0;
  list-style: none;}

#weblog h3
 {font-size: 15px;
  padding: 0;
  margin: 0 0 0 0;}

#weblog h3 a
 {color: #fe6a01;
  text-decoration: none;}

#weblog ul li
 {clear: both;
  font-size: 12px;
  color: #666;
margin-bottom:10px;
overflow:hidden;
}

.weblogitemimg
 {float: left;
  width: 170px;}

.weblogitemcontent
 {float: right;
  width: 480px;
  margin: 0 0 20px 0;}

#weblog hr 
 {border-top: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  border-left: 0;
  border-right: 0;
  margin: 5px 0 15px 0;
  _margin: 1px 0 11px 0;
  padding: 0;}

.nav-container {
	line-height: 30px;
	color: #6D6E70;
	height: 30px;
	text-align: left;
	font-size: 10px;
	padding-left:10px;
clear:both;
}
.pagingBlok {
	float:right;	
}
.pagingBlok strong {
	font-size: 12px;  
	padding:2px;

}
.pagingBlok a {
	font-size: 12px;
	text-decoration:none;
	padding:2px;

}
.passiveLink {
	display:none;	
}

.pagingBlokNext, .pagingBlokPrev { 
	display:inline;	
	font-size:12px!important;  
	font-weight:bold;
	padding:2px;
	text-decoration:none;
}


/* PORTFOLIO */

ul#portfolio
 {list-style: none;
  margin: 0;
  padding: 0;}

ul#portfolio li 
 {margin: 0;
  padding: 0;}

ul#portfolio li a 
 {display: block;
  height: 200px;
  width: 620px;}

ul#portfolio h3 
 {display: none;}

ul#portfolio div 
 {width: 620px;
  height: 200px;
  margin: 0 0 30px 0;
  border: 1px solid #ccc; }

/* ---------------------------------------------------- */
/* BOTTOM MENU ---------------------------------------  */
/* ---------------------------------------------------- */

#bottommenu 
 {width: 960px;
  font-size: 11px;
  color: #333;
  line-height: 170%;
  margin: 10px auto 0 auto;
  text-align: left;}
  
#bottommenu h3 
 {display: none;}
  
#bottommenu1, #bottommenu2, #bottommenu3, #bottommenu4 
 {float: left;
  width: 265px;}

#bottommenu1 ul, #bottommenu2 ul, #bottommenu3 ul, #bottommenu4 ul,
#bottommenu1 img, #bottommenu2 img, #bottommenu3 img
 {margin: 0 0 0 40px;
  padding: 0;
  list-style: none;}

#bottommenu2 
 {width: 209px;}

#bottommenu3 
 {width: 210px;}
 
#bottommenu4 
 {width: 276px;}
 
img.bottomicon 
 {margin: 0 14px 9px 0;}
 
img.lastbottomicon 
 {margin: 0 0 9px 0!important;}


/* REFERENTIES */

ul#referenties
 {list-style: none;
  margin: 0;
  padding: 0;}
ul#referenties li 
 {float: left;
  margin: 0 17px 17px 0;
  padding: 0;}
ul#referenties li img 
 {border: 1px solid #ccc;}

li.ref4, li.ref9, li.ref14, li.ref19, li.ref24, 
li.ref29, li.ref34, li.ref39, li.ref44, li.ref49,
li.ref54, li.ref59, li.ref64, li.ref69, li.ref74
 {margin: 0 0 17px!important;}

ul.referentieshortlist
 {clear: both;
  margin: 0;
  padding: 0 0 0 15px;}

#referentiepath
 {position: absolute;
  top: 378px;
  left: 50%;
  margin-left: -70px;
  font-size: 11px;}

/* outer subpagelist */

#outersubpagelist
 {padding: 0 30px 0 0px;
  margin: 10px 0 20px 35px;
  color: #666;
  list-style: square;
  font-size: 15px;
  font-weight: bold;
  font-family: 'arial black';
  line-height: 220%;
  white-space: nowrap;
  float: left;}

#outersubpagelist li a 
 {text-decoration: none;
  color: #666;}

#outersubpagelist li a:hover, .activeoutersubpagelistitem, .activeoutersubpagelistitem a
 {color: #FE6A01!important;}

/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
width: 655px;
height: 230px;}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
.slides 
 {overflow: hidden;
  width: 655px;}

.slides ul
 {width: 2880px;}

.slides li 
 {width: 655px;
  height: 232px;
  float: left;}

.slides a 
 {display: block;
  height: 230px;
  width: 655px;
  position: absolute;}

.slides li span
 {display: block;
  position: absolute;
  width: 655px;
  height: 60px;
  margin: 150px 0 0 0;
  background-color: #fff;
  filter:alpha(opacity=80);
  -moz-opacity: .80;
  opacity:.80}

.slides li span img 
 {padding: 17px 0 0 20px;}


/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
.slides-nav 
 {position: absolute;
  margin: -20px 0 0 572px!important;
  width: 80px;
  z-index: 4;}

#slideshow .slides-nav li a 
 {display: block;
  float: left!important;
  background-color: #fff;
  height: 12px;
  width: 12px;
  margin: 2px;}

.slides-nav li.on a 
 {background-color: #666!important;}



/* ocms */

table.ocms td
 {line-height: 200%;}

table.ocms input, table.ocms textarea, table.ocms select
 {border: 1px solid #ccc;
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  padding: 2px;
  line-height: 150%;
  width: 300px;}

.ocmssubmit 
 {padding: 2px 10px;
  font-size: 15px;
  font-family: arial, helvetica, sans-serif;
  background-color: #F1EEEB;
  color: #666;
  border: 1px outset #ccc;
  font-weight: bold;}

#submitbuttonOfferte 
 {margin: 0 0 0 155px;}
#submitbuttonContact
 {margin: 0 0 0 82px;}




/* partners =================== */

table#partners td 
 {padding: 0;
  margin: 0;}

table#partners img
 {border: 1px solid #ccc;}



/* lightbox stuff */


/* General Lightbox CSS */
/* Note! Replace the path to the background images with 
   absolute URI's in case your images are not showing! */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	padding-bottom: 30px;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0; }
#hoverNav a{ outline: none;}

#prevLink { 
	left: 0; 
	float: left;
	display: block;
	background: url(/js/wkjs/previous.png) no-repeat;
	background-position: 5px 10px;
	width: 32px;
	}

#nextLink { 
	right: 0; 
	float: right;
	display: block;
	background: url(/js/wkjs/next.png) no-repeat;
	background-position: 5px 10px;
	width: 32px;
	}
#prevLink:hover, #prevLink:visited:hover { xbackground: url(../images/rew-light-on.gif) no-repeat; background-position: 6px 11px; }
#nextLink:hover, #nextLink:visited:hover { xbackground: url(../images/fwd-light-on.gif) no-repeat; background-position: 6px 11px; }

#numberDisplay{ display: block; text-align: center; font: 14px Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 14px; color: #666; }			

#imageDataContainer{
	font: 24px Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #ddd;
	margin: 0 auto;
	line-height: 40px;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold; padding-top: 12px; }
#imageData #bottomNavClose{ width: 32px; float: right; height: 32px; background: url(/js/wkjs/close.png) no-repeat; background-position: 1% 50%; padding-top: 10px; }	
#imageData #bottomNavClose:hover{ width: 32px; float: right; height: 32px; background: url(/js/wkjs/close.jpg) no-repeat; background-position: 1% 50%; padding-top: 10px; }
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	/* Remove the next 3 lines to validate as CSS2 */
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

/* Iframe CSS */
#lightboxIframe {
	z-index: 20;
	display: block;
	border: none;
	border-top: 1px solid #ddd;
	height: 400px;
	width: 600px;
	overflow: auto;
	position: absolute;
	top: 40px;
	left: 10px;
	}
#lightboxImage {
	position: absolute;
	top: 40px;
	left: 10px;
	}