html{ 
overflow-x:hidden; 
} 

body 
{text-align:center;
 border:0px;
 margin:0 px;
 line-height:1.4em;
 font-family:Arial, Helvetica, sans-serif;
 /*font-size:0.76em;*/
font-size:75%;
background-color: #FFFFFF;
background-image:url(../bilder/h_zarfl.gif);
}

/*positionierung des hauptcontainers zentriert */
#haupt
{
/*für explorer < 6*/
width:63.5em;
height:34.0em;
margin:0 auto;
text-align:left;
background-color:#FFFFFF;
z-index:2;
border-left:1px solid #FF0000;
border-right:1px solid #FF0000;
border-top:1px solid #FF0000;
/* fuer explorer 5.0*/
border-bottom:1px solid #FF0000;
/* Styles nur fuer Explorer > 5 */
voice-family: "\"}\"";
voice-family:inherit;
width:63.25em;
}

#schatten {
width:63.25em;
height:34em;
margin:0 auto;
/*padding-right: 5px;*/
/*padding-bottom: 5px;*/
border-right:0.45em solid #8C8C8C;
border-bottom:0.45em solid #8C8C8C;
/*background-color:#8C8C8C;*/
z-index:1;
}

#ecke_rechtsoben
{position:absolute;
 margin-top:-0.6em; 
 margin-left:63.53em; 
 width:0.38em; 
 height:0.35em; 
 background-color:#FFFFFF; 
  z-index:3;
 } 
/* anderer Abstand fuer nicht-Explorer */
html>body #ecke_rechtsoben
    {
 margin-top:0em; 
 	}

#ecke_linksunten
{position:absolute;
 margin-top:34.25em; 
 margin-left:0em; 
 width:0.35em; 
 height:0.35em; 
 background-color:#FFFFFF; 
 z-index:3;
 }

#kopf {
/*height:100px;*/
height:8.10em;
margin-top:0px;
background-image:url(../bilder/h_kopf.gif);
background-repeat:no-repeat;
background-color:#FFFFFF;
border-bottom:1px solid #FF0000;
z-index:2;
}

#inhalt_kontakt 
{
text-align:left;
/*für explorer < 6*/
height:26em;
background-image:url(../bilder/hint_tel.gif);
background-color:#FFFFFF;
background-repeat:no-repeat;
background-position:center;
/*border-bottom:1.7em solid #FFFFFF;*/
z-index:2;
/* Styles nur fuer Explorer > 5 */
voice-family: "\"}\"";
voice-family:inherit;
height:25.7em;
}
/* anderer Abstand fuer nicht-Explorer */
html>body #inhalt_impressum
    {
  height:24.45em; }



#inhalt {
/*für explorer < 6*/
height:26em;
text-align:left;
background-image:url(../bilder/h_hinter.gif);
background-color:#FFFFFF;
background-repeat:no-repeat;
background-position:center;
z-index:2;
/* Styles nur fuer Explorer > 5 */
voice-family: "\"}\"";
voice-family:inherit;
height:25.7em;
}





#inhalt_impressum 
{
text-align:left;
/*für explorer < 6*/
height:26em;
background-image:url(../bilder/hint_weiss.gif);
background-color:#FFFFFF;
background-repeat:no-repeat;
background-position:center;
/*border-bottom:1.7em solid #FFFFFF;*/
z-index:2;
/* Styles nur fuer Explorer > 5 */
voice-family: "\"}\"";
voice-family:inherit;
height:25.7em;
}
/* anderer Abstand fuer nicht-Explorer */
html>body #inhalt_impressum
    {
  height:25.7em; }

#fuss {
height:1.7em;
margin-top:-1.7em;
padding-left:0.85em;
padding-top: 0.2em;
border-top:1px solid #FF0000;
z-index:4;
}


h1
{font-size:18px;
 font-weight:bold;
}

h2
{font-size:15px;
 font-weight:bold;
 background-color:#ABE28B;
 padding:2px;
}

