html{
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #31441F;
}

body{
	background: #CAE2A2 url(../img/bg.jpg) top left repeat-x;
	margin: 0;
	padding: 0;
}

h1{

}
				
#container{
	position: relative;
	top: 0;
	left: 0;
	width: 90%; 
}

#header{
	background: url(../img/header_logo.jpg) top left no-repeat;
	width: 486 px;
	height: 243px;
	text-indent: -99999px;
}

#header h1{
 margin: 0;
 paddin: 0;
}

#navigatie{
	position: absolute;
	width: 485px;
}

#text{
	position: absolute;
	left: 485px;
	top: 244px;
	padding-left: 40px;
	background: url(../img/dot.gif) top left repeat-y;
}

#text img{
 margin: 0;
 margin-bottom: 10px;
}

#footer{
	color: #b1be98;
	text-align: right;
}


#footer a{
	color: #b1be98;
}

#navigatie ul{
 margin: 0;
 margin-left: 280px;
 padding: 0;
 list-style: none;
 }

#navigatie li{
 margin: 0;
 margin-bottom: 5px;
 padding: 0;
 text-indent: -99999px;
 }

#navigatie li a{
 display: block;
 height: 30px;
 width: 164px;
 margin: 0;
 padding: 0;
 }

#navigatie li a.home{
	background: url(../img/home_knop.gif) bottom left no-repeat;
}

#navigatie li a.home:hover{
	background: url(../img/home_knop.gif) top left no-repeat;
}

#navigatie li a.voorwie{
	background: url(../img/voorwie_knop.gif) bottom left no-repeat;
}

#navigatie li a.voorwie:hover{
	background: url(../img/voorwie_knop.gif) top left no-repeat;
}

#navigatie li a.methodes{
	background: url(../img/methodes_knop.gif) bottom left no-repeat;
}

#navigatie li a.methodes:hover{
	background: url(../img/methodes_knop.gif) top left no-repeat;
}

#navigatie li a.cursussen{
	background: url(../img/cursussen_knop.gif) bottom left no-repeat;
}

#navigatie li a.cursussen:hover{
	background: url(../img/cursussen_knop.gif) top left no-repeat;
}

#navigatie li a.bedrijven{
	background: url(../img/bedrijven_knop.gif) bottom left no-repeat;
}

#navigatie li a.bedrijven:hover{
	background: url(../img/bedrijven_knop.gif) top left no-repeat;
}

#navigatie li a.consult{
	background: url(../img/consult_knop.gif) bottom left no-repeat;
}

#navigatie li a.consult:hover{
	background: url(../img/consult_knop.gif) top left no-repeat;
}

#navigatie li a.contact{
	background: url(../img/contact_knop.gif) bottom left no-repeat;
}

#navigatie li a.contact:hover{
	background: url(../img/contact_knop.gif) top left no-repeat;
}

#navigatie li a.kalender{
	background: url(../img/kalender_knop.gif) bottom left no-repeat;
}

#navigatie li a.kalender:hover{
	background: url(../img/kalender_knop.gif) top left no-repeat;
}