/*************************************************************************************************
 * <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:Trebuchet MS,verdana, arial;
    	color:#494848;
    	font-size:11px;
    	line-height:20px;
    }
    
    body {
    	text-align:center;
   		 background:url("../images/bg.jpg") top left repeat;
    }
    
    a:link, a:visited {
    	color:#494848;
    	text-decoration:none;
    }
    
    a:hover,  a:active {
    	border-bottom:1px dotted #2792bb;
    }
    
    h1 {
   		 background:url("../images/h1Bg.jpg") top left repeat-x;
   		 font-weight:bold;
   		 text-transform:uppercase;
   		 height:25px;
   		 _height:28px;
   		 color:white;
   		 margin-bottom:20px;
   		 margin-left:-20px;
   		 margin-top:-20px;
   		 padding-left:20px;
   		 padding-top:3px;
    }
   
 
    h2 {
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }
    
    ul {
    }
    
    li {
		padding-left:22px;
    }
    
    span.pink {
    	color:#bb2e70;
    }
    
    span.textGrey {
    	color:#494949;
    }
    
    hr {
    }
    
	
	ol li {
		list-style-type:decimal;
		margin-left:22px;
	}
	

/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/
	
 div#container {
 	width:1131px;
 	_width:1141px;
 	position:relative;
 	margin:0 auto;
    background:url("../images/bgHeader.jpg") top left no-repeat;
 	text-align:left;
 }
 
  div#header {
 	width:960px;
 	height:282px;
    background:url("../images/header.jpg") top left no-repeat;
    margin-left:82px;
 }
 
 div#columnLeft {
 	width:801px;
    background:url("../images/columnLeftBg.jpg") top left repeat-y;
    float:left;
    display:inline;
 }
 
 div#overflow {
 }
 
  div#columnRight{
 	width:330px;
    background:url("../images/columnRightBg.jpg") top left repeat-y;
    float:left;
    display:inline;
 }

 div#columnLeft div.content {
 	margin-left:82px;
 	width:679px;
 	_width:699px;
 	padding:20px;
 	_padding-right:0px;
 	padding-bottom:120px;
 }
 
 div#columnLeft h1 {
 	width:698px;
 	_width:718px;
 }
 
 div#columnRight h1 {
 	width:221px;
 }
 
  div#columnRight div.content {
 	width:201px;
 	_width:241px;
 	_padding-right:0px;
 	padding:20px;
 	padding-bottom:120px;
 }
 
 div#columnRight h1 {
 	width:221px;
 	_width:241px;
 }
 
   div#columnLeft div.footer {
 	width:784px;
 	height:128px;
    background:url("../images/footer.jpg") top left no-repeat;
    margin-left:17px;
 }
 
 div#columnRight div.finishingBackground {
    background:url("../images/footerColumnRight.jpg") bottom left no-repeat;
 }
 

/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

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

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

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

/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
  div.floatRight {
  	float:right;
  	display:inline;
  	margin-top:254px;
  	margin-right:20px;
  }
  
  div.floatRight a {
  	color:white;
  }
  
    div.floatLeft {
  	float:left;
  	display:inline;
  	margin-top:254px;
  	margin-left:20px;
  }
  
   div.copyright {
  	float:left;
  	display:inline;
  	margin-top:10px;
  	margin-left:680px;
  	color:white;
 }
  
 div.copyright a {
 	color:white;
 }