*  { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
    }

html { 
    height: 100%; 
    }
    
body {
    width:100%;
    height:100%;
    font-family:  verdana, arial, helvetica, sans-serif;  
    font-size: small;
    color: #333;
    margin-top: 0.6em;
    padding:0;
    line-height: 1.2em;      
    background-color: #f1f1f1; 
    }

/*
===============================
Bericht tabelle
===============================
*/
#scrollDiv {
    padding-left: 5px;
    width: 98%;
    height: 250px;
    overflow: auto;
}
#bericht {
    font-family:  verdana, arial, helvetica, sans-serif;  
    font-size: small;
    text-align: left; 
    border-bottom: 1px solid #5a5a5a;
}

#bericht .markierung1{
   font-size: 10pt; 
   font-weight: bold;
   color: #5a5a5a;
}

#bericht td {
    border-right: 1px solid #5a5a5a;
    border-left: 1px solid #5a5a5a;
    
}

#bericht tr.level_1 {
    display: table_row;
        color: #5a5a5a;
    background-color: #ffffff;
}

#bericht tr.level_2 {
    display: none;
    color: #5a5a5a;
    background-color: #efefef;
}

#bericht tr.level_2 #berichtDrill {
    padding-left: 10px;

}

#bericht tr.level_3 {
    display: none;
            color: #5a5a5a;
    background-color: #dfdfdf;
}

#bericht tr.level_3 #berichtDrill {
    padding-left: 20px;

}

#bericht tr.level_4 {
    display: none;
            color: #5a5a5a;
    background-color: #cfcfcf;
}

#bericht tr.level_4 #berichtDrill {
    padding-left: 50px;

}

#bericht #berichtHeader{
    font-size: 10pt;
    color: #5a5a5a;
    background-color: #bfbfbf;
    border: 1px solid #5a5a5a;
}
   
/* 
=============================== 
Seiten-Struktur  
=============================== 
http://css-tricks.com/snippets/css/sticky-footer/
*/

#minheight {
    clear: both;
    height: 0.1em;
    }
 
#seite {
    position: relative;
    background-color: #fff;
    max-width:1020px;
    height:auto !important;
    height:100%;
    min-height:100%;
    margin: 0 auto -3em;   
    padding: 1%; 
    border-left: solid thin #e3e0d1; 
    border-right: solid thin #e3e0d1;
    } 
 
#kopfteil { 
    text-align: left;
    max-width: 1020px; 
    margin:0;
    padding:0;    
    } 
    
div#hauptteil { 
    clear: both; 
    text-align: left; 
    margin: 1.2em auto; 
    padding-bottom: 3em;   
    max-width: 1020px; 
    clear: both; 
    } 
  
#seitenleiste {
   float: left;
   clear: both; 
   width: 18%;
   padding-bottom:4em;
   margin-top: 1em;
   }
   
#inhalt {
   clear: both;
   padding: 1em 0 4em 0;
   overflow: auto;
   }
   
#inhalt_spalte {
    margin: 0 0 0 18%; 
    padding: 1em 0 0 2em;    
    overflow: auto;
    }
    
#platzhalter_fuss { /* vor fusszeile*/
   background-color: #fff;
   height: 0;
   clear: both;
   } 
 
#fussteil {  
    clear : both; 
    position : absolute; 
    bottom : 0 !important ; 
    width : 1020px; 
    margin : 0 auto; 
    font-size : 0.7em; 
    text-align : left; 
    font-size: 0.8em; 
    text-align: left; 
    color: #4c4c4c; 
    padding-top: 0.6em; 
    border-top: 1px solid #e3e0d1; 
    }
 
/* 
=============================== 
Kopfteil 
=============================== 
*/ 
 
#kopfteil {
    font-size: 100%;
    }
    
table.kopfteil {
   margin: 0;
   padding: 0;
   width: 100%;
    } 
       
hr.kopfteil {
    border: 2px solid #006699;
    margin-bottom: 0.3em;
    } 
    
hr.kopfteil2 {
    border: 7px solid #006699;
    margin-bottom: 0.3em;
    }     
    
#kopfzeile1_user {
   width: 60%;
   margin: 0;
   margin-bottom: 0.2em;
   padding: 0;
   font-size: 1.3em;
   /*color:  #006699;*/
   }
   
.schriftzug_uni {
   font-family: Arial;
   font-weight: 600;
   margin: 0;
   padding: 0;
   color: #097054;
   text-align: left;
   } 
   
