/*
 * FLANDRIA
 * SCREEN
 * datum 20081218
 */

/* 
 * Kleuren
 * Hier kleurcodes definiëren
 * Tekst body: #535659;
 * Menu boven tekst: #6B6B6B;
 * Blauwe achtergrond: #002D62;
 */

/* Base css wordt geladen in HTML */


/*******************************************************************************************************
 * Blokken
 * 
 * Opmaak voor standaard blokken
 * class gebruiken
 * 
 *******************************************************************************************************/
/* Lang Switcher */
#langSwitcherBeFr {
	list-style:none;
	position:absolute;
	margin-left: 315px;
	margin-top: 53px;
}

#langSwitcherEnDe {
	list-style:none;
	position:absolute;
	margin-left: 533px;
	margin-top: 53px;
}

.langSwitcherItem {
	float:left;	
	margin-right:3px;
}

/* 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 */
    text-decoration: none;
	background: #ccc;
	color:#000;
	font-size: 1.1em;
}
.menuHor1 li.selected a,
.menuHor1 li a:hover {
	background: #999;
	color:#f00;	
}

/* Vertikaal menu*/
.menuVert1 {
	list-style: none;

}
.menuVert1 li {
	list-style: none;
}
.menuVert1 li a {
	display: block;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	background: #ccc;
}
.menuVert1 li a:hover,
.menuVert1 li.selected a {
	color: #f00;
	background: #666;
}


/*******************************************************************************************************
 * Algemene css
 * 
 * Opmaak voor alle pagina's
 * 
 *******************************************************************************************************/

/* Algemene opmaak */
	body{
		text-align:center;
		color: #535659;
		background: #002D62 url(/site/images/bg_body.jpg) no-repeat top center;
	}
	#bodyInner1{
		/* background:url(/site/images/bg_bodyInner1.gif) repeat-x left top; */
	}
	a{
		color:#535659;
	}
	#container{
		width:900px;
		margin:0 auto;
		text-align:left;
		padding: 0 0 40px 0;
	}
/* header */
	#header{
		/* background: url(/site/images/bg_header.gif) repeat-x left top; */
		height:192px;
		overflow:hidden;
	}
	/* Logo */
	#logo{
		text-align:center;
		height:102px;
		padding:9px 0 0 0;
		margin:0;
	}
 	/* headerRow1 = menu boven */
	#headerRow1{
		overflow:hidden;
		padding: 0 0 0 15px;
	}
		#headerRow1 li{
			background: url(/site/images/bg_menu1.gif) no-repeat 0px top;
			margin:0 15px 0 0;
		}
		#headerRow1 a{
			background:none;
			padding:40px 0 0 65px;
			width: 141px;
			height:41px;
			color:#6B6B6B;
			font-size: 1.25em;
		}
		#headerRow1 a:hover,
		#headerRow1 .selected a{
			text-decoration:underline;
		}
/* middle > 2 kolommen*/
	#middle{
		overflow:hidden;
		padding:0 15px; /* kolom links plaatsen */
		background:url(/site/images/bg_middle_blauw.png) repeat-y left top;
	}
	/* middleCol1 = linkerkolom met navigatie */
		#middleCol1{
			float:left;
			width: 206px;
			margin:0;
		}
		/* pictures = afbeelding boven menu */
			#pictures{
				background: #fff; /* url(/site/_local/koppel.jpg) no-repeat center center; */
				border-bottom: solid 2px #fff;
				height: 210px;
				text-align: center;
				overflow: hidden;
				margin: 0; padding: 0;
			}
		/* menu2 = navigatie links */
			#menu2{
				padding:20px 0 0 15px;
				font-size:1.4em;
			}
				#menu2 a{
					background:none;
					color:#fff;
					padding: 0 0 15px 0;
					font-size: 0.9em;
				}
				#menu2 a:hover,
				#menu2  a.selected{
					text-decoration:underline;
				}
	/* middleCol2 = kolom met content */
		#middleCol2{
			margin:0 0 0 222px;
			padding:35px 15px 0 15px;
			line-height: 1.5em;
		}
			#middleCol2 ul,
			#middleCol2 ol{
				padding: 0 0 0 2em;
			}
			#middleCol2 h1{
				font-size:1.8em;
			}
			#middleCol2 h2{
				font-size:1.6em;
			}
