body       /* allgemeine Optik des body */
{
    text-align: center;
    font-size: 10pt;
    font-family: Arial;
    background: #f7f7f7;
    margin: 0px auto;
    overflow: scroll;
}
#root      /* Für die DIV, die die komplette Seite beschreibt */
{
    width: 800px;
    margin: 0px auto;
    text-align: left;
    color: #000000;
}
.link    /* Link in der root-Klasse */
{
    color: #ffffff;
    text-decoration: none;
    font-size: 10pt;
}
.link:hover   /* Link der root-Klasse bei mouseover */
{
    color: #000000;
}
#head1    /* oberster Kopf */
{
    background-color: #4b565b;
    text-align: center;
}
#head2    /* Zweitoberster Kopf mit Navizeile */
{
    height: 35px;
    margin: 0px;
    padding-top: 3px;
    background: url('trenner-banner.png') repeat-x;
    text-align: center;
}
#content  /* beschreibt den kompletten Inhalt unterhalb des Kopfes! Dadurch wird der Content mittig ausgerichtet */
{
    margin: 0px;
    text-align: center;
}
.size   /* hier wird die Breite der mittig ausgerichteten Elementen (Kopf, Content, Fuß) festgelegt */
{
    width: 800px;
    text-align: center;
    margin: 0px auto;
}
.logo
{
    padding: 40px 100px;
    
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    
    -webkit-box-align: end;
    -moz-box-align: end;

    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}
