﻿/* 

ALGEHELE SITE OPMAAK

*/


* {	/* Reset marges en padding overal naar 0, zet global font op tahoma */
	margin: 0px;
	padding: 0px;
	font-family: Arial, 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px;
}

.clear { /* wanneer "floats" worden gebruikt, deze toepassen om te "clearen"*/
	clear: both;
}


html, body {
	margin: 0 auto; /* centreert alles */
	height: 100%;
}

html {
	background: #cbcbcb;
	overflow-y: scroll;
}

table {
	margin-left: 8px;	
}

img {
	border: 0px;	
}

#container {
	min-height: 100%;
	height: 	auto !important;
	height: 	100%;
	width:		980px;
	margin: 	0 auto; /* centreert de site */
	background: #ebe9e1;
}

#header {
	height: 		280px;
	line-height: 	150px;
	width:			980px;
	background: 	url('../images/header.jpg') 0% 100%;
	margin: 		0 auto; /* centreert de header in container */
}



#content{
	margin: 	0 auto; /* centreert content in container*/
	width:		980px; /*(breedte van 940 - 20 (padding links en rechts) = 920) */
	text-align: left;
}

/* in de content creeren we een inhoud blok van 720px breed met een sidebar van 200px breed
Lees hiervoor de berschrijving in "content.css" goed door!! */

#footer {
	background: 	#ece9e2;
	height: 		12px;
	margin: 		0 auto;		/* centreert footer */
	margin-top: 	-12px;	/* in verband met 100% hoogte, de footer weer omhoog plaatsen zodat deze niet buiten beeld valt (hoogte footer + border)*/
	width: 			980px;
	Margin-bottom: 	0px;	
	text-align: 	center;
	font-size: 		11px;
}

#footer a {
	color: #000000;
	text-decoration: none;
}

#footer a:hover {
	color: #666666;
	text-decoration: underline;
}

.black {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 14px;
}	
			
/* MENU STRUCTUUR OPMAAK */			
			
#menu{
	margin-left:10px; 
	padding:0; 
	width:170px; 
	list-style:none;
}
				
#menu li{
	padding:0; 
	margin:0 0 1px 0; 
	height:20px; 
	display:block; 
}
				
#menu li a{
	text-align:left;
	height:17px; 
	padding:0px 15px; 
	font: 16px Arial, Helvetica, sans-serif; 
	color: #fff; 
	display:block; 
	text-decoration:none; 
	outline:none;
	font-weight: bold;
	font-style:italic; 
}
				
#menu li a:hover{
	color: #313131; 
}
				
#menu li a.active, .menu li a.active:hover{
	color: #313131; 
}

#menu li a span{
	line-height:15px;
}			
			
