/*************************************************************************************************
 * <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:#58585a;
    	font-size:11px;
    	line-height:20px;
    }
    
    body {
    	text-align:center;
    	background:#2a8cb3 url("../images/bg.jpg") fixed top left repeat-x;   
    }
    
    a:link, a:visited {
    	color:#cf003d;
    	text-decoration:none;
    }
    
    a:hover,  a:active {
    }
    
    h1 {
    	color:#cf003d;
    	font-size:13px;
    	font-weight:bold;
    	padding-bottom:10px;
    }
   
 
    h2 {
    	color:#cf003d;
    	font-size:11px;
    	font-weight:bold;
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }
    
/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/
	
 div#container {
 	width:863px;
 	position:relative;
 	margin:0 auto;
 	text-align:left;
 }
 
 div#top {
 	height:127px;
    background:url("../images/header.jpg") top left no-repeat;
 	width:863px;
 }
 
 div#header {
 	height:187px;
 	width:863px;
 }
 
 div#header img{
    Position:absolute;
	left:1px;
}

div#top a.logo{
	position:absolute;
	width:230px;
	height:90px;
	left:0px;
}
 
 div#bottom {
    background:url("../images/underheader.jpg") top left no-repeat;
 	height:20px;
 	width:863px;
 }
 
 div#bottomWide {
    background:url("../images/underheaderWide.jpg") top left no-repeat;
 	height:20px;
 	width:863px;
 }
 
 div#overflow {
    overflow:hidden;
    _height:1%;
    _overflow:visible;
    background:url("../images/bgContainer.jpg") 2px 0px repeat-y;
 	padding-bottom:80px;
 }	
 
 div#overflowWide {
    overflow:hidden;
    _height:1%;
    _overflow:visible;
    background:url("../images/bgContainerWide.jpg") 2px 0px repeat-y;
 	padding-bottom:80px;
 }	
 
 a#banden {
 	position:absolute;
 	left:-276px;
 	bottom:-14px;
 	_bottom:-15px;
    text-indent: -9000px;
	display: block;	
 	height:347px;
 	width:359px;
    background:url("../images/banden.png") 1px 0px no-repeat;
	behavior: url(http://abenenvandeschelde.nl/new/iepngfix.htc);
 }
 
 div#columnLeft {
 	width:470px;
 	float:left;
 	display:inline;
 	
 	
	min-height:400px;
	height:auto !important;
	height:400px;
	
	margin-left:90px;
	margin-top:30px;
 }
 
 div#columnRight {
 	width:234px;
 	float:right;
 	display:inline;
 }
 
 div#columnWide {
 	width:704px;
 	float:left;
 	display:inline;
 	
 	
	min-height:400px;
	height:auto !important;
	height:400px;
	
	margin-left:90px;
	margin-top:30px;
 }
 
  div#footer {
 	height:81px;
 	width:863px;
    background:url("../images/footer.png") 2px bottom no-repeat;
   _margin-left:2px;
 	_width:861px;
	behavior: url(http://abenenvandeschelde.nl/new/iepngfix.htc);
 }
 
  div#footerWide {
 	height:81px;
 	width:863px;
    background:url("../images/footerWide.png") 2px bottom no-repeat;
   _margin-left:2px;
 	_width:861px;
	behavior: url(http://abenenvandeschelde.nl/new/iepngfix.htc);
 }
 
 ul#menuLeft {
  	padding:0px;
  	margin:0px;
  	list-style:none;
 }
 
 ul#menuLeft li {
  	Padding:0px;
  	margin:0px;
 }
 
 ul#menuLeft li > a {
  	padding:0px;
  	margin:0px;
 	display:block;
 	height:26px;
    background:url("../images/menuRightGray.jpg") top left no-repeat;
 	width:234px;
 	
 	text-align:center;
 	text-transform:uppercase;
 	color:white;
 	font-size:12px;
 	padding-top:7px;
 }
 
 ul#menuLeft li div {
 	margin-left: 6px;
	margin-bottom: -6px;
 }
 
 div#naw {
 	text-align:center;
 	width:600px;
 	color:#868889;
 	font-size:10px;
 	line-height:18px;
 	float:left;
 	
 	margin-top:8px;
 }
 
 div#naw a {
 	color:#868889;
 }
 
 ul#menuLeft li > a:hover, ul#menuLeft li > a.active {
    background:url("../images/menuRightRed.jpg") top left no-repeat;
 }
 
 div.copyright {
 	float:right;
 	margin-top:50px;
 	color:white;
 }
 
 div.copyright a {
 	color:white;
 }
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

		/*****************************************************
		 * AUTOS
		 *****************************************************/
		
		table.auto
		{
			width:				90%;
			margin:20px;
			margin-top:12px;
		}
		
		table.auto h1
		{
			color:				#cf003d;
			font-size:			13px;
			font-weight:		bold;
			padding-bottom:		0px;
		}
		
		table.auto img
		{
			margin-right:		10px;
		}
		
		table.fotos
		{
			border-collapse:	separate;
			border-spacing:		5px;
			*border-collapse:	expression('separate', cellSpacing = '5px');
		}
		
		div.randje
		{
			background:			url("../images/randje.jpg") top left no-repeat;
			width:526px;
			height:125px;
			overflow:hidden;
		}
		
		/*****************************************************
		 * NIEUWS
		 *****************************************************/
		
		#newsTitle
		{
			font-weight:		bold;
		}

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
	
	table.form
	{
		font-family:	verdana, arial;
		font-size:		11px;
		color:			white;
		
		border-collapse:	separate;
		border-spacing:		3px;
		*border-collapse:	expression('separate', cellSpacing = '3px');
	}
	
	.req
	{
		color:			#05507A;
	}
	
	.text
	{
		font-family:	verdana, arial;
		font-size:		11px;
		
		border:			1px solid #000000;
		background:		url("../cms/images/bg_textfield.jpg") top left repeat;
		
		width:			250px;
		height:			20px;
	}
	
	.button
	{
		font-family:	verdana, arial;
		font-size:		11px;
		font-weight:	bold;
		color:			white;
		
		border:			1px solid #000000;
		background:		#05507A;
		
		width:			250px;
		height:			20px;
	}
	
	.textarea
	{
		font-family:	verdana, arial;
		font-size:		11px;
		
		border:			1px solid #000000;
		
		width:			250px;
		height:			150px;
	}

	.clsInfBlock
	{
		font-family:			verdana,arial;
		color:					#000000;
		line-height:			18px;
		font-size:				11px;
		
		width:					450px;
		_width:					495px;
		
		display:				block;
		padding:				15px;
		
		background-color:		#F5F5F5;
		border:					1px solid #1F3F68;
		border-top:				3px solid #1F3F68;
		
		margin-bottom:			35px;
	}
	
	.clsInfBlock img
	{
		margin-right:			15px;
	}

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

/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/