@charset "utf-8";
/* CSS Document */
.clearboth { clear:both;}

* {
	margin:0;
	padding:0;

}
html {
overflow-y: scroll;
} 

h1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

#verboden{
	float:right;
	background-image: url(images/verboden_voor_honden.png);
	height: 50px;
	width: 163px;
}

body {
	font-family:Tahoma;
	width: 100%;
	background-image: url(images/bg.png);
	font-size: 12px;
	background-position: top;
	background-repeat: repeat-x;
}
#garagebox {
}
#lijst_gar {
	float:left;
	width: 474px;
	margin-top: 13px;
	list-style-position: inside;
	margin-bottom: 3px;
}
#googlemap {
	float: right;
	margin-left: 9px;
	border: 1px solid #bfbfbf;
	padding: 3px;
}

#lijst_gar li {
	height: 15px;
	width: 480px;
	background-color: #f8f8f8;
	border: 1px solid #e8e8e8;
	margin-bottom: 10px;
	list-style-image: url(images/gar_icon.png);
	list-style-position: inside;
	padding-left: 8px;
	padding-top: 2px;
}



#total_site {
	height: 100%;
	width: 100%;
}
#header {
	height: 108px;
	width: 960px;
	background-image: url(images/header.png);
	background-position: center top;
	margin-left:auto;
	margin-right:auto
}
#menu{
	border: 1px solid #8c8986;
	height: 35px;
	width: 960px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-transform: capitalize;
	text-decoration: none;
	background-color: #FFFFFF;
	
	}

.tekstvak{
	width:922px;
	margin-top: 10px;
	border: 1px solid #8c8986;
	background-color: #FFFFFF;
	float: left;
	padding: 19px;
}



#container {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	height: auto;
}




#text_boven{
	float: left;


}


#copyright{
	height:50px;
	float: right;
	margin-right:20px;
	background-image: url(images/logo-onder_07.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	display: inline;
}
#footer{
	width: 600px;
	float: left;
	margin-top: 10px;
}

.auteur {
	text-align: right;
	margin-top: 5px;
	color: #838383;
}
#album {
	height: 225px;
	margin-top: 10px;
}
#top_content_left{
	width:468px;
	float: left;
	}

#top_content_left_appartement{
	width:508px;
	float: left;
	}
#top_content_right_appartement{
	float: right;
}
.img_prev {
	padding:2px;
	float: left;
	height: 102px;
	width: 102px;
	border: 1px solid #8c8986;
	margin: 0 0 9px 9px;
	}
#placeholder {
	padding:2px;
	border: 1px solid #8c8986;
	float: right;
}
#menu ul {
	display: block;
	margin: 0 auto;
	text-align: center;
	height: 25px;
	color:#3d3c39;
	padding-top: 10px;
}
#menu ul li {display: inline;color:#3d3c39;}
#menu ul li a {padding: 0 30px 8px 30px;text-decoration: none; font-size:14px; color:#3d3c39;}
#menu ul li a:visited {text-decoration: none;font-size: 14px; color:#3d3c39;}
#menu ul li a:active {text-decoration: none;font-size: 14px; color:#3d3c39;}
#menu ul li a:hover, #menu ul li a#selected{color:#3d3c39;background: transparent url(images/hoover_03.png) bottom center no-repeat;}
#footer ul {
	color:#3d3c39;
	list-style: none;
}
#footer ul li {
	display: inline;
	margin-right: 10px;
}
#footer ul li a, #footer ul li a:active,#footer ul li a:visited {
	text-decoration: none;
	color: #3d3c39;
}
#footer ul li a:hover {text-decoration:underline;}
#gallery li {
	padding:2px;
	float: left;
	height: 102px;
	width: 102px;
	border: 1px solid #8c8986;
	margin: 0 9px 9px 0;
}
#gallery {
	list-style: none;
	display: block;
	width: 468px;
	float: left;
}
#lijst_app {
	list-style-type: none;
}
#lijst_app li {
	height: 19px;
	width: 490px;
	background-color: #f8f8f8;
	border: 1px solid #e8e8e8;
	margin-bottom: 10px;
	padding-top: 4px;
}
#lijst_app img {
	height: 23px;
	width: 30px;
	float: left;
	margin-top: -4px;
}


#gallery_gar li {
	padding:2px;
	float: left;
	height: 110px;
	width: 110px;
	border: 1px solid #8c8986;
	margin: 0 9px 9px 0;
}
#gallery_gar { list-style: none; display: block; }

#lijst_maanden {
	margin-top: 4px;
	list-style-type: none;
}

#lijst_maanden .maand_blok h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5c5c5c;
	height: 18px;
	width: 139px;
	background-color: #f8f8f8;
	padding-top: 3px;
}

