body{
margin: 2px;
text-align: center;
background-color: #323232;
font-family: verdana, arial, sans-serif;
}

div#main_container{
margin: 0 auto 0 auto;
position: relative;
width: 1266px;
height: auto;
text-align: left;
}

div#box1{
width: auto;
height: 80px;
padding: 10px 0 0 0;
font-family: verdana, arial, sans-serif;
font-size: 60px;
color: #c8c8c8;
text-align: center;
}

div#box2{
width: auto;
height: 40px;
padding: 20px 0 0 0;
text-align: center;
}

div#title{
width: auto;
height: 30px;
margin: 40px 0 0 0;
font-family: verdana, arial, sans-serif;
font-size: 18px;
color: #c8c8c8;
text-align: center;
}

div#box3{
width: auto;
height: auto;
padding: 30px;
margin: 0 148px 0 148px;
border: 0px solid #c8c8c8;
font-family: verdana, arial, sans-serif;
font-size: 12px;
color: #c8c8c8;
text-align: center;
}

div#cover{
width: auto;
height: auto;
padding: 30px 0 30px 0;
font-family: verdana, arial, sans-serif;
font-size: 12px;
color: #c8c8c8;
text-align: center;
}

div.tekst{
width: 800px;
height: auto;
padding: 0px;
margin: 0 auto 0 auto;
border: 0px solid #c8c8c8;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #c8c8c8;
text-align: left;
}

div.tekst h1{
font-size: 24px;
}

div.tekst h2{
font-size: 10px;
}

div.tekst h3{
font-size: 16px;
}

a.tekst{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #c8c8c8;
text-decoration: underline;
font-weight: bold;
}

a.tekst:link, a.menu:visited{
color: #c8c8c8;
}

a.tekst:hover, a.menu:active{
color: #427df7;
}

div.fototekst2 {
width: 429px;
height: auto;
padding: 25px 35px 25px 35px;
margin: 40px 124px 0 125px;
border: 1px solid #c8c8c8;
text-align: center;
}

}
div.fototekst2 p {
text-align: center;
font-size: 12px;
text-indent: 0;
color: #c8c8c8;
}

div.fototekst {
width: 644px;
height: auto;
padding: 25px 35px 25px 35px;
margin: 40px 17px 0 17px;
border: 1px solid #c8c8c8;
text-align: center;
  
}
div.fototekst p {
text-align: center;
font-size: 12px;
text-indent: 0;
color: #c8c8c8;
}

div.links {
clear: left;
}

div#footer{
width: auto;
height: 30px;
margin: 50px 0 0 0;
font-size: 10px;
color: #c8c8c8;
text-align: center;
}

a.footer{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
padding: 3px;
}

a.footer:link, a.menu:visited{
color: #c8c8c8;
border-bottom: 2px solid #c8c8c8;
}

a.footer:hover, a.menu:active{
border-bottom: 2px solid yellow;
color: #c8c8c8;
}

div#navigatiedia{
float: left;
width: auto;
height: 50px;
margin: 20px 150px 0 390px;
font-size: 10px;
color: #c8c8c8;
text-align: center;
}

a.dia{
text-decoration: none;
border: 0px;
width: auto;
margin: 0 5px 0 0;
color: black;
font-size: 24px;
font-weight: bold;
font-family: verdana, arial, sans-serif
}

div#gallery{
width: 640px;
height: auto;
margin: 0 110px 0 150px;
border: 0px solid #c8c8c8;
font-family: verdana, arial, sans-serif;
font-size: 12px;
color: #c8c8c8;
text-align: center;
}

div.overzicht{
width: 150px;
height: 150px;
float: left;
font-size: 10px;
color: #c8c8c8;
margin 0 10px 10px 0;
padding: 0px;
text-align: center;
}

div.overzicht p{
text-align: center;
font-size: 12px;
text-indent: 0;
color: #c8c8c8;
}

ul{
list-style: none;
}

li{
display: inline;
margin: 0 10px 0 0;
}

a.menu{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
padding: 3px;
font-weight: bold;
}

a.menu:link, a.menu:visited{
color: #c8c8c8;
border-bottom: 2px solid #c8c8c8;
}

a.menu:hover, a.menu:active{
border-bottom: 2px solid yellow;
color: #c8c8c8;
}

div.figure {
  float: left;
  width: auto;
  border: 1px solid #c8c8c8;
  margin: 20px 20px 20px 0;
  padding: 10px;
  }

div.figure p {
  text-align: center;
  font-size: 11px;
  text-indent: 0;
}

div.figure a {
text-decoration: none;
width: auto;

}

div.figure2 {
  float: right;
  width: auto;
  height: auto;
  border: 1px solid #c8c8c8;
  margin: 20px;
  padding: 10px;
  }

div.figure2 p {
  text-align: center;
  font-size: 11px;
  text-indent: 0;
}

div.figure2 a {
text-decoration: none;
width: auto;

}

div#diashow {
  width: 644px;
  height: auto;
  padding: 25px 35px 25px 35px;
  margin: 40px 92px 0 92px;
  border: 1px solid #c8c8c8;
  text-align: center;
  
}
div#diashow p {
  text-align: center;
  font-size: 12px;
  text-indent: 0;
  color: #c8c8c8;
}

div.diashow2 {
  float: center;
  width: 350px;
  border: 1px solid #c8c8c8;
  margin-left: 0px;
  margin-top: 30px;
  padding: 30px;
}
div.diashow2 p {
  text-align: center;
  font-size: 12px;
  text-indent: 0;
}

a.mouse_over {
display:block;
width: 644px;
height: 429px;
text-align: center;
background: url("0024.jpg") 0 0 no-repeat;
text-decoration: none;
}

a.mouse_over:hover { 
background-position: 0 -429px;
}

a.change {
display:block;
width: 644px;
height: 429px;
text-align: center;
background: url("kasteel_samen.jpg") 0 0 no-repeat;
text-decoration: none;
}

a.change:hover { 
background-position: 0 -429px;
}