@charset "utf-8";

/*---------------------------------------------------------------------------*/

/*--- BASIS POSITIONERING EN HOOFDSTRUCTUUR ---------------------------------*/

/*---------------------------------------------------------------------------*/

body {

	margin: 0; padding: 0;

	background-color:#222;

	font:11px Verdana, Arial, Helvetica, sans-serif; color:#eee;

	text-align:center;} /* centreert de container in IE 5*  */



.oneColFixCtr #container {

	margin:0 auto; padding:0; margin-bottom:5px; /* auto margins (samen met een width) centreren de pagina */

	width:950px; /* past mooi op een resolutie van 1024*768 */

	background-color:#111;

	border-left:1px solid #EEE; border-right:1px solid #EEE;

	text-align:left;} /* zet text-align weer op links, want in de body is die gecentreerd */



/* De container div bevat al de andere divs*/

	.oneColFixCtr #top {

		margin:0; padding:0;

		height:177px; /* de exacte pixelhoogte van de achtergrondafbeelding van de banner bovenaan */

		background-image:url(../images/fotoboven.jpg);

		background-attachment:scroll; background-position:top; background-repeat:no-repeat;}



	.oneColFixCtr #menu {

		margin:0; padding:0;

		background-color:transparant;}

	

	.oneColFixCtr #counter {

		color:#c2341d;

		float:right; text-align:center;

		line-height:10px;

		font-size:11px; font-variant:small-caps;

		margin-right:25px; padding-left:5px;

		border-left:1px solid #c2341d;}

	

	.oneColFixCtr #mainContent {

		margin: 40px 280px 0 0; padding: 0 25px 25px 25px; /* laat rechts plaats voor banners */

		min-height:450px;} /* zorgt voor verticale lengte bij pagina's met weinig content */



	.oneColFixCtr #sideBanners{

		display:block; float:right;	/* banners staan aan de rechterkant */

		background-color:#333;

		margin:30px;} /* zet de banners 30 px van de andere elementen */

		#sideBanners img{display:block; margin:10px; border:2px solid #eee;} /* ruimte tussen de banners */



	.oneColFixCtr #footer{

		padding:5px; margin:0;

		text-align:center; font-variant:small-caps; font-size:11px;

		border-top:#111 solid 1px; border-bottom:#EEE solid 1px;

		background-color:#333; color:#888;}

	



/*---------------------------------------------------------------------------*/

/*--- MENUBALK EN MENU-ITEMS ------------------------------------------------*/

/*---------------------------------------------------------------------------*/



/* basislay-out van het menu */
#menu ul{padding:0; margin:0;list-style: none;}
#menu #nav a{color:#EEE; text-decoration:none;} /* in een menubalk hoeft de link niet onderstreept te zijn */

/* SUBMENU-ITEM : lay-out van een item van het uitklapmenu met een link (+ hover) */
#menu #nav li li a {
	padding:2px; margin:0; margin-top:2px;
	display:block;
	background-color:#222; color:#eee;
	font-variant:small-caps; font-size:13px; line-height:11px;
	width:240px;}

#menu #nav li li a:hover {
	padding:2px; margin:0; margin-top:2px;
	font-variant:small-caps; font-size:13px;
	background-color:#333;} /* slechts klein toonverschil (iets donkerder) bij hover */

/* MENU-ITEM : lay-out van de hoofdmenu-items bovenaan */
#menu li {
	padding:0 10px 0 10px; /* zorgt voor ruimte links en rechts van de tekts */
	margin: 0 0 5px 0; /* zorgt voor ruimte onder de tekst */
	float: left; position:relative; 
	display:block; text-align: left;
	font-variant:small-caps; font-size:16px;
	cursor: default;
	background-color:#111; color:#eee;
	border-right: 1px solid #EEE; border-top:5px solid #111; border-bottom:5px solid #111;}

/* SUBMENU : lay out van het submenu dat de items van het uitklapmenu bevat */
li ul {
	padding:0; margin:0;
	display: none; /* zorgt ervoor dat het uitklapmenu enkel verschijnt als het nodig is */
	position:absolute; left:0;
	background-color:#222; color:#eee;
	z-index:1; 
	border-top:2px #c2341d solid; border-bottom:2px #c2341d solid;}

#menu li>ul {
	padding:0; margin:0; margin-left:-10px;
	top:auto; left:auto;}

#menu li li {
	padding:O; margin:-10;
	display: block; float: none;
	list-style:none; list-style-position:outside;
	background-color:transparent;
	border:0;}

#menu li:hover ul, li.over ul {
	display: block;
	border-top, border-left:2px solid #c2341d;}





/*---------------------------------------------------------------------------*/

/*-- TYPOGRAFIE -------------------------------------------------------------*/

/*---------------------------------------------------------------------------*/

h1{

	font-size:24px; font-variant:small-caps; font-weight:bold;

	color:#c2341d;

	display:block;

	border-bottom:1px solid #eee;}



h2{

	font-size:16px; font-weight:bold;}

	

p{

	margin:0; padding:0; margin-bottom: 11px;

	font-size:11px; font-weight:normal; line-height:20px; text-align:justify;}



a:link, a:visited, a:hover, a:active{

	color:#eee;}

	

li{

	list-style:square; list-style-position:inside;

	font-size:11px;

	line-height:14px;

	padding:0; margin:2px;}

	

#fotos{

	background-color:#333;}

	#fotos img{margin:5px;}