/*  body en tekstdefinities */
html, body {
background-color: #0099CC;
font-size: 0.9em;
font-family: Trebuchet MS, Verdana, Arial, Sans-Serif;
} 

a { 
//font-size: 0.9em;
color: #000000;
background-color:transparent;
text-decoration: none; 
}
 
p,h1, h3, pre {
 padding: 2px 15px;
 margin: 0px;
}

h3 {
font-size: 1.0em;
font-family: Trebuchet MS
text-decoration: bold;
text-decoration: underline;
color: #0099CC;
background-color: transparent;
}

/*  positioning-layers */

#wrapper {
width: 980px;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
margin: auto;
background-color: white;
}

#logo { 
float: left;
width: 980px;
overflow: none;
border-bottom: 1px solid #0099CC;
}

#menu { 
width: 145px;
float: left;
padding-top:30px;
padding-left:10px;
overflow: none;
background-color: white;
}

#content { 
width: 583px;
float: left;
padding-top:30px;
padding-left:20px;
padding-right:20px;
overflow: auto;
font-size: 0.9em;
background-color: white;
border-left: 1px solid #0099CC;
border-right: 1px solid #0099CC;
}

#rechts { 
width: 200px; 
float: left;
overflow: none;
text-align: center;
background-color: white;
}

#footer {
clear: both;
height: 40px;
overflow: none;
text-align: center;
background-color: #0099CC;
border: 2px solid #FFFFFF;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}