/*#############################################################

© 2008

Auteur: Rene Kleizen

#############################################################*/


/* default elements */


*{margin:0px;padding:0px}


h1
{
font-family:verdana, arial, helvetica, sans-serif;
font-size:1.9em; 
font-weight: normal;
color:#333333;
padding-left:5px;
line-height:1.6em
}


p
{
font-family:Verdana, Arial, helvetica, sans-serif;
font-size:0.7em; 
font-weight: normal;
color:#555555;

}

a
{
color:#3399ff;
font-size:1em; 
font-weight:normal;
font-style:normal;
text-decoration:none;
}


a:link
{
color:#3399ff;
font-weight:normal;
font-style:normal;
text-decoration:none;
}


a:visited
{
color:#3399ff;
font-style:normal;
font-weight:normal;
text-decoration:none;
}


a:hover
{
color:#3399ff; 
font-style:normal;
text-decoration:underline;
}

table 
{
font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
margin-top:10px;
color: #FFFFFF;
text-align:center;
}

#postcard {
	height:230px;
	width:330px;
	margin-top:-180px;
	margin-left:-120px;
	background:url(img/casa.gif) no-repeat;
}

#bannerlogerebijbelgen a{
	display:block;
	height:80px;
	width:596px;
	margin-top:-210px;
	margin-left:214px;
	background:url(img/bannerlogerenbijbelgen.jpg) no-repeat;

}
/* Layout */

body
{
/*background:url(img/bg.gif) repeat-x #117D26;*/
background:url(img/bgheader.jpg) repeat-x #669933;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #ffffff;
}

#wrapper 
{
background:transparent;
margin-top:0px;
margin-right: auto;
margin-bottom:0px;
margin-left: auto;
width:850px;
}


#header .logo
{
float:left;
padding-top:0px;
padding-left:17px;
border: none;
}


/* navigatie */
#nav ul
{
list-style:none;
margin-left:249px;
padding-top:100px;
font-size:0.94em;
font-weight:bolder;

}

#nav li
{
text-align:left;
float:left;
margin-left:2px;
padding-left:0px;
padding-bottom:0px;
}

#nav ul li a
{
display:block;
color: black;
border-top:1px solid #46433e;
border-left:1px solid #46433e;
border-right:1px solid #46433e;
line-height:2.5em;
padding:0 16px 0 16px;
/*background:#0099FF;*/
background:#c8e67f;
font-weight:bolder;
font-size: 0.76em;
text-decoration: none;
}

#nav li a:hover
{
color: black;
background-color:#ffffff;
}

#nav ul li .selected
{
font-weight:bolder;
color: #80BF40;
background-color:#333333;
}

#nav ul li a.selected:hover
{
font-weight:bolder;
color: #80BF40;
background-color:#333333;
}

#content
{
float:left;
margin-left:0px;
margin-right:0px;
width:850px;
background:#333333;
/*background:#669933;*/
}


#col1
{
height:280px;
background: url(img/header2.jpg) no-repeat ;
margin-top:30px;
margin-left:30px;
margin-right:30px;
text-align:left;
font-size:0.9em;
border:8px solid white;
}


#col1 h1
{
display:block;
font-size:1.6em;
font-family:Verdana, Helvetica, Arial, sans-serif;
text-align:left;
font-weight:normal;
color:#ffffff;
font-weight:normal;
padding-bottom:0px;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
}



#col1 p
{ 
font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
color: #cccccc;
padding:10px;
text-align:left;
}

#flag-nl {
position:relative;
float:right;
left:-30px;
top:0px;
width:30px;
height:39px;
z-index:1;
background: url(img/flag-nl.jpg) no-repeat;
display:block;
}
#flag-nl a {
display:block;
width:30px;
height:39px;
}
#flag-nl a:hover {
display:block;
width:30px;
height:39px;
background: url(img/flag-nl-hover.jpg) no-repeat;
}

#flag-en {
float:right;
position:relative;
left:30px;
top:0px;
width:30px;
height:39px;
z-index:1;
background: url(img/flag-en.jpg) no-repeat;
display:block;
}
#flag-en a {
display:block;
width:30px;
height:39px;
}
#flag-en a:hover {
display:block;
width:30px;
height:39px;
background: url(img/flag-en-hover.jpg) no-repeat;
}
#col2
{
float:left;
margin-left:0px;
padding-left:23px;
padding-right:10px;
padding-bottom:10px;
margin-top:20px;
background: transparent;
width:420px;
text-align:left;
font-size:0.9em;
}

#col5
{
float:left;
margin-left:0px;
padding-left:23px;
padding-right:10px;
padding-bottom:0px;
margin-top:-20px;
background: transparent;
width:812px;
text-align:left;
font-size:0.9em;
}

