/*
  algemeen
*/
html, body{
  font-family:Verdana;
  font-size:11px;
}

body.nl-nl{
  display:block;
  width:100%;
  height:100%;
  
  padding:0; margin:0; border:0;
  
  background-image:url('/img/broeiplek/bodyBg.jpg');
  background-repeat:repeat-x;
  background-position:left bottom;
} /*
  content
*/
#content{
  display:block;
  /*padding-top:80px;*/
  padding-top:20px;
  padding-left:110px;

  background-image:url('/img/broeiplek/contentBG.jpg');
  background-repeat:repeat-x;
  background-position:left bottom;
  background-color:white;

}

.content{
  display:block;
  width:350px;
  padding-right:250px;
  min-height:363px;
  _height:363px;

  background-image:url('/img/broeiplek/zwerfpeuk.jpg');
  background-repeat:no-repeat;
  background-position:right -10px;
}

/* sitemap title */
body.d1114 #content div.subtitle{
  background-image:none;
  height:22px;
  min-height:0;
}

/* 404page */
body.template-57 .content{
  height:550px;
}

body.d1158 .content{
  width:650px;
  padding:0;

  background-image:none;
}

/*
voor meerdere docitems om 1 pagina
*/
div#di2050,
div#di2019  {
  display:block;
  width:350px;
  padding-right:250px;
  min-height: 0px;
  _height: 0px;

  background-image:none;
}
 /*
  footer
*/
#footer{
  display:block;
  clear:both;
  padding:0.5em;
  color:#53A9E2;
  font-size:10px;
}

#footer a{
  color:#53A9E2;
  font-size:10px;
}
 /*
  header
*/
#header{
  display:block;
  height:200px;
  width:783px;

  padding:0; margin:0; border:0;

  background-image:url('/img/broeiplek/siteBG.jpg');
  background-repeat:no-repeat;
  background-position:left bottom;
}

#header a em{ display:none; }
 /*
  imagebar
*/
#imagebar{
  display:block;
  height:140px;
  padding-top:30px;
}

#imagebar ul{
  display:block;
  height:140px;

  padding:0; margin:0;
  list-style-type:none;
}

#imagebar ul li{
  float:left;
  padding-left:10px;
} /*
  main-nav
*/


#main-nav{
  display:block;
  width:780px;
  height: 118px;
  background-image: url(/img/broeiplek/navbg.gif);
  padding:0; margin:0;
}

#main-nav li {
  position:relative;
  float:left;
  list-style-type: none; 
  top: 38px;
  height:25px;
  padding-left: 20px;
}

#main-nav li.active {
  background-image: url(/img/broeiplek/navtab-a.gif);
}

#main-nav li a{
  float:left;
  background-position:right;
  text-decoration:none;
  height:25px;
  font-family:Arial, Helvetica, sans-serif;
  padding-right:20px;
}

#main-nav li.active a  {
  background-image: url(/img/broeiplek/navtab-b.gif);
}

#main-nav em{
  display:block;
  color:black;
  font-style:normal;
  text-transform:uppercase;
  font-size:12px;
}

#main-nav li.active em{
  display:block;
  color:white;
  font-style:normal;
  text-transform:uppercase;
  font-size:12px;
}

/* nu met flash/js */

#main-nav li {
  display:block;
  position:relative;
  float:left;
  list-style-type: none; 
  top: 38px;
  height:25px;
  padding-left: 20px;
}

#main-nav li.active {
  background-image: url(/img/broeiplek/navtab-a.gif);
}

#main-nav li div {
  display: block;
  height:25px;
  padding-right:20px;
}

#main-nav li.active div {
  background-image: url(/img/broeiplek/navtab-b.gif);
  background-position:right;
}

#main-nav li div div {
  display:block;
  background-image:none;
  height:25px;
  margin:0;  padding:0;
}

#main-nav li.navnr0 {width:60px;}
#main-nav li.navnr1 {width:80px;}
#main-nav li.navnr2 {width:100px;}
#main-nav li.navnr3 {width:80px;}
#main-nav li.navnr4 {width:90px;}
#main-nav li.navnr5 {width:80px;}
#main-nav li.navnr6 {width:80px;}
#main-nav li.navnr7 {width:70px;}

