/*
  content
*/
#content{
  float:left;
  width:532px;
  border-right:1px solid #0345A8;
  padding:10px;
}


 /*
  footer
*/
#footer{
  display:block;
  padding:2px 0px;
  clear:both;
  font-size:10px;
  text-align:right;
  
  position:relative;
  top:2em;
}

#footer a{}

#footer a em{ font-style:normal; }


 /*
  header
*/
#header{
  display:block;
  width:694px;
  height:82px;
  margin:0; padding:0;
  border-bottom:2px solid #0345A8;
  
  background-image:url(../data/header.png);
}

#header a{
  display:block;
  
}

#header a em{ display:none; }

 /*
  html, body
*/
html, body{
  font-size:11px;
  
  background-image:url(../data/bodyBG.gif);
  background-repeat:repeat;
}

*{
  color:#0345A8;
  font-family:Arial;
}


 /*
  langNav
*/
#subHeader #langNav{
  float:right;
  width:40px;
  padding:0; margin:0;
  list-style-type:none;
}

#langNav a{
  float:left;
  width:17px;
  height:11px;
  
  margin:2px;
  border:1px solid #C8C8C8;
}

#langNav li.en a{ background-image:url(../data/flagEN.png); }
#langNav li.de-de a{ background-image:url(../data/flagDE.png); }
#langNav li.nl-nl a{ background-image:url(../data/flagNL.png); }

#langNav a em{ display:none; }

/* english link */
body.nl-nl #langEN,
body.de-de #langEN,
body.en #langEN{ 
  display:none; 
}

/* dutch link */
body.nl-nl #langNL,
body.en #langNL{ 
  display:none; 
}

/* german link */
body.de-de #langDE,
body.en #langDE{ 
  display:none; 
}


 /*
  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:544px;
  overflow:auto;
  clear:both;  

  font-weight:bold;
  margin:0;
  padding:0;
  list-style-type:none;
  
  padding:4px;
  border:1px solid #0345A8;
  border-left:0;
}

#main-nav li{
  float:left;
}

#main-nav li a{
  text-decoration:none;
  border-left:1px solid #0345A8;
}

#main-nav li:first-child a{
  border:0px;
}

#main-nav li a em{ 
  font-size:12px;
  font-style:normal; 
  text-decoration:underline; 
  padding:0px 4px;
}

#main-nav li ul li{ display:none; }
 /*
  opmaak afbeeldingen
*/
a img{ border:0px; }

img.left{ float:left; margin-right:5px; }
img.right{ float:right; margin-left:5px; } /*
  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 #0345A8;
  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 #0345A8;
  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 lijsten
*/
ul.afbeeldingen{
  padding:0; margin:0;
  list-style-type:none;
}

ul.afbeeldingen li{
  text-align:center;
} /*
  opmaak links
*/
a img{ border:0; }

a em{ font-style:normal; } /*
  opmaak tabellen
*/
table tr td{
  vertical-align:top;
} /*
  prijslijst
*/
.prijslijst table{}

.prijslijst table thead{}

.prijslijst table thead tr{}

.prijslijst table thead tr th{
  text-align:left;
  font-weight:normal;
}

.prijslijst table tbody{}

.prijslijst table tbody tr{}

.prijslijst table tbody tr th{
  text-align:left;
  font-weight:normal;
}

.prijslijst table tbody tr td{}

 /*
  print onscreen
*/
.print{ display:none; } /*
  sidebar
*/
#sidebar{
  float:right;
  width:120px;
  padding-right:6px;
}

#sidebar p{
  text-align:center;
}

 /*
  site
*/
#site{
	display:block;
	width:694px;
	margin:36px auto;
	
	border:3px solid #0345A8;
}

 /*
  subheader
*/
#subHeader{
  padding:0; margin:0;
  padding:10px;
  padding-right:10px;
}

#subHeader p{
  float:left; 
  width:600px;
  padding:0; margin:0;
}

 /*
  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;
} /*
  webcam
*/
#webcam-wrapper{
  display:block;
  width:427px;
  
  margin:0 auto;
  
  border:10px solid #5AB6E5;
  background-color:#5AB6E5;
}

#webcam-wrapper ul{
  display:block;
  width:427px;
  height:340px;
  
  overflow:hidden;
  
  padding:0;
  margin:0;
  border:0;
  list-style-type:none;
}

#webcam-wrapper li{
  display:none;
  width:427px;
  height:340px;
}

#webcam-wrapper li.show{ display:block; }

#webcam-wrapper li object{
  display:block;
  margin:0; padding:0;
  margin-left:36px;
  margin-top:40px;
}

#webcam-wrapper li object, #webcam-wrapper li embed{
  background-color:transparent;
}

#webcam-wrapper li.stream{
  background-image:url(loader.gif);
  background-repeat:no-repeat;
  background-position:center center;
}

#webcam-nav{
  display:block;
  padding:0; margin:0;
  text-align:center;
}

#webcam-wrapper a{
  padding:0px 4px;
  color:white;
  background-color:#01497F;
  text-decoration:none;
}

#webcam-wrapper a em{ font-style:normal; color:white; }