* { padding: 0; margin: 0; }

body {
 font-family: verdana,Helvetica, Arial, sans-serif;
 font-size: 12px;
 background-color:#666666;
 color:#330000;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;

}
p#kop {
 font-size:14px;
 font-weight:bold;
 padding-top:10px;
 padding-bottom:10px;
}

p#voet {
 font-size:10px;
 padding-top:10px;
 padding-bottom:10px;
}
#faux {
   min-height:380px;
 background: url(GFX/2-2_back.gif);
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
#header {
 color: silver;
 width: 902px;
 padding: 10px;
 height: 100px;
 margin: 10px 0px 0px 0px;
 background: #330000;
 background-image:URL('GFX/logo.png');
 background-position:right;
 background-repeat:no-repeat;
}
#navigation {
 color: #333;

 margin: 0px 0px 0px 0px;
 background: #ffffff;
}
#leftcolumn { 
 display: inline;
 color: silver;

 margin: 10px;
 padding: 0px;
 width: 307px;

 float: left;
}

#xtrapic{
position:relative;
left:5px;
top:-230px;
width:510px;
height:68px;

}


#content { 
 float: left;
 color: silver;
 margin: 10px 13px ;
 padding: 0px 0px 20px 0px;
 width:400px;
 display: inline;
 position: relative;
}

#foto{
text-align:center;
width:250px;
height:250px;
overflow:hidden;
border:1px solid gray;
}
#omschrijving{
position:relative;
left:260px;
top:-252px;
width:290px;
height:250px;
overflow:hidden;
border:1px solid gray;
background:#ffffff;
color:gray;
}


#footer { 
 width: 902px;
 clear: both;
 color: gray;
 background-image:URL('GFX/2_voet.gif');
 background-repeat:repeat-x;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 border-top:solid 1px #eeeeee;
 text-align:center;
}



.clear { clear: both; background: none; }

#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 200px;
padding: 0px;
margin: 0px;
}

#vertmenu ul {
list-style: none;
margin: 0px 0px 0px 5px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;

}

#vertmenu ul li a {
font-size: 80%;
display: block;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;

text-decoration: none;
background-color: #eeeeee;
color:#111111;
width:185px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #FEA154;

}

.navigatiebalk {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(GFX/three_0.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.navigatiebalk li {float:right;}
.navigatiebalk li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.navigatiebalk li a b {float:left; display:block; padding:0 16px 0 8px;}
.navigatiebalk li.current a {color:#fff; background:url(GFX/three_2.gif);}
.navigatiebalk li.current a b {background:url(GFX/three_2.gif) no-repeat right top;}
.navigatiebalk li a:hover {color:#fff; background:#000 url(GFX/three_1.gif);}
.navigatiebalk li a:hover b {background:url(GFX/three_1.gif) no-repeat right top;}
.navigatiebalk li.current a:hover {color:#fff; background:#000 url(GFX/three_2.gif); cursor:default;}
.navigatiebalk li.current a:hover b {background:url(GFX/three_2.gif) no-repeat right top;}



.floatleft     {
               float: left;
               margin: 5px 10px 5px 0;
               }

.floatright     {


               clear:left;
               float: right;
               margin: 22px 0 5px 10px;

               }


#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); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(GFX/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(GFX/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; }
th a {color: white;}

div#ruimte{padding:10px;}
#thumb a img {border:1px solid silver;}
.thumb a img{border:1px solid silver;}
a img {border:0;}
input, textarea {font-family: arial, verdana, sans-serif; background-color:#ffffff; color:gray; border:1px solid silver;}
td{border: 0px solid silver; padding:0 5px 0 5px;}
#omschrijving h2 {font-size:16px; color:#000000;}
#omschrijving a {color:#000000; text-decoration:none;}
#omschrijving a:hover {color:#222222; text-decoration:none;}
a {color:#cc0000; text-decoration:none;}
a:hover {color:#000000; text-decoration:none;}
#tabel td {background-image:URL('GFX/tabel.gif');background-repeat:repeat-x;}

#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid #000000;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
font-family:arial,verdana,sans-serif;
color:#ff9900;
font-size:12px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}
td
{
  color:black;
}

#tabel td, th
{
  color:silver;
  text-align:left;
  font-weight:normal;
}

#dropmenudiv	       {
		       position:absolute;
		       border:1px solid #DEC4CD;
		       /*border-bottom-width: 1;*/
		       font:normal 11px arial;
		       line-height:18px;
		       z-index:100;
		       }

#dropmenudiv a	       {
		       width: 100%;
		       display: block;
		       text-indent: 3px;
		       background-color: #640023;
		       color:#fdf5f8;
		       font-size:12px;
		       border-bottom: 1px solid black;
		       padding: 1px 0;
		       text-decoration: none;
		       text-align:left;
		       }

#dropmenudiv a:hover	{ 
			/*Mouseoverkleur*/
color:#640023;
background-color: #DEC4CD;

			}