*{
margin:0px;
padding:0px;
}
body{
background: #014003;
}

#top{
margin-top:10px;
margin-bottom:10px;
width:992px;
height:23px;
}

#header{
background:url(../images/header.gif);
width:992px;
height:230px;
}
#menu{
background:url(../images/menu.gif) no-repeat;
width:992px;
height:41px;
}
.menu{
padding-top:7px;
color:#FFFFFF;
}
#content{
  overflow:hidden;
  background:#ffffff;
  width:992px;
  height:auto;
  min-height:20px;
}
#clinks {
  float:left;
  margin-left:41px;
  margin-bottom:5px;
  text-align:left;
  width: 700px;
  height:auto;

}
#crechts {
  text-align:right; 
  float:right;
  margin-right: 5px;
  width:200px;
  height:auto;
  margin-bottom:10px;
}
#crechts img{
margin-top:20px;
}

#footer{
background:#fff;
width:992px;
height:35px;
margin-bottom:10px;
}
.footerttekst{
float:left;
font-weight:bold;
font-size:16px;
padding-left:41px;
padding-top:10px;
}
.footermaked{
color:#FFFFFF;
float:right;
text-align:right;
margin-right:41px;
padding-top:10px;
}


#nav, #nav ul {
padding: 0px 0 0 0;
margin: 0;
list-style: none;
}

#nav li {
float: left;
width: 120px;
}

#nav ul {
position: absolute;
width: 120px;
left: -900px;
}

#nav li:hover ul, #nav li.ie_does_hover ul {
left:auto;
margin-left:20px;
}

#nav a {
display: block;
text-decoration: none;
}

ul a{
font-weight: bold;
color: #FFFFFF;
cursor: default;
}

ul ul a:link, ul ul a:visited{
font-weight: normal;
color: #CCC;
cursor: pointer;
}

ul ul a:hover, ul ul a:active{
font-weight: normal;
color: #FFF;
cursor: pointer;
}

ul ul li{
background:url(../images/dropdown.jpg) repeat;
border-left: 0;
}

/* IE only hack \*/
* html ul li, * html ul ul li{
border-bottom:. 0px solid #FFF;
float:left;
}

* html ul ul li{
border-top: 0;
margin-right:100px;
}
/* Einde IE only hack */ 

/* lightbox */

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


#lightbox img{
width: 100%; 
height: 100%;
}


#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);
/* Trick IE into showing hover */
display: block;
}


#prevLink {
left: 0;
float: left;
}


#nextLink {
right: 0;
float: right;
}


#prevLink:hover, #prevLink:visited:hover {
background: url(../images/prevlabel.gif) left 15% no-repeat;
}


#nextLink:hover, #nextLink:visited:hover {
background: url(../images/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;
}