@charset "utf-8";

/* CSS Document */



body{

margin: 0;

text-align: center;

font-family: Arial, Helvetica, sans-serif;

font-size: 62.5%; /* = 10px */

}



div#main_container{

margin: 20px auto 0 auto;

width: 850px;

height: auto;

text-align: left;

}



div#header{

width: 850px;

height: 105px;

background: url(afbeeldingen/header.jpg) no-repeat 0 0;

}

div#homebutton{
width: 62px;
height: 29 px;
position: absolute;
}



div#vlag{

margin: 85px 60px 5px 700px;

width: 90px;

height: 15px;

position: absolute;

}



div#fotohome{

width: 490px;

height: 316px;

}



/* KOLOMMEN MEESCHALEN */



.clearfix:after {

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}



.clearfix{

zoom: 1;

}



.container{

background: url(afbeeldingen/kolommen.jpg) no-repeat top left;

margin: 20px 0;

}



.inner-container{

background: url(afbeeldingen/onderkant.jpg) no-repeat bottom left;

}



.boxleft{

width: 139px;

float: left;

display: inline;

padding: 10px 10px 0px 21px;

}



.boxright{

width: 139px;

float: left;

display: inline;

padding: 10px 21px 0 10px;

}



.mainbox{

min-height: 450px;

width: 490px;

float: left;

display: inline;

padding: 2px 10px 0 10px;

}



/* EINDE KOLOMMEN MEESCHALEN */



div#film{

height: 176px;

width: 172px;

margin: 50px 20px 20px 0;

float: left;

}



div#bekijk{

height: auto;

width: 172px;

color: #0d3786;

margin-top: 5px;

}



div#hometext{

margin: 10px 0 10px 0;

width: 290px;

height: auto;

float: left;

}



h1{

font-size: 1.5em;

color: #0d3786;

}



img{

border: none;

}



.leftnav{

width: 138px;

height: 68px;

margin-bottom: 10px

}



.rightnav{

width: 138px;

height: 122px;

margin-bottom: 10px;

}



div#footer{

height: 23px;

width: 850px;

background: url(afbeeldingen/footer.jpg) no-repeat 0 0;

}



div#recron{

width: 38px;

height: 40px;

float: left;

margin: 5px 5px 0 11px;

}



div#anwb{

width: 50px;

height: 40px;

float: left;

margin: 5px 5px 0 5px;

}



div#stn{

width: 43px;

height: 40px;

float: left;

margin: 5px 8px 0 5px;

}



div#copyright{

padding-top: 5px;

width: 510px;

font-size: 1.0 em;

color: #333333;

text-align: center;

float: left;

}



div#contact{

width: 150px;

text-align: center;

padding-top: 5px;

float: left;

}



a.contact:link, a.contact:visited{

color: #0d3786;

text-decoration: underline;

font-size: 1.0em;

}



a.contact:hover, a.contact:active{

background-color: #0d3786;

color: #FFFFFF;

text-decoration: none;

font-size: 1.0em;

}



.boxleft p{

color: #333333;

margin: 0 0 10px 0;

}



a.i:link, a.i:visited{

color: #333333;

text-decoration: none;

}



a.i:hover, a.i:active{

color: #0d3786;

text-decoration: none;

}



h1.adres{

margin: 5px 0 5px o;

color: #313131;

font-size: 1.5em;

}



/* CONTACTFORM */



label{

display: block;

}



fieldset{

width: 475px;

padding: 5px 0 10px 10px;

border: 1px solid #0d3786;

font-family: verdana;

}



legend{

background-color: #0d3786;

color: #FFF;

font-weight: bold;

padding: 4px 6px 4px 6px;

text-transform: uppercase;

margin: 0 0 5px 0;

font-size: 0.8em;

}



input{

margin: 2px 0 9px 0;

padding: 1px 0 2px 3px;

border: 1px solid #0d3786;

background-color: #e9e9e9;

width: 200px;

}



.dd{

margin: 2px 0 9px 0;

padding: 1px 0 2px 3px;

border: 1px solid #0d3786;

background-color: #e9e9e9;

width: 30px;

}



.mm{

margin: 2px 0 9px 0;

padding: 1px 0 2px 3px;

border: 1px solid #0d3786;

background-color: #e9e9e9;

width: 30px;

}



.jjjj{

margin: 2px 0 9px 0;

padding: 1px 0 2px 3px;

border: 1px solid #0d3786;

background-color: #e9e9e9;

width: 60px;

}



textarea{

margin: 2px 0 9px 0;

padding: 1px 0 2px 3px;

border: 1px solid #0d3786;

background-color: #e9e9e9;

width: 200px;

display: block;

}



.button{

background-color: #0d3786;

color: #FFF;

font-weight: bold;

width: auto;

margin: 0 5px 0 0;

padding: 1px 5px 2px 5px;

cursor: pointer;

}



select{

margin: 2px 0 15px 0;

padding: 1px 0 2px 3px;

border: 1px solid #0d3786;

background-color: #e9e9e9;

width: 200px;

display: block;

}

#overnachting{width: 260px;}



/* EINDE CONTACTFORM */