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

body {
	background-color:#000;
	text-align:center;
}

i {
	font-style:normal;
	color:#F00;
}

h2 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
	font-weight:lighter;
	color:#F00;
	font-size:18px;
}

h1 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style: normal;
	font-weight:lighter;
	color:#FFF;
	font-size:18px;
}

h3 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;ata
	font-weight:lighter;
	color:#FFF;
	font-size:14px;
}

a:link, a:active, a:visited{
	text-decoration:none;
	color:#F00;
	font-style:italic;
}

a:hover{
	text-decoration:none;
	color:#FFF;
	font-style:italic;
}

#intro {
	background-color:#000;
	height: 690px;
	width:1000px;
	text-align:center;
	margin:auto;
	padding: 0px;
}

	

#wrapper {
	height: auto;
	width:810px;
	text-align:center;
	margin:auto;
	padding: 0px;
	background-image: url(images/bglines.png);
	background-repeat:no-repeat;
	background-position: left;
}

#header {
	background-image: url(images/header.jpg);
	width: 800px;
	height:100px;
	display:block;
	margin: 0px 10px 0px 0px;
	text-align:center;
	float:none;
}

#footer {
	background-image: url(images/footer.jpg);
	width: 800px;
	height:50px;
	display:block;
	margin: 0px;
	padding: 0px;
	text-align:center;
	float:left;
	color:#FFF;
	font-size:10px;
}

.route {
	text-align:left
}

#foto_album {
	width: 100px;
	text-align: left;
	padding-top:75px;
	margin:auto;
	margin-top: 20px;
	margin-left:50px;
	float:left;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:lighter;
	color:#FFF;
	font-size:12px;
}

#content {
	width:400px;
	height: auto;
	padding-top: 20px;
	margin: auto;
	margin-top: 20px;
	text-align:left;
	color:#FFF;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:lighter;
}

#content_vac {
	width:400px;
	height: auto;
	padding-top: 20px;
	margin: auto;
	margin-top: 20px;
	text-align:left;
	color:#FFF;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:lighter;
}

#content_aanbieding {
	width:600px;
	height: auto;
	padding-top: 20px;
	margin: auto;
	margin-top: 20px;
	text-align:left;
	color:#FFF;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:lighter;
}

#content_cat {
	width:700px;
	height: 25px;
	margin: auto;
	margin-top:50px;
	text-align:center;
	color:#FFF;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:lighter;
}

#catalogus {
	padding-top: 20px;
	margin: auto;
	margin-top: 20px;
	width:800px;
	height: 700px;
	text-align:center;
	color:#FFF;
}

#kerst {
	padding-top: 20px;
	margin: auto;
	margin-top: 20px;
	width:480px;
	height: auto;
	text-align:center;
	color:#FFF;
}

#kerstprev {
	text-align:left;
	width: 175px;
	height:auto;
	float:right;
	padding:0px;
	padding-left:10px;
	margin:0px auto 20px;
	color:#FFF;
	font-size:85%;
}


#content_route {
	width:620px;
	height: auto;
	padding-top: 15px;
	padding-left: 5px;
	margin: auto;
	margin-top: 0px;
	text-align:left;
	color:#FFF;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:lighter;
}

#route {
	width:219px;
	height: 309px;
	margin: auto;
	margin-top: 50px;
	padding:0px;
	background-image:url(images/route.jpg);
	border: none;
	float:right;
}
	

/* ------------------------links --------------------------------- */

.nav {
	width: 800px;
	height: 50px;
	margin:auto;
	text-align:center;
	display:inline;
	float: left;
	padding:0px;
}

.home a:link, .home a:visited, .home a:hover, .home a:active {
	background-image: url(images/home1.jpg);
	width: 75px;
	height: 25px;
	display: block;
	text-align:center;
	float:left;
	padding-right: 0px;
	padding-left: 35px;
	background-repeat:no-repeat;
	background-position:top;
	}


.home a:hover, .home a:active {
	background-position:bottom;
	}

.cat a:link, .cat a:visited, .cat a:hover, .cat a:active {
	background-image: url(images/cat1.jpg);
	width: 100px;
	height: 25px;
	display: block;
	text-align:center;
	float:left;
	padding-right: 25px;
	background-repeat:no-repeat;
	background-position:top;
	}


.cat a:hover, .cat a:active {
	background-position:bottom;
	}

.maand a:link, .maand a:visited, .maand a:hover, .maand a:active {
	background-image: url(images/maand1.jpg);
	width: 175px;
	height: 25px;
	display: block;
	text-align:center;
	float:left;
	padding-right: 0px;
	background-repeat:no-repeat;
	background-position:top;
	}


.maand a:hover, .maand a:active {
	background-position:bottom;
	}

.route a:link, .route a:visited, .route a:hover, .route a:active {
	background-image: url(images/route1.jpg);
	width: 150px;
	height: 25px;
	display: block;
	text-align:center;
	float:left;
	padding-right:0px;
	background-repeat:no-repeat;
	background-position:top;
	}


.route a:hover, .route a:active {
	
	background-position:bottom;
	}
	
.contact a:link, .contact a:visited, .contact a:hover, .contact a:active {
	background-image: url(images/contact1.jpg);
	width: 200px;
	height: 25px;
	display: block;
	text-align:center;
	float:left;
	background-repeat:no-repeat;
	background-position:top;
	}


.contact a:hover, .contact a:active {
	background-position:bottom;
	}
	
.badkamers a:link, .badkamers a:visited, .badkamers a:hover, .badkamers a:active {
	background-image: url(images/badkamers.jpg);
	width: 130px;
	height: 25px;
	display: block;
	text-align:center;
	float:left;
	background-repeat:no-repeat;
	background-position:top;
	}


.badkamers a:hover, .badkamers a:active {
	background-position:bottom;
	}

.vacatures a:link, .vacatures a:visited {
	background-image: url(images/vac1.png);
	width: 150px;
	height: 25px;
	display: block;
	text-align:center;
	float:left;
	background-repeat:no-repeat;
	background-position:left;
	}


.vacatures a:hover, .vacatures a:active {
	background-image: url(images/vac2.png);
	width: 150px;
	height: 25px;
	display: block;
	text-align:center;
	float:left;
	background-repeat:no-repeat;
	background-position:left;
	}

.splash a:link, .splash a:visited {
	background-image: url(images/splash1.jpg);
	width: 640px;
	height: 600px;
	display: block;
	text-align:center;
	float:right;
	margin: auto;
	background-repeat:no-repeat;
	}


.splash a:hover, .splash a:active {
	background-image: url(images/splash.jpg);
	width: 640px;
	height: 600px;
	display: block;
	text-align:center;
	float:none;
	margin: auto;
	background-repeat:no-repeat;
	}