#kopfzeile1_admin {
    width: 30%;
    font-size: 0.9rem;
    }    
   
#kopfzeile1_logout {
    width: 10%;
    margin: 0 0 0.2em 0; 
    text-align: right;
    color: #ac000b;  
    }
    
#kopfzeile2_berechtigungen{ 
    width: 35%;
    vertical-align: bottom;
    border:#006699 1px solid;
    border-right: 0;
    border-left:0;
    }    
    
#kopfzeile2_rollenwechsel{ 
    width: 100%;
    vertical-align: bottom;
    border:#006699 1px solid;
    border-right: 0;
    border-left:0;
    border-bottom:0
    }    
      
#kopfzeile2_hauptmenue {
    width: 65%;
    vertical-align: bottom;
    border:#006699 1px solid;
    border-right: 0;
    border-left:0;
    text-align: right;
    }
    
#kopfzeile2_hauptmenue span {
    font-size: 1rem;
    text-align: right;
    padding: 3px 0.2em;
    vertical-align: bottom;
    }    
    
#kopfzeile2_hauptmenue li a {
    float:left;
    font-size: 1rem;
    display: block;
    padding: 3px 1.2em; 
    vertical-align: bottom;
    } 
    
.kopfzeile_admin  {
   padding: 0.2em 0.4em;
   margin: 0;
   color: #fff;
   background: #008148;
   font-size: 1.3em;
   text-align: left;
   } 

/*
===============================
SLIDER
================================
*/

/* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/

/* =====================================================================================================================
// RangeSlider */

.irs {
    position: relative; display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
    .irs-line {
        position: relative; display: block;
        overflow: hidden;
        outline: none !important;
    }
        .irs-line-left, .irs-line-mid, .irs-line-right {
            position: absolute; display: block;
            top: 0;
        }
        .irs-line-left {
            left: 0; width: 11%;
        }
        .irs-line-mid {
            left: 9%; width: 82%;
        }
        .irs-line-right {
            right: 0; width: 11%;
        }

    .irs-bar {
        position: absolute; display: block;
        left: 0; width: 0;
    }
        .irs-bar-edge {
            position: absolute; display: block;
            top: 0; left: 0;
        }

    .irs-shadow {
        position: absolute; display: none;
        left: 0; width: 0;
    }

    .irs-slider {
        position: absolute; display: block;
        cursor: default;
        z-index: 1;
    }
        .irs-slider.single {

        }
        .irs-slider.from {

        }
        .irs-slider.to {

        }
        .irs-slider.type_last {
            z-index: 2;
        }

    .irs-min {
        position: absolute; display: block;
        left: 0;
        cursor: default;
    }
    .irs-max {
        position: absolute; display: block;
        right: 0;
        cursor: default;
    }

    .irs-from, .irs-to, .irs-single {
        position: absolute; display: block;
        top: 0; left: 0;
        cursor: default;
        white-space: nowrap;
    }

.irs-grid {
    position: absolute; display: none;
    bottom: 0; left: 0;
    width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
    display: block;
}
    .irs-grid-pol {
        position: absolute;
        top: 0; left: 0;
        width: 1px; height: 8px;
        background: #000;
    }
    .irs-grid-pol.small {
        height: 4px;
    }
    .irs-grid-text {
        position: absolute;
        bottom: 0; left: 0;
        white-space: nowrap;
        text-align: center;
        font-size: 9px; line-height: 9px;
        padding: 0 3px;
        color: #000;
    }

.irs-disable-mask {
    position: absolute; display: block;
    top: 0; left: -1%;
    width: 102%; height: 100%;
    cursor: default;
    background: rgba(0,0,0,0.0);
    z-index: 2;
}
.irs-disabled {
    opacity: 0.4;
}
.lt-ie9 .irs-disabled {
    filter: alpha(opacity=40);
}


.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important;
}

/* Ion.RangeSlider, Modern Skin
// css version 2.0.3
// © Denis Ineshin, 2014    https://github.com/IonDen
// ===================================================================================================================*/

/* =====================================================================================================================
// Skin details */

.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge,
.irs-slider {
    /*background: url(https://homepage.boku.ac.at/dfellsner/img/sprite-skin-modern.png) repeat-x;*/
   /*background: url(/sprite-skin-modern.png) repeat-x;*/
    background: url(/backend/images/sprite-skin-modern.png) repeat-x;
    /*background-color: #b0c4de;*/
}



