/* Stephan Kohl Grünstadt */
/* (C) Michael Hantz Webdesign Grünstadt */
/* Bearbeitungsstand 14.04.2008 */

/* ---------------------------------------------------*/
/* Allgemeine Einstellungen */
/* ---------------------------------------------------*/

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-family: verdana,arial,helvetica,sans-serif;
 font-size:11px;
 letter-spacing:0px; 
 color:black;
 background:#990000; 
}

.seitenbreite{ 
 width:813px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 background-color:#fff;
 background-image:url(higru-navi.gif);
 background-repeat:repeat-y;
 } 
 
.kopfzeile{
 position:relative; 
 height:83px; 
 background-color:#000000; 
 width:100%;
 background: url(logo-01.gif);
 background-repeat:no-repeat;
 border-bottom:1px #4C4C4C solid;
}

.fusszeile{
 height:30px; 
 background:#e7e7e7; 
 clear:both; 
 font-family:verdana,arial,helvetica,sans-serif;
 font-size:9px;
 text-align:center;
 line-height:30px;
 color:#8F8F8F;
 border-top:1px #4C4C4C solid;
 } 
 
.hauptspalte
{
 width:533px; 
 position:relative;
 background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative;
 top:0px;  
 text-align:left;
 z-index:0;
 margin:0px;
 padding:0px;  
 }
 
.flamme
{
position:absolute;
top:0px;
left:-172px;
width:158px;
float:left;
} 

.kapitel{
 text-align:right; 
 padding-right:7px;
 font-family:verdana,arial,helvetica,sans-serif;
 font-size:16px;
 letter-spacing:1px; 
 }

.fliess{
 position:absolute;
 top:27px; 
 width:533px;
 text-align:left; 
 
}
.fliesstext{
margin-right:35px;
line-height:15px;
}

.infobox{
font-style:italic;
border-right: 5px solid #A8A8A8;
margin-right:40px;
margin-bottom:50px;
padding-right:15px;
}
.infografik{
float:left;
margin-right:10px;
margin-bottom:15px;
}
  
 
h1{ 
 font-family:verdana,arial,helvetica,sans-serif;
 font-size:15px;
 letter-spacing:1px;
 font-weight:bold;
 }
h2{ 
 font-family:verdana,arial,helvetica,sans-serif;
 font-size:12px;
 letter-spacing:1px;
 font-weight:normal;
 }
 
 
.klein{
font-size:9px;
color:#909090;
}

table.form{
	border: 1px solid #009999; 
}
td.formtabelle{
	font-size: 11px; letter-spacing: 1pt; font-weight: bold; background-color:#E6EBFE; text-align:left;
}
.daten{
font-size:11px;
font-weight:bold;
background:#e8e8e8;
}
.eingaben{
border:1px dotted #3a3b8e;
background-color:#fff;
font-family:Verdana,Arial,Helvetica;
font-size:11px;
}

 /* Fix für Floatcontainer */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
 
 /* printer styles */ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
		
/* ---------------------------------------------------*/
/* Navigationsspalte */
/* ---------------------------------------------------*/

.navigation
{ 
 width:180px;
 float:left; 
 position:absolute; 
 background-color:#fff;
 font-family: verdana, tahoma, geneva, "lucida sans unicode", "lucida grande",sans-serif;
 font-size: 11px;
 letter-spacing:1px;
 line-height:10px;
 padding-top:5px;
 padding-left:90px;
 padding-right:0px;
 margin-right:0px;
 background-image:url(higru-navi.gif);
 background-repeat:repeat-y;   
}

/* Navigationsmenü */
.menue{
font-family: arial, sans-serif; width:130px; height:auto; position:relative; font-size:11px; margin-top:30px; z-index:100;
}
.menue ul {
padding:0; margin:0; list-style-type: none; background:#fff; width:130px; height:auto; border:0px solid #606;
}
.menue ul li ul {
visibility:hidden; position:absolute; height:0; overflow:visible; top:0; left:133px; 
}
.menue ul li {
float:left; position:relative;
}
.menue ul li a, .menue ul li a:visited {
display:block; float:left; text-decoration:none; color:#000; width:120px; height:20px; line-height:19px; font-size:11px; background:transparent; padding-left:15px; background-image:url(garfik-button.gif);background-repeat:no-repeat; 
}
* html .menue ul li a, * html .menue ul li a:visited {width:130px; w\idth:120px;}

