/*
  content
*/
#content{
  float:left;
  width:480px;
  padding:0px 10px 10px 10px;
}

 /*
 content header
*/

h2{
  font-size:1.5em;
} /*
  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:776px;
  height:66px;
  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:70px;
  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; }

#langNav #langEN{ display:none; }

 /*
  location
*/

#map{
  display:block;
  width:492px;
  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;
  width:472px;
  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;
} /*
  lokaal Weer Station
*/

.lokaalWeer iframe{
  width:340px;
  height:220px;
  margin-left:60px;
}
 /*
  main-nav
*/
#main-nav{
  display:block;
  width:130px;
  height:290px;
  list-style:none;
  overflow:none;
  clear:both;

  float:left;

  font-weight:bold;
  margin:0;
  
  padding:4px;
  padding-top:15px;
  padding-bottom:0;

  background-color:#DEE3FF;
}

#main-nav li a{
  text-decoration:none;
  border:0;
}

#main-nav li a:before{
  content:'::';
}

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

#main-nav li ul,
body.d1063 #main-nav li.active ul,
body.d1065 #main-nav li.active ul,
body.d1066 #main-nav li.active ul,
body.d1067 #main-nav li.active ul{
  display:none;
}

#main-nav li.active ul{
  display:block;
  list-style:none;
/*  margin-left:-20px;
  >margin-left:20px;*/
  margin-left:6px;
  padding-left:0px;
  padding-top:3px;
  padding-bottom:10px;
  font-weight:normal;
}







#main-nav li.active ul li a:before{
  content:'';
}

 /*
  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:776px;
	margin:36px auto;
	
	border:3px solid #0345A8;

   background-image: url('/img huize mare/mare-bg.gif');
   background-repeat:repeat-y;
   background-position:top left;


} /*
  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; }