/*
FARBEN
Rot #ff0000;
Textfarbe Haupttext color: #4F4F4F; heller #706E6D;
Hyperlink over/aktiv #000000;/

*/


body { color: #4F4F4F; font-family: Verdana,Arial,Helvetica,sans-serif; background-color: #ffffff; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;}

a:link,a:visited {font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: normal; text-decoration: none; color: #ff0000;}
a:active,a:hover {font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: normal; text-decoration: none; color: #000000;}

/* Navigation */
a.nav1:link,a.nav1:visited,a.nav1:active,a.nav1:hover
{font-size: 0.9em;font-weight: normal; color: #4F4F4F;}
a.nav1:hover, a.nav1:active {color: #ff0000;}
.nav1_ohne {font-size: 0.9em;font-weight: normal; color: #ff0000;}

a.nav2:link,a.nav2:visited,a.nav2:active,a.nav2:hover
{font-size: 0.7em;font-weight: normal; color: #4F4F4F;}
a.nav2:hover {color: #ff0000;}
 .nav2_ohne {font-size: 0.7em;font-weight: normal; color: #ff0000;}
.impressdatsch {font-size:0.75em; margin-bottom: 8px;}

/* Hauptnavigation DIV Pfeile */
.navbutton1 a, .navbutton1z a, .navbutton1 .nav1_ohne,.navbutton1z .nav1_ohne {
background-image: url(bilder/arrowrd1b.gif);background-repeat:no-repeat;width:190px; height:35px;padding: 0 0 0 15px;display:block;}
.navbutton1 a:hover, .navbutton1z a:hover, .navbutton1 .nav1_ohne, .navbutton1z .nav1_ohne
{background-image: url(bilder/arrowrd1.gif);background-repeat:no-repeat;} 
.navbutton1z a, .navbutton1z .nav1_ohne {height:40px;}
.dreizeilig { height: 50px; }

/* --- Hauptnavigation DIV kleine Pfeile --- */
.navbutton2 a, .navbutton2z a, .navbutton2 .nav2_ohne,.navbutton2z .nav2_ohne
{background-image: url(bilder/arrowrd2b.gif);background-repeat:no-repeat;width:190px; height:25px;
padding: 0 0 0 15px; display: block;}
.navbutton2 a:hover, .navbutton2z a:hover, .navbutton2 .nav2_ohne,.navbutton2z .nav2_ohne
{background-image: url(bilder/arrowrd2.gif);background-repeat:no-repeat;} 
.navbutton2z a,.navbutton2z .nav2_ohne {height:35px;}


/* Text-Formate */
a.start:link,a.start:visited,a.start:active,a.start:hover
{font-size: 0.9em;font-weight: bold; color: #4F4F4F;}
a.start:hover, a.start:active {color: #ff0000;}
h1 {margin-left:25px;font-size:0.9em;color: #ffffff;}
h2 {margin: 30px 0 -10px 0;font-size:0.8em;font-weight: bold;color: #4F4F4F;}
.h3 {margin:5px 0 20px 0;font-size:1.0em;color: #000000;}
.h4 {margin:12px 0 -10px 0;}
.anschrift {line-height: 1.4em;font-size: 0.8em;}
.Absatztext,p,td {line-height: 1.2em;font-size: 0.8em;}
.pj {text-align:justify;}
.kleintext {line-height: 1.4em;font-size:9px;}
li {line-height: 1.5em;font-size: 10pt;list-style-image: url(bilder/discred.gif);}
.li2 { margin-top: 3px;list-style-image: url(bilder/discgrau.gif);}
.lis {margin-top: 15px;}
.tab-boller::before {content: url(bilder/discred.gif); color: #ff0000; margin: 0 3px;} 
a.mail-link { color: #666; text-decoration:none;} /* mail Link per JS */

/* --- LAYOUT-EBENEN --- */

/* --- Aussen --- */

#aussen {position:absolute; left:0px; top:0px; width:100%; height:100%;}

/* --- Kopfbereich --- */
#kopf {position:absolute; left:30px; width:930px; top:20px; height:72px; /*background-color:#A0FF00;  */ }

/* Kopf 2 enthaelt den Titelschriftzug u. die rote Linie*/
#kopf2 {position:absolute; width:630px;left:218px; top:0px; height:70px;padding-left:100px;
border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#ff0000; /* background-color:#00CCFF;  */}
#sprachbutton { float: right; }
img.flagge { margin-left: 20px;  }
.textbox { display: none; position: absolute; top: 50px; left: 0; z-index: 10; background: #ffffff; border: 1px solid #999; padding: 5px; 
-moz-border-radius: 5px 5px 5px 5px; /* Firefox */
-webkit-border-radius: 5px 5px 5px 5px; /* WebKit */
border-radius: 5px 5px 5px 5px; /* Standard */ 
-webkit-box-shadow: 3px 3px 8px #aaaaaa; /* WebKit */
-moz-box-shadow: 3px 3px 8px #aaaaaa; /* Firefox */
box-shadow: 3px 3px 8px #aaaaaa; /* Standard */
}
div.closebox { float: right; margin: 10px 0 0 20px;}
img.closebutton { width: 15px; height: auto; }

#seitentitel {width:730px; height:20px; background-color:#ff0000;
background-image: url(bilder/arrowh1.gif); background-repeat:no-repeat; }


/* --- Hauptnavigation --- */
#nav1 {position:absolute; left:10px; width:180px; top:200px; /* background-color:#AFAFAF; */}


/* --- Inhaltsbereich --- */
#inhalt {width:730px; height:80%; position:absolute; left:240px; top:120px;padding:0 8px; 0 0; overflow:auto;overflow-x:hidden;
/*background-color:#00FFAF;*/}


/* --- Anschrift EBENEN --- */
#links {float:left;margin:0px 35px 05px 5px;}
#rechts {margin:0px 5px 15px 0px;}

#bild_rechts {float:right;margin:0px 0px 10px 20px;}
#bild_mitte {margin:40px 0px 10px 20px;}

/* --- Grafiken links und rechts --- */

img.bild{margin-top:10px; margin-bottom:10px;}
img.bildl_fl{float:left; margin: 10px 15px 10px 0;}
img.bildr_fl{float:right;margin: 0px 0px 10px 15px;}
img.center {margin-top:0px; margin-bottom:10px;}

/* --- Hörprobenbereich --- */
#mp3 {width:200px;
margin: 5px 0px 0px 0px}