* {
	margin:0px;
	padding:0px;
	}
	
body { 
	font:11px/1.1em Verdana; 
	text-align:center;
	background-color:#617122;
	color:#0f0f0f;
	}
	
iframe {
	border:0px;
	overflow:hidden;
	}
	
h1 {
	font:11px/1.1em Verdana; 
	color:#000;
	font-weight:bold;
	margin-bottom:10px;
}

h2 {
	font:11px/1.1em Verdana; 
	color:#000;
}

p {
	font:11px/1.1em Verdana; 
	color:#000;
	margin-bottom:10px;
	line-height:16px;
}
/* grid */

#container_top {
	position:relative;
	width:943px;
	height:19px;
	margin:	0 auto;
	margin-top:58px;
	background-color:#fff;
	text-align:left;
	background-image:url(../images/bg_top.gif);
}

#container {
	position:relative;
	width:902px;
	margin:	0 auto;
	background-color:#fff;
	text-align:left;
	background-image:url(../images/bg_klein.gif);
	background-repeat:repeat-y;
	border-left:20px solid #A4AD2C;
	border-right:20px solid #A4AD2C;
	z-index:200;
	}
	
#container_bottom {
	position:relative;
	width:943px;
	height:19px;
	margin:	0 auto;
	text-align:left;
	background-image:url(../images/bg_bottom.gif);
	background-repeat:no-repeat;
	z-index:900;
}
	
#header {
	float:left;
	width:734px;
	height:168px;
	text-align:left;
}

#header_photo {
	float:left;
	width:734px;
	height:140px;
	background-image:url(../images/header_beuk.jpg);
}

#titel {
	position:absolute;
	top:110px;
	left:340px;
}

#titelbalk {
	float:left;
	width:734px;
	height:28px;
	background-color:#7D82AE;
}

#left {
	float:left;
	width:168px;
}

#logo {
	float:left;
	width:167px;
	height:140px;
	background-image:url(../images/logo.jpg);
}

.logo {
	display:block;
	width:167px;
	height:140px;
	cursor:hand;
}

#kleurbalk1 {
	float:left;
	width:168px;
	height:28px;
	background-color:#902211;
}

#kleurbalk2 {
	float:left;
	width:168px;
	height:28px;
	background-color:#AB3322;
}

#icoon {
	float:left;
	background-image:url(../images/menu_top.gif);
	background-position:center right;
	background-repeat:no-repeat;
	margin-top:73px;
	width:35px;
	height:26px;
	padding-left:10px;
}

#menu {
	float:left;
	width:148px;
	padding-left:5px;
	padding-top:20px;
}

#right {
	float:left;
	width:734px;
}

#photo_content {
	float:left;
	width:185px;
	overflow:hidden;
}

#photo_content img, #photo_content_cottages 
{
    overflow:hidden;
    margin-right:-1px;
    margin-bottom:-1px;
}

#photo_content_cottages {
	position:absolute;
	top:168px;
	left:168px;
	width:185px;
	z-index:1000;
	overflow:hidden;
}

#content {
	float:left;
	padding-top:70px;
	padding-left:67px;
	padding-bottom:40px;
	width:430px;
}

#interieur {
	float:left;
	padding-top:100px;
	padding-left:67px;
	padding-bottom:40px;
	width:430px;
}

#huisje1 {
	float:left;
	width:191px;
	height:143px;
	background-image:url(../images/huisje1.jpg);
}

#huisje2 {
	float:left;
	width:191px;
	height:124px;
	background-image:url(../images/huisje2.jpg);
}

#huisje3 {
	float:left;
	width:191px;
	height:129px;
	background-image:url(../images/huisje3.jpg);
}

#huisje4 {
	float:left;
	width:191px;
	height:118px;
	background-image:url(../images/huisje4.jpg);
}

#huisje5 {
	float:left;
	width:191px;
	height:125px;
	background-image:url(../images/huisje5.jpg);
}

.kaartje {
	position:absolute;
	top:480px;
	left:670px;
}

#uxSubtitle {
	font-weight:bold;
	color:#fff;
	font-size:12px;
	margin-bottom:15px;
}

#vlinders {
	position:absolute;
	top:-80px;
	left:0px;
	height:160px;
	width:160px;
	margin-left:750px;
	z-index:2000;
}

#foto_popup {
	display:none;
	position:absolute;
	padding-top:10px;
	text-align:center;
	top:200px;
	left:500px;
	width:329px;
	height:381px;
	background-color:#fff;
	cursor:pointer;
}



/* ------------------------------------------ Begin menu ---------------------------------- */	
/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
	margin: 0;
	float: left;
	width:150px;
	list-style: none;
	padding: 0;
	}
	
.menulist a {
	font-family: Verdana;
	font-size:12px;
	color:#FFFBFB;
	text-decoration:none;
	}
	
.menulist li ul li a {
	font-size:10px;
}
	
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
	font-family: Verdana;
	font-size:12px;
	color:#F46304;
	}
	
.menulist li ul li a:hover {
	font-size:10px;
}
	
.menulist li {
	margin-left:4px;
	margin-bottom:10px;
	}
	
/*	
.menulist li ul li {
	margin-bottom:10px;
	margin-left:10px;
	}
	

.menulist li ul li a:active {
	font-size:10px;
	background-repeat:no-repeat;
	padding-left:10px;
	background-position:bottom left;
}

/* Links inside the menu */

	
/*
 Lit items: hover/focus = the current item. 'highlighted' = parent items to visible menus.
 Here, active items are given a border, and a padding tweak to 'elevate' the text within.
 Feel free to use background-image:url(file.gif) instead of background-color:#nnn here...

*/

.menulist li ul li ul li a {
	font-size:10px;
	background-image:url(../images/arrowb.gif);
	background-repeat:no-repeat;
	padding-left:10px;
	background-position:bottom left;
	color: #F46304;
	}

.menulist li ul li ul li a:hover, .menulist li ul li ul li a.highlighted:hover, .menulist li ul li ul li a:focus {
	font-size:10px;
	background-image:url(../images/arrowb.gif);
	background-repeat:no-repeat;
	padding-left:10px;
	background-position:bottom left;
	color: #fff;
	}
	
.menulist a.highlighted {
	color: #F46304;
	}

li #hertenhuisje {
	margin-top:8px;
}

li #hertenhuisje ul {
	display:none;
}


li #KleinePimpernel {
}

li #KleinePimpernel ul {
	display:none;
}



li #GrotePimpernel {
}

li #GrotePimpernel ul {
	display:none;
}



li #Schepershuisje {
}

li #Schepershuisje ul {
	display:none;
}



li #KleinsteHuisje {
}

li #KleinsteHuisje ul {
	display:none;
}



li #Haantje {
}

li #Haantje ul {
	display:none;
}

li #Ghysselte {
}

li #Ghysselte ul {
	display:none;
}