.menue table {
border-collapse:collapse; border:0; margin:-1px; padding:0; font-size:1em;
}

/* Erste Zeile für IE7 und non-IE - zweite Zeile für IE5.5 und IE6 */
.menue ul li:hover a,
.menue ul li a:hover{
background:#990000; color:#fff; 
}
.menue ul li:hover ul,
.menue ul li a:hover ul {
visibility:visible; position:absolute; height:auto; border:1px solid #606; background:#e4e4e4; overflow:visible;
}
.menue ul li:hover ul li a,
.menue ul li a:hover ul li a{
display:block; background:transparent; color:#000; line-height:10px; padding:5px 0 5px 10px; height:auto; text-decoration:none;
}

.menue ul li:hover ul li:hover a,
.menue ul li a:hover ul li a:hover {
background:#990000; color:#fff;
}
.menue ul li:hover ul li ul,
.menue ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:85px;
}
.menue ul li:hover ul li:hover ul,
.menue ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; height:auto; color:#000; padding:0; border:1px solid #069; list-style-type:none; background:#069;
}
.menue ul li:hover ul li:hover ul li a,
.menue ul li a:hover ul li a:hover ul li a {
display:block; background:transparent; color:#ff0;
}

.menue ul li:hover ul li:hover ul li:hover a,
.menue ul li a:hover ul li a:hover ul li a:hover {
background:#eee; color:#000; 
}


/* Bildvergrößerungen */

.bildwechsel {position:relative; top:0px; left:0px; width:200px; background-color:#fff; z-index:100;}
.bildwechsel a.p1, .bildwechsel a.p1:visited {display:block; width:102px; height:76px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
.bildwechsel a img {border:0;}
.bildwechsel a.p1:hover {text-decoration:none; background-color:#c00; color:#000;}
.bildwechsel a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
.bildwechsel a.p1:hover .large {display:block; position:absolute; top:3px; left:220px; width:302px; height:auto;}
td.wechsler {text-align:center;font-size:9px;line-height:14px;height:14px;padding-top:2px;}

.bildwechsel2 {position:relative; top:0px; left:0px; width:200px; background-color:#fff; z-index:100;}
.bildwechsel2 a.p2, .bildwechsel2 a.p2:visited {display:block; width:102px; height:76px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
.bildwechsel2 a img {border:0;}
.bildwechsel2 a.p2:hover {text-decoration:none; background-color:#c00; color:#000;}
.bildwechsel2 a .large2 {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
.bildwechsel2 a.p2:hover .large2 {display:block; position:absolute; top:-150px; left:220px; width:302px; height:auto;}

.bildwechsel3 {position:relative; top:0px; left:0px; width:200px; background-color:#fff; z-index:100;}
.bildwechsel3 a.p3, .bildwechsel3 a.p3:visited {display:block; width:102px; height:76px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
.bildwechsel3 a img {border:0;}
.bildwechsel3 a.p3:hover {text-decoration:none; background-color:#c00; color:#000;}
.bildwechsel3 a .large3 {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
.bildwechsel3 a.p3:hover .large3 {display:block; position:absolute; top:-260px; left:220px; width:302px; height:auto;}

.bildwechsel4 {position:relative; top:0px; left:0px; width:200px; background-color:#fff; z-index:100;}
.bildwechsel4 a.p4, .bildwechsel4 a.p4:visited {display:block; width:102px; height:76px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
.bildwechsel4 a img {border:0;}
.bildwechsel4 a.p4:hover {text-decoration:none; background-color:#c00; color:#000;}
.bildwechsel4 a .large4 {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
.bildwechsel4 a.p4:hover .large4 {display:block; position:absolute; top:-370px; left:220px; width:302px; height:auto;}

.bildwechsel5 {position:relative; top:0px; left:0px; width:200px; background-color:#fff; z-index:100;}
.bildwechsel5 a.p5, .bildwechsel5 a.p5:visited {display:block; width:102px; height:76px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
.bildwechsel5 a img {border:0;}
.bildwechsel5 a.p5:hover {text-decoration:none; background-color:#c00; color:#000;}
.bildwechsel5 a .large5 {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
.bildwechsel5 a.p5:hover .large5 {display:block; position:absolute; top:-480px; left:220px; width:302px; height:auto;}