@charset "utf-8";
/* CSS Document */


/************/
/*** body ***/
/************/
*{ margin:0px; padding:0px;}
body { background:#ffffff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF;}
img { border:0px;}
.clear { clear:both;}



/***************/
/*** wrapper ***/
/***************/
#wrapper { position:relative; width:1000px; height:742px; margin:0 auto; overflow:hidden;}

     /*** achtergronden subpagina's ***/
	.index { background:url(../images/bg_index.png) no-repeat top;}
	.onsbedrijf { background:url(../images/bg_onsbedrijf.png) no-repeat 0px 1px;}
	.watdoenwij { background:url(../images/bg_watdoenwij.png) no-repeat 0px 1px;}
	.referenties { background:url(../images/bg_referenties.png) no-repeat 0px 2px;}
	
	/*** titel ***/
	#wrapper h1 { position:absolute; left:12px; bottom:4px; background:url(../images/logo.png) no-repeat; width:260px; height:55px; text-indent:-100000px; overflow:hidden;}



/***************/
/*** menuBar ***/
/***************/
ul#menuBar { position:relative; width:877px; height:32px; margin:0px; padding:59px 0px 0px 123px; list-style:none; overflow:hidden;}
ul#menuBar li { float:left; width:256px; height:32px;}
ul#menuBar li a { display:block; width:200px; height:32px; text-indent:-100000px; overflow:hidden;}

	/*** active ***/
	ul#menuBar li a#onsbedrijfActive { background:url(../images/li_onsbedrijf_hover.png) no-repeat left;}
	ul#menuBar li a#watdoenwijActive { background:url(../images/li_watdoenwij_hover.png) no-repeat left;}
	ul#menuBar li a#referentiesActive { background:url(../images/li_referenties_hover.png) no-repeat left;}
	ul#menuBar li a#onsbedrijfActive:hover { background:url(../images/li_onsbedrijf.png) no-repeat left;}
	ul#menuBar li a#watdoenwijActive:hover { background:url(../images/li_watdoenwij.png) no-repeat left;}
	ul#menuBar li a#referentiesActive:hover { background:url(../images/li_referenties.png) no-repeat left;}
	
	/*** normal ***/
	ul#menuBar li a#onsbedrijf { background:url(../images/li_onsbedrijf.png) no-repeat left;}
	ul#menuBar li a#watdoenwij { background:url(../images/li_watdoenwij.png) no-repeat left;}
	ul#menuBar li a#referenties { background:url(../images/li_referenties.png) no-repeat left;}
	ul#menuBar li a#onsbedrijf:hover { background:url(../images/li_onsbedrijf_hover.png) no-repeat left;}
	ul#menuBar li a#watdoenwij:hover { background:url(../images/li_watdoenwij_hover.png) no-repeat left;}
	ul#menuBar li a#referenties:hover { background:url(../images/li_referenties_hover.png) no-repeat left;}
	
	/*** home ***/
	ul#menuBar li.home a { position:absolute; right:0px; top:72px; width:50px; color:#648771; font-size:14px; font-weight:bold; text-decoration:none; text-transform:lowercase; text-indent:0px;}
	ul#menuBar li.home a:hover { color:#cfdac9;}




/***************/
/*** content ***/
/***************/
#content { position:relative; width:1000px;  min-height:589px; height:auto !important; height:589px;}

	/*** welkomTekst ***/
	#welkomTekst { position:absolute; top:55px; left:184px; width:453px;}
	#welkomTekst h2 { font-size:18px; padding:0px 0px 6px 54px;}
	
	/*** overRofra ***/
	#overRofra { position:absolute; top:172px; left:568px; width:433px;}
	#overRofra img { position:absolute; top:210px; left:200px; border:4px solid #FFF;}
	
	/*** activiteitenTekst ***/
	#activiteitenTekst { position:absolute; top:28px; left:178px; width:453px;}
	
	/*** projectenTekst ***/
	#projectenTekst { position:absolute; top:365px; left:64px; width:453px;}
	#projectenTekstRef { position:absolute; top:365px; left:64px; width:453px; color: #000;}
	#projectenTekst h2 { font-size:18px; padding:0px 0px 6px 54px;}
	
	/*** fotos ***/
	.foto1 { position:absolute; right:208px; top:169px; border:2px solid #FFF;}
	.foto2 { position:absolute; right:72px; top:169px; border:2px solid #FFF;}
	.foto3 { position:absolute; right:237px; top:267px; border:2px solid #FFF;}
	.foto4 { position:absolute; right:101px; top:267px; border:2px solid #FFF;}
	.foto5 { position:absolute; right:266px; top:365px; border:2px solid #FFF;}
	.foto6 { position:absolute; right:130px; top:365px; border:2px solid #FFF;}
	
	/*** projectGroot ***/
	#projectGroot { position:absolute; left:255px; top:4px;  text-align:center; padding:4px 0px 0px 0px;}
	#projectGroot p { display:block; float:left; color:#628c74; padding:0px 0px 0px 7px;}
	
	/*** inspringende regels ***/
	span.regel1 { display:block; padding:0px 0px 0px 9px;}
	span.regel2 { display:block; padding:0px 0px 0px 18px;}
	span.regel3 { display:block; padding:0px 0px 0px 27px;}
	span.regel4 { display:block; padding:0px 0px 0px 36px;}
	span.regel5 { display:block; padding:0px 0px 0px 45px;}
	span.regel6 { display:block; padding:0px 0px 0px 54px;}
	span.regel7 { display:block; padding:0px 0px 0px 63px;}
	span.regel8 { display:block; padding:0px 0px 0px 72px;}



/***************/
/*** footer* ***/
/***************/
#footer { position:relative; width:713px; height:26px; padding:36px 0px 0px 287px;}
#footer p { display:block; float:left; width:auto; height:18px; padding:0px 15px 0px 0px; color:#0e471e; display:inline;}
#footer p.fax { width:126px;}


  
  #gallery { vertical-align: baseline; }
  .slideshow-container { height: 237px; }
  #slideshow a.advance-link { height: 237px; color: #fff; }
  #slideshow img { border: none; }
  #slideshow span.image-wrapper { position: absolute; }
  #thumbnails2 { position: absolute; background: none; left: 630px; top: 190px; overflow: auto; }
  #thumbnails2 ul { list-style: none; }
  #thumbnails2 li { float: left; margin: 0 10px 10px 0; }
  #thumbnails2 img {  }
  .bottom { display: none; }
  .pagination a { color: #fff; text-decoration: none; margin-left: 5px; }