@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
}

body{
	background-color: #d1d1d1;
	color: #FFFFFF;
	font-family: calibri, tahoma;
	font-size: 12px;
}

#Container{
	margin-left: auto;
	margin-right: auto;
	width: 808px;
}

#Header{
	background-image: url(images/header.png);
	width: 800px; 
	height: 144px;
}

#Menu{
	width: 166px;
	float: left;
}

	#MenuTop{
		background-image: url(images/menu_top.png);
		background-repeat: no-repeat;
		background-position: right;
		width: 166px; 
		height: 36px;
	}
	
	#MenuMiddle{
		background-image: url(images/menu_middle.png);
		background-repeat: repeat-y;
		background-position: right;
		width: 166px; 
		height: auto;
	}
	
		#MenuMiddle li{
		list-style-type: none;
		}
		
		#MenuMiddle li a{
			height: 15px;
			width: 130px auto;
			display: block;
			background-repeat: no-repeat;
			background-position: left center;
			margin-left: 10px;
			padding-top: 10px;
			padding-bottom: 10px;
			margin-top: -1px;
		}
		
		a.Startpagina{
			background-image: url(images/startpagina.png);
		}
		
		a:hover.Startpagina{
			width: 122px;
			border-bottom: 1px dotted #FFFFFF;
		}
		
		a.Bungalow{
			background-image: url(images/bungalow.png);
		}
		
		a:hover.Bungalow{
			border-bottom: 1px dotted #FFFFFF;
			width: 97px;
		}
		
		a.Foto{
			background-image: url(images/foto.png);
		}
		
		a:hover.Foto{
			width: 58px;
			border-bottom: 1px dotted #FFFFFF;
		}
		
		a.Tarieven{
			background-image: url(images/tarieven.png);
		}
		
		a:hover.Tarieven{
			width: 86px;
			border-bottom: 1px dotted #FFFFFF;
		}
		
		a.Reserveren{
			background-image: url(images/reserveren.png);
		}
		
		a:hover.Reserveren{
			width: 112px;
			border-bottom: 1px dotted #FFFFFF;
		}
		
		a.Helpdesk{
			background-image: url(images/helpdesk.png);
		}
		
		a:hover.Helpdesk{
			width: 88px;
			border-bottom: 1px dotted #FFFFFF;
		}
		
		a.Gastenboek{
			background-image: url(images/gastenboek.png);
		}
		
		a:hover.Gastenboek{
			width: 114px;
			border-bottom: 1px dotted #FFFFFF;
		}
		
		a.Weetjes{
			background-image: url(images/weetjes.png);
		}
		
		a:hover.Weetjes{
			width: 77px;
			border-bottom: 1px dotted #FFFFFF;
		}
		
		a.Locatie{
			background-image: url(images/locatie.png);
		}
		
		a:hover.Locatie{
			width: 73px;
			border-bottom: 1px dotted #FFFFFF;
		}
		
		a.Kalender{
			background-image: url(images/kalender.png);
		}
		
		a:hover.Kalender{
			width: 91px;
			border-bottom: 1px dotted #FFFFFF;
		}
	
	#MenuBottom{
		background-image: url(images/menu_bottom.png);
		background-repeat: no-repeat;
		background-position: top right;
		width: 166px; 
		height: 29px;
	}
	
#Content{
	width: 634px;
	float: left;
}

	#ContentTop{
		background-image: url(images/content_top.png);
		background-repeat: no-repeat;
		background-position: right;
		width: 634px; 
		height: 36px;
	}
	
	#ContentMiddle{
		background-image: url(images/content_middle.png);
		background-repeat: repeat-y;
		background-position: right;
		width: 634px; 
		height: auto;
		margin-top: -15px;
		padding-bottom: 10px;
	}
	
		.Content{
			width: 95%;
			margin-left: 10px;
		}
		
		p{
			margin-top: 10px;
			margin-bottom: 10px;
			text-align: justify;
		}
		
		img{
			border: 0px;
		}
		
		a{
			color: #FFFFFF;
		}
		
		a:hover{
			color: #FF0000;
		}
		
		h1{
			font-size: 15px;
			font-weight: bold;
		}
		
		ul li{
			margin-left: 15px;
		}
	
	#ContentBottom{
		background-image: url(images/content_bottom.png);
		background-repeat: no-repeat;
		background-position: top left;
		width: 634px; 
		height: 29px;
	}
	
	

.Hidden{
	display: none;
}