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: 1000px;
height: auto;
text-align: left;
}

div#box1{
width: 1000px;
height: 80px;
padding: 10px 0 0 0;
font-family: verdana, arial, sans-serif;
font-size: 60px;
color: #c8c8c8;
text-align: center;
}

div#box2{
width: 1000px;
height: auto;
padding: 20px 0 20px 0;
text-align: center;
}

div#title{
width: 1000px;
height: 30px;
margin: 40px 0 0 0;
font-family: verdana, arial, sans-serif;
font-size: 18px;
color: #c8c8c8;
text-align: center;
}

div#box3{
width: 644px;
height: auto;
padding: 30px;
margin: 0 73px 0 73px;
border: 0px solid #c8c8c8;
font-family: verdana, arial, sans-serif;
font-size: 12px;
color: #c8c8c8;
text-align: center;
}

div.box4{
width: 130px;
height: auto;
padding: 40px 10px 30px 10px;
border: 0px solid #c8c8c8;
font-family: verdana, arial, sans-serif;
font-size: 12px;
color: #c8c8c8;
text-align: left;
float: left;
}

div#cover{
width: 1000px;
height: auto;
padding: 30px 50px 30px 50px;
font-family: verdana, arial, sans-serif;
font-size: 12px;
color: #c8c8c8;
text-align: center;
}

div.tekst{
width: 770px;
height: auto;
padding: 0px;
margin: 40px;
border: 0px solid #c8c8c8;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #c8c8c8;
text-align: left;
float: left;
}

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

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

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: #eddf02;
}

div.fototekst2 {
width: 429px;
height: auto;
padding: 25px 35px 25px 35px;
margin: 40px 109px 0 110px;
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 34px 25px 34px;
margin: 40px 15px 0 15px;
border: 1px solid #c8c8c8;
text-align: center;
  
}
div.fototekst p {
text-align: center;
font-size: 12px;
text-indent: 0;
color: #c8c8c8;
}

div.pano {
width: 1000px;
height: auto;
text-align: center;
  
}
div.pano p {
text-align: center;
font-size: 12px;
text-indent: 0;
color: #c8c8c8;
}

div.links {
clear: left;
}

div#footer{
width: 900px;
height: 30px;
margin: 50px 0 0 100px;
font-size: 10px;
color: #c8c8c8;
text-align: center;
clear: left;
clear: right;
}

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 #427df7;
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;
}

a.menu{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
padding: 0 0 3px 0;
margin: 0 12px 0 0;
font-weight: bold;
color: #c8c8c8;
}

a.menu:link, a.menu:visited{
border-bottom: 2px solid #c8c8c8;
}

a.menu:hover, a.menu:active{
border-bottom: 2px solid yellow;
}

div.plaatje {
  width: 400px;
  border: 1px solid #c8c8c8;
  padding: 0 20px 0 20px;
  margin: 20px 164px 20px 164px;
}

div.plaatje p {
  text-align: center;
  font-size: 11px;
  text-indent: 0;
}

div.plaatje a {
text-decoration: none;
width: auto;
}

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 {
  background-color: white;
  width: 650px;
  height: auto;
  padding: 25px 35px 25px 35px;
  margin: 40px auto 0 auto;
  border: 2px solid #c8c8c8;
  text-align: center;
}

div#diashow p {
  text-align: center;
  font-size: 12px;
  text-indent: 0;
  color: black;
}

div#diashowvert {
  background-color: white;
  width: 500px;
  height: auto;
  border: 2px solid #c8c8c8;
  margin: 40px auto 0 auto;
  padding: 25px 35px 25px 35px;
}
div#diashowvert p {
  text-align: center;
  font-size: 12px;
  text-indent: 0;
  color: black;
}

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;
}

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

a.shift:hover { 
background-position: 0 -855px;
}

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

a.wissel:hover { 
background-position: 0 -484px;
}

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

a.compare:hover { 
background-position: 0 -484px;
}

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

a.combi:hover { 
background-position: 0 -484px;
}

a.image {
border: 0px;
}
