* {
	margin: 	0px;
	padding: 	0px;
	border: 	0px;
	}

html, body {
	width: 		100%;
	height: 	100%;
	}
html {
	background: repeat-x #3b3330;  /* vult alles op buiten de container */
	}
	
body {
	text-align:	center;		/* centreren van de site (Werkt alleen in IE) */
	}

	 


/* ---------- ---------- SITE OPMAAK / DIV INDELING ---------- ---------- */

#container {
	margin:				0 auto;				/* centreren van de site op alle browsers */
	width:				900px;				/* Breedte van de website */	
	text-align:			left;				/* tekst binnen gecentreerde site weer links zetten */
	background: 		repeat-x #3b3330;
	}

#header {
	width:			900px;
	height:			313px;
	background: 	url('../images/header.jpg') no-repeat #FFFFFF;
	
	font-family:	Trebuchet MS, verdana;
	font-size:		10px;
	font-style:		normal;
	color:			#c8c8c8;	
	text-align:		right;
	}


#header a:link {						/* opmaak van een link in de content */
	font-family:	Trebuchet MS, verdana;
	font-size:		11px;
	font-style:		normal;
	color:			#c8c8c8;
	text-decoreation:	none;
	}

#header a:visited {					/* opmaak van een link in de content wanneer al eens is geklikt*/
	font-family:	Trebuchet MS, verdana;
	font-size:		11px;
	font-style:		normal;
	color:			#c8c8c8;
	text-decoreation:	none;
	}
	
#header a:hover {						/* opmaak van een link in de content bij mouseover*/
	font-family:	Trebuchet MS, verdana;
	font-size:		11px;
	font-style:		normal;
	color:			#c8c8c8;
	text-decoreation:	underline;
	}
			
#header a:active {						/* opmaak van een link in de content bij click*/
	font-family:	Trebuchet MS, verdana;
	font-size:		11px;
	font-style:		normal;
	color:			#c8c8c8;
	text-decoreation:	overline;
	}

#menu {
	width:		800px;
	height:		80px;
	background: url('../images/menu.jpg') no-repeat #000;
	
	font-family:	Trebuchet MS, verdana;
	font-size:		10px;
	font-style:		normal;
	color:			#b3d8c1;	
	text-align:		center;
	

	}
	
	
	#fotokader_index {
	width:			250px;		/* Site breedte minus de vrije ruimte in de content links en rechts */
	height:			height:100%;
	background: 	no-repeat #d9d1ad;
	float: right;
	padding-bottom:	10px;		/* vrije ruimte in de content */
	padding-left:	15px;		/* vrije ruimte in de content */
	padding-right:	15px;		/* vrije ruimte in de content */
	padding-top:	10px;		/* vrije ruimte in de content */
	
	font-family:	Trebuchet MS, verdana;
	font-size:		11px;
	font-style:		normal;
	color:			#000000;	
	text-align:		left;
	}
	
#content {
	width:			870px;		/* Site breedte minus de vrije ruimte in de content links en rechts */
	height:			height:100%;
	background: 	no-repeat #d9d1ad;

	padding-bottom:	10px;		/* vrije ruimte in de content */
	padding-left:	15px;		/* vrije ruimte in de content */
	padding-right:	15px;		/* vrije ruimte in de content */
	padding-top:	10px;		/* vrije ruimte in de content */
	
	font-family:	Trebuchet MS, verdana;
	font-size:		11px;
	font-style:		normal;
	color:			#000000;	
	text-align:		left;
	}


/* ---------- ---------- MENU LINKS OPMAAK ---------- ---------- */
.menu{
        width: 892px;
        padding-left: 8px;
        font-family:	Trebuchet MS, verdana;
				font-size:		16px;
				font-style:		normal;
        background: url('../images/menu.jpg') no-repeat #171513;
        }
        
.menu ul{
        margin: 0; padding: 0;
        }

.menu ul li{
        display: inline;}

