/* CSS Document */
html{
	height:100.1%;
}

body, div, h1, h2, h3, h4, h5, h6, ol, ul, li, a, img, p{
	margin:0;
	padding:0;
}



#container{
	margin-left:auto;
	margin-right:auto;
	
	width:955px;
	height:auto;
}

body{
	font-size:62.5%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ae9884;
		background-color:#ae9884;
}



#header{
	height:120px;
	background-image:url(Img/Header.jpg);
}



#menu{
	height:40px;
	background-image:url(Img/Menu.jpg);
}


#content, #content2, #content3, #content4{
	width:425px;
	height:720px;
	
	padding-left:445px;
	padding-right:85px;
	padding-top:80px;
}

#content{
	background-image:url(Img/Home.jpg);
}
#content2{
	background-image:url(Img/Nieuws.jpg);
}
#content3{
	background-image:url(Img/Foto.jpg);
}
#content4{
	background-image:url(Img/Contact.jpg);
}


h1{
}


#footer{
	background-image:url(Img/Footer.jpg);
	width:955px;
	height:27px;
}


#nieuws a:link, #nieuws a:visited{
	width:150px;
	background:url(Img/btn_nieuws.png) no-repeat;
}
#nieuws a:hover, #nieuws a:active{
	width:150px;
	background:url(Img/btn_nieuws_over.png) no-repeat;
}

#biografie a:link, #biografie a:visited{
	width:150px;
	background:url(Img/btn_biografie.png) no-repeat;
}
#biografie a:hover, #biografie a:active{
	width:150px;
	background:url(Img/btn_biografie_over.png) no-repeat;
}

#foto a:link, #foto a:visited{
	width:150px;
	background:url(Img/btn_foto.png) no-repeat;
}
#foto a:hover, #foto a:active{
	width:150px;
	background:url(Img/btn_foto_over.png) no-repeat;
}

#cursus a:link, #cursus a:visited{
	width:150px;
	background:url(Img/btn_cursus.png) no-repeat;
}
#cursus a:hover, #cursus a:active{
	width:150px;
	background:url(Img/btn_cursus_over.png) no-repeat;
}

#webwinkel a:link, #webwinkel a:visited{
	width:150px;
	background:url(Img/btn_webwinkel.png) no-repeat;
}
#webwinkel a:hover, #webwinkel a:active{
	width:150px;
	background:url(Img/btn_webwinkel_over.png) no-repeat;
}

#contact a:link, #contact a:visited{
	width:150px;
	background:url(Img/btn_contact.png) no-repeat;
}
#contact a:hover, #contact a:active{
	width:150px;
	background:url(Img/btn_contact_over.png) no-repeat;
}





#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu li {
list-style: none;
float: left;
padding: 5px 0 0 9px;
margin: 0;
}

#menu a {
display: block;
height: 30px;
}

/*#menu a:hover {
background-image: none;
}

#nieuws {
width: 150px;
background: transparent url(Img/btn_contact1.png) no-repeat 0 -30px;
}

#nieuws a {
background: transparent url(Img/btn_contact1.png) 
no-repeat 0 0;
}