html,body {
	margin:0;
	padding:0;
	height:98%; 
	background-color: #3c6589; 	  	
	font-family: verdana, arial, sans-serif;
	font-size:0.8em;	
	color:#000;		
} 

img {
border: none;
}	

img.logo {
border: none;
float: left; 
margin: 0em 0em 0em 2em;
}	

img.adres {
border: none; 
float: right; 
margin: 0em 0em 0em 0em;
}	

h3{	
 color:#003;
} 
	
div#container {
	position:relative; /* needed for footer positioning*/
	width:780px;  
	margin:5px auto;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	padding: 1em 1em 1em 1em;  
	min-height:100%; /* real browsers */  
	border:1px solid #000000;	 
    background-color: #fff; 	 
	background-image: url(../gfx/brug.jpg);
    background-repeat: no-repeat;
    background-position: center center;	 
}	

#header { 
    position: absolute;	 
	top: 0px; 
    height: 120px; 
	width: 780px;	
	padding: 0em 0em 0em 0em;  
	background-color: #fff;	
}		
		
#header p {
		text-align:center;
		margin:20px auto;
		color:#00f;	 
}  		  
	
#content-ref {
    position: relative;	
	height: 100%; 
	width: 520px;
	margin-top:20px;	
	top: 165px; 		
	left: 18px;
	padding: 0.5em 1em 1em 0em;  
	background-color: #ffffff;	
	z-index: 1;	
	border: 3px ridge #3c6589;
	opacity:0.8;	
}	
		
#content-tekst {
    position: relative;	
	height: 100%; 
	width: 420px;
	margin-top:20px;	
	top: 165px;  
	left: 18px;
	padding: 0.5em 1em 1em 1em;  
	background-color: #ffffff;	
	z-index: 1;	
	border:1px solid #003;
	opacity:0.8;	
}	 
		
#content-tekst p {
		text-align:justify;
		font-size:1em;	
		z-index: 1;	 		
	}  	

	
#footer {
	position:absolute;
	padding: 0.5em 0em 0.5em 0em; 
	width: 100%;
	height: 12px;
	left: 0px;	
	text-align: center;
	bottom:0px; /* stick to bottom */
	background-color: #F5F9FF;
	border-top: 4px double #000000;
}
#footer p {
		font: verdana, arial, sans-serif;   
		text-align:center;
		color: #003;	
		margin:0;  
		font-size:x-small;	
	}  


/* NAVIGATION */ 
#navpos { 			 
    position: absolute;	 
	padding-left: 0px;
	padding-top: 15px;
	padding-bottom: 5px;
    top: 134px; 
    left: 0px;
	width: 100%;	
	text-align: center;
	height: 25px;
	z-index: 2;	
	background-color: #6C9FBD;  
	border-top:1px solid #000000;
	border-bottom:1px solid #000000; 
	font-size: small;		
}	

a.x  { 
	position: relative;	  
	top: 5px; 
    left: 505px;
	color: #000;
    background-color: #fff; 
	padding: 0.1em 0.4em 0.2em 0.4em; 
	text-decoration: none;
	border: 1px solid #000;
	text-align: right; 
	horizontal-alignment: right;
	z-index: 10;	 
	font-family: arial;
	font-size:1.1em;	
}    

a.x:hover, .x:active  { 
	position: relative;	  
	top: 5px; 
    left: 505px;
	color: #fff;
    background-color: #3c6589; 
	padding: 0.1em 0.4em 0.2em 0.4em; 
	text-decoration: none;
	border: 1px solid #000;
	text-align: right; 
	horizontal-alignment: right;
	z-index: 10;	 
	font-family: arial;
	font-size:1.1em;	
}   


a.nav  { 
	color: #222;
	padding: 0.5em 0.5em 0.5em 0.5em; 
	margin: 0.2em 0.2em 0.2em 0.2em; 
	text-decoration: none;
	border: 1px solid #000;
	z-index: 2;	 
} 

a.nav2  { 
	color: #fff;
	padding: 0.5em 0.5em 0.5em 0.5em; 
	margin: 0.2em 0.2em 0.2em 0.2em; 
	text-decoration: none;
	background-color: #3c6589; 
	border: 1px solid #f60;
	z-index: 2;	 
}

a.nav:hover, .nav:active  { 
	color: #fff;
	padding: 0.5em 0.5em 0.5em 0.5em; 
	margin: 0.2em 0.2em 0.2em 0.2em; 
	text-decoration: none; 
	z-index: 2;	 
	background-color: #3c6589; 
	border: 1px solid #fff;
}