body {
	text-align: center;
	background: url(images/bg.gif); /*achtergrondafbeelding achter het contentvenster*/
	font: 14px/normal Tahoma, Arial, Helvetica, sans-serif;

}

h1,h2,h3 {
  font-family: Arial, Helvetica, sans-serif;
}

h1 {
 border-bottom: solid 1px #d9d9d9;
 font-weight: normal;
 font-size: 180%;
 text-indent: 5px;
 letter-spacing: -1px;
 margin: 30px 0px 20px 0px;
}

h2 {
 font-weight: normal;
 font-size: 140%;
 text-indent: 5px;
 letter-spacing: -1px;
  margin: 20px 0px 10px 0px;
}


img{ /* geen border om afbeeldingen */
	border-width:0px;
}



.wrapper {
	position: relative;
	width: 900px; /*breedte website, ook wijzigen bij footer indien je dit wijzigt*/
	font-size: 0.9em;
	margin: 0 auto -142px; /*de marge moet gewijzigd worden naar de hoogte van de footer*/
	text-align: left;
	background-color: #ffffff; /*achtergrondkleur achter de content zelf; alle columns*/

	/*indien je geen verschillende achtergrondkleuren of een doorlopende lijn wilt: onderstaande 2 regeles wegquoten*/
	background-image: url(images/left.png);  /* achtergrondafbeelding van de columns indien je hier verschillende kleuren oid wilt. meestal 2x hoog */
	background-repeat:repeat-y;   /* achtergrond afbeelding stretcht mee met column */

	/*border-left: 1px solid #404b8d;*/
	/*border-right: 1px solid #404b8d;*/
}
.header {
	height: 200px;
	background: url(images/header.png) no-repeat; /*achtergrondafbeelding header*/
}

.left
{
float:left;
width:160px; /*breedte linkerkolom*/
margin:0;
padding:1em; /*afstand van inhoud column tot rand column*/
color:#fff;
}

.left a
{
color:#fff;
text-decoration: none;
}

.content
{
margin-left:190px; /*deze afstand is de afstand van de linkerkolom + extra ruimte voor wat lucht tussen de kolommen */
padding:1em;
}

.footer {
	position: relative;
	width: 900px; /*breedte footer, ook wijzigen bij header indien je het wijzigt*/
	margin: 0 auto;
	background: url(images/footer.png) no-repeat;
	
}
.footer a { /*opmaak van links in de footer */
	color: #fff;
	text-decoration: none;
	border: 0;
}
.footer p { /*opmaak tekst in de footer */
	position: absolute;
	left: 0;
	bottom: 3px;
	width: 900px; /*breedte footer, ook wijzigen bij header indien je het wijzigt*/
	padding: 0;
	color: #fff;
	font: 0.8em arial,sans-serif;
	text-align: center;
}

/* ############################################################# */
/*  START CSS VOOR FOOTER AAN ONDERKANT PAGINA; ALLEEN PUNTEN MET COMMENT WIJZIGEN */
/* ############################################################# */

* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px; /* onderste marge is negatieve waarde van hoogte Footer */
}
.footer, .push {
	height: 50px; /* .push moet zelfde hoogte als .footer */
}

/* ################################# */
/*  EINDE CSS VOOR FOOTER AAN ONDERKANT PAGINA */
/* ################################# */

