/*************************************************************************************************
 * <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:verdana, Trebuchet MS, arial;
    	color:#575757;
    	font-size:11px;
    	line-height:20px;
    }
    
    body {
    	text-align:center;
 		background:url("../images/default/bg.jpg") top left repeat-x;
    }
    
    a:link, a:visited {
    	color:#2083B4;
    	font-weight:bold;
    	text-decoration:None;
    }
    
    a:hover,  a:active {
    }
    
    h1 {
    	text-transform:uppercase;
    	font-size:11px;
    	height:35px;
    	padding-left:11px;
    	_height:45px;
    	padding-top:12px;
 		background:url("../images/default/h1Bg.jpg") top left repeat-x;
    	font-weight:bold;
    	margin-top:-11px;
    	margin-left:-11px;
    	color:#57ab40;
    	margin-right:-11px;
    	margin-bottom:10px;
    	font-family:verdana, Trebuchet MS, arial;
    }
	
    h1#green {
    	text-transform:uppercase;
    	font-size:11px;
    	height:35px;
    	padding-left:11px;
    	_height:45px;
    	padding-top:12px;
 		background:url("../images/default/h1Bg.jpg") top left repeat-x;
    	font-weight:bold;
    	margin-top:-11px;
    	margin-left:-11px;
    	color:#57ab40;
    	margin-right:-11px;
    	margin-bottom:10px;
    	font-family:verdana, Trebuchet MS, arial;
    }
	
	h1.turned{
		
 		background:url("../images/default/h1Bg_turned.jpg") top left repeat-x;
	}
    

    h2 {
		color:#414141;
    	text-transform:uppercase;
    	font-weight:bold;
    	font-size:10px;
    	font-family:verdana;
    	white-space:nowrap;
    	font-family:verdana, Trebuchet MS, arial;
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }
    
    ul {
    }
    
    li {
	    list-style: disc;
		margin-left:22px;
    }
	
	hr
	{
		background:none;
		color:				#005596;
		border:				none;
		border-bottom:		1px solid #005596;
		height:				1px;
		
		margin-bottom:		7px;
	}


/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/
	
 div#container {
 	width:1000px;
 	position:relative;
 	margin:0 auto;
 	text-align:left;
 }
 
 div#header {
 	background:url("../images/default/header.jpg") top left no-repeat;
 	width:1000px;
 	height:250px;
	position:relative;
 }

div#header a.logolink{
	position:absolute;
	left:30px;
	width:220px;
	height:75px;
	z-index:999;
	display:block;
	background:#FFFFFF;
	opacity:0;
	filter: alpha(opacity = 0);
}
 
  div#footer {
 	background:url("../images/default/footer.jpg") top left no-repeat;
 	width:1000px;
 	height:35px;
 	margin-left:11px;
	font-size:10px;
 }
 
  div#overflow {
 	overflow:hidden;
 	_overflow:visible;
 	_height:1%;
 	min-height:445px;
	height:auto !important;
	height:445px;
	position:relative;
 	_overflow:visible;
 }

 
 div.search {
 	position:absolute;
	right:20px;
 	color:#989898;
 	height:20px;
 	margin-top:6px;
 	margin-right:30px;
 	display:inline;
 	text-transform:Uppercase;
	z-index:999;
 }
 
 div.search input {
 	border:1px solid #e0e0e0;
 	width:137px;
	z-index:999;
 }
 
 div.search input.btn {
 	font-size:10px;
 	border:1px solid #c3c3c3;
 	width:41px;
 	text-transform:uppercase;
 	background:white;
 	_height:20px;
 }
 
 a.print{
 	display:block;
	height:20px;
	width:20px;
	background:url('../images/icon_print.jpg') top left no-repeat;
	position:absolute;
	top:5px;
	left:690px;
	z-index:999;
 }
 
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

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

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

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
	table.form
	{
		font-family:			Trebuchet MS, arial, verdana;
		color:					#a4a4a4;
		line-height:			18px;
		font-size:				10pt;
		
		border-collapse:		separate;
		border-spacing:			5px;
	}
	
	table.form td
	{
		background:				transparent;
	}
	
	table.form a{
		font-weight:normal;
	}
	
	.req
	{
		color:					#669000;
	}
	
	.text
	{
	 	border:1px solid #c9c9c9;
	 	width:180px;
	 	height:20px;
	}
	
	.button
	{
	 	font-size:10px;
	 	border:1px solid #c9c9c9;
	 	width:41px;
	 	text-transform:uppercase;
	 	background:white;
	 	margin-left:10px;
	 	_height:20px;
	}
	
	.textarea
	{
		font-family:			verdana, arial;
		font-size:				11px;
		
		
		width:					250px;
		height:					150px;
	 	width:180px;
		border:1px solid #c9c9c9;
	}
	
	.clsInfBlock
	{
		font-family:			verdana,arial;
		color:					#000000;
		line-height:			18px;
		font-size:				11px;
		
		width:					340px;
		_width:					365px;
		
		display:				block;
		padding:				15px;
		
		background-color:		#C7E6FF;
		border:					1px solid #05507A;
		border-top:				3px solid #05507A;
	}
 
	.select {
	 	width:180px;
	 	border:1px solid #c9c9c9;
		height:					20px;
		color:#c9c9c9;
	}
	
	
	
	
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/

    /** autocompleter */

	.ac_results {
	    padding: 0px;
	    border: 1px solid WindowFrame;
	    background-color: Window;
	    overflow: hidden;
	}
	
	.ac_results ul {
	    width: 100%;
	    list-style-position: outside;
	    list-style: none;
	    padding: 0;
	    margin: 0;
	}
	
	.ac_results iframe {
	    display:none;/*sorry for IE5*/
	    display/**/:block;/*sorry for IE5*/
	    position:absolute;
	    top:0;
	    left:0;
	    z-index:-1;
	    filter:mask();
	    width:3000px;
	    height:3000px;
	}
	
	.ac_results li {
	    margin: 0px;
	    padding: 2px 5px;
	    cursor: pointer;
	    display: block;
	    width: 100%;
		text-align: left;
	    font: menu;
	    font-size: 12px;
	    overflow: hidden;
	}
	
	.ac_loading {
	    background : Window url('./indicator.gif') right center no-repeat;
	}
	
	.ac_over {
	    background-color: #FEFEE2;
	    color: #111;
	}
	

/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
    div.spacer {
        width:20px;
        display:inline;
        float:left;
        height:1px;
    }
    
    div.floatRight {
    	float:right;
    	margin-top:10px;
    	font-size:10px;
    	color:#ffffff;
    	margin-right:30px;
    	display:inline;
    	text-transform:uppercase;
    }
    
    div.floatRight a:link, div.floatRight a:visited {
    	color:#ffffff;
    	font-size:10px;
    	text-decoration:underline;
		font-weight:normal;
    }