/* Footer Bevat onderkant van kolommen van #middle */
	#footer{
		background:url(/site/images/bg_footer_blauw.png) no-repeat left top;
		padding: 20px 15px  0 15px;
		overflow: hidden;
	}
	/*footerCol1 = voorzien voor logo links */
	#footerCol1{
		float: left;
		width: 230px;
		min-height:100px;
		margin: 0;
	}
	
	/*footerCol2 = slogan + contact/agenda */
	#footerCol2{
		float: left;
		/*margin:0 0 0 250px;*/
		color:#fff;
		padding: 25px 0 0 0;
		overflow:hidden;
		width: 640px;
	}
		#footerCol2 a{
			color:#fff;
			text-decoration:none;
		}
		#footerCol2 a:hover{
			text-decoration:underline;
		}
		/*footerSlogan */
			#footerSlogan{
				font-size: 1.2em;
				height: 40px;
				text-align: right;
				padding-right: 15px;
			}
		/*footerNav */
			#footerNav{
				text-align:right;
				padding: 10px 15px 0 0;
			}
				#footerNav ul{
					border-right:solid 1px #fff;
					overflow:hidden;
					float:right;
				}
				#footerNav li a{
					background:none;
					border-left:solid 1px #fff;
					padding:0 15px;
				}
			
/*******************************************************************************************************
 * Templates
 * 
 * Opmaak voor templates
 * Identificatie van template dmv class in body
 * 
 *******************************************************************************************************/
/* template2 = Groen */
	.template2 	#middle{
		background:url(/site/images/bg_middle_groen.png) repeat-y left top;
	}
	.template2 	#footer{
		background:url(/site/images/bg_footer_groen.png) no-repeat left top;
	}
/* template3 = Blauw */
	.template3 	#middle{
		background:url(/site/images/bg_middle_blauw.png) repeat-y left top;
	}
	.template3 	#footer{
		background:url(/site/images/bg_footer_blauw.png) no-repeat left top;
	}
/* template4 = Geel */
	.template4 	#middle{
		background:url(/site/images/bg_middle_geel.png) repeat-y left top;
	}
	.template4 	#footer{
		background:url(/site/images/bg_footer_geel.png) no-repeat left top;
	}
/* template5 = Rood */
	.template5 	#middle{
		background:url(/site/images/bg_middle_rood.png) repeat-y left top;
	}
	.template5 	#footer{
		background:url(/site/images/bg_footer_rood.png) no-repeat left top;
	}
	
/*template8 = Startpagina */
	.template8 #headerRow1 a{
		/* text-indent:-500em; */
	}
	.template8 #middle{
		background:url(/site/images/bg_middle_index.png) repeat-y left top;
		/* padding-bottom: 10px; */
		font-size: 16px;
		color: #FFF;
		text-align: center;
	}
	.template8 #middle a {
		text-decoration: none;
		color: #FFF;
	}
	/* middleCol2 */
		.template8 #middleCol2{
			float:left;
			width:206px;
			margin: 0 0 0 15px;
			padding:0;
		}
	/* middleCol3 */
		.template8 #middleCol3{
			float:left;
			width:206px;
			margin: 0 0 0 15px;
		}
	/* middleCol4 */
		.template8 #middleCol4{
			float:left;
			width:206px;
			margin: 0 0 0 15px;
		}
	/* footer */
	.template8 	#footer{
			background:url(/site/images/bg_footer_index.png) no-repeat left top;
			min-height:100px;
		}
	/* footerCol1 */
		.template8 #footerCol1{
		float:left;
			padding:15px 0 0 0;
			height:140px;
			overflow:hidden;
		}
	/* partners */
		.template8 #sponsors{
			float: left;
			background:url(/site/images/bg_partners.gif) no-repeat top left;
			width:84px;
			padding: 5px 5px 0 5px;
			height: 120px;
			text-align:center;
			font-size: 9px;
			line-height: 10px;
		}
		.template8 #sponsors h3{
			font-size:1em;
			color:#6E6E6E;
			padding:0 0 10px 0;
			margin:0
		}
		.template8 #mySponsorSlideshow{
			width: 85px;
			height: 75px;
			background: #FFF;
		}
	/* newsletter */
		.template8 #newsletter{
			float: left;
			background:url(/site/images/bg_partners.gif) no-repeat top left;
			width:84px;
			padding: 5px 5px 0 5px;
			margin: 0 0 0 15px;
			height: 120px;
			text-align:center;
			font-size: 9px;
			line-height: 10px;
		}