/*
		  body
*/

body.nl-nl{
  background-image:url(/img/bodyBG.gif);
  background-repeat:repeat;
  background-position:left top;
}

html, body{
  font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:12px;
} /*
		  content
		*/
		#content{
		  padding-left:37px;
		  padding-right:37px;
		} /*
		  footer
		*/
		#footer{
		  display:block;
		  background-color:#BEB59B;
		  color:white;
		  
		  margin:0; padding:0;
		  
		  padding-top:4px;
		  padding-bottom:4px;
		  text-align:center;
		}
		
		#footer a{
		  color:white;
		} /*
		  header
*/
#header{
  display:block;
  margin:0; padding:0;
	  
  margin-left:19px;
  height:130px;
  
  background-image:url(/img/headers/welkom.jpg);
  background-repeat:no-repeat;
}
		
#header a{
  position:absolute;
  left:0px;
  top:0px;
	  
  display:block;
  width:300px;
  height:130px;
}
		
#header a em{
  display:none;
} /*
		  kopteksten
		*/
		h2{
		  font-family : "Times New Roman", Times, serif; 
		   
		  font-size : 17px; 
		  
		  background-image:url(/img/h2bg.gif);
		  background-repeat:repeat-x;
		  background-position:left bottom;
		} 
		
		h3{
		  font-family : "Times New Roman", Times, serif;
		  font-size : 15px; 
		}
		 /*
  location
*/

#map{
  display:block;
  width:542px;
  height:400px;
}


body.map{
  margin:0; padding:0; border:0;
}

.infobox{
  line-height:1.4em;
}

.infobox h2{
  font-size:1em;
  font-weight:normal;
  margin:0; padding:0; border:0;
  color:black;
}

.infobox address{
  font-style:normal;
}


/* plan route form*/
#visitorAddress{
  display:block;
  padding:0px 20px;
  width:520px;
}

#visitorAddress p label{
  display:inline;
  clear:none;
  float:none;
  padding:0; margin:0; border:0;
  width:auto;
  height:auto;
  line-height:auto;
  
  text-decoration:underline;
  cursor:pointer;
}

#visitorAddress fieldset{
}

#visitorAddress fieldset label{
  padding:0;
  clear:none;
}

#visitorAddress fieldset label span{
  float:none;
  width:auto;
  padding:0;
  text-align:left;
}

#streetAddressLocalityWrapper{
  padding:0; margin:0; border:0;
  
  float:left;
}

#streetAddressLocalityWrapper label{
  float:left;
  margin-right:20px;
}


#streetAddressWrapper span{
  display:block;
  width:160px;
}

#streetAddressWrapper input{
  width:160px;
}

#localityWrapper span{
  display:block;
  width:120px;
}

#localityWrapper input{
  width:120px;
}

#postalCodeWrapper{
  padding:0; margin:0; border:0;
  
  float:left;
}

#postalCodeWrapper label{
}

#postalCodeWrapper label span{
  display:block;
}

#postalCodeWrapper label input{
  width:80px;
}

#visitorAddress fieldset.buttonBar{
  padding:0; margin:0; border:0;
  
  margin-top:10px;
  border-top:1px solid #0345A8;
}

#visitorAddress fieldset.buttonBar button{
  border:0;
  border-top:4px solid #0345A8;
  border-bottom:2px solid #0345A8;
  background-color:transparent;
  float:right;
} /*
  location
*/

#map{
  display:block;
  width:542px;
  height:400px;
}


body.map{
  margin:0; padding:0; border:0;
}

.infobox{
  line-height:1.4em;
}

.infobox h2{
  font-size:1em;
  font-weight:normal;
  margin:0; padding:0; border:0;
  color:black;
}

.infobox address{
  font-style:normal;
}


/* plan route form*/
#visitorAddress{
  display:block;
  padding:0px 20px;
  width:520px;
}

#visitorAddress p label{
  display:inline;
  clear:none;
  float:none;
  padding:0; margin:0; border:0;
  width:auto;
  height:auto;
  line-height:auto;
  
  text-decoration:underline;
  cursor:pointer;
}

#visitorAddress fieldset{
}

#visitorAddress fieldset label{
  padding:0;
  clear:none;
}

#visitorAddress fieldset label span{
  float:none;
  width:auto;
  padding:0;
  text-align:left;
}

#streetAddressLocalityWrapper{
  padding:0; margin:0; border:0;
  
  float:left;
}

#streetAddressLocalityWrapper label{
  float:left;
  margin-right:20px;
}


#streetAddressWrapper span{
  display:block;
  width:160px;
}

#streetAddressWrapper input{
  width:160px;
}

#localityWrapper span{
  display:block;
  width:120px;
}

#localityWrapper input{
  width:120px;
}

#postalCodeWrapper{
  padding:0; margin:0; border:0;
  
  float:left;
}

#postalCodeWrapper label{
}

#postalCodeWrapper label span{
  display:block;
}

#postalCodeWrapper label input{
  width:80px;
}

#visitorAddress fieldset.buttonBar{
  padding:0; margin:0; border:0;
  
  margin-top:10px;
  border-top:1px solid #0345A8;
}

