/* 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 {
	font: normal 2.8em "Trebuchet MS",sans-serif;
	text-align: left;
	line-height: 105px;
	width: 600px;
}

.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 18px;
	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;
}


/* maincontent statisch hoogte=400px */
.maincontent400{
	width: 790px;
	height: 400px;
	padding: 30px 5px 5px;
	font-size:12px;
	margin: 0 auto;
}

/**************************************************************************************************/
/* 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;}

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