/* JBB Version 5.0 */

html,body{
	padding:			0;
	margin:				0;
	border:				0 none;
    	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	background-image: 		url(../img/achtergrond.gif);
}


#omvang{
	background:			url(../img/bovenrep.jpg) top repeat-x;
	margin: 			0;
	padding:			0;
}

#boven{
	width: 				793px;
	background:  			url(../img/goochelaar_boven.jpg) top no-repeat;
	height: 			199px;
	margin: 			0 auto;
	padding:			0;
}

#boven img{ 
	border: 			0;
}

#boven p{ 
	padding: 			10px 30px 0 0; 
	margin: 			0;
	font-size:			10px;
	color:				#747474;
	font-style: 			italic; 
	text-align: 			right;
}

#boven .logo{ 
	padding: 			40px 0 0 255px; 
	margin: 			0;
	text-align: 			left;
}


#midden{
	width: 				793px;
	background:			url(../img/midden.gif) repeat-y;;
	margin: 			0 auto;
	padding:			0;
}


#content{
	margin:				0;
	padding:			8px 80px 10px 80px;
	width:				633px;
	color: 				#333333;
	font-size:			11px;
	line-height: 			170%;
}

#content img{
	border: 			1px solid #996E13;
	padding: 			3px;
}

#content h1{
	font-size: 			18px;
    	font-weight: 			normal; 
	margin: 			0 0 15px 0;
	padding: 			0;		
	color:				#640078;
	font-weight: 			bold;
	font-style: 			italic;
}

#content h2{
	font-size: 			17px;
    	font-weight: 			normal; 
	margin: 			0 0 15px 0;
	padding: 			0;		
	color:				#640078;
	font-weight: 			bold;
	font-style: 			italic;
}


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


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


#content a:hover {
	color:				#996E13;
}


#content ul{
	margin:	 			20px 0 20px 16px;
	padding: 			0;

}


#content li{
	margin:	 			0;
	padding: 			0;
	list-style-type:		disc;
	text-align: 			justify;
	line-height: 			150%;
	color:				#996E13;
}

#meer li a:link, #meer li a:visited, #meer li a:active{
	color:				#996E13;
	text-decoration: 		none;
}

#meer li a:hover{
	color:				#996E13;
	text-decoration: 		none;
}

.centreren{
	margin-left:			110px;				
}


#onder{
	width: 				793px;
	background:  			url(../img/onder.gif) bottom no-repeat;
	height: 			81px;
	margin: 			0 auto;
	padding:			0;
}


#onder p{
	margin: 			0;
	padding: 			32px 0 0 0;
	font-size:			10px;
	color: 				#ADAEAE;
	text-align:			center;
	font-weight:			bold;
}


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


#onder p a:hover {
	color:				#ffffff;
	text-decoration:		underline;
}


/* BEGIN MENU */

.menu {
	margin:				0;
	padding:			33px 0 0 265px;
	position:			relative; 
	list-style-type:		none;
	font-size:			10px;
	width: 				468px;
	z-index:			100;
}

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

.menu li {
	float:				left; 
	position:			relative;
}

.menu li a, 
.menu li a:visited {
	text-decoration:		none; 
 	display:			block; 
	color:				#ffffff; 
	float:				left;
	padding:			3px 13px 3px 13px; 
	font-weight:			bold;
	background-image: 		url(../img/menu.gif);
	background-repeat: 		no-repeat;
	background-position: 		0em 4px;
	height:				20px;
}


.menu li ul {
	visibility:			hidden; 
	position:			absolute; 
	top:				2.5em; 
	left:				0; 
	height:				0; 
	overflow:			hidden;
}
.menu table {
	margin:				-1px; 	
	border-collapse:		collapse; 
	font-size:			1em;
}


.menu li:hover a, 
.menu li a:hover {
	text-decoration:		underline; 
	border:				0;
	background-image: 		url(../img/menuhov.gif);
}

.menu li:hover ul, 
.menu li a:hover ul {
	visibility:			visible; 
	height:				auto; 
	left:				0px; 
	top:				19px;
	background:			#fff;  
	overflow:			visible;
	border:				1px solid #000000;
	width:				190px;
}

.menu li:hover ul li a, 
.menu li a:hover ul li a {
	display:			block; 
	font-weight:			normal; 
	background:			transparent; 
	text-decoration:		none; 
	height:				auto; 
	border-top: 			1px solid #996E13;
	padding:			5px 5px 5px 5px;
	width:				180px;
	color:				#640078;
	font-weight:			bold;
}


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

/* EIND MENU */



