/* CSS Document */



body{
	padding:0;
	margin:0;
	background:#000000;
	color:#000;
	
}

div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}


/*------------------------------------------------body---------------------*/



/*------------------------------------------------body start---------------------*/

#body{
	background-color:#FFFFFF;
	width:960px;
	height:640px;
	margin:20px auto ;
	background:url(../images/bg_main.gif) 0 0 no-repeat;
	z-index:1;
}


#body a.vlink{
	color: #FFFFFF; 
	text-decoration: none;
}


#auto {
	margin:0 770px;
	position:fixed;
	bottom:12px;
	z-index:12;
}

#trein {
	margin:0 810px;
	position:fixed;
	bottom:7px;
	z-index:12;
}

#weer {
	margin:0 837px;
	position:fixed;
	bottom:5px;
	z-index:12;
}

#webcam {
	margin:0 873px;
	position:fixed;
	bottom:6px;
	z-index:12;
}

#hyves {
	margin:0 903px;
	position:fixed;
	bottom:11px;
	z-index:12;
}

#facebook {
	margin:0 933px;
	position:fixed;
	bottom:11px;
	z-index:12;
}



/*------------------------------------------------slideshow start---------------------*/




#slide{
	position:absolute;
	padding:0;
	width:200px;
	height:144px;
	margin:161px 0 0 717px;
	z-index:2;
	background:url(../images/slideshow/slideshowbg.jpg) 0 0 no-repeat;
}


#fadeshow1 {
	margin: 20px 0 0 4px;
	padding:0;

}

#strandstoel {
	position:absolute;
	padding:0;
	width:200px;
	height:226px;
	margin:299px 0 0 717px;
	z-index:2;
	background:url(../images/strandstoel.jpg) 0 0 no-repeat;
}



/*------------------------------------------------slideshow end---------------------*/

/*------------------------------------------------menu start---------------------*/


#menu a.menu1{
	position: absolute;
	margin: 161px 207px;
}

#menu a.menu2{
	position: absolute;
	margin: 202px 207px;
}

#menu a.menu3{
	position: absolute;
	margin: 243px 207px;
}

#menu a.menu4{
	position: absolute;
	margin: 284px 207px;
}

#menu a.menu5{
	position: absolute;
	margin: 325px 207px;
}

#menu a.menu6{
	position: absolute;
	margin: 366px 207px;
}

#menu a.menu7{
	position: absolute;
	margin: 407px 207px;
}



/*------------------------------------------------menu end---------------------*/
	
/*------------------------------------------------left panel start---------------------*/





#left{
	width:409px;
	height: 330px;
	padding:0 0 0 0px;
	margin:161px 0 0 308px;
	float:left;
	position:absolute;
}


#left h2{
	height: 17px;
	width:409px;
	font:normal 14px BaronDB, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#966D2F;
	background-color:#FFFFFF;
	padding:0;
	margin:0;
	text-align:center;
	position: absolute;

}
#left h3{
	display:block;
	width:300px;
	height:18px;
	padding:0 0 0 12px;
	margin:0 0 0 0;
	background:url(images/h3_bg.gif) 0 0 no-repeat #FCF8EA;
	font:bold 11px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#C90F07;
	float:left;
}
#left p.text1{
	display:block;
	width:427px;
	height:450px;
	font:normal 15px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#594F47;
	background-color:#FFF6DE;
	opacity:.80;
	filter:alpha(opacity=80); 
	-moz-opacity:0.8;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:center;
	position: absolute;
}
#left p.text2{
	display:block;
	height: 20px;
	width: 373px;
	font:normal 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#574C29;
	background-color:;
	padding:0 18px 10px 18px;
	margin: 180px 0 0 0;
	position: relative;
	text-align: center;
}

#left p.text3{
	display:block;
	height: 50px;
	width: 330px;
	font:normal 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#63562E;
	background-color:;
	padding:0 18px 10px 18px;
	margin: 0 0 0 0;
	position: relative;
	text-align: center;
}



/*------------------------------------------------left panel end---------------------*/



/*------------------------------------------------bottom start---------------------*/


#bottom {
	margin:410px 0;
	position:absolute;
	width:960px;
	height:311px;
	background:url(images/bottom.gif) 0 0 no-repeat;
}


<div id="bottom">
<img border="0" src="images/bottom.gif" alt="#" title="#" ></img>
</div>


/*------------------------------------------------bottom end---------------------*/

/*------------------------------------------------body end---------------------*/




.tekst
{
	font-family:"Bodoni MT";
	font-size:14px;
}
.kop
{
	font-family:"Bodoni MT";
	font-size:18px;
}


.content
{
	display:block;
	height: 200px;
	width: 373px;
	font:normal 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#574C29;
	background-color:;
	padding:0 18px 10px 0;
	margin: 0 0 0 18px;
	position: relative;
	text-align: center;
}

a
{
    color: #966232;
    text-decoration:none;
}

a:hover
{
    color: #D6673C;
    text-decoration:none;
}

.STYLE_BUTTON
{
    font-family: "Bodoni MT",Verdana, Geneva, Helvetica;
    background-color: #F3E3CC;
    border: 1px #D6673C solid;
    height: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #966232;
    text-align: center;
    vertical-align: bottom;
    cursor: hand;
}

.footer
{	height:30px;
	width:960px;
	text-align:left;
    	font-weight: bold;
	font-size: 14px;
    	color: #FFF6DE;
	padding: 10px 0 0 4px;
	margin: 0;
	position:fixed;
	bottom:0;
	z-index:11;
	background:black; 
	
}

footer
{
	text-align:left;
    	font-weight: bold;
	font-size: 14px;
    	color: #FFF6DE;
	padding: 0px 0 0 0;
	margin: 135px 0 0 5px;
	
}