#visitorAddress fieldset.buttonBar button{
  border:0;
  border-top:4px solid #0345A8;
  border-bottom:2px solid #0345A8;
  background-color:transparent;
  float:right;
} /*
  main-nav
*/
#main-nav{
  display:block;
  width:700px;
  height:25px;
  padding:0; margin:0;
  list-style-type:none;
  padding-left:37px;
  padding-top:5px;
  background-color:#E9E3D2;
  line-height:25px;
}

#main-nav li{
  float:left;
  position:relative;
}

#main-nav li:hover{
  background-image:url(/img/mainnavHover.gif);
  background-repeat:no-repeat;
  background-position:1px 0px;
}

#main-nav li a{
  padding-left:19px;
  padding-right:8px; 
  
  text-decoration:none;
  color:white;
  font-weight:bold;
  font-family : "Times New Roman", Times, serif;
  font-size : 17px; 
}

#main-nav li a em{ font-style:normal; }

#main-nav li a:hover{
  color:#666666;
}


 /*
  main-nav onderliggend
*/
#main-nav li ul{
  display:none;
          position:absolute;
  top:25px;
          left:0px;
}

#main-nav li:hover ul{
  display:block;
  position:absolute;
  
  background-color:#E9E3D2;
  
  margin:0; padding:0;
  height:auto;
}

#main-nav li ul li{
  display:block;
  float:none;
  
  background-color:#E9E3D2;
  
  margin-top:5px;
  margin-bottom:5px;
}

#main-nav li ul li:hover{
  background-image:none;
}

#main-nav li ul li a{
  display:block;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:19px;
  padding-right:19px;
}

#main-nav li ul li a:hover{
  background-image:none;
}

#main-nav li.d323:hover ul{ display:none; }

 /*
  opmaak afbeeldingen
*/
img.left{
  float:left;
  margin-right:10px;
display:inline;
}

img.right{
  float:right;
  margin-left:10px;
display:inline;
}

img{ border:0} /*
  opmaak formulieren
*/
form{
  clear:both;
}

form *{
  font-size:1em;
}

form fieldset{
  border:0; padding:0; margin:0;
}

form fieldset legend{ display:none; }

form fieldset label{
  display:block;
  clear:both;
  overflow:auto;
  margin-bottom:4px;
}

form fieldset label span{
  float:left;
  width:10em;
}

form fieldset label input{
  border:1px solid #ccc;
  padding-left:5px;
  padding-bottom:2px;
  padding-top:2px;
}

form fieldset label input:focus{
  border-left:4px solid #DEE08C;
  padding-left:2px;
}

form fieldset label textarea{
  padding-left:5px;
  padding-bottom:2px;
  padding-top:2px;
  border:1px solid #ccc;
}

form fieldset label textarea:focus{
  border-left:4px solid #DEE08C;
  padding-left:2px;
}


/* checkboxes */
form fieldset label.checkbox{
  padding-left:10em;
}

form fieldset label.checkbox span{
  float:none; 
  width:auto;
}

form fieldset label.checkbox input{ border:0; }
form fieldset label.checkbox input:focus{ border:0; }

form fieldset.buttonBar{
  padding-left:10em;
}


form fieldset.buttonBar button{
  
}

button em{ font-style:normal; } /*
  opmaak links
*/
a:link, 
a:visited{
  color: #779999;
} /*
  opmaak links
*/
a em{ font-style:normal; } /*
  opmaak tabellen
*/
table tr td{
  vertical-align:top;
} /*
  print onscreen
*/
.print{
  display:none;
} /*
		  site
*/
#site{
  display:block;
  width:741px;
  
  margin:0 auto;
  border:5px solid white;
  background-image:url(/img/sitebg.gif);
  background-repeat:repeat-y;
  background-position:left top;
} /*
  thumbnails
*/
.thumbnails{
  display:block;
  width:479px;
  height:60px;
 
  position:relative;  
 
  list-style-type:none;
  padding:0px;
  margin:0px;
  margin:0px 10px;
  
  padding-top:430px;

  background-position:center 5px;
  background-repeat:no-repeat;
}

.thumbnails li.forward{
  float:left;
  width:30px;
  height:52px;
  margin:0px;
  
  cursor:pointer;  
  
  background-image:url('/data/tn-forward.png');
  background-repeat:no-repeat;
}

.thumbnails li.reverse{
  float:left;
  width:30px;
  height:52px;
  
  cursor:pointer;  
  
  background-image:url('/data/tn-reverse.png');
  background-repeat:no-repeat;
}

.thumbnails li{
  float:left;
  margin-right:9px;
}

.thumbnails li img{
  height:52px;
  border:0px;
}

.thumbnails .reverse{
  background-image:url('/data/frontpage/reverse.png');
  background-position:left top;
  background-repeat:no-repeat;
}

.thumbnails .forward{
  background-image:url('/data/frontpage/forward.png');
  background-position:left top;
  background-repeat:no-repeat;
}

.thumbnails .description{
  position:absolute;
  left:0px;
  top:410px;
  width:479px;
  text-align:center;
}
