body, html {
		padding:0;
		margin:0;
		height:100%;
		}
body	{
		background-color: #F9F5F3;
		background-image:url("./pix/bg_logo.jpg");
        }
body,td,table,textarea,input,option {
        font-size:98%;
        color:#000060; /*Tiefes Blau*/
        font-family:verdana,arial,ms sans serif,helvetica;
        }
/*Positionierung der Elemente*/
#page 	{
		position:relative;
        margin:100px 0px 20px 5px;
		z-index:5;
		display:block;
		}
ul#menu {
        float:left;
        width:150px;
        margin:0;
        padding:5px;
        height:auto;
        background-color:#F0E6C8;
        border: 1px solid #DA251D;
        }
#content{
		width: auto;
		top:0;
		margin: 0px 170px 80px 170px;
        padding:5px;
        background-color:#F0E6C8;
        border: 1px solid #DA251D;
        z-index:8;
        }
#footer {
		text-align:center;
		}        
#sitevisual{  
		position:absolute;
        top:0px;
        right:0px;
        border:0;
	z-index:0;
        }
#logo{  position:absolute;
        top:13px;
        left:30px;
        z-index:10;
        }
#advertisement{
	position:absolute;
        top:182px;
        right:0px;
        z-index:0;
	text-align:center;
	width: 165px;
        }
        
/* Tag-Definitionen */
h1      {
		font-size:200%;
        color:#FF4230;
        text-align:center;
        font-weight:normal;
        }
h2      {
		font-size:150%;
        margin:7px;
        font-weight: normal;
        text-align:center;
        }
h3      {
		font-size:100%;
        font-weight:normal;
        margin-bottom:5px;
        text-align:center;
        }
h4      {
		font-size:80%;
        margin-top:0;
        margin-bottom:0;
        font-weight: normal;
        }
th      {
		font-size:100%;
        font-weight:bold;
        }
td      {text-align:left;
        }
menu li {margin-top:10pt;
        }
ul, menu{
		margin-left:15pt;
        }
img     {border:0;
        }
tr      {vertical-align:top;
        }
th.tabelle {
		vertical-align:middle;
        }
.block,.kapital {
        text-align:justify;
        }
a,a:link,a:visited {
        color:#0000A0;
        text-decoration:none;
        border-width:0;
        }
a:hover,a:active {
        color:#FF4230;
        text-decoration:none;
        }
/* Klassendefinitionen */
.tabelle{
        background-color:#F0EAE0;
        padding:2px;
        vertical-align:top;
        text-align:center;
        border: 1px solid #FFFFEE;
        }
.kapital:first-letter {
		font-size:150%;
        color:#DA251D;
        }
.klein  {
		font-size:70%;
        }
.foto   { margin:5px;
          vertical-align:middle;
        }
tr.nav, td.nav {
        border:0px solid #D5C0A0;
        text-align:left;
        }
tr.navakt, td.navakt {
        color:#FF1411;
        text-align:left;
        border:1px solid #FFFFEE;
        background-color:#DBC7A7; /*DBC7A7  rot-> DA251D*/
        }
.wichtig {
        color:#FF4230;
        }
.ergebnis {
        text-align:center;
        }
.ergebnis_strike {
        text-align:center;
        color: #CFAAAA;
        text-decoration: line-through;
        }
.erg_left {
        text-align:left;
        font-size:80%;
        }
.left   {
        text-align:left;
        }
.center {
        text-align:center;
        }
.hof    {
		width:650px;
	}
.zebratable {
		empty-cells:show;
		}

/*Darstellung benannter Elemente*/

.fehler {
		background-color:#FF4230;
        text-align:left;
        }
table.zebratable tr td {
        background-color:#E5DFD5;
        padding:2px;
        vertical-align:middle;
/*        text-align:center;*/        
        border: 1px solid #FFFFEE;
        empty-cells:show;
        }
table.zebratable tr th {
        background-color:#DBC7A7;
        padding:2px;
        margin:5px;
        vertical-align:middle;
        border: 1px solid #FFFFEE;
        empty-cells:show;
		}
table.zebratable tr.even td{
        background-color: #F0EAE0;
        }
table.zebratable tr.ruled td{
        background-color: #DBC7A7;
        }

#breadcrumb{
        font-size:80%;
        }
ul#menu li, ul.sitemap li, ul.sitemap ul li
        {
        list-style-type:none;
        padding: 1px;
        }
ul#menu li.layer1{
		font-size:97%;
        margin-left:1em;
        }
ul#menu li.layer2{
        margin-left:2em;
        }
ul#menu li#akt {
        color: #f00;
        background-color:#DBC7A7;
        border:1px solid #FFFFEE;
        padding: 3px;
        }
ul#menu li a:hover
        {text-decoration:none;
        }
div#logo img#logo_pic{height:90px;}
div#logo img#logo_year{height:70px;}

div#query {
	width: auto;
	margin: 0px 170px 80px 170px;
        padding:5px;
        background-color:#F0E6C8;
        border: 1px solid #DA251D;
        z-index:1;}
div#news_alt {
        width:500px;
	text-align:center;
        margin-top:15px;
        align:center;
        }        
div#news {
        width:80%;
	text-align:center;
        margin-top:15px;
        align:center;
        }        
		table#newsbox_alt tr td{
        width:300px;
	text-align:center;
        margin-top:15px;
        padding: 5px;
        align:center;
        }        
		table#newsbox tr td{
        width:75%;
	text-align:center;
        margin-top:15px;
        padding: 5px;
        align:center;
        }        

		div.pagination {
		padding: 3px;
		margin: 3px;
		text-align:center;
		font-size:80%;
		}
div.pagination a.pagination, div.pagination span.disabled{
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #DBC7A7;
		}
div.pagination span.current {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #FFFFEE;
		font-weight: bold;
		background-color: #DBC7A7;
		}


#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(./pix/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(./pix/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; }