/* CSS Document */

/* CSS eigenschappen overzicht */

/* 

Padding = De eigenschappen voor de padding kunnen gebruikt worden om vast te leggen hoeveel ruimte 

er tussen de inhoud van een element en de verschillende randen moet worden vrijgehouden.

*/



/* standaard eigenschappen van de pagina */

html {min-height: 100%;}



* {

	margin: 0;

	padding: 0;

}



a {color: #963;}

a:hover {color: #C60;}



img {border: 0;}



body {

	background: #7E984D url(images/bg.jpg) repeat-x left bottom;

	color: #444;

	font: normal 62.5% Tahoma,sans-serif;

}



h1 {

	font: normal 1.8em Tahoma,sans-serif;

	margin-bottom: 4px;

}



/*******************************************************************************************************/

/* background */

.background {

	height: 100%;

	width: 100%

}



/*******************************************************************************************************/

/* header */

.top {padding: 10px 10px 0;}



/* title */

.header {

	background-color: #FFFFFF;

	height: 105px;

	margin: 0 auto;

	padding: 5px 5px 5px;

	width: 800px;



}



.header .left, .header .right {

	background-color: #77933D;

	color: #FFFFFF;

	height: 105px;

}	



.header .left {
	

	background:url(images/Header%20banner.jpg);
	
	line-height: 105px;
	width: 800px;

}



.header .right {

	width: 200px;

	overflow: auto;

}



.header .imgright {

	float: right;

}





/*Navigatiebalk***********************************************************************************************/



/* Menu */

.container {

	background-color:#FFFFFF;

	width: 800px;

	height: 100%;

	padding: 5px 5px 5px;

	margin: 0 auto;

}



/* navigation */

.navigation {	

	background: #D9E1E5 url(images/nav.jpg);

	border: 1px solid #D8EBD8;

	height: 40px;

}



.navigation a {

	background: transparent url(img/nav.jpg) left top repeat-x;

	border-right: 1px solid #D8EBD8;

	color: #333300;

	display: block;

	float: left;

	font: bold 1.1em sans-serif;

	line-height: 41px;

	padding: 0 15px;

	text-decoration: none;

}

.navigation a:hover {

background: transparent url(img/nav.jpg) left bottom; 

color: #FFFFFF;

}



/***********************************************************************************************/

/* main */



/* maincontent dinamisch*/

.maincontent{
	
	width: 790px;
	height: 100%;
	padding: 30px 5px 5px;
	font-size:12px;
	margin: 0 auto;
	background-color: #FFFFD2;

}





/* maincontent statisch hoogte=400px */

.maincontent400{

	width: 790px;

	height: 400px;

	padding: 30px 5px 5px;

	font-size:12px;

	margin: 0 auto;
	
	background-color: #FFFFD2;

}



/**************************************************************************************************/

/* footer */

.footer{

	width: 790px;

	padding: 0 5px 0px;

	margin: 0 auto;

}



.footer .left, .footer .right {

	background: url(images/nav.jpg) repeat-x;

	color: #FFFFFF;

	font: bold 1em sans-serif;

	line-height: 10px;

}	



.footer .left {

	text-align: left;

	width: 290px;

	text-align: left;

	

}



.footer .right {

	width: 500px;

	text-align: right;

}







/**************************************************************************************************/

/* Algemene pagina instellingen */

.clearer {clear: both;}

.left {float: left;}

.right {float: right;}



/**************************************************************************************************/