body{
	color: #000000;
	background-color: #ffffff;
	font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	text-align: left; 
	behavior: url(style/csshover2.htc); /* Needed for hover in IE*/
}

h1{
	font-size: 18px;
}

h2{
	font-size: 13px;
}

h3{
	font-size: 12px;	
}

img {
	border: 0px;
	
}

p{
/*	padding-top: 0px;	*/
	margin-bottom: 35px;
	margin-top: 0px;
}


#container{
	margin-top: 5px;
	position: absolute;
	visibility: visible;
	/*width: 874px;*/
	width: 833px;
	left: 50%;
	margin-left: -416px; /* (width/2) zorgt er icm left en position voor dat je een gecentreerde floating box krijgt.*/
	background: transparent url(../images/background_main.gif) repeat-y scroll top left;
} 
#container_overlay1{
	float: left;
	width: 833px;
	background: transparent url(../images/background_onder.jpg) no-repeat scroll bottom right;
}
#container_overlay2{
	width: 789px;
	float: left;
	background: transparent url(../images/background_top_left.jpg) no-repeat top left;
}

#logo{
	float: left;
	top: 0px;
	left: 0px;
	background: white url(../images/gevleugelde_roos.jpg) no-repeat top left;
	width: 150px; /* 235px;*/
	height: 222px;
}

#top_empty{
	float: left;
	width: 639px;
	height: 99px;
	background-color: white;
}  

#content_main{
	float: right;
	width: 554px;
}

#height_hack{
	float: right;
	width: 1px;
	height: 400px;
}

#content_top{
	height: 15px;
	background: transparent url(../images/top_right.gif) no-repeat top right;
}

#content{
	overflow: hidden;
	padding: 25px;
	padding-bottom: 30px;
	width: 500px;
	float: right;
	background-repeat: no-repeat;
}

#content .imageblock{
	font-size: 10px;
}	

#menu_main{
	float: right;
	width: 195px;

}

#left_bottom{
	float: left;
	width: 27px;
	height: 20px;
}
#bottom{
	float: left;
	width: 789px;
	height: 24px;
	background: transparent url(../images/bottom.jpg) no-repeat top left;
}

#menu_main ul{
	margin: 0px;
	margin-left: 15px;
	margin-right: 15px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}

#menu_main li{
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	padding-left: 5px;
	width: 140px;
	position: relative;
}

#menu_main a{
	color: #000;	
	text-decoration: none;
	display: block;
	width: 140px;
}

#menu_main li:hover{
	background: transparent url(../images/heart.jpg) no-repeat top left;
	color: #000;
}

#menu_main .selected{
	background: transparent url(../images/heart.jpg) no-repeat top left;
}

#menu_main li .selected{
	background: transparent url(../images/heart_small.gif) no-repeat top left;
	
}

#menu_main ul ul {
	position: absolute;
	background: transparent url(../images/submenu_lo.gif) no-repeat bottom right;
	left: 110px;
	top: 5px;
	text-align: left;	
	font-size: 9px;
	border 0px;
	opacity: .9;
	filter:alpha(opacity=90);
	width: 162px;
	padding-bottom: 1px;
}

#menu_main ul li{ /* Needed for IE */
	float: left; 
}

#menu_main ul ul li:hover{
	background: transparent url(../images/heart_small.gif) no-repeat top left;
}

#menu_main ul ul li{
	width: 146px;
	margin: 0px;
	padding: 5px;
	padding-left: 5px;
	margin-top: -5px;
}
#menu_main ul ul .first{
	border-top: 1px solid black;
	margin-left: -5px;
	padding-left: 5px;
	width: 146px;
}

#menu_main ul li a { /* Needed for IE (else unable to click on all items in menu */
	_height: 1%; /* Hacked even more, because IE7 does support css menus without this */
}

div#menu_main ul ul,
div#menu_main ul li:hover ul ul,
div#menu_main ul ul li:hover ul ul
{
	display: none;
}
div#menu_main ul li:hover ul,
div#menu_main ul ul li:hover ul,
div#menu_main ul ul ul li:hover ul
{
	display: block;
}
/** guestbook layout */
#guestbook table{
	width: 100%;
	border-collapse: collapse;
	padding: 0px; 
	margin: 0px;
}

#guestbook .title{
	font-weight: bold;	
	border-bottom: 1px solid black;
}

#guestbook .date{
	text-align: right;
	border-bottom: 1px solid black;
}

#guestbook .guestbookitem{
	padding-bottom: 25px;
}

#guestbook textarea{
	width: 325px;
	height: 150px;
	
}


#guestbook .captcha{
	width: 75px;
}

#guestbook .email_text, #guestbook .name_text{

	width: 75px;	
}

#guestbook .name, #guestbook .email {
	width: 250px;
}

#guestbook .error{
	color: red;	
}


/** Eind guestbook layout */

/** Mailformulier */

#mail_form .voornaam, .achternaam, .telefoon, .email{
	width: 250px;
}

#mail_form .postcode, .huisnummer{
	width: 90px;	
}

#mail_form .straat, .woonplaats{
	width: 150px;	
}

#mail_form .bericht{
	width: 400px;
	height: 150px;
}

/* Eind mailform */


#content table th{
	vertical-align: top;
	padding: 5px;
	}
#content table td{
	padding: 5px;	
}
#gallery table{
	border: 0px;	
}

#gallery tr{
	border: 0px;
}

#gallery td{
	border: 0px;
	padding: 0px;
	text-align: center;
}

#gallery table td td{
	border: 1px solid black;
	text-align: center;	
	width: 145px;
}

#gallery td img{
	border: 0px;
}

div .home{
	float: right;
}