/*

Pension Duinblick - Style Sheet (c)2010

*/

body {
margin:0;
background-image: url('images/bg_strand_texel.jpg');
background-repeat:no-repeat;
background-position: top;
background-color: #e0f4ff;
font: normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #333333;
line-height: 21px;
}

a:link { color:#1b98d3; text-decoration: none;} 
a:visited { color:#1b98d3; text-decoration: none;} 
a:hover { color: #06C; text-decoration: underline;}

h1 {
font-size: 17px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, arial;
color: #1b98d3;
font-weight:normal;
}

#container {
width: 890px;
height: auto;
margin: -4px auto;
}

#top {
width: 890px;
height: 90px;
background: url("images/top.png");
background-position:bottom;
background-repeat:no-repeat;
}

#menu {
float:left;
width: 890px;
height: 40px;
background: url("images/menu_bg.jpg");
background-position:bottom;
background-repeat:no-repeat;
}

.menu{margin:0 auto; margin-left:30px; padding:0; height:40px; width:100%; display:block; background:url('images/menu.jpg') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:20px; display:block; color:#ffffff; text-decoration:none; font:14px bold "Lucida Sans Unicode", "Lucida Grande", sans-serif; cursor:pointer; background:url('images/menu.jpg') 0px -40px no-repeat;}
.menu li a span{line-height:40px; float:left; display:block; padding-right:20px; background:url('images/menu.jpg') 100% -40px no-repeat;}
.menu li a:hover{background-position:0px -80px; color:#ffffff;}
.menu li a:hover span{background-position:100% -80px;}
.menu li a.active, .menu li a.active:hover{line-height:20px; font:14px bold "Lucida Sans Unicode", "Lucida Grande", sans-serif; background:url('images/menu.jpg') 0px -120px no-repeat; color:#ffffff;}
.menu li a.active span, .menu li a.active:hover span{background:url('images/menu.jpg') 100% -120px no-repeat;}

#slideshow {
float:left;
width: 890px;
height: 250px;
}

#content {
float:left;
width: 525px;
background-image: url('images/blaadje_groen.jpg');
background-position: bottom;
background-repeat:no-repeat;
background-color: #ffffff;
padding-left: 45px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 20px;
min-height: 440px;
}

#content_large {
float:left;
width: 525px;
background-image: url('images/blaadje_groen.jpg');
background-position: bottom;
background-repeat:no-repeat;
background-color: #ffffff;
padding-left: 45px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 20px;
min-height: 900px;
}
#content_gastenboek {
float:left;
width: 525px;
background-image: url('images/blaadje_groen.jpg');
background-position: bottom;
background-repeat:no-repeat;
background-color: #ffffff;
padding-left: 45px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 20px;
min-height: 1100px;
}

#content_foto {
float:left;
width: 525px;
background-image: url('images/blaadje_groen.jpg');
background-position: bottom;
background-repeat:no-repeat;
background-color: #ffffff;
padding-left: 45px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 20px;
min-height: 850px;
}
#content_right_fotos {
float: right;
background-color:#ffffff;
background-image:url(images/content_right.jpg);
background-position:top right;
background-repeat:no-repeat;
padding-left: 25px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 25px;
width: 250px;
min-height: 440px;
}

#content_right_fotos_large {
float: right;
background-color:#ffffff;
background-image:url(images/content_right.jpg);
background-position:top right;
background-repeat:no-repeat;
padding-left: 25px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 25px;
width: 250px;
min-height: 900px;
}
#content_right_fotos_gastenboek {
float: right;
background-color:#ffffff;
background-image:url(images/content_right.jpg);
background-position:top right;
background-repeat:no-repeat;
padding-left: 25px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 25px;
width: 250px;
min-height: 1100px;
}

#content_right_fotos_foto {
float: right;
background-color:#ffffff;
background-image:url(images/content_right.jpg);
background-position:top right;
background-repeat:no-repeat;
padding-left: 25px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 25px;
width: 250px;
min-height: 850px;
}

#content_right {
float: right;
background-color:#ffffff;
padding-left: 45px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 45px;
width: 210px;
min-height: 520px;
}

#content_bottom {
clear:both;
width:890px;
height:20px;
}

#bottom {
display: table;
width: 100%;
background-color: #bfb099;
background: url("images/bottom.jpg") center 0 repeat-x;
margin-top: 8px;
height: 132px;
}

#bottom_center {
display: table;
width: 890px;
margin-left: auto;
margin-right: auto;
background: url("images/bottom_center.jpg") center 0 no-repeat;
height: 132px;
}

#bottom_text {
margin-top: 7px;
margin-left: 40px;
display: table;
}
	
.bottom_text_title {
font-size: 12px;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif, arial;
font-weight:bold;
color: #422f22;
line-height: 15px;
}

.bottom_text {
font-size: 11px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, arial;
color: #555555;
line-height: 10px;
line-height: 15px;
}

.bottom_text a:link, .bottom_text a:visited {
font-size: 11px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, arial;
color: #1b98d3;
line-height: 10px;
line-height: 15px;
}
#fotos{
width: 275px;
}
#fotoklein{
padding: 3px;
margin: 0px;
border: 1px;
}

#fotoklein a{
padding: 3px;
margin: 0px;
border: 1px;
}
#inlog LABEL,INPUT,TEXTAREA {
  border:1px solid #000; ;
  color: #000; 
  font: normal 10px Arial, Verdana, Helvetica, sans-serif;
  margin: 1px;
}
#inlog LABEL button {
    border: 1px solid #006;
    background: #ccc;
}
#inlog LABEL button:hover {
    border: 1px solid #f00;
    background: #fff;
}