﻿html,body{
	padding:		0;
	margin:			0;
	border:			0 none;
    	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	background:		#ffffff url(../img/bovenrep.gif) top repeat-x;
}

#boven{
	width: 			758px;
	background:  		url(../img/boven.jpg); 
	height: 		310px;
	margin: 		0 auto;
	padding:		0;
}

#midden{
	width: 			758px;
	background: 		url(../img/midden.gif) repeat-y;
	margin: 		0 auto;
	padding:		0;
	min-height: 		375px;
	_height: 		375px;
}

#menu{
	width:			120px;
	float:			left;
	margin:			10px 0 0 45px;
	padding: 		0;
	display: 		inline;
}

#content{
	margin:			20px 0 30px 80px;
	padding:		0;
	float:			left;
	width:			442px;
	color: 			#000000;
	font-size:		12px;
	line-height: 		130%;
	text-align: 		justify;
}

.screens img {
	border: 		0;
	text-decoration:	none;
	margin:			0px 7px 20px 7px;
	padding: 		0;
}

#content h1{
	font-size: 		13px;
    	font-weight: 		bold;
	font-style: 		italic;
	margin: 		0 0 20px 0;
	padding: 		0 0 10px 0;
	border-bottom: 		1px solid #000000; 
	letter-spacing: 	0px;
}

#content h2{
	font-size: 		13px;
    	font-weight: 		bold;
	font-style: 		italic;
	margin: 		0 0 20px 0;
	padding: 		0 0 8px 0;
	border-bottom: 		1px solid #000000; 
	letter-spacing: 	0px;
}

#content p{
	margin: 		0;
	padding:		0;
}

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

#content a:link, #content a:visited, #content a:active{
	color: 			#000000;
}

#content a:hover {
	color:			#A8091C;
}

#content ul{
	margin:	 		20px 0 20px 15px;
	padding: 		0;
	color: 			#790513;
}

#content li{
	margin:	 		0;
	padding: 		0;
	list-style-type:	square;
	text-align: 		justify;
}

#clear {
	clear:			both;
}

#onderrep{
	background:		url(../img/onderrep.gif) bottom repeat-x;
	margin: 		0;
	padding: 		0;
}

#onder{
	margin: 		0 auto;
	padding:		0;
	width: 			758px;
	background:  		url(../img/onder.gif);
	height: 		122px;
}

#onder p{
	margin: 		0;
	padding:		103px 0 0 170px;
	color: 			#000000;
	font-size:		10px;
}

#onder p a:link, #onder p a:visited, #onder p a:active {
	color: 			#000000;
	text-decoration: 	none;
}

#onder p a:hover {
	color:			#A8091C;
}



/* BEGIN MENU INHOUD */

#menum dl, dt, dd, ul, li{
	margin: 		0;
	padding: 		0;
	list-style-type: 	none;
}

#menum{
	margin:			0;
	padding:		0;
	font-size:		11px;
	font-weight: 		normal;
	color:			#000000;
}

#menum dt a{
	cursor: 		pointer;
	margin: 		0;
	padding:		5px 0 5px 0;
	text-decoration:	none;
	border-bottom: 		1px solid #C00E23;
	display: 		block;
	font-weight:		bold;
	width:			120px;
}

#menum dt a:link, #menum a:visited, #menum a:active {
	color: 			#000000;
}

#menum dt a:hover{
	color:			#A8091C;
}

#menum dd{
	position: 		absolute;
	z-index: 		100;
	margin-left: 		118px;
	margin-top: 		-25px;
	width: 			230px;
	background: 		#FBFBFB;
	border-top: 		1px solid #C00E23; 

}

#menum ul {
	padding:		0;
	margin: 		0;
}

#menum li{
	padding:		0;
	margin: 		0;
	list-style-type: 	none;
	display: 		inline;
}

#menum li a{
	width: 			213px;
	margin: 		0;
	border-bottom: 		1px solid #F1F1F1;
	font-weight:		bold;
	padding:		6px 5px 5px 14px;
	display: 		block;
	text-decoration: 	none;

	background-image: 	url(../img/menu.gif);
	background-repeat: 	no-repeat;
	background-position: 	2px 9px;
}

#menum li a:link, #menum li a:visited, #menum li a:active {
	color: 			#000000;
}

#menum li a:hover {
	color:			#A8091C;
}

/* EIND MENU INHOUD */






/* FORMULIER */

.formulier{
	margin: 		20px 0 0 0;
	padding: 		0;
	color:			#000000;
}

.formulier .veld{
	float: 			left;
	width: 			100%; 
	clear: 			both;
	margin: 		0 0 7px 0;
	padding: 		0;
}

.formulier .veld label {
	display: 		block;
	float: 			left;
	margin: 		0;
	padding: 		0 0 2px 0px;
}
.formulier .veld span {
	float: 			right;
	display: 		block;
	margin: 		0;
	padding: 		0;
}


.formulier .veld input,
.formulier .veld select {
	margin: 		0;
	padding: 		2px;
	border: 		1px solid #CED7E0;
	background: 		#ffffff;
	font-size: 		12px;
	color: 			#000000;

}
.formulier .veld .checkbox {
	margin: 		0;
	padding: 		0;
	border: 		0px;
}

