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

/*************************************************************************************************
 * STYLE RESETS
 *************************************************************************************************/
 
    body,div,dl,dt,dd,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;
    }
    
    
    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, arial;
    	color:#474748;
    	font-size:11px;
    	line-height:20px;
    }
    
    body {
    	text-align:center;
    	background:#013c77 url("../images/bgBody.jpg") top left repeat-x;
    }
    
    a:link, a:visited {
    	text-decoration:none;
    	color:#012850;
    }
    
    a:hover,  a:active {
    }
    
    h1 {
    	font-size:14px;
    	color:#012850;
    	font-weight:bold;
    }
 
	div#columnRight h1
	{
		background:#b33120;
		width:132px;
		padding:5px 10px 5px 10px;
		margin-bottom:10px;
		color:White;
		font-family:Century Gothic, Verdana, Arial;
		font-size:11px;
		margin-left:-10px;
	}
 
    h2 {    	
    	font-size:10px;
    	color:#474748;
    	font-weight:bold;
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }
/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/
	
 div#container {
 	width:892px;
 	position:relative;
 	margin-left:147px;
 	_margin-left:6px;
 	text-align:left;
    z-index:0;
    background:url("../images/bgContainer.jpg") top left repeat-y;
 }
 
 div#header 
 {
 	height:365px;
 	width:892px;
    background:url("../images/header.jpg") top left no-repeat;	
	
 }
 
 div#image 
 {
 	margin-top:148px;
 	float:left;
 	height:164px;
 	width:668px;
    background:url("../images/image.jpg") top left no-repeat;	
 	float:left;
 	margin-left:17px;
    display:inline;
 }
 
 div#image img{
 	position:absolute;
 }
 
 div#overflow 
 {
 	background:url("../images/bgOverflow.jpg") top left no-repeat;
 	width:892px;
 	overflow:hidden;
 	
 	min-height:500px;
	height:auto !important;
	height:500px;
 }
 
 div#wrapper 
 {	
 	position:relative;
 	background:url("../images/manTop.jpg") 649px bottom no-repeat;
 }
 
 a#hope {
 	position:		absolute;
	bottom: 		45px;
	right:			20px;
 	display:		block;
	width:			150px;
	height:			70px;
	cursor:			pointer;
	text-indent:	-9000px;
		
 }
 
 div#columnRight 
 {
	float:left;
	display:inline;
	width:144px;
	margin-left:50px;
	color:#012850;
	padding-bottom:100px;
	text-align:center;
 }
 
 div#columnRight a
 {
 	color:#b22d1f;
 }
 
 div#columnLeft 
 {
	float:left;
	display:inline;
	width:590px;
	margin-left:70px;
 }
 div.content 
 {
 	padding:0px 10px 0px 10px;
 }
 
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

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

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

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
	.form
	{
		border-collapse:	separate;
		border-spacing:		3px;
		*border-collapse:	expression('separate', cellSpacing = '3px');
	}
	
	.text
	{
		width:						250px;
		height:						16px;
	}
	
	.button
	{
		width:						250px;
	}
	
	select
	{
		width:						250px;
	}
	
	.clsInfBlock
	{
		font-family:				verdana,arial;
		color:						#000000;
		line-height:				18px;
		font-size:					11px;
		
		width:						630px;
		_width:						655px;
		
		display:					block;
		padding:					15px;
		
		background-color:			#EDEDED;
		border:						1px solid #E85D00;
		border-top:					3px solid #E85D00;
	}

/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/

/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
 div.right {
 	float:right;
 	margin-right:160px;
 	display:inline;
 	color:White;
 	font-size:10px;
 	margin-top:65px;
 }
 
 div.right a 
 {
 	color:White;
 }