/*************************************************************************************************
 * <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 {
    	padding:0px;
    	margin:0px;
    }
 
    body, input, select, textarea, td {
    	font-family:arial, verdana;
    	color:#3c3c3c;
    	font-size:11px;
    	line-height:18px;
    }
    
    body {
    	text-align:center;
    }
    
    a:link, a:visited, a:hover, a:active {
    	color:#af0202;
    }
    
    a:hover {
    }
    h1 {
    	font-size:13px;
    	padding-bottom:10px;
    	font-weight:bold;
    	color:#af0202;
    }
    
    #columnRight h1 {
		 	width:163px;
		 	_width:183px;
		 	height:25px;
		 	background:url("../images/h1.jpg") top left no-repeat;
    	color:#af0202;
    		padding-top:3px;
    		padding-left:20px;
    }
    
    
    h2 {
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }
    
    ul {
    	list-style:disc;
    	margin-left:20px;
    }
    
     ul li {
    	padding-left:5px;
    	margin-left:5px;
    
    }

/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/
	
 div#container {
 	width:1000px;
 	position:relative;
 	margin:0 auto;
 	text-align:left;
 	background:url("../images/bg.jpg") top left repeat-y;
 }	
 
 div#header {
 	width:1000px;
 	height:178px;
 	background:url("../images/header.jpg") top left no-repeat;
 }
 
 div#zoek {
 	position:absolute;
 	right:20px;
 	top:20px;
 }
 
 div#zoek input {
 	background:#eaf3e9;
 	border:1px solid #3c3c3c;
 	padding:2px;
 	width:100px;
 }
 
 div#zoek .btnZoek {
 	width:21px;
 	height:16px;
 	border:none;
 	background:url("../images/submitZoek.jpg") top left no-repeat;
 }
 
 div#overflow {
 	overflow:hidden;
 	_overflow:visible;
 }
 
 div#columnLeft {
 	width:232px;
 	float:left;
    display:inline;
 }
 
 div#columnMiddle {
 	width:510px;
    display:inline;
 	float:left;
 	margin-left:20px;
	overflow:hidden;
 }
 div#columnRight {
 	margin-left:55px;
 	width:183px;
 	
 	float:left;
    display:inline;
 }
 
 div#menu {
 	width:232px;
 	background:url("../images/columnLeftBg.jpg") top left repeat-y;
 }

 div#footerMenu {
 	width:232px;
 	height:26px;
 	background:url("../images/footerColumnLeftTop.jpg") top left no-repeat;
 }
 
div#inloggen {
 	width:192px;
 	_width:212px;
	background-color:#4a9841;
	color:white;
	padding-lefT:10px;
	padding-right:10px;
}	
 
 div#footerInloggen {
 	width:232px;
 	height:21px;
 	background:white url("../images/footerColumnLeftBottom.jpg") top left no-repeat;
 }
 
 div.columnRightContent {
 	padding:15px;
 	padding-top:0px;
 }
 
 div#footerColumnRight {
 	width:183px;
 	height:12px;
 	background:white url("../images/footerColumnRight.jpg") top left no-repeat;
 }
 
 table.tableInloggen {
 	font-size:11px;
 	margin-top:15px;
 }
 table.tableInloggen td {
 	color:white;
 	padding:2px;
 }
 
 table.tableInloggen input {
 	width:98px;
 	background:#6ead67;
 	border:1px solid #bfdbbc;
 }
 
 table.tableInloggen tr td a {
 	color:white;
 }
 
 table.tableInloggen .sumbit {
 	background:#d3d3d3;
 	color:#2c2c2c;
 }
 
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

		/*****************************************************
		 * LOGIN
		 *****************************************************/
		
		hr
		{
			border:				none;
			border-bottom:		1px solid #4F4F4F;
			height:				1px;
		}
		
		fieldset
		{
			border:			1px solid #393939;
		}
		
		legend
		{
			color:					white;
			background:				#8F8F8F;
			font-weight:			bold;
			
			border:					1px solid #000000;
			
			padding:				3px;
		}
		
		table.menu
		{
			font-family:			arial, verdana;
			color:					#393939;
			font-size:				11px;
			line-height:			16px;
		}
		
		span.menu{color:#B80D00; text-decoration:none; font-weight:bold;}
		

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
 
	table.form
	{
		font-family:			arial, verdana;
		color:					#393939;
		font-size:				11px;
		line-height:			16px;
		
		border-collapse:		separate;
		border-spacing:			5px;
		*border-collapse:		expression('separate', cellSpacing = '5px');

	}
	
	table.form td.head
	{
		font-family:			arial, verdana;
		color:					#393939;
		font-size:				11px;
		line-height:			16px;
		text-align:				center;
		
		color:					white;
		background:				#8F8F8F;
		font-weight:			bold;
		
		border:					1px solid #000000;
	}
	
	.req
	{
		color:					#B80D00;
		text-align:				center;
	}
	
	.text
	{
		font-family:			arial, verdana;
		color:					#393939;
		font-size:				11px;
		line-height:			16px;
		
		border:					1px solid #000000;
		background:				url("../cms/images/bg_textfield.jpg") top left repeat;
		
		width:					250px;
		height:					20px;
	}
	
	.button
	{
		font-family:			arial, verdana;
		color:					#393939;
		font-size:				11px;
		line-height:			16px;
		color:					white;
		font-weight:			bold;
		
		border:					1px solid #000000;
		background:				#B80D00;
		
		width:					250px;
		height:					20px;
	}
	
	.textarea
	{
		font-family:			arial, verdana;
		color:					#393939;
		font-size:				11px;
		line-height:			16px;
		
		border:					1px solid #000000;
		
		width:					250px;
		height:					150px;
	}
	
	select
	{
		font-family:			arial, verdana;
		color:					#393939;
		font-size:				11px;
		line-height:			16px;
		
		border:					1px solid #000000;
		
		width:					250px;
		height:					20px;
	}
	
	.clsInfBlock
	{
		display:				block;
		padding:				15px;
		background-color:		#DBDBDB;
		border:					1px solid #000000;
	}
	
	.clsInfBlockTable
	{
		font-family:			arial, verdana;
		color:					#393939;
		font-size:				11px;
	}
 
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/

/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
    .spacer {
        clear: both;
    }
    
    .floatLeft {
    	float:left;
    	display:inline;
    	margin-top:5px;
    	margin-left:20px;
    }
    
    .floatRight {
    	float:right;
    	margin-top:5px;
    	margin-right:20px;
    	display:inline;
    }