body {background: #AEADAB url(img/trench.jpg) top repeat-x fixed; margin: 0; padding: 0; width: 100%; height: 100%;  text-align: center;}

table.kader {width: 950px; height: 100%; background: #7A0D1F; padding: 0; margin: 0; border-left: 2px solid #000000; border-right: 2px solid #000000; text-align: left; margin-left:auto; margin-right:auto;}



.headertop {width: 950 px; height: 18px; background: #333333; text-align: center;  border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;}

.headermiddle {width: 950px; height: 220px; background: url(img/header.jpg); border: 1px solid #FFFFFF; vertical-align: top; padding: 5px;}

.headerbottom {width: 950px; height: 10px; background: url(img/balk.jpg); border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;}

input {color: #FFFFFF; font-size: 9px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;  background-color: #171111; border: 1px solid #FFFFFF;}

input.btn {color: #FFFFFF; font-size: 9px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;  background-color: #171111; border: 1px solid #FFFFFF;} 

.menu {color: #999999; font-size: 14px; text-decoration: none; font-weight: bold; font-family: 'trebuchet ms',helvetica,sans-serif; margin-top: 165px; text-align: center;}

.menu a:link {color: #FFFFFF; font-size: 14px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;}

.menu a:active {color: #FFFFFF; font-size: 14px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;}

.menu a:visited {color: #FFFFFF; font-size: 14px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;}

.menu a:hover {color: #999999; font-size: 14px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif; }

.menul {color: #999999; font-size: 14px; text-decoration: none; font-weight: bold; font-family: 'trebuchet ms',helvetica,sans-serif; margin-top: 178px; text-align: center;}

.menul a:link {color: #FFFFFF; font-size: 14px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;}

.menul a:active {color: #FFFFFF; font-size: 14px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;}

.menul a:visited {color: #FFFFFF; font-size: 14px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;}

.menul a:hover {color: #999999; font-size: 14px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif; }



.content {width: 950px; height: 600px; background: #FFFFFF; border: 1px solid #FFFFFF;}

.leftbox {width: 185; height: 600; border-right: 1px solid #ddd; background: #fff; vertical-align: top; padding: 10px;}

.rightbox {width: 185; height: 600; border-left: 1px solid #ddd; background: #fff; vertical-align: top; padding: 10px;}

.middlebox {width: 580; height: 600; padding: 0; margin: 0; vertical-align: top; border-left-style: dotted; border-left: 2px #666666; padding: 25px;}


p {color: #000000; font-size: 12px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;  }

input.nieuwsin { color: #444444; font-size: 12px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;  background-color: #FFFFFF; border: 1px solid #444444;}

input.nieuwsbtn {color: #444444; font-size: 12px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;  background-color: #FFFFFF; border: 1px solid #444444; margin-top: 10px;}  

.pic_center {margin-top: 20px; margin-left: 225px;}


.picleden {margin-left: 90px; margin-bottom: 20px;}

.header {color: #FFFFFF; font-size: 9px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;}

.header a:link {color: #FFFFFF; font-size: 9px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;}

.header a:active {color: #FFFFFF; font-size: 9px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;}

.header a:visited {color: #FFFFFF; font-size: 9px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;}

.header a:hover {color: #999999; font-size: 9px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif; }



.footertext {color: #FFFFFF; font-size: 11px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif; text-align: center; padding-bottom: 15px; padding-top: 10px;}

.footertext a:link {color: #FFFFFF; font-size: 11px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif; text-align: center;}

.footertext a:active {color: #FFFFFF; font-size: 11px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif; text-align: center;}

.footertext a:visited {color: #FFFFFF; font-size: 11px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif; text-align: center;}

.footertext a:hover {color: #999999; font-size: 11px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif; text-align: center;}


.pagename {color: #000000; font-size: 0px; text-decoration: none; font-weight: bold; font-family: 'trebuchet ms',helvetica,sans-serif;}

.pagenametd {width: 290px; text-align: center;}

.pagenametd2 {width: 660px; text-align: left;}

.boxtitle {color: #7A0D1F; font-size: 13px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif; margin-top: 20px;}

.pagetitle {color: #444444; font-size: 20px; text-decoration: none; font-weight: bold; font-family: 'trebuchet ms',helvetica,sans-serif; margin-top: 5px;}

.text {color: #444444; font-size: 13px; text-decoration: none; font-weight: none; font-family: 'trebuchet ms',helvetica,sans-serif; margin-top: 20px;}

.boxtext {color: #444444; font-size: 11px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;}

.boxtext a:link{color: #7A0D1F; font-size: 11px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;}

.boxtext a:active{color: #7A0D1F; font-size: 11px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;}

.boxtext a:visited{color: #7A0D1F; font-size: 11px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;}

.boxtext a:hover{color: #555555; font-size: 11px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;}

.optredens a:link{color: #444444; font-size: 11px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;}

.optredens a:active{color: #444444; font-size: 11px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;}

.optredens a:visited{color: #444444; font-size: 11px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;}

.optredens a:hover{color: #555555; font-size: 11px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;}

button.media {width: 130px; color: #444444; font-size: 12px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;  background-color: #FFFFFF; border: 1px solid #444444; margin-top: 10px; cursor: pointer;} 

input.gastenboek {color: #444444; font-size: 12px; text-decoration: none; font-family: 'trebuchet ms',helvetica,sans-serif;  background-color: #FFFFFF; border: 1px solid #444444; margin-top: 10px;} 


.footer {width: 950px; height: 50px; background: #171111; border: 1px solid #FFFFFF;}

.photo {padding: 0; text-align: center;}

.photoke {float:left;
  background: url(img/shaduw.png) no-repeat bottom right !important;background: url(img/shadow.gif) no-repeat bottom right;
  margin: 5px 0 0 5px !important;
  margin: 5px 0 0 5px;}

.photo img{ display: block;
  position: relative;
  background-color: #FFFFFF;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:img/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
  

.wday { width: 75px;
	font-size: 20px; 
        text-align: center;
	font-style: bold; 
        color: #fff;
	background-color: #7A0D1F;
        font-family: 'trebuchet ms',helvetica,sans-serif; 
} 

.daybox { 
  width: 75px;
  height: 100px;
  text-align: center;
  vertical-align: top;
  font-size: 12px;  
  color: #444444;
  border: 1px solid #444444;
  font-family: 'trebuchet ms',helvetica,sans-serif; 
}