html {
 height:100%;
}

body {
font-family: "comic sans ms", Arial, Verdana, Helvetica, sans-serif; 
font-size: 14px;
background-color: #C4E38C; 
background-image: url(allg/pix-allg/bg.jpg);
background-repeat: no-repeat;
background-position: center 0px; /*mit den Pixel wird der Abstand nach oben angegeben*/
line-height: 19px;
color: #3B550B; 
padding: 0; 
margin: 0; 
height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
}

* html body 
{
 height:100%;
}


p {
margin: -7px 0px;
padding: 8px;
font-size: 14px;
color: #3B550B;
font-family : "comic sans ms", Arial, Helvetica, sans-serif; 
line-height: 19px;
}

h1 {
font-size:21px;
line-height: 28px;
font-weight: bold;
font-family : "comic sans ms", Arial, Helvetica, sans-serif;
text-align: center;
color:#3B550B;
/*background:#DFE1DA;*/
padding: 4px 5px;
margin:0px 0px 10px 0px;}   /*erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links*/

h2 {
font-size:14px;
line-height:20px; 
font-family : "comic sans ms", Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
color:#34372D;
padding: 5px 10px;
margin: 4px 10px;}

h3 {
font-size:16px;
line-height: 28px;
font-weight: bold;
font-family : "comic sans ms", Arial, Helvetica, sans-serif;
text-align: left;
color:#3B550B;
/*background:#DFE1DA;*/
padding: 10px 5px;
margin:15px 0px 15px 0px;}   /*erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links*/


h4 {
font-size:14px;
font-weight: bold;
font-family : "comic sans ms", Arial, Helvetica, sans-serif;
text-align: left;
color:#F1F5EB;
background:#44630C;
padding: 5px 6px;
margin:0px;}

img.left
{
        float: left;
        margin: 6px 6px 0 0;
		
}

img.right
{
	clear: both;
    float: right;
    margin: 6px 0 6px 6px;
}

img.zentriert
{
	display: block;
	margin: 0 auto;
}

div.img-container
{
	margin: 0.5em;
	padding: 0.5em;
}

div.img-container p
{
	margin: 0;
	padding: 0;
	text-align: center;
}


dl.bildunterschrift { float: left; margin-right: 1em; }/*verhindert das Einrücken und den Abstand nach oben*/
dl.bildunterschrift dt { margin-bottom: 0; }
dl.bildunterschrift dd { margin: 0;text-align: center;font-size: 0.8em;margin-bottom: 1.5em; }


#wrapper {
background-color: #588506;
width: 780px; 
margin: 0 auto; /* Div soll zentriert werden */
min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */ 
height:100%; /* Mindesthöhe für den IE */ 
overflow: hidden !important; /* FF Scroll-leiste */ 
}


#content { 
 float: left;
 /*color: #2C4008;*/
 background: #F1F5EB;
 /*height: 350px;*/
 width: 580px;
 height:100%;
 min-height: 100%;
 display: inline;
}

#header {
 color: #2C4008;
 width: 780px;
 float: left;
 height: 104px;
 background: #45630C;
}

#footer { 
 width: 780px;
 /*height: 25px;*/
 clear: both;
 padding: 4px;
 color: #F7F8F3;
 background: #45630C;
}

#navigation {
 float: left;
 width: 780px;
 color: #2C4008;
 background: #34372D;
}

#leftcolumn { 
 /*height: 550px;
 color: #333;*/
 background: #588506;
 background-image: url(allg/pix-allg/bg-navi.jpg); background-repeat:no-repeat;
 height:100%;
 min-height: 100%;
 width: 200px;
 float: left;
}


.down { font-family: "comic sans ms", Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 16px; font-weight: normal; font-variant: normal; color: #F7F8F3}

.weiss { font-family: "comic sans ms", Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 19px; font-weight: bold; font-variant: normal; color: #ffffff}

.lexikon { font-family: "comic sans ms", Arial, Verdana, Helvetica, sans-serif; font-size: 21px; font-style: normal; line-height: 24px; font-weight: bold; font-variant: normal; color: #3B550B}

.klein { font-family: "comic sans ms", Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: italic; line-height: 15px; font-weight: normal; font-variant: normal; color: #3B550B}

/*Links mit Hintergrund im Hauptfenster*/

.haupt {font-family: "comic sans ms", Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #555A49; text-decoration: none; font-weight: bold; line-height: 19px}/*der ist für den Netscape*/
a:link.haupt {font-family: "comic sans ms", Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #555A49; text-decoration: none; font-weight: bold; line-height: 19px}
a:visited.haupt {font-family: "comic sans ms", Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #555A49; text-decoration: none; font-weight: bold; line-height: 19px}
a:hover.haupt {font-family: "comic sans ms", Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none; font-weight: bold; line-height: 19px}
a:active.haupt {font-family: "comic sans ms", Arial, Verdana, Helvetica, sans-serif; font-size : 14px; color: #555A49; font-weight: bold; text-decoration: none;line-height: 19px;}

/*Link im Footer*/
.footer {font-family: "comic sans ms", Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #588506; text-decoration: none; font-weight: bold; line-height: 19px}/*der ist für den Netscape*/
a:link.footer {font-family: "comic sans ms", Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #588506; text-decoration: none; font-weight: bold; line-height: 19px}
a:visited.footer {font-family: "comic sans ms", Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #588506; text-decoration: none; font-weight: bold; line-height: 19px}
a:hover.footer {font-family: "comic sans ms", Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #293C05; text-decoration: none; font-weight: bold; line-height: 19px}
a:active.footer {font-family: "comic sans ms", Arial, Verdana, Helvetica, sans-serif; font-size : 12px; color: #588506; font-weight: bold; text-decoration: none;line-height: 19px;}



 
 /*dropdownmenue*/
/*erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links*/

/*-------------Navi-Menue-------- http://www.thorstenvock.de/css_menuegenerator.php*/ 
#navi {
	margin: 0;
	padding: 0;
	width: 200px;
	border-bottom: 1px #ff0000;
}

#navi ul, #navi li{
	list-style-type: none;
	padding-top: 0px;
	font-weight: normal;
	text-align:left;
}

#navi li a {
	text-decoration: none;
	display: block;
	width: 198px;
	padding: 5px 2px 5px 0px;
}

#navi a:link, #navi a:visited {
	color: #E7F4D1;
	/*background-color: #588506;*/
}

#navi #akt {
	color: #FFF605;
	background-color: #44630C;
}

#navi a:hover, #navi a:hover#akt {
	color: #E7F4D1;
	background-color: #4D7406;
}

/*Menue-Rahmen oben*/
.oben { border-top:1px solid #9BBC5D }
.links { border-top:1px solid #9BBC5D }
.unten { border-bottom:1px solid #9BBC5D }
.oben-hell { border-top:1px dotted #9BBC5D }
.unten-hell { border-bottom:1px dotted #9BBC5D }


/*Lightbox Anfang*/
#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(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; }
/*Lightbox Ende*/