/* BEGIN SITEMAP */

.sitemap {
	margin:				0;
	padding:			27px 0 0 230px;
	position:			relative;  
	list-style-type:		none;
	font-size:			10px;
	width: 				401px;
	color:				#A2A1A2;
}

.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:				#A2A1A2; 
	float:				left;
	padding:			1px 10px 1px 12px; 
	font-weight:			bold;
	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:				#ffffff;
}

.sitemap li:hover ul, 
.sitemap li a:hover ul {
	visibility:			visible; 
	height:				auto; 
	left:				12px; 
	top:				16px;  
	background:			#ffffff; 
	overflow:			visible;
	border: 			1px solid #800000;
	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 #800000;
	color:				#000000;

}

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

/* EIND SITEMAP */


/* FORMULIER */

#formulier{
	margin: 		0;
	padding: 		0;
}

#formulier img{
	border:			0;
}

form{
	margin: 		0;
	padding: 		0;
}

form .hint{
  	position: 		absolute;
  	left: 			670px;
  	width: 			250px;
  	margin: 		2px 0 0 0;
  	padding: 		4px 12px;
  	border: 		1px solid #000000;
  	background-color: 	#FFFEE5;
	color:			#000000;
	z-index: 		1;
	display: 		none;
}

form fieldset{
	margin: 		10px 0 10px 0;
	position: 		relative;
	padding: 		0 0 10px 0;
	border:			0;
}

form .last_pre{
	margin: 		10px 0 0 0;
	padding: 		0;
}

form .last{
	margin: 		0;
	padding: 		0;
}

form fieldset legend{
	font-weight: 		normal;
	margin: 		0;
	padding:		2px 2px 12px 0;
	color: 			#777777;
	letter-spacing: 	1px;
	font-style: 		italic;
}

form fieldset label{
	font-weight: 		normal;
	padding: 		0;
	margin: 		0;
	width: 			250px;
	display: 		block;
	float: 			left;
}

form input{
	color: 			#000000;
	border: 		1px solid #640078;
	padding: 		1px;
	margin: 		2px 0 10px 0px;
	background: 		#FFF9ED;
	font-weight: 		normal;
	width: 			379px;
}

form input.checkbox{
	background: 		none;
	border: 		1px solid #640078;
	width:			13px;
	padding:		0;
	margin: 		6px 0 10px 0px;
}

form #bericht{
	color: 			#000000;
	border: 		1px solid #640078;
	padding: 		1px;
	margin: 		2px 0 10px 0px;
	background: 		#FFF9ED;
	font-weight: 		normal;
	width: 			629px;
	height: 		140px;
}

form select{
	padding: 		1px 1px 1px 0;
	margin: 		2px 0 10px 0px;
	width: 			383px;
	border: 		1px solid #640078;
	background: 		#FFF9ED;
}

form .submit{
	color: 			#000000;
	border: 		1px solid #640078;
	padding: 		1px;
	margin: 		2px 0 10px 0px;
	background: 		#FFF9ED;
	font-weight: 		normal;
	width: 			100px;
}

.clear{
	clear:			both;
	margin:			0;
	padding:		0;
}


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

.floatleft{
	float: 				left;
	margin: 			0 10px 0 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{
	padding: 		0;
	margin: 		0;
	width: 			100%;	
}

#gastenboek ol{
	padding: 		0;
	margin: 		0;
}

#gastenboek li{
	margin: 		15px 0 3px 0px;
	padding: 		5px 10px 3px 10px;
	list-style-type: 	none;
	background-color: 	#FFF9ED;
	border-top: 		1px solid #640078;
	border-bottom: 		1px solid #640078;
	color:			#000000;
}

#gastenboek ol p{
	margin: 		10px 5px 10px 0;
	padding:		0;
	text-align: 		left;
	font-style: 		italic;
	font-size:		11px;
}

#gastenboek cite{
	font-weight: 		bold;
	font-style: 		normal;
}

#gastenboek .datum{	
} 

#gastenboek .navigatie_top{
	margin: 		0;
	padding:		0;
}

#gastenboek .navigatie_bot{
	margin: 		0;
	padding:		0;
}

#gastenboek .navigatie_top a.highlight, 
#gastenboek .navigatie_bot a.highlight{
	color:			#000000;	
}

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

}
#fotoalbum img{
	border: 		1px solid #CED7E0;
	padding: 		3px;
}
#fotoalbum .navigatie{
	background-color: 	#ffffff; 
	text-align:		center;
	width: 			100%;
}
#fotoalbum a.highlight{
	color:			#A8091C;
}