/*************************************************************************************************
 * <APPLICATIE TITEL> CSS
 *************************************************************************************************/

/*************************************************************************************************
 * STYLE RESETS
 *************************************************************************************************/
 
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
        margin:0;
        padding:0;
    }
    
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
    
    fieldset,img { 
        border:0;
    }
    
    ol,ul {
        list-style:none;
    }
    
    caption,th {
        text-align:left;
    }
    
    h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
    }
    
    abbr,acronym { 
        border:0;
    }
    
/*************************************************************************************************
 * GENERIEKE STYLES (UITSLUITEND "KALE" HTML-TAGS!)
 *************************************************************************************************/
 
    html, body {

    }
 
    body, td, input, select, textarea {
    	font-family:arial, verdana;
    	font-size:11px;
    	color:#424242;
    	line-height:16px;
    }
    
    body {
    	text-align:center;
    }
    
    a:link, a:visited, a:hover, a:active {
    	color:#ff6600;
    	text-decoration:none;
    }
    
    a:hover {
    	text-decoration:underline;
    }
    
    h1 {
 		font-family:Tahoma;
		font-size:16px;
 		color:#ff6600;
 		font-weight:bold;
 		padding-bottom:10px;
		letter-spacing: 1.5px;
    }
 
    h2 {
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }

/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/

 div#container {
 	width:1000px;
    	text-align:left;
 	background:url("../images/bg.jpg") top left repeat-y;
 	
 	position:relative;
 	margin:0 auto;
 }
 
 div#container div#header {
 	width:1000px;
 	height:183px;
 	background:url("../images/header.jpg") top left no-repeat;
 }
 
 div#container div#overflow {
 	overflow:hidden;
 	position:relative;
 	_height:1%;
 	background:url("../images/bgStones.jpg") bottom right no-repeat;
 	
 }
 
 div#container div#footer {
 	width:1000px;
 	height:288px;
 	background:url("../images/bgOverflow.jpg") top left no-repeat;
 }
 
 div#container div#overflow div#columnLeft {
 	width:450px;
 	float:left;
 	padding-right:30px;
 	padding-top:30px;
 	margin-left:20px;
 	font-size:8pt !important;
 	line-height:14px;
 }
 
 div#container div#overflow ul {
    	list-style:disc;
    	margin-left:20px;
 }
    
 div#container div#overflow ul li {
    	margin-left:10px;
 }
 
 div#container div#overflow div#columnRight {
 	width:483px;
 	float:right;
 	
	min-height:225px;
	height:auto !important;
	height:225px;
 }
 
 div#container div#overflow div#columnRight div#content{
 	margin-left:140px;
 	margin-bottom:10px;
 	margin-right:10px;
 }
 
 div#container div#overflow div#columnRight div#header {
 	width:483px;
 	height:115px;
 	background:url("../images/headerTopRight.jpg") top left repeat-y;
 }
 
 div#container div#header div#links {
 	position:absolute;
 	right:30px;
 	top:190px;
 	z-index:10;
 }
 
 
 
 div#container div#header div#links a {
 	float:left;
 	display:block;
 	width:26px;
 	height:18px;
 	text-indent:-9000px;
 	margin-left:10px;
 }
 
  div#container div#header div#links a.search { background:url("../images/btn_search.jpg"); }
  div#container div#header div#links a.home { background:url("../images/btn_home.jpg"); }
  div#container div#header div#links a.contact { background:url("../images/btn_contact.jpg"); }
  div#container div#header div#links a.sitemap { background:url("../images/btn_sitemap.jpg"); }
 
 div#container div#footer div#aanmelden {
 	width:320px;
 	float:left;
 	display:inline;
 	margin-top:90px;
 	margin-left:260px;	
 }
 
 
 div#container div#footer div#contact {
 	width:320px;
 	float:right;
 	display:inline;
 	margin-top:90px;
 }
 
  div#contact h1, div#columnLeft h1 {
  	color:#B37DAF;
  }
 

ul#topVerLeft {
	padding:0px;
	margin:0px;
	list-style:none;
	line-height:26px;
	width:153px;
	
	float:left;
	margin-left:211px;
}


ul#topVerLeft li{
	
	margin:0px;
	padding:0px;
}

ul#topVerLeft li a {
	display:block;
	text-decoration:none;
	color:white;
	letter-spacing:1px;
	font-size:12px;
	overflow:hidden;
	padding-left:20px;
}


ul#topVerLeft li a:hover {
	background:#dbdbdd;
	color:#b37db0;
}

ul#topVerLeft li ul {
	padding:0px;
	margin:0px;
	list-style:none;
	display:none;
	position:absolute;
	margin-top:-26px;
	_margin-top:0px;
	left:353px;
	background:#b37db0;
	width:153px;
	z-index:10;
}


ul#topVerLeft li ul li a {
	_border-bottom:none;
	display:block;
	padding-left:20px;
	text-transform:none;
	text-decoration:none;
	color:white;
}	

ul#topVerLeft li ul li a:hover {
	background:#ffffff;
	color:#b37db0;
	display:block;
}

	hr
	{
		background-color:	#B37DAF;
		color:				#B37DAF;
		border:				none;
		border-bottom:		1px solid #B37DAF;
		height:				1px;
		
		margin-bottom:		7px;
	}
 
div#container div#overflow div#columnRight div#content h2 {
	color:#FE6600;
 	font-style:italic;
 	font-family: Tahoma;
 	font-size: 14px;
}
	
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

	/*****************************************************
	 * PAGINA VOORBEELD 1
	 *****************************************************/

	/*****************************************************
	 * PAGINA VOORBEELD 2
	 *****************************************************/

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
 
	table.form
	{
		font-family:			arial, verdana;
		font-size:				11px;
		color:					#424242;
		
		border-collapse:		separate;
		border-spacing:			5px;
	}
	
	.req
	{
		font-family:			arial, verdana;
		font-size:				11px;
		color:					#B37DAF;
	}
	
	.text
	{
		font-family:arial, verdana;
		font-size:11px;
		color:#424242;
		
		border:					1px solid #000000;
		background:				url("../cms/images/bg_textfield.jpg") top left repeat;
		
		width:					250px;
		height:					18px;
	}
	
	.button
	{
		font-family:			arial, verdana;
		font-size:				11px;
		font-weight:			bold;
		color:					white;
		
		border:					1px solid #000000;
		background:				#B37DAF;
		
		width:					250px;
		height:					20px;
	}
	
	.textarea
	{
		font-family:			arial, verdana;
		font-size:				11px;
		color:					#424242;
		border:					1px solid #000000;
		
		width:					250px;
		height:					150px;
	}
	
	.clsInfBlock
	{
		font-family:			arial, verdana;
		font-size:				11px;
		color:					#424242;
		color:					#000000;
		
		width:					340px;
		_width:					365px;
		
		display:				block;
		padding:				15px;
		
		background-color:		#E5E5E5;
		border:					1px solid #B37DAF;
		border-top:				3px solid #B37DAF;
	}
 
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/
 
    
/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
    .spacer {
        clear: both;
    }