.irs {
    height: 50px;
}
.irs-with-grid {
    height: 70px;
}
.irs-line {
    height: 6px; top: 25px;
}
    .irs-line-left {
        height: 6px;
        background-position: 0 -30px;
    }
    .irs-line-mid {
        height: 6px;
        background-position: 0 0;
    }
    .irs-line-right {
        height: 6px;
        background-position: 100% -30px;
    }

.irs-bar {
    height: 6px; top: 25px;
    background-position: 0 -60px;
}
    .irs-bar-edge {
        top: 25px;
        height: 6px; width: 6px;
        background-position: 0 -90px;
    }

.irs-shadow {
    height: 5px; top: 25px;
    background: #000;
    opacity: 0.25;
}
.lt-ie9 .irs-shadow {
    filter: alpha(opacity=25);
}

.irs-slider {
    width: 11px; height: 18px;
    top: 31px;
    background-position: 0 -120px;
}
.irs-slider.state_hover, .irs-slider:hover {
    background-position: 0 -150px;
}

.irs-min, .irs-max {
    color: #999;
    font-size: 10px; line-height: 1.333;
    text-shadow: none;
    top: 0; padding: 1px 3px;
    background: #e1e4e9;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.irs-from, .irs-to, .irs-single {
    color: #fff;
    font-size: 10px; line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: #20b426;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.irs-from:after, .irs-to:after, .irs-single:after {
    position: absolute; display: block; content: "";
    bottom: -6px; left: 50%;
    width: 0; height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #20b426;
}

.irs-grid {
    height: 34px;
}
.irs-grid-pol {
    background: #c0c0c0;
}
.irs-grid-text {
    bottom: 12px;
    color: #c0c0c0;
}

.irs-disable-mask {

}
.irs-disabled {

}
.lt-ie9 .irs-disabled {

}



   
/*
============================================
Kopfteil Navigation: Dropdown
===========================================
erst anpassen, wenn endgültige Entscheidung getroffen ist
statt table ist div zu verwenden - problem: vertical align im hauptmenue
*/ 
 
  
/*
============================================
Navigation: Standard-Links, Menue
===========================================
*/

a:link, a:visited, a:focus, a:active  { 
   color: #006699;
   text-decoration: none; 
   }
   
a:hover { 
   text-decoration: underline; 
   color: #ac000b;
   } 
   
.admin a {
    color: #ac000b;
    }
 
.hauptmenue a:link, .hauptmenue a:visited  {
    font-size: 1em;
    color: black;  /* #006699;*/
    } 
  
.hauptmenue a:hover {
    color: #ac000b; 
    } 

.aktiv  {
    color: #ac000b;
    font-weight: 400;
    } 
 
#menue_horizontal_ebene1 ul{
     clear:both;
     float:left;
     width: 100%;
     margin-top: 1em;  
     padding: 0;
     list-style: none;
     background: #006699; 
     border-right: 2px solid #006699;       
     }
     
#menue_horizontal_ebene1 li a {
     display: block;
     float: left;
     font-size: 0.9em;
     color: #fff;
     padding: 0.2em 1em 0.2em 1em;   
     white-space: nowrap;
     } 
     
#menue_horizontal_ebene1 li:first-child{    
      border-left: 0;
     }        
      
#menue_horizontal_ebene1 a:hover{
    text-decoration: underline;
    color: #fdda1a; 
    } 
    
.menue_horizontal_ebene1_aktiv, .menue_horizontal_aktiv  {
    font-family: arial;
    font-size: 1.2em;
    color: #fdda1a;
    font-weight: bold;
    }     
    
#menue_horizontal_ebene2  ul{
     clear: both;
     float: left;     
     width: 100%;
     padding: 0;
     margin: 0 ;
     list-style: none; 
     border: 1px solid #006699;
     border-top: 0;
     }
     
#menue_horizontal_ebene2 li{
     float: left;
     font-size: 0.9em;
     color: #fff;
     padding: 0.4em 1em 0.4em 1em;   
     white-space: nowrap;
     } 
         
#menue_horizontal_ebene2 a:hover{
    text-decoration: underline;
    }      
     
#seitenleiste li {
   display: block;  
   padding: 0.2em 0.4em; 
   line-height: 1.4em;  
   border-bottom: thin solid #e3e0d1;  
   }      
  
