*{
padding: 0;
margin: 0;
}

* a{
color: #893680;
text-decoration: none;
font-weight: bold;
}

* a:hover{
text-decoration: underline;
}

body{
  background-color: #efefef;
  font-family: trebuchet ms, arial, sans-serif;
}

h1{
  font-size: 26px;
}

.header{
  width: 1200px;
  height: 400px;
  position: relative;
  margin: 0 auto;
}

#slideshow {
  position:relative;
  height:400px;
  width: 1200px;
  margin: 0 auto;
}

#slideshow IMG {
  position:absolute;
  top:0;
  left:0;
  z-index:8;
  opacity:0.0;
}

#slideshow IMG.active {
  z-index:10;
  opacity:1.0;
}

#slideshow IMG.last-active {
  z-index:9;
}

.container{
  width: 1040px;
  position: relative;
  margin: 0 auto;
  overflow: auto;
}

#bgcontent{
  width: 1040px;
  position: relative;
  margin: 0 auto;
  background: url('../img/bgcontent.jpg');
  overflow: auto;
}

.content{
  width: 940px;
  position: relative;
  overflow: auto;
  margin: 0 auto;
  min-height: 400px;
}
  
#nav{
  background: url('../img/bgnav.jpg');
  width: 1040px;
  height: 40px;
  position: relative;
  margin: 0 auto;
  border: 1px solid red;
}

.navigatie{
  width: 998px;
  height: 40px;
  position: relative;
  margin-left:20px;
}

.navigatie a{
  display:block;
  height: 40px;
  width: 142px;
  background-image: url("../img/nav.jpg");
  text-indent: -9999px;

}

.navigatie a.home {
  background-position: 0 0px;
  float: left;

}

.navigatie a.home:hover {	
  background-position: 0 520px;
}

.navigatie a.programma {
  background-position: 860px 0px;
  float: left;
}

.navigatie a.programma:hover {	
  background-position: 860px 520px;
}

.navigatie a.deelsessies {
  background-position: 720px 0px;
  float: left;
}

.navigatie a.deelsessies:hover {	
  background-position: 720px 520px;
}

.navigatie a.aanmelden {
  background-position: 440px 0px;
  float: left;

}

.navigatie a.aanmelden:hover {	
  background-position:440px 520px;
}

.navigatie a.voorwaarden {
  background-position: 290px 0px;
  float: left;

}

.navigatie a.voorwaarden:hover {	
  background-position: 290px 520px;
  }

.navigatie a.infomarkt {
  background-position: 573px 0px;
  float: left;
}

.navigatie a.infomarkt:hover {	
  background-position: 573px 520px;
}

.navigatie a.contact {
  background-position: 150px 0px;
  float: left;
}

.navigatie a.contact:hover {	
  background-position: 150px 520px;
}

#footer{
  width: 1040px;
  position: relative;
  margin: 0 auto;
  height: 400px;
  background: url('../img/footer.jpg');
}

.footer-content{
  width: 400px;
  position: relative;
  margin: 0 auto;
  font-size: 10px;
  }  

#.footer-content a{
  color: #bf0168;
  text-decoration: none;
  }
  
#.footer-content a:hover{
  text-decoration: underline;
  }
  
#.footer-content a:visited{
  color: #bf0168;
  }