body.foto #col2 
{
width:814px;
height:520px;
}

body.reserveren #col2 
{
width:814px;

}

body.omgeving #col2 
{
width:814px;
height:620px;
}

body.omgeving table 
{
font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
margin-top:10px;
color: #FFFFFF;
text-align:center;
}

body.reserveren table 
{
font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
margin-top:10px;
color: #FFFFFF;
text-align:left;
}

#col2 h1, #col5 h1
{
display:block;
font-size:1.6em;
font-family:Verdana, Helvetica, Arial, sans-serif;
text-align:left;
font-weight:normal;
color:#80BF40;
padding-bottom:0px;
margin-top:5px;
margin-bottom:5px;
}

#col2 h2, #col5 h2
{
display:block;
font-size:0.9em;
font-family:Helvetica, Arial, sans-serif;
text-align:left;
font-weight:bold;
color:#FFFF99;
padding-bottom:0px;
margin-left: 8px;
margin-top:5px;
margin-bottom:5px;
}

#col2 p, #col5 p
{ 
font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
margin-top:10px;
color: #FFFFFF;
text-align:left;
margin-left:7px;
}

#col2 ul, #col4 ul, #col5 ul
{
list-style-type:none;
margin-top:10px;
}

#col2 li, #col4 li, #col5 li
{
text-align:left;
background:url(img/arrow.gif) no-repeat center left;
margin-top:4px;
margin-left:15px;
padding-left:0px;
padding-bottom:0px;
color:#ffffff;
}

#col2 ul li a, #col4 ul li a, #col5 ul li a
{
color:#3399ff;
padding-left:20px;
font-weight:normal;
font-size: 0.8em;
text-decoration: none;
}

#col2 ul li a:hover, #col4 ul li a:hover, #col5 ul li a:hover
{
color: #3399ff;
text-decoration:underline;
}


#col3
{
float:right;
background:transparant;
width:350px;
height:300px;
margin-right:36px;
margin-top:65px;
margin-bottom:16px;
padding:0px;
text-align:left;
font-size:0.9em;
}


#col3 p
{ 
font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
margin-top:10px;
color: #FFFFFF;
text-align:left;
margin-left:7px;
}

body.info #col3 img, #col4 img
{
border: 3px solid #FFFF99;
}


#col3 p .big
{ 
float:left;
font-family: Georgia, Arial, sans-serif;
font-size:3em;
color: #f7f528;
padding-left:0px;
text-align:left;
}


#col4 
{
float: none;
clear: both;
margin-top: 0px;
padding:0px;
text-align:left;
font-size:0.9em;
padding-left:23px;
padding-right:10px;
margin-bottom:25px;
}

#col4 p
{ 
font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
margin-top:0px;
color: #FFFFFF;
text-align:left;
margin-left:7px;
}

#col4 p.small
{ 
font-size: 0.7em;
}
#col4 h2
{
display:block;
font-size:0.9em;
font-family:Helvetica, Arial, sans-serif;
text-align:left;
font-weight:bold;
color:#FFFF99;
padding-bottom:0px;
margin-left: 8px;
margin-top:5px;
margin-bottom:5px;
}

#col4 table
{
margin-left: 8px;
}

#col4 th {
font-size:1.1em;
color: #333333;
padding-bottom: 5px;
}
body.kamers #col4, body.reserveren #col4{
margin-bottom:50px;
padding-top:5px;
background-color:#B0D063;
border-top: 3px dashed #333333;
border-bottom: 3px dashed #333333;
}

body.kamers #col4 h2 {
color:#333333;
}

body.kamers #col4 p {
color:#333333;
}

body.kamers #col4 table {
color: #003C00;
}

body.kamers #col4 h1 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:1.6em;
}
/* footer */
#footer 
{
clear:both;
margin-top:-10px;
background:url(img/bgfooter.gif) repeat-x;
/*background: transparant;*/
height:40px;
color:#666666;;

margin-left:auto;
margin-right:auto;
margin-bottom: 0px;
padding-top:0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

#footer p 
{
font-size:0.7em;
font-family:arial;
font-weight:normal;
line-height: 1.4em;
color:white;
padding-top:0px;
padding-bottom:0px;
padding-left:5px;
text-align:left;
margin-top: 5px;
margin-left:20px;
margin-bottom:auto;
text-decration:none;

}

#footer a 
{
font-size:1em;
text-decration:none;
font-weight:normal;
color:#c8e67f;
text-align:center;
}

#footer a:hover
{
text-decoration:underline;
font-weight:normal;
color:#c8e67f;
text-align:center;
}