/*************************************************************************************************
 * <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:none;
    }
    
    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:13px;
    	line-height:20px;
    }
    
    body {
    	text-align:center;
   		 background:url("../_images/bg.jpg") top left repeat;
    }
    
    a:link, a:visited {
    	color:#990000;
    	text-decoration:none;
    }
    
    a:hover,  a:active {
    	border-bottom:1px dotted #e90b0b;
    	color:red;
    }
    
    a img{
    	border:none;
    }
    
    h1 {
   		 font-weight:bold;
   		 text-transform:uppercase;
   		 height:25px;
   		 _height:28px;
   		 color:white;
   		 margin-left:-20px;
   		 margin-top:-20px;
   		 padding-left:20px;
   		 padding-top:3px;
    }
 
    h2 {
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }
    
    ul {
 	   	list-style-image:none;
   		list-style-position:inside;
   		list-style-type:disc;
    }
	
    li {
		padding-left:22px;
    }
	
	ul ul { 
	   margin-left: 20px;
    }
    
    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:1122px;
    background:url("../_images/bgContainer.jpg") top left repeat-y;
 	margin:0 auto;
 	text-align:left;
 }
 
 
 div#overflow {
 	overflow:hidden;
 	display:block;
 	width:1123;
	z-index:999;
 }
 
  div#header {
 	width:1122px;
    background:url("../_images/header.jpg") top left no-repeat;
 	height:282px;
	position:relative;
 }

 div#columnLeft {
 	width:269px;
	_width:249px;
 	float:left;
	margin-top:-28px;
 }
 
  div#columnMiddle {
 	width:530px;
 	float:left;
	margin-top:-28px;
 }
 
  div#columnRight {
    background:url("../_images/bgRight.jpg") 0px 28px repeat-y;
 	width:305px;
 	float:left;
 	overflow:hidden;
 }
 
 div#columnLeft div.content {
 	width:188px;
 	margin-left:80px;
    background:url("../_images/topContentColumnLeft.jpg") 0px 40px no-repeat;
 }
 
 div#columnRight .content {
 	width:201px;
 	padding:20px;
 }
 
  div#columnRight div.footer {
 	width:323px;
    background: url("../_images/footerRight.jpg") 0px 1px no-repeat;
 }
 
  div#columnMiddle div.content {
 	margin-top: 27px;
 	padding-bottom:20px;
 	padding-left:20px;
	width:470px;
 	_width:490px;
 }
 
 div#columnRight h1 {
 	border-left:1px solid white;
	position:absolute;
   		 margin-bottom:20px;
	margin-top:-48px;
	}
 
 div#columnLeft h1 {
 	width:168px;
    margin-left:0px;
   	margin-top:0px;
	z-index:9999;
 }
 
 div#MenuBG
 {
 	width: 960px;
	height:28px;
	margin-left:80px;
	float:left;
    background:url("../_images/heading_bg.jpg") top left no-repeat;
	z-index:1;
 }
 
 div#columnMiddle h1 {
	margin-left:0px;
	_margin-left:-20px;
	_padding-left:20px;
	z-index:99;
	margin-top: -27px;
    margin-bottom:20px;
 }
 
div#footer {
 	width:786px;
    background:url("../_images/footer.jpg") top left no-repeat;
 	height:112px;
 	margin-left:133px;
 	_display:inline;
 }
 
 div#columnLeft div.footer {
 	width:189px;
    background: #FFF url("../_images/footerLeft.jpg") bottom right no-repeat;
 	padding-bottom:140px;
	margin-left:80px;
	text-align:center;
	padding-top:10px;
 }

 div.search {
 	position:absolute;
 	left:790px;
 	top:8px;
 }
 
 input.txt {
 	width:204px;
    background:url("../_images/searchInput.gif") top left no-repeat;
 	height:22px;
 	border:none;
 	padding-top:4px;
 	padding-left:4px;
 }
 
 input.btn {
 	width:31px;
    background:url("../_images/searchBtn.gif") top left no-repeat;
 	height:22px;
 	color:white;
 	border:none;
 }
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/
 	
        /*****************************************************
         * PAGINA VOORBEELD 1 - Nieuws
         *****************************************************/
         
         ul.nieuws {
         	margin-top:30px;
         	list-style-type:none;
         }
         
         li.nieuwsItem{
          	width:468px;
          	font-size:14px;
			padding-left:22px;
			_padding-left:-22px;
         }
         
         .nieuwsFotosBig {
         	width:468px;
         	margin-bottom:15px;
         }
         
         .nieuwsFotosBig tr td a {
         	border:none !important;
         }
         
         .nieuwsFotosBig tr td img {
         	width:426px;
         	border:1px solid #d3d3d3 !important;
         	padding:1px;
         	background:white;
         }
         
         .nieuwsFotosSmall{
         	width:468px;
         	/*width:400px;*/
         	margin-bottom:15px;
         }
         
         .nieuwsFotosSmall tr td a {
         	border:none !important;
         }
         
         .nieuwsFotosSmall tr td img {
         	
         	width:148px;
          	height:99px;
        	
         	border:1px solid #d3d3d3 !important;
         	padding:1px;
         	background:white;
         	margin-right:4px;
         }

         h1.metLink a {
			 color:white;
   		 }

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

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

 span.verplicht
{
	font-family:					Trebuchet MS, Verdana, Arial, Georgia;
	font-size:						11px;
	color:							#A23438;
}


.req
{
	color:#C12129;
}

.text
{
	font-family:					Trebuchet MS, Verdana, Arial, Georgia;
	font-size:						11px;
	color:							#353535;
	
	width:							200px;
	height:							20px;
	
	/*background:						url(../_images/bg_textfield.jpg);*/
	border:							1px solid #000000;
	margin-bottom:					3px;
}

.select {
	font-family:					Trebuchet MS, Verdana, Arial, Georgia;
	font-size:						11px;
	color:							#353535;
	
	width:							200px;
	height:							20px;
	
	border:							1px solid #000000;
	margin-bottom:					3px;
}

.textarea
{
	font-family:					Trebuchet MS, Verdana, Arial, Georgia;
	font-size:						11px;
	color:							#353535;
	
	width:							200px;
	height:							80px;
	
	border:							1px solid #000000;
	margin-bottom:					3px;
}

.button
{
	font-family:					Verdana, Arial, Georgia, Sans-serif;
	font-size:						11px;
	font-weight:					bold;
	color:							#FFFFFF;
	
	width:							200px;
	height:							20px;
	
	background:						#F2F2F2;
	border:							1px solid #000000;
	background:						#E30F0E;
	
	margin-bottom:					3px;
}

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

/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
  div.floatRight {
  	position:absolute;
	top:254px;
	right:100px;
  	font-size:11px;
  }
  
  div.floatRight a {
  	color:white;
  }
  
  div.floatLeft {
  	float:left;
  	margin-top:254px;
  	margin-left:100px;
	_margin-left:50px;
  	font-size:11px;
  }
  
 div.copyright {
  	float:right;
  	margin-top:87px;
  	margin-right:135px;
  	color:white;
 }
  
 div.copyright a {
 	color:white;
 }
 
 .test {
 	position:absolute;
 	top:0px;
 	left:0px;
 	width:100px;
 	height:100px;
 	background-color:yellow;
 }

 .mainAdv {
 	margin-left:-22px;
 	_margin-left:-28px;
 	margin-top:10px;
 	margin-bottom:10px;
 }