body {
 margin:0px; 
 padding:0px; 
 background:#cccccc;
 }
 
#top{
margin:0px; 
padding:0px;
overflow:hidden;
width:760px;
height:0px;

 }
 
#homebox{
margin:0px; 
padding:0px;
 position:absolute;
 top:57px;
 left:380px;
 width:103px;
 height:198px;

} 

#homebox img{
margin:0px; 
padding:0px;
float:left;
} 


div.kop { 
 position:relative;
 top:0px;
 left:0px;
 width:760px; 
 height:107px;
 background:  url("logobackground.gif") top left repeat-y;

} 

div.logo { 
 position:relative;
 top:12px;
 left:308px;
 width:352px;
 height:92px;
 background:  url("logo.gif") top left no-repeat;

} 

div.content { 
 position:relative;
 width:760px; 
 height:314px;
 background:#692800;
 z-index:50;
} 

div.contentroute { 
 position:relative;
 width:760px; 
 height:401px;
 background:#692800;
} 



#container {visibility:hidden;position:relative;z-index:0;top:0px;text-align:left;margin:0px auto;padding:0;width:760px;height:420px;z-index:0;}

#prev{
margin:213px 0px 0px 25px; 
float:left;
}

#next{
margin:213px 25px 0px 0px; 
float:right;
}


#routebox img{
margin:0px 0px 0px 0px; 
float:right;
padding:0px;
}


#box{ 
 z-index:90;
 position:absolute;
 left:100px;
 top:26px;
 width:558px; /*(100px+ 5pxL/Rmargin) X 3*/ 
 height:65px;
 margin: 0 auto; /*centers in FF/Moz/etc */ 
 text-align:center; /*centers in IE5.x*/ 
 background:  url("rasterblokje.gif") top left repeat;
 } 
 
 
 #portdetailbox{ 
 position:absolute;
 left:7px;
 top:26px;
 width:744px; /*(100px+ 5pxL/Rmargin) X 3*/ 
 margin: 0 auto; /*centers in FF/Moz/etc */ 
 text-align:center; /*centers in IE5.x*/ 
 height:266px;
 background:  url("rasterblokje.gif") top left repeat;
 } 
 
  #contactbox{ 
 position:absolute;
 left:9px;
 top:26px;
 margin: 0px;
 background:  url("kruis.gif") top left no-repeat  #f1e0b2;
 padding:0px;
height:266px;
 width:742px; 
 } 
 
#naw img{ 
margin: 0px;
padding:0px;
border:0px;
float:left;
} 
 
 


 #routebox{ 
 position:absolute;
 left:9px;
 top:26px;
 margin: 0px;
 background:  url("kruis.gif") top left no-repeat  #f1e0b2;
  padding:0px 0px 0px 0px;

 } 
 
 #routebox { 
 height:356px;
 width:742px; 
 voice-family: "\"}\""; 
 voice-family:inherit;
 height:356px;
 width:742px;
} 
  /* CSS1 UAs should see and use 2nd width */

html>body #routebox {  height:355px; width:742px; } 


 #routetext{ 
 position:absolute;
 left:102px;
 top:58px; 
 width:255px;
 font-family:verdana;
 font-size:11px;
 text-decoration:none;
 color:#692800;
 line-height:22px;
 margin: 0px;
 padding:0px 0px 0px 0px;
 text-decoration:none;
 }

#routetext a.terug{ 
 color:#692800;
text-decoration:none;
font-weight:bold;
}


#routetext a.pijltjes{ 
color:#cc9900;
text-decoration:none;
font-weight:normal;
}

#routetext a.naam{ 
font-family:verdana;
 font-size:12px;
 color:#692800;
 font-weight:bold;
 line-height:24px;
 text-decoration:none;
}

