/*************************************************************************************************
 * <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 {
    	font-family:verdana, arial;
    	color:#4c4c4c;
    	font-size:11px;
    	line-height:18px;
	    background:#eaeaea;
    }
    
    td
    {
    	font-family:verdana, arial;
    	color:#4c4c4c;
    	font-size:11px;
    	line-height:18px;
    }
    
    body {
    	text-align:center;
    }
    
    a:link, a:visited, a:hover, a:active {
    	color:#20204c;
    }
    
    a:hover {
    }
    h1 {
    	font-size:11px;
    	padding-bottom:10px;
    	font-weight:bold;
    	text-transform:uppercase;
    }
    
    #columnLeft h1
    {
    	color:#20204c;
    }
    
    #columnRight h1 {
    	color:#ffffff;
    }

 
    h2 {
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }

/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/
	
 div#container {
 	width:854px;
    background:url("../images/bg.jpg") top left repeat-y;
 	position:relative;
 	margin:0 auto;
 	text-align:left;
 }	
 
 div#footer {
 	width:854px;
 	height:30px;
 	background:#20204c;
 }
 
 div#header {
 	width:854px;
 	height:194px;
 	background:url("../images/header.jpg") top left no-repeat;
 }
 
 div#menu {
 	background:#20204c;
 	width:100%;
 	height:30px;
 	border-top:1px solid white;
 }
 
 div#overflow {
 	overflow:hidden;
 	_overflow:visible;
 	_height:1%;
 	
 	padding-bottom:70px;
 	background:url("../images/bgContent.jpg") bottom left no-repeat;
 }
 
 div#columnLeft {
 	width:571px;
 	float:left;
    display:inline;
 	margin-top:30px;
 	margin-left:30px;
 	
 	
 	min-height:300px;
 	height:auto !important;
 	height:300px;
 }
 
 div#overflow {
 	clear:both;
 	overflow:hidden;
 }
 
 div#footer a {
 	color:white;
 	text-decoration:none;
 }
 
 
 #overflow img {
 	border:1px solid #20204c;
 }
 
 
 div#columnRight {
 	width:176px;
 	margin-top:30px;
 	color:white;
 	margin-left:14px;
 	margin-right:25px;
 	float:right;
    display:inline;
 	padding-bottom:50px;
 }
 
 div.zoeken {
 	position:absolute;
 	display:inline;
 	color:#bebec8;
 top:160px;
 right:20px;
 	
 	
 }
 
  
 div.links {
 	float:right;
 	display:inline;
 	color:#bebec8;
 margin-top:20px;
 margin-right:50px;
 }
 
 div.links a {
 	display:block;
 	text-indent:-9000px;
 	float:left;
 	height:18px;
 	width:29px;
 }
 
 div.links a.btnSearch {
 	background:url("../images/btnSearch.jpg");
 }
 
  div.links a.btnHome {
 	background:url("../images/btnHome.jpg");
 }
 
  div.links a.btnSitemap {
 	background:url("../images/btnSitemap.jpg");
 }
 
  div.links a.btnContact {
 	background:url("../images/btnContact.jpg");
 }
 
 div.zoeken input {
 border:none;
 	background:#bebec8;
 }
 
 div.zoeken .zoekenBtn {
 	width:16px;
 	height:15px;
 	background:url("../images/btnSubmit.jpg") top left no-repeat;
 }
 
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/
/*****************************************************
			* sitemap
         *****************************************************/
		
         div#columnRight ul.sitemap {
 			 list-style-image:none;
 			 list-style-type:none;	
         }
         
         div#columnRight ul.sitemap li{
 			 list-style-image:none;
 			 list-style-type:none;
    		margin-left:-20px;
    		background-image:none;
    		display:block;
    		height:auto;
         }
         
    	 div#columnRight ul.sitemap li a{
    	    background:url("../images/ulBullet.jpg") 0px 0px no-repeat; 
    		padding-left:20px;
    		height:auto;
    		
    	 }
         
         div#columnRight ul.sitemap ul {
 			 list-style-image:none;
 			 list-style-type:none;
 			 margin-left:20px;
         } 
                 
         div#columnRight ul.sitemap ul li{
 			 list-style-image:none;
 			 list-style-type:none;
    		background:none;
         }
         
         div#columnRight ul.sitemap ul li a{
    		background:url("../images/ulBullet.jpg") 0px 0px no-repeat;
    		padding-left:20px;
         }
         
         div#columnRight ul.noblue li
         {
         	 list-style-image:none;
 			 list-style-type:disc;
 			 list-style-position:outside;
 			 vertical-align:middle;
 			 background:none;
 			 height:auto;
         }
         
        /*****************************************************
         * PAGINA VOORBEELD 1
         *****************************************************/

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

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
		table.form
		{
			font-family:			Trebuchet MS, arial, verdana;
			color:					#a4a4a4;
			line-height:			18px;
			font-size:				11px;
			
			border-collapse:		separate;
			border-spacing:			5px;
		}
		
		.req
		{
			color:					#20204C;
		}
		
		.text
		{
			font-family:			verdana, arial;
			font-size:				11px;
			
			border:					1px solid #000000;
			background:				url("../cms/images/bg_textfield.jpg") top left repeat;
			
			width:					250px;
			height:					20px;
		}
		
		.button
		{
			font-family:			verdana, arial;
			font-size:				11px;
			font-weight:			bold;
			color:					white;
			
			border:					1px solid #000000;
			background:				#58587A;
			
			width:					250px;
			height:					20px;
		}
		
		.textarea
		{
			font-family:			verdana, arial;
			font-size:				11px;
			
			border:					1px solid #000000;
			background-color:		#FFFFFF;
			
			width:					250px;
			height:					150px;
		}
		
		.clsInfBlock
		{
			font-family:			verdana,arial;
			color:					#000000;
			line-height:			18px;
			font-size:				11px;
			
			width:					340px;
			_width:					365px;
			
			display:				block;
			padding:				15px;
			
			background-color:		#EAEAEA;
			border:					1px solid #20204C;
			border-top:				3px solid #20204C;
		}
		
		.clsInfBlock img
		{
			border:					none !important;
		}
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/

/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
    .spacer {
        clear: both;
    }
    
    .floatLeft {
    	float:left;
    	display:inline;
    	margin-top:5px;
    	margin-left:30px;
    }
    
    .floatRight {
    	float:right;
    	margin-top:5px;
    	margin-right:30px;
    	display:inline;
    }
    
    img
    {
     -ms-interpolation-mode: bicubic;
    }