/*  body und schrift deffinitionen */
html, body {
height: 100%;	overflow: auto; 
background-color: #FFFFFF;
font-size: 10pt;
font-family: Trebuchet MS, Verdana, Arial, Sans-Serif;
color:#000000;  
padding:0px;
margin:0px;
} 

a { 
color: #800080;
font-size: 10pt;
background-color:transparent;
text-decoration: none; 
}
 
pre { 
color: #990099;
font-size: 10pt;
background-color: transparent;
font-family: Trebuchet MS, Courier, Monaco, Monospace;
}

p,h1, h3, pre {
 padding: 2px 15px;
 margin: 0px;
}

h3 {
font-size: 20px;
font-family: Felix Titling, Trebuchet MS
text-transform:uppercase;
color: #800080;
background-color: transparent;
}

/*  positioning-layers dynamisch */

#logo { 
position: fixed;
width: 90%;
left: 90px; 
text-align: left;
top: 4px;
}

#links { 
position: fixed; 
left: 0%; 
width: 70px; 
top: 0px;
background-color: transparent;  
}

#menu { 
position: fixed; 
left: 70px; 
width: 180px; 
top: 99px;
bottom: 0;
background-color: transparent;
overflow: none;
}

#content { 
position: absolute; 
left: 281px; 
width: 680px;
top: 99px;
bottom: 0;
background-color: white;
overflow: auto;
}

#rechts { 
position: absolute; 
left: 1000px; 
width: 140px; 
top: 30px; 
background-color: transparent;
}

#links, #rechts { 
padding:0px;
margin:0px;
}

#content, #menu { 
border-top: 1px solid #ffccff;
border-left: 1px solid #ffccff;
border-right: 1px solid #ffccff;
padding:15px;
margin:0px;
}

#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;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}