#routetext h1{ 
font-family:verdana;
 font-size:12px;
 color:#cc9900;
 font-weight:bold;
 line-height:23px;
  margin: 0px;
  padding:0px 0px 0px 0px;
}

 
 
 #werkbox
 {
 background:#ffffff;
  position:absolute;
 left:95px;
 top:0px; 
 padding:13px 18px 18px 15px;
 border:0px;
 text-align:left;
 }
 
#naw{

 position:absolute;
 left:310px;
 top:65px;
 width:179px;
 height:132px;
 margin: 0px;
padding:0px;



}

#werkbox { 
 height:266px;
 width:556px; 
 voice-family: "\"}\""; 
 voice-family:inherit;
 height:235px;
 width:523px;
} 
  /* CSS1 UAs should see and use 2nd width */

html>body #werkbox {  height:235px; width:523px; } 
 
 
 
 
 #tekst h3 , p
 {
 font-family:verdana;
 font-size:11px;
 text-decoration:none;
 color:#692800;
 margin:0px 0px 0px 0px; 
 padding:0px;
 border:0px;
 text-align:left;
 line-height:18px;
 width:170px;
  }
 
 #menu{ 
 position:absolute;
 left:102px;
 top:0px;
 width:559px; /*(100px+ 5pxL/Rmargin) X 3*/ 
 margin: 0 auto; /*centers in FF/Moz/etc */ 

 } 
 
 #hoofdmenu{ 
 position:absolute;
 left:10px;
 top:87px;
 width:300px; /*(100px+ 5pxL/Rmargin) X 3*/ 
 margin: 0 auto; /*centers in FF/Moz/etc */ 
 height:19px;
 } 
 
#hoofdmenu img { border: 0; }
* html a:hover {visibility:visible}
#hoofdmenu a:hover img{visibility:hidden}

 
#mouseover{
  background:#ffffff;
  position:absolute;
  width:91px;
  height:65px;
 left:195px;
 top:26px; 
  z-index:99;
 text-align:left;
 visibility:hidden;
  margin:0px;
 padding:0px;  
  background:  url("kruis.gif") top left no-repeat ;
 }
 
 #mouseover2{
 
  position:absolute;
  width:232px;
  height:19px;
  left:140px;
  top:59px; 
  z-index:99;
 text-align:left;
 visibility:hidden;
  margin:0px;
 padding:0px;  
  background:  url("homemouseover.gif") top left no-repeat ;
 }
 
 #home{ 
 float:left; 
  height:30px;
 margin:0px;
 padding:0px;  
  background:  url("homeOn.gif") top left no-repeat;
 } 
 
 #portefolio{ 
 float:left; 
 height:30px;
 margin:0px 0px 0px 11px; 
 padding:0px; 
  background:  url("portefolioOn.gif") top left no-repeat;
 } 
 
 #contact{ 
 float:left; 
 margin:0px 0px 0px 13px; 
 padding:0px; 
 height:30px;
 background:  url("contactOn.gif") top left no-repeat;
 } 
 
 #route{ 
 float:left; 
 margin:0px 0px 0px 13px; 
 padding:0px; 
 height:30px;
 background:  url("routeOn.gif") top left no-repeat;
 } 
 
 .menucell{ 
 float:left; 
 width:91px; 
 height:30px;
 margin:1px; 
 } 
 

#link{
text-decoration:none;
color:#cc9900;
font-size:9px;
}

.cell #knop {
padding:13px 0px 0px 0px;
margin:0px;
} 

.menucell img {
padding:6px 0px 0px 0px;
margin:0px;
} 

/*core drop shadow rules*/
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	z-index:60;
	/* \*/display:block;/**/} 
.wrap1 {
    position:absolute;
    top:13px;
    left:195px;
	float:left;
	 /*( background:url(images/shadow.jpg) right bottom no-repeat;*/
	 } 
 /*.wrap2 {background:url(images/corner_bl.gif) left bottom no-repeat;}
.wrap3 {
    padding:0 6px 7px 0;
	background:url(images/corner_tr.gif) right top no-repeat;
	
	}*/
	  
.wrap3 img {
	display:block;
	  
	}