html {overflow-y: scroll;}

#wrapper { 
text-align : left; 
width : 800px; 
margin : 0 auto; 
padding : 0; 
border : 0; 
} 

#header { 
height : 80px; 
} 

#h1 { 
float : left; 
} 

#h2 { 
float : right; 
} 

#h3 { 
float : left; 
text-align : right; 
width : 100px; 
margin : 0 0 0 0; 
} 

#h4 { 
float : left; 
text-align : left; 
margin : 0 0 20px 41px; 
} 

#container { 
width : 800px; 
} 

#menu { 
float : left; 
width : 100px; 
text-align : right; 
} 

#vert { 
float : left; 
width : 21px; 
text-align : right; 
} 

#content { 
border: 1px solid #999999;
margin : 0 19px 0 19px; 
padding : 20px 18px 20px 20px; 
float : left; 
width : 601px; 
min-height : 400px; 
background : #f8f8f8; 
} 

#footer { 
width : 645px;
margin : 18px 17px 0px 0px; 
float : right; 
} 

.f1 { 
float : left; 
text-align : center;
width : 110px;
height : 84px;
} 

.f1:hover {
background : #f7941d;
}

.f11 {
float : left;
width : 106px;
height : 80px;
margin : 2px;
}

.f2 { 
float : left;
width : 157px;
} 

.f3 { 
float : left;
width : 158px;
} 

.f4 { 
text-align : center; 
color : #404040;
}

.p1 { 
float : right; 
text-align : center;
margin : 5px 0px 5px 10px;
width : 110px;
height : 84px;
} 

.p1:hover {
background : #f7941d;
}

.p11 {
float : right;
width : 106px;
height : 80px;
margin : 2px;
}

.spacer {
float : right; 
text-align : center;
margin : 5px 0px 5px 10px;
width : 110px;
height : 84px;
}

.bijschrift { 
font-size : 12px; 
font-style : italic; 
font-weight : normal; 
line-height : 12px; 
margin-top : 0; 
margin-bottom : 0; 
color : #404040; 
} 

.titel { 
font-size : 14px; 
font-style : normal; 
font-weight : bold; 
line-height : 21px; 
margin-top : 10px; 
margin-bottom : 14px; 
color : #404040; 
}

form, input, textarea { 
font-family : 'Trebuchet MS', verdana, helvetica, 'sans serif'; 
font-size : 14px; 
font-style : normal; 
font-weight : normal; 
line-height : 14px; 
margin-top : 3px; 
margin-bottom : 3px; 
color : #404040;  
}

body { 
font-family : 'Trebuchet MS', verdana, helvetica, 'sans serif'; 
background : white; 
} 

h1 { 
font-size : 18px; 
font-style : normal; 
font-weight : bold; 
line-height : 18px; 
margin-top : 0px; 
margin-bottom : 14px; 
color : #31347F; 
} 

h2 { 
font-size : 16px; 
font-style : normal; 
font-weight : bold; 
line-height : 21px; 
margin-top : 10px; 
margin-bottom : 14px; 
color : #C00000; 
} 

h3 { 
font-size : 14px; 
font-style : normal; 
font-weight : bold; 
line-height : 21px; 
margin-top : 10px; 
margin-bottom : 14px; 
color : #404040; 
} 

h4 { 
font-size : 14px; 
font-style : italic; 
font-weight : normal; 
line-height : 21px; 
margin-top : 10px; 
margin-bottom : 14px; 
color : #404040; 
} 

p { 
font-size : 14px; 
font-style : normal; 
font-weight : normal; 
line-height : 21px; 
margin-top : 10px; 
margin-bottom : 14px; 
color : #404040; 
} 

sub { 
font-size : 12px; 
font-style : normal; 
font-weight : normal; 
line-height : 50px; 
margin-top : 0; 
margin-bottom : 0; 
color : #000000; 
} 

li { 
font-size : 14px; 
font-style : normal; 
font-weight : normal; 
line-height : 21px; 
margin-top : 14px; 
margin-bottom : 14px; 
color : #404040; 
} 

a { 
font-size : 14px; 
font-style : normal; 
font-weight : normal; 
line-height : 21px; 
margin-top : 14px; 
margin-bottom : 14px; 
color : #31347F; 
} 

a:hover { 
color : #f7941d; 
} 

#menu a:hover { 
color : #f7941d; 
} 

#menu a { 
color : #000000; 
} 

#menu a, #menu a:hover { 
font-size : 14px; 
font-style : normal; 
font-weight : bold; 
line-height : 21px; 
margin-top : 14px; 
margin-bottom : 14px; 
text-decoration : none; 
} 

#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:image/gif;base64,AAAA); 
display : block; 
} 

#prevLink { 
left : 0; 
float : left; 
} 

#nextLink { 
right : 0; 
float : right; 
} 

#prevLink:hover, #prevLink:visited:hover { 
background : url(im/_prevlabel.gif) no-repeat left 15%; 
} 

#nextLink:hover, #nextLink:visited:hover { 
background : url(im/_nextlabel.gif) no-repeat right 15%; 
} 

#imageDataContainer { 
font : 10px "Trebuchet MS", 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 : 1em; 
} 

#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; 
}