#seitenleiste >ul> li:first-child { 
   border-top: thin solid #e3e0d1;  
   }
 
#seitenleiste li a {
    display: inline-block;  
    font-size: 0.9em;
    color: #006699;
    overflow: hidden; 
   }
   
#seitenleiste ul ul {
   padding-left: 1.5em;
   }
   
#seitenleiste ul ul> li:last-child {
   border-bottom: 0;
   }   
 
#seitenleiste a:hover {
    text-decoration: underline; 
    color: #ac000b;   
    } 
    
/*
=============================
Elemente und Links / Überschriften sind weiter unten

============================
*/   
    
input, text, textarea { 
    font-family: verdana, arial, sans-serif;
    font-size: 0.9em; 
    line-height: 1.3em;
    } 
    
select { 
    font-family: verdana, arial, sans-serif;
    font-size: 0.8rem; 
    line-height: 1.8em; 
    }       
  
input.pflichtfeld, select.pflichtfeld {
    background-color: #ffffe1;
    }
 
textarea.pflichtfeld {
    background-color: #ffffe1;
    }
    
strong {  
    font-weight: bolder;  
    color: #4c4c4c;
    opacity: 0.9;
    }
 
div, section {
    line-height: 1.3em; 
    margin: 0.3em 0 0.6em 0;
    }
 
small {
   font-size: 0.8rem;
   } 
  
pre, code {
   line-height: 1.2em;
   }
 
hr {
    border: thin solid #e3e0d1;
   } 
    
br { 
   clear:left; 
   }    

/* 
===============================
Tabellen- Listen: Formatierung 
===============================
*/
   
table { 
    display: table;
    border-collapse: collapse; 
    width: 100%;
    margin: 0.6em 0 1.5em 0; 
    padding: 0;
    }
   
table.seitenkopf { 
   margin-top: 0.2em;
   }
   
table.menue_horizontal { 
   margin:0;
   }   
   
.width50 {width: 50%;}
.width55 {width: 55%;}
.width60 {width: 60%;}
.width70 {width: 70%;} 
.width75 {width: 75%;}
.width80 {width: 80%;}      
   
table.border { 
   border: thin solid #e3e0d1;
   } 
   
table.hintergrund {  
   background-color: #f1f1f1;
   }
   
caption {
    font-family: arial;
    color: #333;
    font-size: 120%;
    font-weight: 400;
    text-align: left;
    margin-top: 0.6em;    
    margin-bottom: 0.3em;
    padding: 0;     
    } 
    
caption.fett {
    color: #333;
    font-size: 110%;
    font-weight:600;
    opacity: 0.9;
    text-align: left;
    margin-bottom: 0.3em;
    padding: 0;     
    } 
 
.col3  {width: 3%;}
.col10 {width: 10%;}    
.col15 {width: 15%;} 
.col20 {width: 20%;}
.col25 {width: 25%;}   
.col40 {width: 40%;}
.col50 {width: 50%;}
.col60 {width: 60%;} 
.col67 {width: 67%;} 
.col70 {width: 70%;} 
.col75 {width: 75%;}               
.col80 {width: 80%;}
.col85 {width: 85%;}    
.col90 {width: 90%;} 
.col97 {width: 97%;}      
  
tr.farbe td {
   background-color: #f1f1f1;
   }  

.tr_zebra_hintergrund tr:nth-child(odd) {
    background-color: #f1f1f1;
    }
 
.tr_zebra_unterstrich tr:nth-child(odd) {
    color: #097054;
    border-bottom: thin solid  #f1f1f1;
   }
 
.tr_zebra_unterstrich tr:nth-child(even) {
    border-bottom: thin solid #f1f1f1;   
    }
    
/* -- zur zu Testzwecken 
tr:nth-child(2n+1) {
   background-color: #f1f1f1;
    }    
*/
th  { 
    padding: 0.3em;
    font-weight: bold; 
    } 
     
th.lb, th.linksbuendig {
    text-align: left;
    } 
    
th.gitter { 
    border: thin solid #e3e0d1; 
    }     
   
td { 
    display: table-cell;
    vertical-align: inherit; 
    text-align: left;
    margin: 0;
    padding: 0.3em;
    vertical-align: top;    
    } 
    
td.bottom { 
    vertical-align: bottom;    
    } 
    
td.rechtsbuendig, td.rb  {
    text-align: right;
    } 