#main-nav li ul{ display:none; }
 /*
 opmaak  formulier
*/
form{
  display:block;
  width:496px;
  
  padding:0px;
  margin:0px;

  margin-left:-10px;
  margin-right:-10px;
}

form fieldset{
  border:0px;
  padding:0px;
  margin:0px;
  padding-top:10px;
}

form fieldset legend{
  display:none;
}

form fieldset fieldset legend{
  display:inline;
}

form fieldset label{
  display:block;
  clear:both;
  padding:8px 6px;
}

form fieldset label span{
  float:left;
  width:120px;
  line-height:16px;
  color:black;
  font-size:10px;
  text-align:right;
  padding-right:5px;
  
}

form fieldset label input{
  font-family:verdana;
  font-size:11px;

  width:220px;
  line-height:15px;
  
  border-top:1px solid #999;
  border-left:1px solid #999;
  
  border-bottom:1px solid #ddd;
  border-right:1px solid #ddd; 
   
  padding:0px 2px; 
}

form fieldset label textarea{
  font-family:verdana;
  font-size:11px;

  border-top:1px solid #999;
  border-left:1px solid #999;
  
  border-bottom:1px solid #ddd;
  border-right:1px solid #ddd; 
   
  width:220px;
}

form fieldset label select{
  font-family:verdana;
  font-size:11px;
  
}


/*
  checkbox
*/
form fieldset label.checkbox{
  padding-left:120px;
}

form fieldset label.checkbox span{
  width:auto;
  float:none;
  text-align:left;
}

form fieldset label.checkbox input{
  width:auto;
  border:0px;
  float:left;
}


/*
  radio
*/
form fieldset label.radio{
  padding-left:120px;
}

form fieldset label.radio span{
  width:auto;
  float:none;
  text-align:left;
}

form fieldset label.radio input{
  width:auto;
  border:0px;
  float:left;
}


/*
  knoppen
*/
form fieldset.buttonBar{
  display:block;
  padding-left:129px;
  
  height:30px;
}

form fieldset.buttonBar button{
  margin:0px;
  margin-right:5px;


  cursor:pointer;
  color:black;

  font-size:10px;
  text-transform:lowercase;
  background-color:#CEE444;

  border:1px solid #CEE444;

}

form button em {
 font-style: normal;
}

form p.freeText {
  font-style:italic;
  padding-left:  132px;
} /*
  opmaak afbeeldingen
*/

img{ display:block; }

a img{ display:inline; } /*
  opmaak diversen
*/
strong{
  color:#53A9E2;
} /*
  opmaak kopteksten
*/
h2{
  text-transform:uppercase;
  color:#2D2C2E;
}

 /*
  opmaak links
*/
a em{
  font-style:normal;
}

a img{
  border:0;

}


a{
  text-decoration:none;
  color:#53A9E2;
}

a:hover{
  text-decoration:underline;
}

 /*
  opmaak tabellen
*/
table tr td{
  vertical-align:top;
}  /*
  popup painting
*/
#popup{
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-150px;
  margin-top:-180px;
  height:482px;
  width:311px;
  z-index:101;
  background-image: url('/img/broeiplek/popupbg.png');
}              

#popupHeader{
  display:block;
  position:relative;
  width:300px;
  height:24px;
  overflow:hidden;
  top:414px;
}

#popupImageContainer {
  display:block;
  position:relative;
  width:300px;
  height:380px;
  background-position: center center;
  background-repeat: no-repeat;
  top:-5px;
  left:5px;
}

#popup #popupHeader div.popupCaptionTitle {
  display:none;
}

#popupHeader a {
  color:black;
  float:right;
  display:block;
  width:80px;
  height:18px;
  margin-right:37px;
}

 /*
  print onscreen
*/
.print{ display:none; } /*
shadow overlay
*/
#overlay{ background-image: url('/img/broeiplek/overlay.png'); }


* html #overlay{
  background-color: #000;
  back\ground-color: transparent;
   background-image: url('/img/broeiplek/blank.gif');
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/broeiplek/overlay.png', sizingMethod='scale');
   z-index:100;
} /* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
} /* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
/*	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;*/
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
 /*
  site
*/
#site{
  display:block;
  height:auto;
  width:783px;
  margin:0 auto;
  
  position:relative;
}
 /*
  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;
}