h3
{font-size:16px;
 font-weight:bold;
 line-height:20px;
 padding:2px;
}
.h4
{font-size:14px;
 font-weight:bold;
}
.h4blau
{font-size:14px;
 font-weight:bold;
 color:#245795;
}
.h4rot
{font-size:14px;
 font-weight:bold;
 line-height:20px;
color:#FF0000;
}
/*------Auflistung der links -------*/
ul.aliste
{
list-style-type: bullet;
list-style-image:url(../bilder/pfeil.gif);
list-style-position:outside;
padding-left:1.2em;
margin-left:1.2em;
margin-top:0em;
}
/* anderer Abstand fuer nicht-Explorer */
html>body ul.aliste
    {
 margin-left:1.5em; 
 }
/* anderer Abstand fuer Explorer 7.0*/
*+ html>body ul.aliste
    {
  margin-left:1.2em; 
  margin-top:0.5em;

}

ul.aliste li
{
line-height:1.1em;
padding-bottom:0.5em;
}
/* anderer Abstand fuer nicht-Explorer */
html>body ul.aliste li
    {
  line-height:0em;
padding-bottom:0em;
 }
/* anderer Abstand fuer Explorer 7.0*/
*+ html>body ul.aliste li
    {
  line-height:1.1em;
padding-bottom:1.8em;


}





/*-- wenn liste als berschrift nur einen punkt hat */
ul.aliste li.li1
{
line-height:1.1em;
padding-bottom:0em;
}
/* anderer Abstand fuer nicht-Explorer */
html>body ul.aliste li
    {
line-height:0em;
 }
/* anderer Abstand fuer Explorer 7.0*/
*+ html>body ul.aliste li1
    {
  line-height:1.1em;
padding-top: 0.8em;
}



