/*
 * Valdispert.be
 * SCREEN
 * datum 20090115
 */

/* 
 * Kleuren
 * Hier kleurcodes definiëren
 * Achtergrond: #F9E7CE;
 * Bruin: #68321F;
 * Oranje: #F68527;
 */

/* Base css wordt geladen in HTML */


/*******************************************************************************************************
 * Blokken
 * 
 * Opmaak voor standaard blokken
 * class gebruiken
 * 
 *******************************************************************************************************/

/* Horizontaal menu 1 niveau */
ul.menuHor1  {
	position:relative;
    list-style: none;
} 
.menuHor1  li { /*float the main list items*/
    display: block;
    float: left;
    list-style: none;
}
.menuHor1 li a {
    display: block;
	white-space: nowrap; /* Nodig voor IE anders zonder breedte op 2 regels */
	/* width: 93px; uncomment when fixed width needed */
    text-decoration: none;
	background: #ccc;
	color:#000;
}
.menuHor1 li.selected a,
.menuHor1 li a:hover {
	background: #999;
	color:#f00;	
}
/*******************************************************************************************************
 * Algemene css
 * 
 * Opmaak voor alle pagina's
 * 
 *******************************************************************************************************/
body{
	background-color:#F9E7CE;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
#container{
 	width:1000px;
	min-height:100%;
	overflow:visible;
	padding:0 25px; /* schaduw */
	background:url(/siteBE/images/bg_container.jpg) repeat-y top left;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#header{
	background:url(/siteBE/images/bg_header.jpg) no-repeat top left;
	height:109px;
	overflow:hidden;
	padding:70px 0 0 200px
}
	#logo{
		margin:0;
		height:60px;
	}
	#menu1 {
		font-size:1.3em;
		margin:0;
		overflow:hidden;
		height:27px;
		line-height:27px;
		float:left;
		width:746px;
		font-weight:bold;
	}
		#menu1 li a{
			background:none;
			color:#F68527;
			padding: 0 20px 0 0;
		}
			#menu1 .selected a,
			#menu1 a:hover{
				color:#68321F;
			}
			#menu1 .selected a{
				font-weight:bold;
			}
	#menu2 {
		font-size:1.2em;
		margin:0;
		overflow:hidden;
		height:20px;
		padding:2px 0 0 0;
		line-height:20px;
		font-weight:bold;
	}
		#menu2 li a{
			background:none;
			color:#F68527;
			padding: 0 20px 0 0;
		}
			#menu2 .selected a,
			#menu2 a:hover{
				color:#68321F;
			}
			#menu2 .selected a{
				font-weight:bold;
			}
	/* Taalmenu */
	#menu3 {
		font-size:1.2em;
		margin:0;
		overflow:hidden;
		height:27px;
		width:54px;
		line-height:22px;
		zoom:1;
	}
		#menu3 li{
			width:27px;
			margin:0;
			text-align:center;
		}
		#menu3 li a{
			background:#F68527;
			color:#fff;
			width:27px;
			height:25px;
			padding:2px 0 0 0;
			
		}
			#menu3 .selected a,
			#menu3 a:hover{
				background:#68321F;
			}
			
			
#buttonEnquete
{
	position: absolute;
	left: 80px;
	top: 190px;
}
	
#buttonPress
{
	position: absolute;
	left: 110px;
	top: 350px;
}

#middle{
	background:url(/siteBE/images/bg_middle.jpg) no-repeat top left;
	min-height:600px;
	padding:32px 0 101px 225px;
}
	#middleContent{
		background:url(/siteBE/images/bg_middleContent.gif) repeat-y 557px 0px;
		overflow:hidden;
	}
		#contentCol1{
			float:left;
			width:547px;
			line-height:1.5em;
			font-size:1.2em;
			color:#68321F;
		}
			#contentCol1 h1{
				color:#68321F;
				font-size:1.6em;
				font-weight: bold;
				margin: 0 0 5px 0;
				padding: 0;
			}
			#contentCol1 h2{
				color:#F68527;
				font-size:1.3em;
				font-weight: bold;
				margin: 0;
				padding: 0;
			}
			#contentCol1 a{
				color:#68321F;
			}
			#contentCol1 ul{
				padding:0 0 0 1.5em;
			}
			#contentCol1 ol{
				padding:0 0 0 1.8em;
			}			
			#contentCol1 img{
				margin: 0px 15px 15px 0px;
			}			
			#contentCol1 img.floatRight{
				float:right;
				margin: 0px 0 15px 15px;
			}
			#contentCol1 img.floatLeft{
				float:left;
				margin: 0px 15px 0 15px;
			}
			#contentCol1 td {
				vertical-align: top;
			}
			#contentCol1 td img{
				margin: 0px;
			}
			
		#contentCol2{
			float:left;
			width:200px;
			margin: 0 0 0 20px;
		}
			#contentCol2 img{
				display:block;
				margin:0 0 10px 0;
			}

#footer{
	background:url(/siteBE/images/bg_footer.jpg) repeat-x top left;
	height:91px;
	width:1000px;
	position:absolute;
	bottom:0px;
	left:25px;
	color:#fff;
	overflow:hidden;
}
	#footerCol1{
		float:left;
		width:119px;
		height:91px;
		text-align:right;
	}
	#footerCol2{
		padding:21px 0 0 45px;
		float:left;
		width:825px;
	}
	#footerCol2 a{
		color:#fff;
	}
/*******************************************************************************************************
 * Templates
 * 
 * Opmaak voor templates
 * Identificatie van template dmv class in body
 * 
 *******************************************************************************************************/