td.zentriert  {
    text-align: center;
    }     
   
td.gitter { 
    border: thin solid #e3e0d1;  
    }
    
td.gitter_gross { 
    padding: 0.4em;
    border: thin solid #e3e0d1; 
    }   
    
td.gitter_rot{ 
    border: thin solid #e3e0d1;  
    color: #8B0000;
    font-weight: bold;
    } 
    
td.liste {
    background-color: #ffffff; 
    }      
    
td.formular { 
    padding: 0.6em;
    background-color: #e3edd6; /* #ecf1f6;  */   
    border: thin solid #fff;
    }   
    
td.hintergrund { 
    background-color: #f1f1f1;
    }     
      
td.eng {
    padding: 0.1em 0.3em; 
    vertical-align: middle;  
    } 
    
td.linie_oben {
    border-top: thin solid #e3e0d1; 
    } 
    
td.linie_unten {
    border-bottom: thin solid #e3e0d1; 
    }     
   
td.strichliert_unten{
    border-bottom: thin dashed #e3e0d1; 
    }   
    
td.strichliert_oben{
    border-top: thin dashed #e3e0d1; 
    } 
        
td > small {
    font-size: 0.8rem; 
    } 
    
td.fett {
    font-weight: 600; 
    font-weight: bolder;  
    color: #4c4c4c;
    } 
     
td.untertitel { 
   padding: 0.3em;
   font-family: arial;
   font-size: larger;
   }
   
.tabelle_ueberschrift {
    font-family: arial;
    font-size: 100%;
    color: #4c4c4c;   
    font-weight: bolder;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0;
    }    
   
td.untertitel_fett { 
   font-family: arial;
   color: #4c4c4c;
   font-size: 100%;
   font-weight: bold; 
   margin: 0;
   } 
   
td.blau_weiss  { 
   color: #fff;
   background-color: #006699; 
   margin: 0;
   }    
   
td.untertitel_formular { 
   font-family: arial;
   color: #4c4c4c;
   font-size: 100%;
   font-weight: bold;   
   margin: 0;
   background-color: #e3edd6; 
   } 
   
/* 
========================================
Formulare 
========================================
*/

td.formfeld, td.label, td.pflichtfeld, td.feldname , td.feldwert { 
    font-size: 100%;
    padding: 0.6em;
    border: thin solid #fff;
    background-color:  #e3edd6;    
    } 
    
td.formfeld0, td.label0, td.pflichtfeld0 {
    font-size: 100%;
    padding: 0.6em;
    background-color: #e3edd6; /* #ecf1f6; */ 
    }     
    
td.label, td.label0 , td.pflichtfeld, td.required, td.feldname {
    text-align: right;
    color: #555;
    } 
    
td.eingabefehler {
    text-align: right;
    color: #ac000b;
    background-color: #e3edd6; 
    }     
 
td input.schaltflaeche {
   font-size: 0.9em;
   padding: 0.2em 0.4em;
   color: #fff;
   background-color: #336699;
   border: thin solid black;
   border-radius: 7px;
   } 
   
.button, .submit, .schaltflaeche {
   font-size: 0.9em;
   padding: 0.2em 0.4em;
   color: #fff;
   background-color: #336699;
   border: thin solid black;
   border-radius: 7px;
   } 
   
.reset {
   font-size: 0.9em;
   padding: .2em 0.4em;
   border: thin solid #336699;
   border-radius: 7px;
   background-color: #d0e3ff;
   } 
        
.formular, .bg_formular {   
    background-color: #e3edd6;        
    } 
    
.formular_hinweis {
    color: #000;
    margin: 0.5em;
    background-color: #ffffff;  /* oder formularfarbe */
    } 
    
option.placeholder {
    color: #006699;
   }     
 
/* 
======================================
 Überschriften 
======================================
*/
 
h2, h3, h4 {
   font-family: Open Sans, Arial, Verdana;
   } 
   
h1 {
    font-family: Arial, Verdana;
    font-size: 150%;
    font-weight: 400;
    line-height: 1.3em;
    margin: 1em 0 0.3em 0;
    padding: 0;
    text-align: left; 
    } 
    
h1.ueberschrift1_linie {
    border-bottom: 1px solid #e3e0d1; /* ändern */
    }     

h1#seitentitel {
    font-size: 150%;
    color: #097054;
    margin: 0 0 0.5em 0;
    padding-bottom: 0.2em;
    border-bottom: thin solid #e3e0d1;
    }
    
