body {
margin: 0 auto;
padding: 0;
font-family: Arial, Verdana, san-serif;
font-size: 12px;
color: #443135;
text-align: center;
}
#centerwrap {
width: 955px;
margin: 25px auto 0 auto; padding: 0;
overflow: hidden;
}
#container, #containerS {
text-align: left;
min-height: 840px;
height:auto !important;
height:840px;
}
#container {
background: url('images/back-container.gif') bottom left no-repeat;
}
#containerS {
background: url('images/back-containerS.gif') bottom left no-repeat;
}
#foto-links {
width: 192px;
float: left;
}
#hoofd, #hoofdS, #hoofdO {
float: right;
width: 763px;
}
#hoofd {
background: url('images/back-hoofd.gif') top right no-repeat;
}
#hoofdS {
background: url('images/back-hoofdS.gif') top right no-repeat;
}
#hoofdO {
background: url('images/back-hoofdO.gif') top right no-repeat;
}
#header, #headerS, #headerO {
width: 763px;
height: 133px;
}
#header {
background: url('images/back-header.gif') top left no-repeat;
}
#headerS {
background: url('images/back-headerS.gif') top left no-repeat;
}
#headerO {
background: url('images/back-headerO.gif') top left no-repeat;
}
#navigatie {
float: left;
width: 190px;
margin:20px 0 0 0;
}
.hoofd {
display:block; color:#443135; line-height:24px; width:165px; text-decoration:none; cursor: pointer; text-indent:5px;
font-size: 13px;
font-style: italic;
font-weight: bold;
line-height: 30px;
background: url('images/back-hoofdmenu.gif') bottom left repeat-x;
font-family: Georgia, Times, Arial, san-serif;
margin-left: 10px;
}
.hoofd a{
text-decoration: none;
color: #443135;
}
.sub {
font-style: normal;
font-size: 11px;
font-weight: normal;
font-family: Arial, san-serif;
margin-left: 10px;
width: 165px;
line-height: 24px;
}
.sub a{
padding-left: 20px;
color: #754C28;
text-decoration: none;
display: block;
}
.sub a:hover{
color: #754C28;
background: #FDEBD6;
}
#hoofdkolom {
float: left;
width: 389px;
}
#hoofdkolom2 {
float: left;
width: 573px;
overflow: hidden;
}
#hoofdkolom p, #hoofdkolom2 p {
padding: 10px 25px 10px 13px;
margin: 0;
}
#hoofdkolom h1, #hoofdkolom2 h1, #hoofdkolom h2, #hoofdkolom2 h2 {
margin: 20px 9px 15px 13px;
padding: 0;
font-size: 18px;
font-style: italic;
line-height: 25px;
font-family: Georgia, Times, Arial, san-serif;
}
#hoofdkolom img, #hoofdkolom2 img {
margin: 10px;
}
img.floatleft {
float: left;
}
.artikel, .artikelS {
padding-bottom: 5px;
margin-bottom: 15px;
}
.artikel {
padding-bottom: 5px;
margin-bottom: 15px;
}
#container .artikel {
background: url('images/back-artikel.gif') 10px bottom no-repeat;
}
#containerS .artikel{
background: url('images/back-artikelS.gif') 10px bottom no-repeat;
}
#zijkolom {
float: left;
width: 184px;
}
#spacer {
height: 1px; width: 750px;
clear: both;
}
#footer {
text-align: center;
font-size: 10px;
clear: both;
line-height: 25px;
}
#footer a, .sitemap a {
text-decoration: none;
color: #443135;
}
#footer a:hover, .sitemap a:hover {
text-decoration: underline;
color: #443135;
}
span.credit {
padding-right: 25px;
}
#footer a.credit{
color: #C3996B;
}
#footer a:hover.credit{
color: #443135;
}
span.fsp {
padding-right: 10px;
}
#topmenu {
float: right;
font-style: italic;
font-weight: bold;
font-size: 13px;
line-height: 20px;
margin: 82px 0 0 0; 
font-family: Georgia, Times, Arial, san-serif;
}
#topmenu a{
color: #443135;
text-decoration: none;
padding-right: 125px;
}
#topmenu a:hover{
color: #C3996B;
text-decoration: none;
}
#lang {
padding: 108px 0 0 27px;
color: #C3996B;
font-size: 11px;
}
#lang a{
color: #C3996B;
text-decoration: none;
}
#lang a:hover{
color: #443135;
text-decoration: none;
}
#mededeling {
width: 170px;
background: url('images/back-mededeling2.gif') bottom left no-repeat;
color: #fff;
margin-top: 20px;
}
#spreuk {
width: 170px;
background: url('images/back-spreuk2.gif') bottom left no-repeat;
color: #fff;
margin-top: 20px;
padding-bottom: 30px;
font-style: italic;
}
#mededeling p, #spreuk p{
padding: 0 10px 20px 10px;
margin: 0;
}
td {
vertical-align: text-top;
font-size: 11px;
}
td.titel {
color: #754C28;
width: 110px;
}
p.block {
padding: 5px;
background: #FDEBD6;
float: left;
clear: both;
}
/* LIGHTBOX */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto; padding: 0px;
 margin: 0px;}