.navi_left  /* Hier handelt es sich um Definitionen des Navigationsmenüs, betrifft alle Punkte, die linksbündig angeordnet sind */
{
    float: left;
    padding-left: 100px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.navi_right  /* Sprachwahl */
{
    float: right;
    padding-top: 2px;
    padding-right: 5px;
}
.content_right         /* Hauptcontent */
{
    width: 800px;
    float: right;
    text-align: left;
}

/* Verwendete Klassen */

.header_inaktiv {
background-image:url('inaktiv.png');
background-repeat:no-repeat;
padding-bottom:15px;
font-family:arial;
font-size:8pt;
text-align:center;
vertical-align:middle;
font-weight:bold;
width:25%;
}

.header_aktiv {
background-image:url('aktiv.png');
background-repeat:no-repeat;
padding-bottom:15px;
font-family:arial;
font-size:8pt;
text-align:center;
vertical-align:middle;
font-weight:bold;
width:25%;
}

.visible {
display:block;
}

.separat {
margin-bottom:5px;
margin-top:25px;
}

.hoehe_button {
margin-top:90px;
text-align:center;
}

.hidden {
display:none;
}

.popup {
font-family:arial;
font-size:9pt;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:2px;
text-align:left;
}

.popup2 {
font-family:arial;
font-size:9pt;
font-weight:bold;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:2px;
text-align:left;
}

.popup2rot {
font-family:arial;
font-size:9pt;
font-weight:bold;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:2px;
text-align:left;
color:red;
}

.popup3 {
font-family:arial;
font-size:9pt;
padding:5px;
text-align:left;
border:1px solid #ccc;
width:350px;
float:left;
margin:5px;
background-color:#eee;
}

.popup4 {
font-family:arial;
font-size:9pt;
padding:5px;
text-align:center;
border:1px solid #ccc;
margin:5px;
background-color:#eee;
float:left;
}

.feld {
background-color:#ccc;
border:1px solid #999;
width:300px;
margin-left:10px;
margin-top:3px;
margin-bottom:3px;
font-family:arial;
font-size:8pt;
}

.feld_1 {
background-color:#ccc;
border:1px solid #999;
width:87px;
margin-left:10px;
margin-top:3px;
margin-bottom:3px;
font-family:arial;
font-size:8pt;
}

.feld_1_1 {
background-color:#ccc;
border:1px solid #999;
width:85px;
margin-top:3px;
margin-bottom:3px;
font-family:arial;
font-size:8pt;
}

.feld_2 {
background-color:#ccc;
border:1px solid #999;
width:192px;
margin-top:3px;
margin-bottom:3px;
font-family:arial;
font-size:8pt;
}

.textarea {
background-color:#ccc;
border:1px solid #999;
width:220px;
height:85px;
margin-left:3px;
margin-right:3px;
margin-top:3px;
margin-bottom:3px;
font-family:arial;
font-size:8pt;
}

.feld_kurz {
background-color:#ccc;
border:1px solid #999;
width:160px;
margin-top:3px;
margin-bottom:3px;
font-family:arial;
font-size:8pt;
}

.feld_lang {
background-color:#ccc;
border:1px solid #999;
width:270px;
margin-top:3px;
margin-bottom:3px;
font-family:arial;
font-size:8pt;
}

.feld_mittelkurz {
background-color:#ccc;
border:1px solid #999;
width:90px;
margin-top:3px;
margin-bottom:3px;
font-family:arial;
font-size:8pt;
}

.feld_sehr_kurz {
background-color:#ccc;
border:1px solid #999;
width:60px;
margin-top:3px;
margin-bottom:3px;
font-family:arial;
font-size:8pt;
}

.feld_sprache {
background-color:#ccc;
border:1px solid #999;
width:65px;
margin-left:2px;
margin-top:2px;
margin-bottom:2px;
font-family:arial;
font-size:8pt;
}

.fett {
font-weight:bold;
}

.float {
float:left;
width:400px;
}

.checkbox {
margin:0;
vertical-align:middle;
}

.ausrichtung {
width:800px;
text-align:center;
margin-left:auto;
margin-right:auto; 
}

.ausrichtung_head {
width:800px;
text-align:left;
margin-left:auto;
margin-right:auto; 
}

.width_3 {
width:3%;
}

.width_9 {
width:9%;
}

.width_15 {
width:15%;
}

.width_16 {
width:16.66666%;
}

.width_25 {
width:25%;
}

.width_30 {
width:30%;
}

.width_32 {
width:32%;
}

.width_40 {
width:40%;
}

.width_47 {
width:47%;
}

.width_50 {
width:50%;
}

.width_60 {
width:60%;
}

.width_100 {
width:100%;
}

.height_60 {
height:60px;
}

.border {
border:1px solid #bbbdc0;
border-collapse: collapse;
}

.border1 {
border-top:1px solid #bbbdc0;
border-bottom:1px solid #bbbdc0;
border-left:1px solid #bbbdc0;
border-collapse: collapse;
}

.border2 {
border-top:1px solid #bbbdc0;
border-bottom:1px solid #bbbdc0;
border-right:1px solid #bbbdc0;
border-collapse: collapse;
}

.border3 {
border-collapse: collapse;
}

.button {
border:none;
background:#94999f;
padding: 4px 10px;
font-family: arial;
font-size: 8pt;
color:white;
text-align: center;
vertical-align: middle;
margin-left:auto;
margin-right:auto;
text-decoration: none;   
}

.button2 {
border:none;
background:#ff0000;
font-family: arial;
font-size: 8pt;
padding-left:2px;
padding-right:2px;
color:white;
text-align: center;
margin-left:20px;  
}

.inhalt1 { 

background-color:#d6d7d9; 
padding-left:7px;
padding-right:4px;
padding-top:4px;
padding-bottom:4px;
font-family:arial;
font-size:8pt;
text-align:left;
vertical-align:middle;
height:35px;

}

.inhalt1_high { 

background-color:#d6d7d9; 
padding-left:7px;
padding-right:4px;
padding-top:4px;
padding-bottom:4px;
font-family:arial;
font-size:8pt;
text-align:left;
vertical-align:middle;
height:70px;

}

.inhalt1_center { 

background-color:#d6d7d9; 
padding-left:7px;
padding-right:4px;
padding-top:4px;
padding-bottom:4px;
font-family:arial;
font-size:8pt;
text-align:center;
vertical-align:middle;

}

.inhalt2 { 

background-color:#fff; 
padding-left:7px;
padding-right:4px;
padding-top:4px;
padding-bottom:4px;
font-family:arial;
font-size:8pt;
text-align:left;
vertical-align:middle;
height:35px;

}

.inhalt2_center { 

background-color:#fff; 
padding-left:7px;
padding-right:4px;
padding-top:4px;
padding-bottom:4px;
font-family:arial;
font-size:8pt;
text-align:center;
vertical-align:middle;
height:35px;

}

.info {
font-family:arial;
font-size:10pt;
font-weight:bold;
vertical-align:middle;
width:800px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

.info_ul {
font-family:arial;
font-size:10pt;
font-weight:normal;
font-style:italic;
vertical-align:middle;
width:800px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

.info2 {
font-family:arial;
font-size:12pt;
font-weight:bold;
vertical-align:middle;
width:800px;
padding-top:20px;
padding-left:8px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

.left {
text-align:left;
font-family:arial;
font-size:8pt;
}

.beschreibung {

font-family:arial;
font-size:9pt;
text-align:left;
padding-left:10px;
padding-right:10px;
padding-top:18px;
vertical-align:middle;

}

.ueberschriften {
border-collapse: collapse;
/*background-image:url(hintergrund_ueberschriften2.jpg);*/
/*background-repeat:repeat-x;*/
background:#94999f;
font-family:arial;
font-size:9pt;
color:white;
text-align:left;
font-weight:bold;
padding-left:7px;
padding-right:4px;
padding-top:4px;
padding-bottom:4px;
vertical-align:middle;
height:35px;
}

.ueberschriften_center {
border-collapse: collapse;
/*background-image:url(hintergrund_ueberschriften2.jpg);*/
/*background-repeat:repeat-x;*/
background:#94999f;
font-family:arial;
font-size:9pt;
color:white;
text-align:center;
font-weight:bold;
padding-left:7px;
padding-right:4px;
padding-top:4px;
padding-bottom:4px;
vertical-align:middle;
height:35px;
}

.trenner_tabelle {
height:35px;
background: url('trenner-banner.png');
background-repeat:repeat-x;
padding-left:100px;
font-family:arial;
font-size:10pt;
color:#fff;
text-decoration:none;
}

.link_home {
font-family:arial;
font-size:10pt;
color:#fff;
text-decoration:none;
}

.kopf {
height:100px;
background-color:#4b575f; 
padding-left:100px;
}

.right {
text-align:right;
}

/* Infobox */

#InfoBox {
visibility:hidden;
position:absolute;
top:10px;
left:10px;
z-index:1;

width:300px;
background-color:#CCCCCC;
border:4px solid #666666;
}

#BoxInnen {
padding:15px
}

#BoxInhalte {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
color:#000000;
line-height:130%;
}


/* Link Formatierung */

.help:link {
text-decoration: none; 
color: #000000; 
}               
 
.help:visited { 
text-decoration: none; 
color: #000000; 
}
 
.help:focus { 
color: #000000;
text-decoration: none; 
}
 
.help:hover { 
color: #666666;
text-decoration: none;
cursor: pointer; 
}
 
.help:active { 
text-decoration: none; 
color: #666666; 
}

body {
margin:0;
overflow-y:scroll;
text-align:center;
background-color:#f7f7f7;
}



/* Neu */

table {
table-layout: fixed;
}

ul {
list-style-type: none;
margin: 0;
padding-left: 5px;
width: 80%;
}

.float_left {
float:left;
}