h1.wichtig {
    font-size: 150%;
    color: #ac000b;
    margin: 0 0 0.5em 0;
    padding-bottom: 0.2em;
    border-bottom: thin solid #e3e0d1;
    }
    
h1.titel01 {
   color: #097054;
   margin:  0 0 0.3em 0; 
    }      
    
h1+p, h2+p, h3+p  { margin-top: 0;}
 
h2 {
    font-size: 130%;
    font-weight: 400;
    line-height: 1.3em;
    color: black;
    margin: 1em 0 0.3em 0;
    }
    
h2.titel02 {
   margin:  0 0 0.3em 0; 
   color: #097054;
   } 
   
h2.submenue_titel {
    font-size: 130%;
    font-weight: 400;
    color: black;
    margin: 0;  
    border: 0;
    }     
    
h3 {
    font-size: 120%;
    font-weight: 400;  
    line-height: 1.3em;
    margin: 1em 0 0.3em 0;
    } 
    
h3.titel03 {
   margin: 0 0 0.3em 0; 
   font-weight: 400;  
    }
    
h3.ueberschrift0  {
    font-family: arial;
    font-weight: bold;    
    color: #4c4c4c;
    margin:  0 0 0.3em 0; 
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.9;       
   }           
      
h4 {
    font-size: 110%; 
    font-weight: 400;    
    margin: 1em 0 0.3em 0;    
    } 
    
          
/* 
======================================
Absatz, Textauszeichnungen, Hervorhebungen 
======================================
*/

p {
   margin: 0 0 0.6em 0;
   line-height: 1.3em; 
   } 
   
p + h1 , p + h2, p + h3, hr +h1 {
   margin-top: 0.8em;
   }
   
p.leerzeile {
   height: 1.2em;
   }
   
p.leerzeile_eng {
   height: 0.8em;
   } 
   
p.clear {
   height: 0.1em;
   clear: left;
   }     
 
div>div, p>p {
   font-size: inherit;
   }
 
.liste {
    line-height: 1.3em; 
    margin: 0.3em 0 0.6em 0;
    }
    
div.rahmen, section.rahmen {
    margin: 1.6em  0 0.6em 0;
    padding: .4em;
    border: thin solid #e3e0d1;
    } 
    
.blau_gelb { 
   color: #fdda4d;
   background-color: #006699; 
   padding: 0.4em;
   margin: 0;
   }    
    
.abschnitt {
    line-height: 1.3em; 
    margin: 1em 0 0.6em  0;
    }    
    
.zeile {
    line-height: 1.1em;     
    margin: 0 0 0.6em 0;
    }
    
.hinweis {
    line-height: 1.2em;  
    font-size: inherit;
    }   
 
.admin {
    font-weight: bold;
    color: #ac000b;
    } 

.normal, .standard {
    font-size: 1em;
    }
 
.fett {
    font-weight: 800;
    color: #4c4c4c;
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.9;
    }
    
.kursiv {
    font-style: italic;
    }
           
.klein {
    font-size: 0.9em; 
    }
    
.groesser{
    font-size: 1.1em; 
    }
 
.zwei_linien {
    padding: .4em;
    border-top: thin solid #e3e0d1; 
    border-bottom: thin solid #e3e0d1; 
    } 
  
.box, .rahmen {
    padding: .4em;
    border: thin solid #e3e0d1; 
    }
 
.submenue {
    padding: .4em;
    border: thin solid #e3e0d1;  
    } 
    
.submenue_erfassung {
    padding: 0.3em 0 0.4em 0;
    border-bottom: thin solid #e3e0d1;
    margin-bottom: 0.8em;
    }             
    
.box_rot {
    color: #ac000b;
    padding: .4em;
    background: #fff;
    border: thin solid #ac000b;
    }
    
.box_blau {
    padding: .4em;
    border: thin solid #004474;
    }    
    
.eingerueckt, .einrueckung {
    margin-left: 2em;      
    }
    
.rechtsbuendig, .rb  {
    text-align: right;
    } 
    
nav.submenue{
    margin: 0.5em 0;
    padding: 0.6em 0;
    border:0 ;
    }      
 
.abstand_klein{
    padding: 2em;
    margin: 0;
    } 
              
.abstand {
    margin: 0;
    padding: 2.5em; 
    }
    
.abstandhalter {
    margin: 0;
    padding-top: 0.5em;
    }
    