.formulier .veld .radio {
	border: 		0px;
	margin: 		0 5px 0 10px;
	padding: 		0;
}
.formulier .veld textarea {
	background: 		#ffffff;
	border: 		1px solid #CED7E0;
	margin: 		0 0 15px 0;
	padding: 		1px;
	font-size: 		12px;
	color: 			#000000;
}
.formulier .veld .submit {
	border: 		1px solid #CED7E0;
	font-weight: 		bold;
	font-size: 		12px;
	padding:		2px;
	margin: 		0;
	color: 			#000000;
}

.formulier .veld .optioneel {
	float: 			left;
	display: 		inline;
	margin: 		0;
	padding: 		0 0 0 13px;
}


.floatright{
	float: 			right;
	margin: 		0 0 0px 10px;
	padding: 		0;
}

.floatleft{
	float: 			left;
	margin: 		0 10px 0px 0;
	padding: 		0;
}


#tabel table { 
    	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	margin: 		20px 0 0 0;
	font-size:		11px;
	border-collapse: 	collapse;
}
#tabel td { 
	padding: 		2px 2px;
        text-align: 		left; 
	vertical-align: 	top;
	border: 		1px solid #B2BEC5;
	background-color: 	#FCFCFC;
}
#tabel th { 
	padding: 		2px 2px;
        text-align: 		left; 
	vertical-align: 	top;
	border: 		1px solid #B2BEC5;
	background-color: 	#F6F6F6;
}

#gastenboek table { 
    	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	margin: 		20px 0 0 0;
	font-size:		11px;
	border-collapse: 	collapse;
	width:			442px;
}
#gastenboek td { 
	padding: 		2px 2px;
        text-align: 		left; 
	vertical-align: 	top;
	border: 		1px solid #CED7E0;
	background-color: 	#FCFCFC;
	width:			362px;
}
#gastenboek th { 
	padding: 		2px 2px;
        text-align: 		left; 
	vertical-align: 	top;
	border: 		1px solid #CED7E0;
	background-color: 	#F4F5F0;
	width:			80px;
}


#fotoalbum table { 
	margin: 		20px 0 0 0;
	border-collapse: 	collapse;
	font-size:		11px;
	width:			442px;
}
#fotoalbum td { 
	padding: 		8px 8px;
        text-align: 		center; 
	border: 		1px solid #CED7E0;
	background-color: 	#ffffff;
	width: 			147px;

}
#fotoalbum img{
	border: 		1px solid #CED7E0;
	padding: 		3px;
}
#fotoalbum .navigatie{

	background-color: 	#ffffff; 
	text-align:		center;
	width: 			442px;

}

/* BEGIN sitemap */

.sitemap {
	margin:			0;
	padding:		103px 0 0 100px;
	position:		relative;  
	list-style-type:	none;
	font-size:		10px;
	width: 			658px;
	color:			#000000;
}

.sitemap ul {
	padding:		0; 
	margin:			0; 		
	list-style-type:	none;
}

.sitemap li {
	float:			left; 
	position:		relative;

}

.sitemap li a, 
.sitemap li a:visited {
	text-decoration:	none; 
 	display:		block; 
	color:			#000000; 
	float:			left;
	padding:		1px 10px 1px 12px; 
	font-weight:		normal;
	margin: 		0;
	height:			20px;
}

.sitemap li ul {
	visibility:		hidden; 
	position:		absolute; 
	top:			2.5em; 
	left:			0; 
	height:			0; 
	overflow:		hidden;
	color:			#000000;
}

.sitemap table {
	margin:			-1px; 	
	border-collapse:	collapse; 
	font-size:		1em;
}

.sitemap li:hover a, 
.sitemap li a:hover {
	border:			0;
	color:			#A8091C;
}

.sitemap li:hover ul, 
.sitemap li a:hover ul {
	visibility:		visible; 
	height:			auto; 
	left:			12px; 
	top:			16px;  
	background:		#ffffff; 
	overflow:		visible;
	border: 		1px solid #A8091C;
	width: 			200px;
}

.sitemap li:hover ul li a, 
.sitemap li a:hover ul li a {
	display:		block; 
	font-weight:		normal; 
	background:		transparent; 
	text-decoration:	none; 
	height:			auto; 
	width:			180px;
	padding:		5px 10px 5px 10px;
	border-top: 		1px solid #A8091C;
	color:			#000000;

}

.sitemap li:hover ul li a:hover, 
.sitemap li a:hover ul li a:hover {
	text-decoration:	underline;
}

/* EIND sitemap */


#contact table { 
    	font-family: 		Verdana, Arial, Helvetica, sans-serif;;
	margin: 		0;
	font-size:		12px;
	border-collapse: 	collapse;
}
#contact td { 
	padding: 		0px 5px 6px 0px;
        text-align: 		left; 
	border: 		0;
}
#contact th { 
	padding: 		0px 5px 6px 0px;
        text-align: 		left; 
	border: 		0;
}

