body {
background:url("../images/bg_foto.jpg") no-repeat;
background-color: #e7e5d6;
background-position:top;
margin-top:27px;
margin-right:0px;
margin-left:0px;
font: normal 12px Arial, Verdana, Helvetica, sans-serif;
color: #504F54;
line-height: 19px;
}


a:link { color:#504F54; text-decoration: underline;}
a:visited {	color:#504F54; text-decoration: none;}
a:hover {	color:#6C0;	text-decoration: underline;}

img {
display:block;
border:0px;
}
a#anchor_daga img{
display: inline;
}
a#anchor_dagv img{
display: inline;
}
a#anchor_geboortedatum img {
    display: inline;
}
#schaduw { 
background-image: url("../images/bgHbody.png");
background-repeat: repeat-y;
margin-top: 6px;
float: left; 
width: 948px; 
}

#container {
width:948px;
height:auto;
background-image: url("../images/bg_content_creme.png");
background-repeat:repeat-y;
background-position:top;
background-color:#fdf9ee 10px 0px 0px -10px;
vertical-align:top;
margin: -4px auto;
}

#logo_duinrand {
background-image: url("../images/logo_duinrand_texel_1.png");
background-position:left top;
width: 265px;
height: 250px;
float: left;
margin-top: -31px;
margin-left: 10px;
}

.vlag_nl { 
margin: 240px 0px 0px 22px; 
width: 16px; 
height: 11px; 
}

.vlag_de { 
margin: -11px 0px 0px 48px; 
width: 16px; 
height: 11px; 
}

.facebook { 
margin: -18px 0px 0px 130px; 
width: 22px; 
height: 22px; 
}

.facebook_button { 
margin: -20px 45px 0px 160px; 
}

#slideshow_index {
width: 666px;
height: 252px;
margin-left: 273px;
margin-top: -6px;
}

#slideshow_bungalow {
background-image:url(../images/slideshow/index_1.jpg);
background-repeat:no-repeat;
width: 666px;
height: 252px;
margin-left: 273px;
margin-top: -6px;
}

#menu_container {
width: 220px;
height:auto;
background-position:bottom;
background-repeat:no-repeat;
margin-left: 32px;
margin-top: 3px;
float: left;
}

/*menu */
div#menu_top {background:url('../images/menu/menu_top.png') no-repeat; width: 220px; height: 29px;}