.tabellenueberschrift {
    font-size: 100%;
    color: #4c4c4c;
    font-weight: bolder;  
    background-color: #ffffe0;
    vertical-align: bottom;
    }     

/*
=============================
Schriftfarben
=============================+
*/

.rot, .wichtig {
    color: #ac000b;
    }
    
.warnung  {
    color: #ac000b;
    }
    
.aktuell {
    color: #ac000b;
    }
    
.aktuell {
    color: #ac000b;
    }
     
.pflichtfeld {
    color: #ac000b;
    } 
   
td.pflichtfeld:before  {
   content: "*";
   color: #ac000b;
   }
 

.placeholder {
    color: #ac000b;
    }  
    
.weiss {
    color: #ffffff; 
    }
    
.schwarz {
    color: #000; 
    } 
    
.blau {
   color: #004474;
   } 
   
.gruen {
    color: #097054;
    } 
  
.gelb  {
    color: #ffcb00;
    } 
   
.markierung {
    color: #bd3900;
    }     
 
/*
=============================
Hintergründe -- über default werte definieren
=============================+
*/ 

.hintergrund {
    font-family: arial; 
    color: #4c4c4c;    
    font-size: 100%;
    font-weight: bolder;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0;
    background-color: #f1f1f1;         
    }  
            
/*
===========================
Linien 
============================
*/
   
hr {border: none;
    border-top: thin solid #e3e0d1;
    margin: 1em 0;   
    } 
 
hr.eng {
   margin: 0 0 1em 0; 
   }  
   
hr.fett {
   margin: 1em 0;
   border-top: 3px solid #e3e0d1;
   }    
   
.linie_links {
    padding-left: 1em;  
    border-left: thin solid #e3e0d1;   
    }              
    
.linie_kopf {    
    width: 100%;
    line-height: 1em;
    margin: 0;
    padding: 0;  
    border-bottom: 8px  solid #006699; 
    }     
    
.linie_strichliert{
    width: 100%;
    line-height: 1.1em;
    margin: 0 0 0.5em 0;
    padding: 0;  
    border-bottom: thin dashed #e3e0d1;  
    }    
    
.unterstrich {
    padding-bottom: 0.2em;
    border-bottom: thin solid #e3e0d1;  
    }

.oberstrich {
    vertical-align: top;
    padding: 2px;
    margin-right: 0;
    border-top:  thin solid #e3e0d1;  
}
   
.abstand_linie_strichliert{
    width: 100%; 
    line-height: 1.1em;
    margin: 0.6em 0;
    padding: 0;
    border-bottom: thin dashed #e3e0d1;  
    }
    
/* 
=========================
Tooltip 
=========================
*/
  
a.tooltip {
   text-decoration:none;
   }
   
.tooltip span.hinweis{
   display:none;
   }
   
.tooltip:hover span.hinweis{
   display:block;
   position:absolute;
   font-size: 1em;
   color: #000;
   text-align: left;
   width: 220px; 
   padding: 0.5em;   
   background-color: #ffffff; 
   border: thin solid #7eb5d6;
   }  
   
.tooltip_rahmen { 
     margin: 0;
     padding: 0 0.3em;
     border: thin solid #000;
     border-radius: 1em;
     }     
   
/* 
=========================
Controlling
=========================
*/

.rot-ampelschrift {
    color: #cc0000;
  }
  
.gelb-ampelschrift {
    color: #ffcb00;
  } 
  
.gruen-ampelschrift {
    color: #008000;
  } 
  
.rot-ampelhintergrund   { 
    color: #ffffff; 
    background: #cc0000;
    }
    
.gelb-ampelhintergrund  { 
    color: #ffffff; 
    background: #ffcb00;
    }
    
.gruen-ampelhintergrund { 
    color: #ffffff;
    background: #008000;
    }
    
.rot-standard {
    color: red;
}  

td.neutral {
    background: #eff3ef;
    border: 1px solid #dbdbdb;
}

td.ist-daten {
    background: #ffffe0;
    border: 1px solid #dbdbdb;
}

td.einnahmen {
   background:  #CEE7A5;   
   border: 1px solid #dbdbdb;
}

td.ausgaben { 
    background-color:  #FAEDA8;  
    border: 1px solid  #dbdbdb ;
}
 
td.saldo { 
    background-color:   #D8E8FF;  
    border: 1px solid #dbdbdb;
}