@charset "utf-8";
/* CSS Document Hotel De Branding*/
body  {
	background-color: #f7743a;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #3951b7;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 72%;	
	line-height: 200%;
}
html {overflow-y: scroll;}
#wrapper {
	width: 900px;
	margin: 0px auto;
		
}


#container {
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 900px;
	min-height: 800px;
	margin: 10px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 10px solid #fff;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(../images/bg_container.jpg);
	background-repeat: no-repeat;
	

}
#container_reserveren {
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 900px;
	min-height: 800px;
	margin: 10px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 10px solid #fff;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image:url(../images/bg_container_reserveren.jpg);
	background-repeat: no-repeat;
	

}
#header {
	height: 300px;
	background-image:url(../images/bg_header.jpg);
	background-repeat: no-repeat;

}  

#nav {
	position: absolute;
	top: 290px;
	left: 0;
	width: 165px;
	padding: 15px 0px 15px 2px;
}

#nav ul {
	padding: 0;
	margin: 3px auto 3px 0; /*nodig voor IE7 en IE6*/
	list-style: none;
	display: block;
}
#nav li{display: block;font-size: 1.2em;line-height: 80%;margin: 1em 0; font-weight:800; }

#nav a, #nav a:visited{color: #3951b7;text-decoration: none; padding: 0 1.0em 0 1.8em;}
#nav a:hover {text-decoration: underline;padding: 0 1.0em 0 1.8em;background-image: url(../images/bg_nav_bullet.gif);	background-repeat: no-repeat;	background-position: left center;}
#nav a.selected:visited {text-decoration: underline;background: url(../images/bg_nav_bullet.gif) no-repeat;background-position: left center;	padding: 0 1.0em 0 1.8em;}

#taal a, #taal a:visited{color: #3951b7;text-decoration: none; background: url(../images/dui.gif) no-repeat;background-position: left center;	padding: 0 1.0em 0.1em 1.8em;}
#taal a:hover {text-decoration: underline;background: url(../images/dui.gif) no-repeat;background-position: left center;	padding: 0 1.0em 0.1em 1.8em;}

#taal_ned a, #taal_ned a:visited{color: #3951b7;text-decoration: none; background: url(../images/ned.gif) no-repeat;background-position: left center;	padding: 0 1.0em 0.1em 1.8em;}
#taal_ned a:hover {text-decoration: underline;background: url(../images/ned.gif) no-repeat;background-position: left center;	padding: 0 1.0em 0.1em 1.8em;}



#sidebar2 {
	position: absolute;
	top: 280px;
	text-align: left;
	letter-spacing: 0.05em;
	font-size: 0.9em;
	right: 5px;
	width: 310px; /* padding keeps the content of the div away from the edges */
	padding: 15px 5px;
}
#sidebar2 img {
border: 5px solid #fff;
margin-top:15px;}

#mainContent {
	margin-top: 0px;
	margin-right: 340px;
	margin-bottom: auto;
	margin-left: 170px;
	min-height:480px;
	_height:480px; /*voor IE6*/
	
}

#mainContent h1{ font-size: 1.1em; color: #f55711;padding-top: 3px;
	margin-bottom: 0px;letter-spacing:0.05em;}
 #mainContent h2{ font-size: 1.0em; color: #f55711;padding-top: 3px;
	margin-bottom: -3px;letter-spacing:0.05em;}
#mainContent p{ font-size: 1.0em; margin-top:1px; line-height:150%; 
	}
	
#mainContent a, #mainContent a:visited, #mainContent a:active {text-decoration:underline; color: #3951b7;}
#mainContent a:hover {color: #fff; background-color:#3951b7;}
#mainContent ul {margin-top: 1em;}
#mainContent ul li {
	list-style-position: outside;
	list-style-image: url(../images/bg_nav_bullet.gif);
	padding-left: 0px;
	font-size: 1.0em;
	margin: auto auto 0.5em -15px;
	}
#mainContent img {
border: 1px solid #ccc;}
	
#mainContent_fotoshow {
	margin-top: 0px;
	margin-left: 170px;
		min-height:480px;
	_height:480px; /*voor IE6*/
	
}	
#mainContent_fotoshow img {border:1px solid #fff;padding: 2px; }
#mainContent_fotoshow a, #mainContent_fotoshow a:visited, #mainContent a:active { color: #fff; }
#mainContent_fotoshow a:hover {color: #3951b7; }
#mainContent_fotoshow h1{ font-size: 1.1em; color: #f55711;padding-top: 3px;
	margin-bottom: 0px;letter-spacing:0.05em;}

/*prijzentabel*/

#mainContent table {width: 380px;margin: 10px auto auto -1px;}
#mainContent th {color:#3951b7; background:#fff;padding: 5px; border: 1px solid #ccc;}
#mainContent td {background:#F7F6F5;padding: 5px; border: 1px solid #ccc;}
#mainContent td.center {text-align:center;}
#mainContent td.special {border: none; }

#formulier table {width: 580px;margin: 10px auto auto -1px;}
#formulier td {background:#F7F6F5;padding: 5px; border: 1px solid #000;}

.reserveren {width: 190px;
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px solid #ccc;
	font-weight: bold;
	letter-spacing:0.05em;
	color: #f55711;
	text-align:center;
	
	
}
.blok {width: 370px;
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px dashed #3951b7;
	font-weight: bold;
	letter-spacing:0.05em;
	font-size:1.1em;
	color: #f55711;

}
.blauw {color: #3951b7; font-weight: bold;}
hr 	{
	color: #3951B7;
	background-color: #3951B7;
	line-height: normal;
	height: 1px;
	margin-top: -10px;
	margin-bottom: 1px;
}

.highlight {
	font-weight:800;
	border: 1px solid  #999999;
	padding: 5px;

}
.vet {
font-weight: bold;}

#footer { 
	padding: 8px 0 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#fff;
	height: 150%;	
	font-size: 0.9em;letter-spacing:0.1em;
	clear: both;
	
	
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	

	
	
	
}
#footer a, #footer a:visited {text-decoration:underline; color: #3951b7;}
#footer a:hover {color: #fff; background-color:#3951b7;}


.img_right { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 5px 0 5px 8px;
}
.img_left { /* this class can be used to float an element left in your page */
	float: left;
	margin:  5px 8px 5px 0;
}
.prijs {
	
	font-weight: bold;
	font-style:italic;
	margin-bottom: 30px;
}
#kader
{border: 1px solid #ccc; background:#FFF; padding: 5px; margin-top: 10px;}
.facebook {border: none; margin-left: 5px;}