@charset "utf-8";
/* CSS Document */

BODY, HTML {
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
}
HTML > BODY #container {
	height:auto;
}
BODY {
	background-color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#7A6D36;
}
#container {
	background-color:#FFF;
	width:1000px;
	margin:0px auto 0 auto;
	padding:0px;
	position:relative;
}
A:LINK, A:VISITED {
	color:#002C5A;
	text-decoration:underline;
}
A:HOVER {
	text-decoration:none;
}
H1 {
	font-size:20px;
	color:#002C5A;
	font-family:"Times New Roman", Times, serif;
	word-spacing:3px;
	letter-spacing:1px;
	font-weight:bolder;
	line-height:28px;
}


/* Top balk */
#top {
	height:135px;
}
#logo{
	float:left;
}
#menu {
	background-color:#DEDEDE;
	width:695px;
	height:50px;
	float:right;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
	font-size:14px;
	font-family: "Times New Roman", Times, serif;
	font-weight:bold;
	text-align:center;
	word-spacing:3px;
	letter-spacing:1px;
}
#menubalk {
	background:url(../images/layout/bg-menubalk-.png) repeat-y;
	/*filter: alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	*/height:85px;
	width:695px;
	float:right;
}


/* Opbouw menu */
#menu UL LI A:LINK, #menu UL LI A:VISITED {
	padding:0px 10px;
	display:block; 
	text-decoration:none; 
	color:#7A6D36;
	line-height:20px; 
	overflow:hidden;
	text-align:center;
}
#menu UL {
	list-style: none;
}
#menu UL LI {
	float:left; 
	position:relative;
	z-index:1;
}
#menu UL LI UL {
	display: none;
}


/* specific to non IE browsers */
#menu UL LI:HOVER A {
	color:#33567B; 
}
#menu UL LI:HOVER UL {
	z-index:1;
	position:absolute; 
	display:block; 
	top:20px; 
	left:0px; 
	margin:0px;
	padding:0px;
	width:105px;
	background-color:#ff0099;
}
#menu UL LI:HOVER UL LI A.hide {
	background-color:#ffff00;
	color:#fff;
}
#menu UL LI:HOVER UL LI:HOVER A.hide {
	background-color:#330033;
	color:#000;
}
#menu UL LI:HOVER UL LI UL {
	display: none;
}
#menu UL LI:HOVER UL LI A {
	display:block; 
	background-color:#33567B;
	color:#FFF;
	width:130px;
	text-align:left;
	border-bottom:1px solid #FFF;	
	padding:5px 10px 5px 20px;
}
#menu UL LI:HOVER UL LI A:HOVER {
	background-color:#33567B;
	color:#FFF;
}
#menu UL LI:HOVER UL LI:HOVER UL {
	display:block; 
	left:105px; 
	top:0;
	position:absolute; 
	z-index:1;
}
#menu UL LI:HOVER UL LI:HOVER UL.left {
	left:-105px;
	background-color:#CCCC00;
}


/* Content */
#content {
	background:#FAEFD6;
	filter:alpha(opacity=80);
	-moz-opacity: .80;
	opacity:0.8;
	width:320px;
	min-height:361px;
	padding:20px 40px 10px 40px;
}
#content IMG {
	border:1px solid #7A6D36;
	padding:1px;
}


/* Reservation ESTATES */
#estates UL {
	list-style:none;
}

/* Footer */
#footer {
	background:#FBF2DE;
	padding:0 0 0 400px;
	height:118px;
	position:relative;
}
#adres
{
	background-color:#002C5A;
	color:#FFF;
	padding: 10px 10px 10px 10px;
	width: 130px;
	height: 98px;
	font-weight: normal;
	float: right;
	font-size: 9px;
	line-height: normal;
}
#adres A
{
	color: #FFFFFF;
}
#footer A IMG {
	border:none;
}


/* Google map */
#googleMap
{
	width: 600px;
	height: 391px;
	background-color: #000000;
	position: absolute;
	margin: 155px 0px 0px 400px;
}
#content .icon
{
	border: none;
	vertical-align: bottom;
}
.infoPopup
{
	font-size: 11px;	
}



/* Algemene classes */
.clear {
	clear:both;
}
.error {
	color:#D70000;
}
.alignLeft {
	float:left;	
}
.spacer {
	height:361px;
	width:1px;
	float:right;
}
.spacerTop {
	height:20px;
	width:100%;
	background-color:#FFF;
}
.spaceFooter {
	width:155px;
	height:118px;
}
.valign{
	vertical-align:top;
}

#album
{

}
#album #content
{
	background: #F5E9D3;
	padding: 10px;
	border: 1px solid #c9b09a;
}
#album #afbeeldingen
{
	margin: 5px 0px 0px 0px;
}
#album #afbeeldingen .afbeelding
{
	width: 110px;
	height: 110px;
	margin: 0px 0px 0px 0px;
	float: left;
	text-align: center;
	overflow: hidden;
}
#album #afbeeldingen .afbeelding IMG
{
	display: block;
	width: 100px;
	height: 100px;
	margin: auto auto auto auto;
	border: 1px solid #430A08;
}


#content .albumButton
{
	width: 110px;
	float: left;
}


