@charset "UTF-8";

/*******************
INHOUDSOPGAVE
1. Layout
2. Navigatie
3. FX
4. Formulieren
5. Teksten
*******************/

/*********************************
******** 1. LAYOUT ***************
*********************************/
html,body	{
	margin: 0 auto;
	padding: 0;
	text-align:left;
	color:#000000;
	background:#6f2f26;
	font-family:Tahoma, Arial, sans-serif;
	font-size:12px;
}

img	{
	margin:5px 5px 5px 5px;
	border:none;
	display:inline;
}

#wrapper	{
	width:100%;
	
}
	
	#headerWrapper	{
		width:100%;
		background:url(../../images/layout/headerBG.jpg) repeat-x;
		height:400px;
		min-height:400px;
	}
		#header	{
			width:877px;
			margin:0 auto;
		}
			#headerImage	{
				background:url(../../images/layout/headerImageBG.jpg);
				width:619px;
				height:245px;
				min-height:245px;
				float:right;
				margin:89px 0;
			}
			#title	{
				background:url(../../images/layout/titleBG.jpg);
				width:620px;
				height:51px;
				min-height:51px;
				position:absolute;
				margin:349px 256px;
			}
			#slogan	{
				width:auto;
				margin:65px 0 0 611px;
				color:#a57c78;
				font-size:24px;
				position:absolute;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
			}
			#nav	{
				background:url(../../images/layout/logoBG.jpg) no-repeat;
				width:217px;
				height:400px;
				min-height:400px;
				position:absolute;
			}
	#contentWrapper	{
		width:100%;
		background:url(../../images/layout/contentBG.jpg)
	}
		#content	{
			width:877px;
			margin:0 auto;
		}
			#mainContent	{
				width:619px;
				margin:0 0 0 257px;
				background:url(../../images/layout/contentPixel.png);
			}
				#mainContentVlak	{
					color:#000000;
					padding:15px;
				}
			#extraInfoVlak	{
				width:216px;
				margin:30px 0 0 1px;
				float:left;
				background:url(../../images/layout/contentPixel.png);
			}
				#extraInfoVlakTop	{
					background:#4c6479;
					width:216px;
					height:7px;
					min-height:7px;
				}
				#extraInfoVlakContent	{
					width:203px;
					padding:5px;
					font-size:11px;
					color:#333;
				}
			#onderExtraVlak	{
				background:none;
			}
		#buffer	{
			width:870px;
			height:1px;
			min-height:1px;
			clear:both;
			display:block;
		}
		#footer	{
			width:100%;
			height:100px;
			min-height:100px;
			background:url(../../images/layout/footer.jpg) repeat-x;
			text-align:center;
			color:#FFFFFF;
		}
		
		
/*********************************
******** 2. NAVIGATIE ************
*********************************/
#main_menu	{
	margin:105px 0 0 1px;
}

#main_menu ul{
	padding:0px;
	width:216px;
	list-style:none;
}

#main_menu li, #main_menu li a {
	margin:1px 0 0 0; 
	padding:0;
	display:block; 
	height:30px;
	min-height:30px;
	width:216px;
	color:#FFF;
	text-decoration:none;
}
	#main_menu li a:hover{
		margin:1px 0 0 0; 
		padding:0px;
		display:block; 
		height:30px;
		width:216px;
		background:url(../../images/layout/navBG.jpg) repeat-x;
	}
		.navTekst	{
			position:absolute;
			margin:6px 0 0 9px;
		}
.navOn	{
	background:url(../../images/layout/navBG.jpg) repeat-x;
}

/*MENU 2nd LEVEL*/
#main_menu ul li ul{
display:none;
padding:0px;
}
#main_menu ul li:hover ul{
margin:-30px 0 0 160px; padding:0px 0px 17px 0px;
display:block; width:210px;
visibility:visible; position:absolute;
background:url(../../images/layout/navBottom.gif) no-repeat bottom;
z-index:99;
}
#main_menu ul li:hover #align_right{
right:0px;
}
#main_menu ul li ul li{
display:block;
margin:0px; padding:0px;
width:208px; height:27px;
background:#773128;
overflow:hidden;
border-right: 1px solid #9f7979; 
border-left: 1px solid #9f7979;
border-top:1px solid #9f7979;
position:relative;
}

/*2nd LEVEL ITEMS*/
#main_menu ul li ul li a, #main_menu ul li ul li a:visited{
display:block;
width:208px;
height:30px;
min-height:30px;
text-indent:0px;
margin:0px; padding:0;
color:#d9d9d9;
text-decoration:none;
}

/*2nd LEVEL ROLLOVERS*/
#main_menu ul li ul li a:hover, #main_menu ul li ul li a:active{
width:208px;
height:30px;
min-height:30px;
background:url(../../images/layout/navBG.jpg) repeat-x;
margin:0px; padding:0;
}


/*********************************
******** 3. FX *******************
*********************************/

/*HEADER*/
#slideshow {
    position:relative;
	margin:10px 0 0 10px;
    height:215px;
	width:590px;
}
	#slideshow IMG {
		position:absolute;
		top:0;
		left:0;
		z-index:8;
		opacity:0.0;
	}
		#slideshow IMG.active {
			z-index:10;
			opacity:1.0;
		}
		#slideshow IMG.last-active {
			z-index:9;
		}
				
/*********************************
******** 4. FORMULIEREN **********
*********************************/

form {margin-top:0}
	form, td, th, li { font-size: 100%}
	form div {margin-bottom:0}
	
	textarea {
		margin: 0.5em 0;
		width:300px;
		height: 6em
	}

	label {float:left; text-align:right; display:block; width:100px;}
	.submit {margin:5px 0 0 100px;}


/*********************************
******** 5. TEKSTEN **************
*********************************/
h1	{
	font-family:Tahoma, Arial, sans-serif;
	color:#FFF;
	font-weight:normal;
	font-size:18px;
	margin:16px 0 0 16px;
}
h2	{
	font-family:Tahoma, Arial, sans-serif;
	color:#660000;
	font-size:20px;
	font-weight:normal;
	margin:10px 0 10px 0;
}
h3	{
	color:#6a2b24;
	font-family:Tahoma, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:0 0 8px 0;
	text-align:center;
}
#extraInfoVlakContent i	{
	font-family:Tahoma, Arial, sans-serif;
	font-size:10px;
	color:#666;
	font-style:normal;
}
#extraInfoVlakContent a, a:visited	{
	font-family:Tahoma, Arial, sans-serif;
	font-size:12px;
	color:#000;
	text-decoration:none;
	margin:10px 0 0 0;
}
#extraInfoVlakContent a:hover	{
	font-family:Tahoma, Arial, sans-serif;
	font-size:12px;
	color:#CC3300;
	text-decoration:none;
}
#extraInfoVlakContent li	{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:10px 0 15px -15px;
}

a	{
	color:#000000;
	font-family:Tahoma, Arial, sans-serif;
	font-size:12px;
	text-decoration:underline;
}
a:hover	{
	color:#000000;
	font-family:Tahoma, Arial, sans-serif;
	font-size:12px;
	text-decoration:none;
}