/* CSS Document */

body{
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: arial;
}

#sitecontainer{
  position: absolute;
  margin-top: 15px;
  left: 50%;
  margin-left: -480px;
  width: 960px;
  min-height: 100%;
  height: auto;
  background-image: url(../img/sitecontainer-bg.gif);
  background-repeat: repeat-y;
}

#top{
  float: left;
  width: 958px;
  height: 66px;
  border: 1px solid #7f7f7f;
  background-color: #fff;
}

#left{
  float: left;
  width: 216px;
  min-height: 465px;
  color: #000;  
}

#main{
  float: left;
  width: 702px;
  min-height: 465px;
  font-size: 12px;
  padding-left: 30px;
  color: #000;
  padding-right: 10px;
}

/* Top */

/* CSS Document */

.logo{
  float: left;
  width: 227px;
  height: 64px;
}

#afbeelding-top{
  float: left;
  width: 504px;
  height: 64px;
}

/* Left */

#menu ul{
	list-style:none;
	padding: 0;
	margin: 0;
	text-indent: 6px;
}
 
#menu ul li{
	height:24px;
	width:100%;
  line-height:24px;
	border-bottom:1px solid #000;
	list-style-type: none;
}


#menu ul li a{
	font-size: 13px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#menu ul li a:visited{
	font-size: 13px;
	font-weight: bold;
	color: #000;
	text-decoration: none;	
}

#menu ul li a:hover{
	font-size: 13px;
	font-weight: bold;
	color: #c82828;
	text-decoration: none;	
}

.adres {
	font-size: 12px;
	font-weight: bold;
	padding-left: 6px;
	padding-right: 6px;
}   

.adres a{
  text-decoration: none;
  color: #000;
}

.adres a:visited{
  text-decoration: none;
  color: #000;
}

.adres a:hover{
  text-decoration: none;
  color: #000;
}

/* Main */

/* CSS Document */

#main a{
  color: #0079ca;
  text-decoration:underline;
  font-weight:bold;
}

#main a:visited{
  color: #0079ca;
  font-weight:normal;
}

#main a:hover{
  color: #0079ca;
  text-decoration:none;
}

#main a:active
{
	color: #0079ca;
	text-decoration:none;
	font-weight:normal;
}

.main-text{
  float: left; 
  padding-top: 24px;
  width: 520px;
}

h1{
  text-align: center;
  font-size: 17px;
  margin-top: 5px;
}

h2{
  font-size: 14px;
  color: #b1b1b1;
  margin: 0;
  padding: 0;
}

#main img{
margin: 5px;
}

.formwrapper
{
	clear:both;
	width:410px;
	float:left;
}

.formwrapper .label
{
	float:left;
	width:200px;
}

.formwrapper .semicolon
{
	float:left;
	width:10px;
}

.formwrapper .inputfield
{
	float:left;
	width:200px;
}    

#main input
{
  margin-top: 3px;
}

/* Right */

/* CSS Document */

.foto{
  float: left;
  width: 178px;
  height: 178px;
  min-height: 117px;
  margin-left: 5px;
  margin-top: 5px;
}

.red{
  float:left;
  margin-top: 5px;
  width: 219px;
  color: #fff;
  height: 20px;
  border: 1px solid #000;
  background-color: #ca252c;
  color: #fff;
  line-height: 20px;
  font-weight: bold;
  padding-left: 5px;
}

.red p{
  margin: 0;
  padding: 0;
}

.white{
  float:left;
  width: 214px;
  color: #000;
  min-height: 45px;
  border: 1px solid #000;
  margin-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.center{ 
  text-align: center;
}

.white p{
  margin: 0;
  padding: 0;
}

.white a{
  color: #ca252c;
}

.white a:visited{
  color: #ca252c;
}

.white a:hover{
  color: #ca252c;
}

#slideshow {list-style:none; color:#fff;}
#slideshow span {display:none}
#wrapper {width:180px; margin:0px auto; display:none; }
#wrapper * {margin:0; padding:0; }
#fullsize {position:relative; width:180px; height:137px; padding:0px; border:0px solid #000; background:#fff}
#information {position:absolute; bottom:0; width:180px; margin-left:0px; height:0; background:#fff; color:#000; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:10px}
#information p {padding:0 8px 8px; font-size:9px;}
#image {width:150px; }
#image img {position:absolute; z-index:25; width:auto;border:1px solid #000;}
.imgnav {position:absolute; width:25%; height:105px; cursor:pointer; z-index:150}
#imgprev {left:5px; background:url(../img/fotogalerij/left.gif) left center no-repeat}
#imgnext {right:0px; background:url(../img/fotogalerij/right.gif) right center no-repeat}
#imglink {position:absolute; height:105px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../img/fotogalerij/link.gif) center center no-repeat}
#thumbnails {margin-top:0px}
#slideleft {float:left; width:20px; margin-left:5px; height:105px; background:url(../img/fotogalerij/scroll-left.gif) center center no-repeat; background-color:#fff}
#slideleft:hover {background-color:#ddd}
#slideright {float:right; width:20px; height:105px; background:#fff url(../img/fotogalerij/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#ddd}
#slidearea {float:left; position:relative; width:440px; margin-left:0px; height:105px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}