.menu ul li a{
        float: left; text-decoration: none;
        color: white; 
        padding: 10.5px 15px;
        background-color: #171513; }

.menu ul li a:visited{
        color: white;}

.menu ul li a:hover, .menu ul li {
        color: #fff;
        background-color:#0b75b2;}

/* ---------- ---------- PAGINA CONTENT OPMAAK ---------- ---------- */


h1	{			
	padding-top: 	10px;			/* vrije ruimte boven de tekst H1 */
	padding-bottom:	10px;			/* vrije ruimte onder de tekst H1 */
	font-family:	Trebuchet MS, verdana;
	font-size:		14px;
	font-style:		bold;
	color:			#f58547;
	}
	
h2	{			
	padding-top: 	10px;			/* vrije ruimte boven de tekst H2 */
	padding-bottom:	10px;			/* vrije ruimte onder de tekst H2 */
	font-family:	Trebuchet MS, verdana;
	font-size:		14px;
	font-style:		bold;
	color:			#000000;
	}

h3	{			
	padding-top: 	0px;			/* vrije ruimte boven de tekst H2 */
	padding-bottom:	0px;			/* vrije ruimte onder de tekst H2 */
	font-family:	Trebuchet MS, verdana;
	font-size:		12px;
	color:			#c8c8c8;
	}
		
	
P	{
	padding-bottom:	10px;			/* vrije ruimte onder de paragraaf zodat er echt tekstblokken onstaan */
	font-family:	Trebuchet MS, verdana;
	font-size:		11px;
	font-style:		normal;
	color:			#333333;	
	}

#content a:link {						/* opmaak van een link in de content */
	font-family:	Trebuchet MS, verdana;
	font-size:		11px;
	font-style:		normal;
	color:			#333333;
	text-decoreation:	none;
	}

#content a:visited {					/* opmaak van een link in de content wanneer al eens is geklikt*/
	font-family:	Trebuchet MS, verdana;
	font-size:		11px;
	font-style:		normal;
	color:			#333333;
	text-decoreation:	none;
	}
	
#content a:hover {						/* opmaak van een link in de content bij mouseover*/
	font-family:	Trebuchet MS, verdana;
	font-size:		11px;
	font-style:		normal;
	color:			#FF0000;
	text-decoreation:	underline;
	}
			
#content a:active {						/* opmaak van een link in de content bij click*/
	font-family:	Trebuchet MS, verdana;
	font-size:		11px;
	font-style:		normal;
	color:			#FF0000;
	text-decoreation:	overline;
	}




/* ---------- ---------- FOOTER OPMAAK ---------- ---------- */	

#footer	{
	width:			900px;
	height:			80px;
	background:		url('../images/footer.jpg') no-repeat #3b3330;
	
	font-family:	Trebuchet MS, verdana;
	font-size:		10px;
	font-style:		normal;
	color:			#c8c8c8;	
	text-align:		center;
	}

#footer a:link {					/* opmaak van een link in de footer */
	font-family:	Trebuchet MS, verdana;
	font-size:		11px;
	font-style:		normal;
	color:			#cccccc;
	text-decoreation:	none;
	}

#footer a:visited {				/* opmaak van een link in de footer wanneer al eens is geklikt*/
	font-family:	Trebuchet MS, verdana;
	font-size:		11px;
	font-style:		normal;
	color:			#cccccc;
	text-decoreation:	none;
	}
	
#footer a:hover {					/* opmaak van een link in de footer bij mouseover*/
	font-family:	Trebuchet MS, verdana;
	font-size:		11px;
	font-style:		normal;
	color:			#FF0000;
	text-decoreation:	underline;
	}
	
#footer a:active {					/* opmaak van een link in de footer bij click*/
	font-family:	Trebuchet MS, verdana;
	font-size:		11px;
	font-style:		normal;
	color:			#FF0000;
	text-decoreation:	overline;
	}