/* Layout Stylesheet */ 

html, body {
 margin:0; /* geen binnenmarge */
 background-color: #405A67;  /* grijze achtergrondkleur */
 text-align: center; /*kolom in het midden */
 padding: 0; /* geen buitenmarge */
 height:100%;
 max-height:100%;
 }

#outer { /* geen padding */
 text-align:left;
 border:0px solid #000000;
 width:920px;
 position: relative;
 margin:auto;
 background-color: #FFF;
 height:100%;
 height: auto ;
 min-height:100%;
 padding-bottom:20px;
 }
 
#hdr {
 margin: 0;
 padding: 0;
 height:124px;
 width: 920px;
 background:#ffffff;
 color: #333333;
 }

#bodyblock {
 background: #dcdcdc;
 color: #333333;
 width:920px;
 padding:0;
 margin:0;
 background: #ffffff;
 position: relative;
 margin-bottom: 20px; /* depending on height of footer */
 zoom: 1
 }

#bodyblock:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }

#l-col {
 float:left;
 background:#ffffff;
 color: #333333;
 width: 180px;
 height: 100%;
 #min-height: 100%;
 margin-top:5px;
 margin-bottom: 20px;
 }

#cont {
 width:720px;
 background:#ffffff;
 color: #333333;
 border:solid #000000;	
 border-width:0 0 0 0px;
 text-align:left;
 float: left;
 position: relative;
 overflow: auto;
  }

#ftr {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #666666;
 text-transform: uppercase;
 font-weight: normal;
 height: 20px;
 width: 920px;
 position:absolute;
 bottom: 0px;
 background:#000000;
 color: #FFFFFF;
 margin:0;
 text-align: center;
 }
 
 
 
#blokken {
height:180px;
width:100%;
position:relative;
}
 
#block {
 height: 180px;
 width: 210px;
 padding: 5px;
 position:relative; 
 background:#FFFFFF;
 color: #000000;
 float:left;
 border-left-color:#333333;
 border-left-style:dotted;
 border-left-width:thin;
 margin-right:5px;
 text-align: left;
 overflow:hidden;
 }
 

 
 #blockr {
 height: 180px;
 width: 220px;
 padding: 5px;
 padding-right: 5px;
 position:relative; 
 background:#FFFFFF;
 color: #000000;
 float:left;
 border-left-color:#333333;
 border-left-style:dotted;
 border-left-width:thin;
 border-right-color:#333333;
 border-right-style:dotted;
 border-right-width:thin;
 margin-left:5px;
 text-align: left;
 overflow:hidden;
 }
 
 #blokkenhoog {
height:240px;
width:100%;
position:relative;
}
 
#blockhoog {
 height: 240px;
 width: 210px;
 padding: 5px;
 position:relative; 
 background:#FFFFFF;
 color: #000000;
 float:left;
 border-left-color:#333333;
 border-left-style:dotted;
 border-left-width:thin;
 margin-right:5px;
 text-align: left;
 overflow:hidden;
 }
 
 #blockhoogr {
 height: 240px;
 width: 220px;
 padding: 5px;
 padding-right: 5px;
 position:relative; 
 background:#FFFFFF;
 color: #000000;
 float:left;
 border-left-color:#333333;
 border-left-style:dotted;
 border-left-width:thin;
 border-right-color:#333333;
 border-right-style:dotted;
 border-right-width:thin;
 margin-left:5px;
 text-align: left;
 overflow:hidden;
 }

#adresblok {
 height: 270px;
 width: 300px;
 padding: 5px;
 position:relative; 
 background:#FFFFFF;
 color: #000000;
 float:left;
 border-top-color:#333333;
 border-top-style:dotted;
 border-top-width:thin;
 border-bottom-color:#333333;
 border-bottom-style:dotted;
 border-bottom-width:thin;
 margin-right:5px;
 text-align: left;
 overflow:hidden;
 }
 
#adreskolom {
 width: 150px;
 float:left
 }
 
 
  #movieblock {

 width: 700px;
 top: 50px;
 left:50px;
 padding: 5px;
 position:relative; 
 background:#FFFFFF;
 color: #000000;
 float:left;
 overflow:hidden;
 }


button {
 background-color: #000;
 color: #FFF;
 border: 0;
 font-size: 11px;
 margin-right: 10px;
 padding: 2px 4px;
 text-decoration: underline;
 font-weight: bold;
 }


#blocklink a {display:block; position:absolute; bottom: 0px; width:100%; height:0; margin-left: 2px; margin-right: 2px;padding-top:20px; color:#000; overflow:hidden;}
#blocklink a#item1 {background:url(../website/images/button-meerinfo-zw.jpg) no-repeat; }
#blocklink a#item1:hover {background:url(../website/images/button-meerinfo-or.jpg) no-repeat;}

#bottomblock a {display:block; position:absolute; bottom: 0px; width:100%; height:0; margin-left: 2px; margin-right: 2px;padding-top:20px; color:#000000; overflow:hidden;}
#bottomblock a#item1 {background:url(../website/images/button-meerinfo-zw.jpg) no-repeat; }
#bottomblock a#item1:hover {background:url(../website/images/button-meerinfo-or.jpg) no-repeat;}