/*************************************************************************************************
 * <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:arial, verdanan;
    	color:#787878;
    	font-size:11px;
    	line-height:18px;
    }
    
    body {
    	text-align:center;
    	background:url("../images/bg.jpg") top left repeat-x;
    }
    
    a:link, a:visited {
    	color:#787878;
    	
    }
    
    a:hover,  a:active {
    }
    
    div#columnLeft h1,  div#columnRight h1 {
    	color:#283890;
    	font-size:11px;
    	font-weight:bold;
    	background:#e3e5f1;
    	width:178px;
    	_width:182px;
    	padding-left:4px;
    }
    
     div#columnLeft h1.darkBlue,  div#columnRight h1.darkBlue {
    	color:#ffffff;
    	font-size:11px;
    	font-weight:bold;
    	background:#283890;
    	width:178px;
    	_width:182px;
    	padding-left:4px;
    }
   
 
    h2 {
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }
    
    ul {
    }
    
    li {
	    list-style: disc;
		margin-left:22px;
    }

/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/
	
 div#container {
 	width:959px;
 	position:relative;
 	margin:0 auto;
 	text-align:left;
 }
 
 div#header {
 	background:url("../images/header.jpg") top left no-repeat;
 	width:959px;
 	height:229px;
 }
 
 div#footer {
 	margin: 10 auto;
 	background:url("../images/footer.png") top left no-repeat;
	behavior:url("../ieHack.htc");
 	width:959px;
 	height:26px;
 }
 
 div#columnLeft {
 	float:left;
 	display:inline;
 	width:210px;
 	overflow:hidden;
 }
 
  div#columnRight {
  margin-left:14px;
 	float:left;
 	width:207px;
 	display:inline;
 	overflow:hidden;
 }
 
 div#overflow { 
 	overflow:hidden;
 }
 
  div#columnMiddle {
 	float:left;
  margin-left:10px;
 	width:518px;
 	display:inline;
 }
 
   div#columnMiddle2 {
 	width:959px;
 }
 
 div.advertentieMiddelgroot {
 	width:207px;
 	margin-top:20px;
 	display:block;
	behavior:url("../ieHack.htc");
	overflow:hidden;
 }
 
 div.advertentieMiddelGroot div.block_header{
 	background:url("../images/block_header.png") top left no-repeat;
 	width:207px;
	height:3px;
	behavior:url("/ieHack.htc");
	padding:0px;
	margin:0px;
	_margin-bottom:-5px;
 }
 
  div.advertentieMiddelGroot div.block{
 	background:url("../images/block_bg.png") top left repeat-y;
	width:187px;
 	_width:207px;
 	min-height:10px;
	height:auto;
 	_height:30px;
	padding:10px;
	behavior:url("/ieHack.htc");
	overflow:hidden;
	_overflow:visible;
 }
 
  div.advertentieMiddelGroot div.block_footer{
 	background:url("../images/block_footer.png") top left no-repeat;
 	width:207px;
	height:13px;
	behavior:url("/ieHack.htc");
 }
  
 div.advertentieKlein {
 	background:url("../images/advertentieKlein.png") top left no-repeat;
 	width:232px;
 	_width:252px;
 	height:138px;
 	_height:158px;
 	margin-top:20px;
 	float:left;
 	display:block;
	behavior:url("/ieHack.htc");
	padding:10px;
 }
 
  div.advertentieKleinst {
 	background:url("../images/advertentieKleinst.png") top left no-repeat;
 	width:187px;
 	_width:207px;
 	height:117px;
 	_height:137px;
 	margin-top:20px;
 	float:left;
 	display:block;
	behavior:url("/ieHack.htc");
	padding:10px;
 }
 
 div.advertentieIetsTeMelden {
 	background:url("../images/advertentieMelden.png") top left no-repeat;
 	width:232px;
 	_width:252px;
 	height:57px;
 	_height:77px;
 	margin-top:20px;
 	float:left;
 	display:block;
	behavior:url("ieHack.htc");
	padding:12px;
 }
 
 div#content {
 	clear:both;
 	padding-top:10px;
 }
 
 div.header {
 	background:url("../images/headerTopMiddle.png") top left no-repeat;
	behavior:url("ieHack.htc");
 	width:518px;
 	height:10px;
	padding-bottom:0px;
	margin-bottom:0px;
 }
 
  div.headerwide {
 	background:url("../images/headerTopMiddlewide.png") top left no-repeat;
	behavior:url("ieHack.htc");
 	width:959px;
 	height:10px;
 }
 
 div.footer {
 	background:url("../images/footerTopMiddle.png") top left no-repeat;
	behavior:url("ieHack.htc");
 	width:518px;
 	height:15px;
	margin-top:-10px;
 }
 
  div.footerwide {
 	background:url("../images/footerTopMiddlewide.png") top left no-repeat;
	behavior:url("ieHack.htc");
 	width:959px;
 	height:15px;
 }
 
  div.content {
 	background:url("../images/bgTopMiddle.png") top left repeat-y;
	behavior:url("ieHack.htc");
 	padding-left:10px;
 	padding-right:10px;
 }
 
   div.contentwide {
 	background:url("../images/bgTopMiddlewide.png") top left repeat-y;
	behavior:url("ieHack.htc");
 	padding-left:10px;
 	padding-right:10px;
 	margin-top:-4px;
 }
 
 div#flags
 {
 	position:absolute;
	top:160px;	
	margin-left:872px;
	
	/* IE fix*/
	_position:relative;
	
	z-index:999;
	display:block;
 }
 
 div#flags ul{
 	list-style:none;
	display:block;
 }
 
 div#flags ul li{
 	list-style:none;
 	display:inline;
	padding:2px;
	margin:0px;
 }
 
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

		/*****************************************************
		 * LINKS
		 *****************************************************/
		table#links
		{
			width:				490px;
			border-spacing:		15px;
			border-collapse:	separate;
		}
		
		table#links td
		{
			vertical-align:		top;
			width:				33%
		}
		
		table#links table#categorie
		{
			width:				100%;
		}
		
		table#links table#categorie td#head
		{
			background:			#E3E5F1;
			color:				#283890;
			font-size:			11px;
			font-weight:		bold;
			padding:			4px;
			padding-left:		10px;
		}

        /*****************************************************
         * 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;
	}
	
	.req
	{
		color:					#669000;
	}
	
	.text
	{
		font-family:			verdana, arial;
		font-size:				11px;
		
		border:					1px solid #000000;
		background:				white;
		
		width:					140px;
		height:					20px;
		margin-left:3px;
		margin-bottom:3px;
	}
	
	.button
	{
		font-family:			verdana, arial;
		font-size:				11px;
		font-weight:			bold;
		color:					white;
		
		border:					1px solid #000000;
		background:				#6296CF;
		
		height:					20px;
		width:					140px;
	}
	
	.textarea
	{
		font-family:			verdana, arial;
		font-size:				11px;
		
		
		width:					250px;
		height:					150px;
		width:120px;
		border:1px solid black;
	}
	
	.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:120px;
		border:1px solid black;
		height:					20px
	}
	
	
	
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/

/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
    
    .right {
    	float:right;
    	font-size:9px;
    	color:#ffffff;
    	margin-right:20px;
    	display:inline;
    }
	
	    .rightwide {
    	float:right;
    	font-size:9px;
    	color:#ffffff;
    	margin-right:20px;
    	display:inline;
    }
	
	
	tr.search-bg-1{
		background:#FFF;
	}
	
	tr.search-bg-2{
		background:#EDEDED;
	}