/*menuknoppen */
.menu{margin:0; padding:0; width:220px; list-style:none;}
.menu li{height:29px; display:block;}
.menu li a{height:29px; padding: 0px 14px; font:12px Arial, Verdana, Helvetica, sans-serif; font-style:italic; font-weight:bold; color:#504F54; display:block; background:url('../images/menu/menuknop.jpg') no-repeat; text-decoration:none;}
.menu li a:hover{background:url('../images/menu/menuknop.jpg') 0px -29px no-repeat; color:#504F54;}
.menu li a.active, .menu li a.active:hover{background:url('../images/menu/menuknop.jpg') 0px -29px no-repeat; color:#504F54; font-weight:bold;}
.menu li a span{line-height:29px;}

/*menuknop types */
.menu_L2{margin:0; padding:0; width:220px; list-style:none;}
.menu_L2 li{height:28px; display:block;}
.menu_L2 li a{height:28px; padding: 0px 22px; font:12px Arial, Verdana, Helvetica, sans-serif; font-style:italic; color:#504F54; display:block; background:url('../images/menu/menuknop_L2.jpg') no-repeat; text-decoration:none;}
.menu_L2 a:hover{background:url('../images/menu/menuknop_L2.jpg') 0px -28px no-repeat; color:#504F54;}
.menu_L2 a.active_L2, .menu_L2 li a.active:hover{background:url('../images/menu/menuknop_L2.jpg') 0px -28px no-repeat; color:#504F54;}
.menu_L2 a span{line-height:28px;}

/*menuknop bottom */
.menu_bottom{margin:0; padding:0; width:220px; list-style:none;}
.menu_bottom li{height:29px; display:block;}
.menu_bottom li a{height:29px; padding: 0px 14px; font:12px Arial, Verdana, Helvetica, sans-serif; font-style:italic; font-weight:bold; color:#504F54; display:block; background:url('../images/menu/menuknop.jpg') no-repeat; text-decoration:none;}
.menu_bottom li a:hover{background:url('../images/menu/menuknop.jpg') 0px -29px no-repeat; color:#504F54;}
.menu_bottom li a.active_bottom, .menu_bottom li a.active:hover{background:url('../images/menu/menuknop.jpg') 0px -29px no-repeat; color:#504F54; font-weight:bold;}
.menu_bottom li a span{line-height:29px;}

/*menuknop bottom */
.menu_bottom_backup{margin:0; padding:0; width:220px; list-style:none;}
.menu_bottom_backup li{height:30px; display:block;}
.menu_bottom_backup li a{height:30px; padding: 0px 14px; font:12px Arial, Verdana, Helvetica, sans-serif; font-style:italic; font-weight:bold; color:#504F54; display:block; background:url('../images/menu/menuknop_bottom.png') no-repeat; text-decoration:none;}
.meu_bottom_backup li a:hover{background:url('../images/menu/menuknop_bottom.png') 0px -30px no-repeat; color:#504F54;}
.menu_bottom_backup li a.active_bottom_backup, .menu_bottom_backup li a.active:hover{background:url('../images/menu/menuknop_bottom.png') 0px -30px no-repeat; color:#504F54; font-weight:bold;}
.menu_bottom_backup li a span{line-height:30px;}

/*einde menu */

/*submenu */
.submenu{float:left; margin:2px auto; padding:0; height:29px; width:640px; display:block; background:url('../images/menu/submenu.jpg') repeat-x;}
.submenu li{padding:0; margin:0; list-style:none; display:inline;}
.submenu li a{float:left; padding-left:9px; display:block; text-decoration:none; font:12px Arial, Verdana, Helvetica, sans-serif; color:#504F54; font-style:italic; background:url('../images/menu/submenu.jpg') 0px 0px no-repeat;}
.submenu li a span{line-height:29px; float:left; display:block; padding-right:15px; background:url('../images/menu/submenu.jpg') 100% 0px no-repeat;}
.submenu li a:hover{background-position:0px -29px; font:12px Arial, Verdana, Helvetica, sans-serif; color:#ffffff; font-style:italic;}
.submenu li a:hover span{background-position:100% -29px;}
.submenu li a.active, .submenu li a.active:hover{line-height:29px; font:12px Verdana, Arial, Helvetica, sans-serif; font-style:italic; background:url('../images/menu/submenu.jpg') 0px -29px no-repeat; color:rgb(255,255,255);}
.submenu li a.active span, .submenu li a.active:hover span{background:url('../images/menu/submenu.jpg') 100% -29px no-repeat;}
.submenu li a.active2, .submenu li a.active2:hover{line-height:29px; font:12px Verdana, Arial, Helvetica, sans-serif; font-style:italic; background:url('../images/menu/submenu.jpg') 0px -58px no-repeat; color:rgb(255,255,255);}
.submenu li a.active2 span, .submenu li a.active2:hover span{background:url('../images/menu/submenu.jpg') 100% -58px no-repeat;}

/*einde submenu */

/*bungalows titels */
.bungalow_titel {float:left; margin:2px auto; padding:0; height:29px; width:640px; display:block; background:url('../images/menu/submenu.jpg') repeat-x;}
.bungalow_titel li{padding:0; margin:0; list-style:none; display:inline;}
.bungalow_titel li a{float:left; padding-left:9px; display:block; text-decoration:none; font:12px Arial, Verdana, Helvetica, sans-serif; font-style:italic; color:#504F54; background:url('../images/menu/submenu.jpg') 0px 0px no-repeat;}
.bungalow_titel li a span{line-height:29px; float:left; display:block; padding-right:15px; background:url('../images/menu/submenu.jpg') 100% 0px no-repeat;}
.bungalow_titel li a:hover{background-position:0px -29px; font:12px Arial, Verdana, Helvetica, sans-serif; color:#ffffff;}
.bungalow_titel li a:hover span{background-position:100% -29px;}
.bungalow_titel li a.active, .bungalow_titel li a.active:hover{line-height:29px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('../images/menu/submenu.jpg') 0px -29px no-repeat; color:rgb(255,255,255);}
.bungalow_titel li a.active span, .bungalow_titel li a.active:hover span{background:url('../images/menu/submenu.jpg') 100% -29px no-repeat;}

/*einde bungalow types */

/*bungalows link */
.bungalow_link {float:left; margin:-29px auto; padding:0; height:29px; width:411px; display:block; background:url('../images/menu/submenu.jpg') repeat-x;}
.bungalow_link li{padding:0; margin:0; list-style:none; display:inline;}
.bungalow_link li a{float:left; padding-left:9px; display:block; text-decoration:none; font:12px Arial, Verdana, Helvetica, sans-serif; color:#504F54; background:url('../images/menu/submenu.jpg') 0px 0px no-repeat;}
.bungalow_link li a span{line-height:29px; float:left; display:block; padding-right:15px; background:url('../images/menu/submenu.jpg') 100% 0px no-repeat;}
.bungalow_link li a:hover{background-position:0px -29px; font:12px Arial, Verdana, Helvetica, sans-serif; color:#ffffff;}
.bungalow_link li a:hover span{background-position:100% -29px;}
/*einde bungalow types */

#content {
width: 640px;
height: auto;
margin-left: 274px;
margin-top: 5px;
vertical-align:top;
}

#prijzen_informatie {
width: 640px;
height: auto;
vertical-align:top;
}

#prijzen_beschikbaarheid {
width: 640px;
height: auto;
vertical-align:top;
}

img.floatrechts {
float: right;
margin-left: 22px;
margin-top: 5px;
}

.floatrechts {
float: right;
margin-left: 22px;
margin-top: 5px;
}

img.floatlinks {
float: left;
margin-left: 0px;
margin-top: 0px;
}

ul.opsomming {
margin-left: 20px;
margin-top: 0px;
padding: 0px;
list-style-image:url('../images/lijst_opsomming.gif');
}

#footer {
background-image: url("../images/footer.jpg");
background-repeat: no-repeat;
background-position:bottom;
clear: both;
width: 948px;
height: 57px;
}


.contact_text {
font: normal 12px Arial, Verdana, Helvetica, sans-serif;
font-style:italic;
text-align:justify;
line-height: 19px;
padding-left: 14px;
color: #504F54;
}

.text {
font: normal 12px Arial, Verdana, Helvetica, sans-serif;
text-align:justify;
line-height: 19px;
color: #504F54;
}

.text a:link, .text a:visited {
font: normal 12px Arial, Verdana, Helvetica, sans-serif;
text-align:justify;
line-height: 19px;
color: #504F54;
}

.textbold {
font: 12px Arial, Verdana, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
line-height: 19px;
color: #504F54;
}

.koptext {
font: Georgia, "Times New Roman", Times, serif;
font-size:22px;
color: #9bc218;
line-height: 33px;
}

.footer_text {
font: normal 11px Arial, Verdana, Helvetica, sans-serif;
text-align:center;
line-height: 19px;
color: #FFFFFF;
}

.footer_text a:link, .footer_text a:visited {
font: normal 11px Arial, Verdana, Helvetica, sans-serif;
text-align:center;
line-height: 19px;
color: #FFFFFF;
}

/*

Opmaak formulier

*/

input { 
background-color: #FFFFFF;
font: normal 12px Arial, Verdana, Helvetica, sans-serif;
text-align:justify;
line-height: 19px;
color: #504F54;
}

select {
background-color: #FFFFFF;
font: normal 12px Arial, Verdana, Helvetica, sans-serif;
text-align:justify;
line-height: 19px;
color: #504F54;
}

textarea { 
background-color: #FFFFFF;
font: normal 12px Arial, Verdana, Helvetica, sans-serif;
text-align:justify;
line-height: 19px;
color: #504F54;
}
#formulier{
width: 640px;
}
