/* CSS Ducon 2006 by Dimitri Visser - www.misvid.nl with help from the internet */
/* Layout Stylesheet */ 

body {
	margin:10px;
	text-align:center;
	padding:0;
	background-repeat:repeat-x;
	background-attachment:fixed;
	background-image:url(../i/bg.jpg);
	background-position: top;
	background-color: rgb(0, 102, 153);		
 }

#outer {
	position:relative;
	text-align:left;
	border:10px solid #ffffff;
	width:760px;
	margin:auto;
	z-index: 3;		
 }

#hdr {
	position:relative;
	height:100px;
	background:#eeeeee;
	color: #333333;
	background-image:url(../i/anim_hdr.gif);
	background-position: top;	
	background-color: rgb(255, 255, 255);	
	z-index: 4;
	/* false value for browsers that suffer from IE Win's bugs (zeldman.com) */	
	margin-top: 0px;		
 }

html>body #hdr {
	/* Correct value for browsers that don't suffer from IE Win's bugs (zeldman.com) */
	margin-top: 0px;	
	}

#bodyblock {
	position:relative;
	background: #ffffff;
	width:760px;
	padding:0;	
	background-repeat:no-repeat;
	background-image:url(../i/bg_left.gif);
	background-position: bottom left;
	z-index: 2;
	/* false value for browsers that suffer from IE Win's bugs (zeldman.com) */	
	top: 0px;
	margin-bottom: 0px;
 }

html>body #bodyblock {
	/* Correct value for browsers that don't suffer from IE Win's bugs (zeldman.com) */
	margin-top: 47px;	
	}

#l-col {
	float:left;
	background:#dcdcdc;
	color: #333333;
	width:190px;
	background-color: rgb(255, 255, 255);
	z-index: 1;	
 }

#cont {
	position:relative;
	width:570px;
	float: left;
	color: #333333;
	text-align:left;	
	background-color: rgb(234, 237, 244);
	background-repeat:no-repeat;
	background-image:url(../i/bg_content.gif);
	background-position: top left;	
	z-index: 6;
 }
 
 #cont_01,  #cont_02,  #cont_03,  #cont_04 {
	position:relative;
	width:570px;
	float: left;
	color: #333333;
	text-align:left;	
	background-color: rgb(234, 237, 244);
	background-repeat:no-repeat;
	background-position: top left;	
	z-index: 6;
	height: 480px; 
	min-height: 480px; 
} 

*>#cont_01,  #cont_02,  #cont_03,  #cont_04 { 
	height: auto; 
}
 
#cont_01 {
	background-image:url(../i/bg_content_01.gif);
 }
 
#cont_02 {	
	background-image:url(../i/bg_content_02.gif);
 }
 
#cont_03 {	
	background-image:url(../i/bg_content_03.gif);		 
 }
 
#cont_04 {	
	background-image:url(../i/bg_content_04.gif);		 
}
 
#cont { 
	height: 480px; 
	min-height: 480px; 
} 

*>#cont { 
	height: auto; 
}

#ftr {
	height:30px;
	color: #ffffff;
	border:solid white;
	border-width:0 0 0 0;
	margin:0;
	background-image:url(../i/footer.gif);
	background-position: top;		
	margin-bottom: 0px;
	z-index: 7;
 }

html>body #ftr {
	/* Correct value for browsers that don't suffer from IE Win's bugs (zeldman.com) */
	margin-bottom: 0px;
	}
 
 /* floating navi */
#divStayTopLeft {
	position: relative; 	
	padding:0;	
	z-index: 10;
	margin-top: -46px;
 }

html>body #divStayTopLeft {
	/* Correct value for browsers that don't suffer from IE Win's bugs (zeldman.com) */
	margin-top: -46px;
	}

#cont_col_l { 
	position: relative; 
	width:285px;		
	text-align:left;		
	background-color: rgb(234, 237, 244);
	background-repeat:no-repeat;
	background-image:url(../i/bg_content.gif);
	background-position: top left;
	float: left;
	z-index: 9;
 }

#cont_col_l { 
	height: 480px; 
	min-height: 480px; 
} 

*>#cont_col_l { 
	height: auto; 
}


#cont_col_r {
	position: relative; 
	width:285px;
	text-align:left;	
	background-color: rgb(255, 255, 255);
	background-repeat:no-repeat;
	background-image:url(../i/nieuws/rotate.php);
	background-position: top left;	
	float: left;
	z-index: 8;
 }
 
 #cont_col_r2 {
	position: relative; 
	width:285px;
	text-align:left;	
	background-color: rgb(255, 255, 255);
	float: left;
	z-index: 5;
 }