A.allg
 { 
font-family:  Arial, Helvetica, sans-serif; 
    font-weight:bold; 
    color:#000000; text-decoration:none;}

A.allg:hover 
{ color:#FF0000; 
  text-decoration:underline;}

.tfett
 {font-weight:bold;
  font-size:1.2em;
}
.trot
 {font-weight:bold;
  color:#FF0000;}

.tfuss
 {font-weight:bold;
  color:#000000;
 text-align:center;
  
}

.tdhint {background-color:#EAEAEA}
.tdhint2 {background-color:#FFFFFF}
.tdhint4 {background-color:#FF0000}


.feld1 {
 color: #000000;
 border-right: solid 1px; 
 border-left: solid 1px;
 border-top: none;
 border-bottom: solid 2px;
 text-align:left;
 vertical-align:middle;
}

.rahmen 
{border: #FF0000;
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px}

.button {  
 font-weight: bold; 
 background-color: #2C6AB3; 
 border:#ABE28B; 
 border-right-width:thin; border-right-style:solid; 
 border-left-width:thin; border-left-style:solid;
 border-top-width:thin; border-top-style:solid;
 border-bottom-width:thin; border-bottom-style:solid;
 color: #ABE28B;}

ul.liste
{list-style-position:outside;
list-style-image: url(bilder/punkt.gif);
}

ul.liste li
{
margin-bottom: 0.5em;
}

.bildrahmen
 {border: 0.08em solid #FF0000;}

.hinweis
{display:none} 

.einzug
{text-indent:0.4em;}

.kapital
{font-size:1.3em;
 color:#FF0000;}


/*navigation oben */
ul.nav1oben
 {
/*die folgenden 3 zeilen immer bei listcss*/
list-style-type: none;
margin: 0;
padding:0;
    line-height:1.4em;
    /*font-size: 1.3em;*/
   font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    margin-left: 7.8em;
    margin-top:6.3em;
    color:#000000;
    float:left;
    z-index:4;
    /*Weitenangabe fuer Opera 7 noetig - sonst schiebt er Buttons untereinander */
    /*fr firefox darf die Weite nicht grer sein, sonst gibt es scollbalken unten*/
    width:75%;
	}
/* anderer Abstand fuer nicht-Explorer */
html>body ul.nav1oben
    {
    margin-left: 15.6em;
 	}

ul.nav1oben  li {
	float: left;
	/*horizontaler Abstand zwischen Buttons */
	padding: 0 0em ;
	}

ul.nav1oben  li a {
	/*nicht mt height arbeiten - dann laeuft IE amok */
	display: block;
 	color: #000000;
                 /* bgre der buttons*/
	padding: 0px 2px 0px 2px; 
	font-weight:bold;
                  font-size:1.22em;
	text-decoration:none;
                 padding-right:0.60em;
                 /*Styles nur fuer Explorer > 5 */
	voice-family: "\"}\"";
  	voice-family:inherit;
	padding-right:0.60em;
                  margin-right:0em;
	background:url(../bilder/aflamme.gif) hidden no-repeat top right ;
                	}

ul.nav1oben li a:hover {
	display: block;
                 color: #FF0000;
 	/* bgre der buttons*/
	padding: 0px 2px 0px 2px;  
	 z-index:3;
                 padding-right:0.60em;
	background:url(../bilder/aflamme.gif) no-repeat top right;
                 /* Styles nur fuer Explorer > 5 */
	voice-family: "\"}\"";
                 margin-right:0em;
  	voice-family:inherit;
	padding-right:0.60em;
	background:url(../bilder/aflamme.gif) no-repeat top right;
	}


ul.nav1oben li.li1 {
              display: block;
               color: #FF0000;
 	/* bgre der buttons*/
	padding: 0px 2px 0px 2px; 
                  font-size:1.22em; 
	  z-index:3;
	background:url(../bilder/flamme.gif) no-repeat top right;
                 padding-right:0.60em;
                 /* Styles nur fuer Explorer > 5 */
	voice-family: "\"}\"";
                   voice-family:inherit;
                  margin-right:0em;
  	padding-right:0.6em;
	background:url(../bilder/flamme.gif) no-repeat top right;
	}


ul.nav1oben li.li2 {
              display: block;
               color: #FF0000;
 	/* bgre der buttons*/
	padding: 0px 2px 0px 2px; 
                  z-index:3;
               margin-right:0.60em;
                 /* Styles nur fuer Explorer > 5 */
	voice-family: "\"}\"";
                 voice-family:inherit;
                margin-right:0em;
	padding-right:0.5em;
                /*mehr abstand links*/
                 padding-left:1.60em;
	background:url(../bilder/flamme.gif) no-repeat top right hidden;

	}
ul.nav1oben li.li3 {
              display: block;
               color: #FF0000;
 	/* bgre der buttons*/
	padding: 0px 2px 0px 2px; 
                  font-size:1.22em; 
	  z-index:3;
margin-right:0.60em;
                 /* Styles nur fuer Explorer > 5 */
	voice-family: "\"}\"";
margin-right:0em;
	padding-right:0.7em;
                 padding-left:1.450em;
	background:url(../bilder/flamme.gif) no-repeat top right;
	}




/*--------- bilder -----------------*/
#bild1, #bild2, #bild3, #bild4, #bild5, #bild6, #bild7, #texte, #texte2, #textbildgross, .bild, .schatten {
	position:absolute;
	}
#bild1 {
/* fuer explorer 5.0 - sammelangabe wird nicht verstanden*/
position:absolute;
margin-left:1.5em;
margin-top:1.6em;
	}
#bild2 
{position:absolute;
margin-left:23em;
margin-top:0em;
	
	}
#bild3 {
position:absolute;
margin-top:1.6em;
margin-left:42em;
}
#bild31 {
position:absolute;
margin-top:1.6em;
margin-left:45em;
}
#bild6 {
position:absolute;
margin-top:9.8em;
margin-left:19em;
}




/* ----kartenbilder -----*/
#bild4 {position:absolute;
	margin-top:2em;
	margin-left:38em;
	}
#bild5 {
	margin-top:12em;
	margin-left:38em;
	}

.bild {
	/*damit Bild ueber Schatten ist - geht zwar auch ueber Reihenfolge im Quellcode,
	aber da kommt man schnell durcheinander */
	z-index:3;
	/*margin-top, damit in der bildbox Platz fuer den Text entsteht */
	/*margin-top:20px;*/
                 border:1px solid #FF0000; 
	}

.schatten {
	display:block;
	height:100px; 
	width:167px;
	margin-top:8px;
	margin-left:8px;
	background-color:#8C8C8C;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
	}
.schatten2
 {display:block;
 height:249px; 
	width:190px;
	margin-top:8px;
	margin-left:8px;
	background-color:#8C8C8C;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
	}

.schatten3
 {display:block;
 height:249px; 
	width:201px;
	margin-top:8px;
	margin-left:8px;
	background-color:#8C8C8C;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
	}
.schatten31
 {display:block;
 height:249px; 
	width:167px;
	margin-top:8px;
	margin-left:8px;
	background-color:#8C8C8C;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
	}

.schatten6
 {display:block;
 height:150px; 
	width:232px;
	margin-top:8px;
	margin-left:8px;
	background-color:#8C8C8C;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
	}



#texte 
 {display:block;
  line-height:1.2em;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1.24em;
  margin-top:1.0em;
  margin-left:1em;
  width:24em;
  font-weight:bold;
 }
/* anderer Abstand fuer nicht-Explorer */
html>body #texte
    {
    margin-top: 0em;
 	}


#texte2 
 {display:block;
 /*fuer opera*/
  font-family:Arial, Helvetica, sans-serif;
  line-height:1.2em;
  font-size:1.24em;
  margin-top:1.0em;
  margin-left:26em;
  width:24em;
  font-weight:bold;
 }
/* anderer Abstand fuer nicht-Explorer */
html>body #texte2
    {
    margin-top: 0em;
 	}

#texte3
 {display:block;
   /*fuer opera*/
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  line-height:1.2em;
  font-size:1.24em;
  margin-top:1.0em;
  margin-left:1em;
  width:50em;
  /*nur noetig fuer ex <6*/
  height:19em;
    /* Styles nur fuer Explorer > 5 */
   voice-family: "\"}\"";
   voice-family:inherit;
  height:18em;
 }
/* anderer Abstand fuer nicht-Explorer */
html>body #texte3
    {
    margin-top: 0em;
 	}

#textunter 
 {position:absolute;
  line-height:1.2em;
  font-size:1em;
  margin-top:22.0em;
  margin-left:38em;
  width:24em;
  font-weight:normal;
 }


#textbildgross 
 {display:block;
  margin-top:27em;
  margin-left:48em;
  width:24em;
   }

#bildgross
{position:absolute;
 margin-left:0.6em;
 margin-top:0.6em;
 border:1px solid #FF0000;
 float:left;
}
#bilduntergr
{position:absolute;
 margin-left:46em;
 margin-top: 4em;
  /*fuer opera*/
  font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
 width:18em;
}

/* Externe Links mit Box Model Hack: weil in Explorer 5 Padding nur fuer blockelemente geht */
a.ext:link, a.ext:visited {
                 	padding-right:2.0em;
                  color:#000000;
                  text-decoration:none;
	background:url(../bilder/ext_icon.gif) no-repeat top right;
	/* Styles nur fuer Explorer > 5 */
	voice-family: "\"}\"";
  	voice-family:inherit;
                 	padding-right:2.0em;
                  color:#000000;
                  text-decoration:none;
	background:url(../bilder/ext_icon.gif) no-repeat top right;
	}
a.ext:visited {	
	/*color:#FF0000;*/
	}
html>body a.ext:link, html>body a.ext:visited {
	padding-right:2em;
	background:url(../bilder/ext_icon.gif) no-repeat top right;
}
a.ext:hover {
	color:#FF0000;	
	text-decoration:none;
	padding-right:2.0em;
	background:url(../bilder/ext_icon_rot.gif) no-repeat top right;
	/* Styles nur fuer Explorer > 5 */
	voice-family: "\"}\"";
  	voice-family:inherit;
	padding-right:2.0em;
	background:url(../bilder/ext_icon_rot.gif) no-repeat top right;
	}  
html>body a.ext:hover {
	padding-right:2.0em;
	background:url(../bilder/ext_icon_rot.gif) no-repeat top right;
}