* { }
ul,ol, li,p { }
pre,code,input { font-size:1em;}
h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input { margin:0; padding:0 }
fieldset {border: none;}
a img { border:0px; }
img {border: 0px;}

a { color:black; text-decoration:underline;}
a:hover {color:#ba6b3c; text-decoration:underline;}
html, body {
	height: 100%;
}

body {
    font-size:0.8em;
	font-family: verdana, arial,sans-serif;    
    background-color:#7c9e23;
    vertical-align:middle;
    background: url('../img/body.gif') 0 0;
}

#canvas {
    position:absolute;
    top:50%;
    left:50%;
    width:958px;
    height:641px;
    margin:-320px 0px 0px -478px;    
    background-image: url('../img/canvas.png');
    overflow:hidden;
}
    #pattern {
        position:absolute;
        top:23px;
        left:23px;
        width:918px;
        height:601px;  
        background-image: url('../img/pattern.jpg');              
    }
    
    body.reserveren #pattern {
    	background-image: url('../img/pattern_form.jpg');
    }
    
    body.reserveren #pattern.ned {
    	background-image: url('../img/pattern_formnl.jpg');
    }
    body.reserveren #pattern.fr {
    	background-image: url('../img/pattern_formfr.jpg');
    }
	
	body.reserveren #pattern.eng {
    	background-image: url('../img/pattern_formeng.jpg');
    }
	
	body.reserveren #pattern.du {
    	background-image: url('../img/pattern_formdu.jpg');
    }
    
    
    #logo, body.home #logo {
        position:absolute;
        top:25px;
        left:35px;
        width:138px;
        height:149px;   
        background-image: url('../img/logo.jpg'); 
    }
    
   body.intro #logo {      
        background-image: url('../img/logo_intro.jpg');
        width: 294px;
        height: 313px;
        top: 90px;
        left: 181px;
    }
  
    
    #introtekst {
    	position:absolute;
        top:403px;
        left:181px;
        width:343px;
        height: 97px;
    }
    
    #intropolaroid {
    	position:absolute;
        top:178px;
        left:524px;
        width:340px;
        height: 387px;
    }
    
    
    #tekst {
    	position:absolute;
        top:178px;
        left:43px;
        width:517px;
        height: 420px;    
    }
    
    body.home #tekst {top:264px;}
    body.ontstaan #tekst {top:178px; width: 517px;}
    body.lokatie #tekst {top:178px; width: 318px;}
    body.reserveren #tekst {top:183px; left: 48px; width: 467px; }
    
    #polaroids {
    	position:absolute;       
        width:336px;
        height: 384px;  
    }
    body.home #polaroids {
	    top:178px;
        left:524px;
    }
    body.ontstaan #polaroids {
	    top:182px;
        left: 615px;
        width: 324px;
        height: 394px;
        
    }
    body.lokatie #polaroids {
    	top: 33px;
    	left: 483px;
    	width: 429px;
    	height: 494px;
    } 
   body.home #nav {
    	position:absolute;
    	width: 340px;
    	height: 341px;
    	top: 73px;
    	left: 428px;
    }
    body.ontstaan #nav {
    	position:absolute;    	
    	top: 43px;
    	left: 574px;
    	width: 340px;
    	height: 342px;
    }
    body.lokatie #nav {
    	position:absolute;    	
    	top: 43px;
    	left: 328px;
    	width: 356px;
    	height: 353px;
    }
    
    body.reserveren #nav {
    	position:absolute;    	
    	top: 40px;
    	left: 550px;
    	width: 339px;
    	height: 341px;
    }
    
    #invulformulier {
    	position: absolute;
    	top:218px;    	
    	left: 40px;
    	width: 510px;
    	height: 250px;
    	
    }
    #invulformulier .sendbutton {position: relative; float: right; margin: 10px 5px 0 0;}
    
    
    #invulformulier .deel {
    	position: relative;
    	float: left;    	
    	width: 252px;
    	height: 120px;    	
    	margin: 0 5px 5px 0;
    	padding: 0px;
    }
    #invulformulier .deel.laatste {margin: 0 0 5px 0;}
    
    
    .row {width: 127px; float: right; margin: 0 20px 3px 0;}
    .row.first {margin-top: 35px;}
    .row.radiobox {margin-top: 3px;}
    
    .row input {border: 1px solid #000000; width: 127px; background-color: #ffffff; font-size: 11px; valign: top;}
        
    .row.radiobox input {width: 12px;}
    .row.radiobox input.man {position: absolute; left: 140px;}
    .row.radiobox input.vrouw {position: absolute; left: 200px;}
    
    .row input.checkbox {width: 12px;}
    .row input.checkbox.ja {margin: 0 32px 3px 70px; float: left; position: relative;}
    .row input.checkbox.nee {float: left;}
    
    
    body.duits .row input {width: 110px; float: right;}
    body.duits .row.radiobox input {width: 12px;}
    body.duits .row.radiobox input.man {position: absolute; left: 155px;}
    body.duits .row.radiobox input.vrouw {position: absolute; left: 220px;}
    
	body.duits .row input.checkbox {width: 12px;}
    body.duits .row input.checkbox.ja {margin: 0 32px 3px 70px; float: left; position: relative;}
 	body.duits .row input.checkbox.nee {float: left;}
    
   
    body.frans .row input {width: 105px; float: right;}
    body.frans .row.radiobox input {width: 12px;}
    body.frans .row.radiobox input.man {position: absolute; left: 165px;}
    body.frans .row.radiobox input.vrouw {position: absolute; left: 220px;}
    
	body.frans .row input.checkbox {width: 12px;}
    body.frans .row input.checkbox.ja {margin: 0 32px 3px 70px; float: left; position: relative;}
 	body.frans .row input.checkbox.nee {float: left;}