.maand_blok {
	height: 163px;
	width: 139px;
	display: block;
	border: 1px solid #595959;
	margin-right: 15px;
	float: left;
	margin-bottom: 15px;
}
.maand_blok h3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5c5c5c;
	height: 18px;
	width: 139px;
	background-color: #f8f8f8;
	padding-top: 3px;
	word-spacing: 2px;
}
.data {
	list-style-type: none;
	height: 119px;
	width: 140px;
}
.beschikbaar {
	display: block;
	float: left;
	height: 16px;
	width: 19px;
	text-align: center;
	margin-right: 1px;
	margin-bottom: 1px;
	padding-top: 3px;
}

.bezet {
	display: block;
	float: left;
	height: 16px;
	width: 19px;
	text-align: center;
	margin-right: 1px;
	margin-bottom: 1px;
	padding-top: 3px;
	background-color: #b10000;
	color: #FFF;
}

.no_date {
	display: block;
	float: left;
	height: 16px;
	width: 19px;
	text-align: center;
	margin-right: 1px;
	margin-bottom: 1px;
	padding-top: 3px;
	background-color: #eaeaea;
}

#beschikbaarheid {
	width: 940px;
}
.tekstvak p {
	line-height: 18px;
}
#contact form fieldset {
	width: 918px;
	border: 0px;
	margin-top: 10px;
}

#contact form textarea {
	margin-bottom: 3px;
	padding: 5px;
	float: right;
	width: 567px;
	height: 55px;
	border: 1px solid #e8e8e8;
	background-color: #f8f8f8;
	color: #777777;
}

#contact form input.field {
	margin-bottom: 5px; padding: 8px 5px 0px 5px; float: left; width: 301px; height: 21px; border: 1px solid #e8e8e8;
	background-color: #f8f8f8;
	color: #777777;
	}
#prijslijst {
	height: 144px;
	border: 1px solid #5c5c5c;
	width: 918px;
	margin-bottom: 17px;
}
#periode {
	width: 90px;
	background-color: #f8f8f8;
	text-align: left;
	list-style-type: none;
	float: left;
}
#first {
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555555;
	padding-top: 3px;
	padding-left: 7px;
}
.lijst_periode {
	height: 24px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e8e8e8;
	padding-top: 6px;
	padding-left: 7px;
}
.maand1 {
	width: 69px;
	list-style-type: none;
	text-align: center;
	float: left;
}
.first_maand1 {
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555555;
	padding-top: 3px;
	background-color: #f8f8f8;
	}
.lijst_maand1 {
	height: 24px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e8e8e8;
	padding-top: 6px;
	}
.maand2 {
	width: 69px;
	list-style-type: none;
	text-align: center;
	float: left;
	background-color: #f8f8f8;
}
.first_maand2 {
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555555;
	padding-top: 3px;
	background-color: #f8f8f8;
	}
.lijst_maand2 {
	height: 24px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e8e8e8;
	padding-top: 6px;
	}
#vakantie {
	list-style-type: none;
	float: left;
	line-height: 18px;
}
#strandplaatje {
	padding: 2px;
	float: right;
	border: 1px solid #8c8986;
	margin-top: 2px;
}
.tekstvak p a {
	color: #197be1;
	text-decoration: none;
}
#contact_newhaven {
	padding: 2px;
	border: 1px solid #bfbfbf;
	margin-top: 10px;
	width: 912px;
}
#contactform_newhaven form fieldset {
	width: 918px;
	border: 0px;
}

#contactform_newhaven form textarea {
	margin-bottom: 3px;
	padding: 5px;
	float: right;
	width: 916px;
	height: 127px;
	border: 1px solid #e8e8e8;
	background-color: #f8f8f8;
	color: #777777;
}

#contactform_newhaven form input.field {
	margin-bottom: 5px; padding: 8px 5px 0px 5px; float: left; width: 301px; height: 21px; border: 1px solid #e8e8e8;
	background-color: #f8f8f8;
	color: #777777;
	}
.submit {
	float: right;
	height: 31px;
	width: 148px;
	margin-top:2px;
	background-image: url(images/bericht_versturen.png);
	border: 0;
	}
#reacties ul {
	list-style-type: none;
	width: 1000px;
}
#reacties li {
	width: 429px;
	height: auto;
	float: left;
	padding: 10px;
	border: 1px solid #e8e8e8;
	background-color: f8f8f8;
	color: #515151;
	display: inline;
	margin-right: 20px;
}
#image-switch #two, #image-switch #three {
display:none;
}
#lijst_app a {
	color: #197be1;
	text-decoration: none;
}
#lijst_app a:hover {
	color: #197be1;
	text-decoration: underline;
}
#header .logo {
	float: left;
	margin-top: 16px;
	margin-left: 21px;
	height: 86px;
	width: 305px;
	display: inline;
}
.logo a {
	display: block;
	text-indent: -9999px;
	height: 86px;
	width: 305px;
}