#lightbox a img{ border: none; background-color: transparent; }

#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; background-color: transparent;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink, #prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) 0 15% no-repeat; 
border: none;
}
#nextLink, #nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) 100% 15% no-repeat; 
border: none;
} 
#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: #3F3A2D; }
#bottomNavClose, #bottomNavClose a {background-color: transparent}






/**
* Schaapskooi
*/
.schaapskooi-artikel {
width: 352px;
height: 254px;
overflow: hidden;
margin: 10px 0 10px 13px;
background: url('./images/schaapskooi/schaapskooi-backarticle.png') top left no-repeat;
}
.oostvleugel-artikel {
width: 352px;
height: 254px;
overflow: hidden;
margin: 10px 0 10px 13px;
background: url('./images/oostvleugel/oostvleugel-backarticle.png') top left no-repeat;
}
.schaapskooi-artikel p, .oostvleugel-artikel p {
margin: 0 0 0 9px;
padding: 0;
font-size: 11px;
font-family: Arial, Verdana, serif;
color: #fff;
}
.schaapskooi-artikel p a, .oostvleugel-artikel p a{
color: #fff;
text-decoration: none;
}
.schaapskooi-artikel p a:hover, .oostvleugel-artikel p a:hover{
color: #fff;
text-decoration: underline;
}
.schaapskooi-artikel #url, .oostvleugel-artikel #url {
width: 352px;
height: 40px;
overflow: hidden;
text-align: right;
margin: 12px 0 0 0;
padding: 0;
}
#url p{
margin:12px 9px 0 0;padding:0;	
}
#url a{
text-decoration: none;
color: #47292b;	
} 
#url a:hover {
text-decoration: underline;
color: #47292b;	
} 
#kernzin {
width: 352px;
margin-top: 8px;
overflow: hidden;
}
#kernzin p {
margin: 10px 0 0 9px;
padding: 0;	
color: #47292b;	
}
#webcamstill {
height: 145px;
width: 178px;
margin: 0 6px 4px 0;
float: right;
overflow: hidden;
position:relative;
} 
#webcamstill img{
margin: 10px 0 0 0;padding: 0;
} 
.schaapskooi-artikel #nieuws, .oostvleugel-artikel #nieuws {
height: 43px;
width: 167px;
margin-top: 21px;
float: left;
overflow: hidden;
} 
#nieuws p{
margin: 0 0 0 9px;
padding: 0;	
} 
.schaapskooi-artikel #inschrijven, .oostvleugel-artikel #inschrijven {
height: 96px;
width: 167px;
margin-top: 15px;
float: left;
overflow: hidden;
} 
.schaapskooi-artikel #inschrijven p, .oostvleugel-artikel #inschrijven p {
color: #47292b;	
margin: 0 0 0 9px; padding: 0;
}
.schaapskooi-artikel input, .oostvleugel-artikel input {
border: 0;
height: 13px; width: 149px;
margin: 2px 0 0 9px;
font-size: 11px;
font-family: Arial, Verdana, serif;
color: #47292b;
background: #b2cd6e;
} 
.schaapskooi-artikel input.submit, .oostvleugel-artikel input.submit {
text-align: center;
width: 69px;
margin-left: 89px;
}
form{
padding: 10px 25px 10px 13px;
margin: 0;
} 
.schaapskooi-artikel form, .oostvleugel-artikel form {
margin: 0; padding: 0;
}