/* Basierend auf der RZ-CSS von 2013 */

/* Default Fonts, wenn Webfonts nicht greifen */
* {
    font-family: 'MetaPlus','Trebuchet MS','Helvetica','Arial','sans-serif';

}

/* Standardformate für Tags */
/*-- Positionierung vorab --> setzt alle Abstände in allen Browsern auf "Null"--*/ 
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, a, em,
abbr, acronym, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, input, select, option, textarea, button {
    background: transparent; 
    color: #333;
    margin: 0; 
    padding: 0;
}
html, body {
    height: 100%;
}
img {
    display: block;
    float: none;
    border: none 0;
    font-size: .75em;
}
a:hover, a:focus, a:active {
    text-decoration: underline;
}

/*-- Stile und Positionierung für die Seite --*/ 
#seite {
    min-height:100%;
    position: relative;
}


/*-- Stile und Positionierung für die Menüleiste oben --*/ 
#header {
    border-style:none;
    background: #F3F3F3;
    line-height: 150%;
    font-size: 100.1%;;
    font-family: 'MetaPlusBold', 'sans-serif';
    margin-bottom: 10px;
    overflow: hidden;
}
#header .logo {
    float: left;
    width: 31%;
}
#header .logo img {
    max-width: 100%;
    margin-bottom: 25px;
}
#header div.nav {
    background-color: #F3F3F3;
}
#header div.nav ul {
    list-style: none outside none;
}
#header div.nav li.start {
    position: relative;
    padding: 1px;
    border-left: none 0;
}
#header div.nav li {
    display: block;
    float: left;
    border-left: solid 1px #474747;
    font-size: 1.13em;
    margin-bottom: 8px;
    padding: 0;
}

div.nav a {
    color: #333;
    text-decoration:none;
}
#header div.nav li.start a, #header div.nav li.start a:link, #header div.nav li.start a:visited {
    margin: -1px -2px -1px 0;
    padding: 1px 0 1px 0;
    border: 4px solid transparent;
}
#header div.nav li a:link, #header div.nav li a:visited {
    display: block;
    min-height: 21px;
    border: 4px solid transparent;
    border-right-width: 4px;
    border-left-width: 4px;
    border-left-width: 1px;
    border-right-width: 1px;
    text-decoration: none;
    margin: 0 -1px;
    padding: 0 18px 0 20px;
}
#header div.nav li a:hover, #header div.nav li a:focus, #header div.nav li a:active {
    color:#FFF;
    background-color:#AC1035;
    text-decoration: underline;
}
#header div.nav li .active, #header div.nav .active{
    color:#FFF;
    background-color:#AC1035;
    text-decoration: underline;
    margin-right: -1px;
}
#header div.nav li.start.active, #header div.start.active {
    border: 4px solid transparent;
    padding: 1px;
}
div.nav ul li.start a:hover img, div.nav ul li.start a:focus img, div.nav ul li.start a:active img {
    color: #FFF;
    background-color: #AC1035;
    opacity: 0;
}
div.nav ul li.start a:hover, div.nav ul li.start a:focus, div.nav ul li.start a:active {
    color: #FFF;
    background: #AC1035 url('../img/home_active.gif') no-repeat center 0;
    margin: 0 -1px;
}

/* Float-Elemente */
.float_left {
    float: left;
}
#header .nav .float_left {
    float: left;
    width: 69%;
}
#header .float_left img {
    display: inline;
}
#header div.nav .float_left a:hover, div.nav .float_left a:focus, div.nav .float_left a:active {
    color:inherit;
    background-color:inherit;
    text-decoration: none;
}

/* Elemente aus dem Sichtbaren Bereich verschieben - jedoch anzeigen */
.out {
    position: absolute;
    top: -20000em;
    left: -20000em;
}
/* Meldungen */
.err {
    color: red;
    background-color: #FFF;
    width: 60%;
    margin-bottom: 1em;
}

/*-- Stile und Positionierung für den Text - Mitte der Seite --*/ 
#text {
    background-color: #FFF;
    padding: 1% 0% 2% 0;
}
div.nav, #text, #footer .list {
    max-width: 1088px;
    width: 97%;
    margin: 0 auto;
    clear:both;
}
.list li a {
    color: #333;
}

/* Formulare */
form label, form input, form textarea, form select {
    display:block;
}
form label, form input.button {
    cursor: pointer;
}
form input[type='checkbox'], form label.inline {
    display: inline-block;
}
#text form {
    font-size: 90%;
}
#text form label {
    width:50%;
}
#text form input, #text form textarea, #text form select {
    padding: 0.15em 0.25em;
    margin: 0.2em 0 1em 0;
    color: #333;
    background-color: #FFF;
    border: solid 1px #333;
    font-size: 90%;
}
#text form input.readonly, #text form textarea.readonly {
    background-color: #f3f3f3;
    border: solid 1px #333;
}
#text form input:hover, #text form input:focus, #text form input:active,
#text form textarea:hover, #text form textarea:focus, #text form textarea:active {
    background-color: #f3f3f3;
}
#text form input.button:hover, #text form input.button:focus, #text form input.button:active, 
#text p a.button:hover, #text p a.button:focus, #text p a.button:active {
    background-color: #FFF;
    color: #AC1035;
    text-decoration: none;
}
#text form input.button, #text p a.button {
    background-color: #AC1035;
    border: solid 1px #AC1035;
    color: #FFF;
    font-weight: bold;
    padding: 3px 20px 4px;
    margin-top: 2em;
}
#text p a.button {
    line-height: 4em;
}

/*-- Stile und Positionierung für den Seitenfuss --*/ 
#footer {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    background: #F3F3F3;
    min-height: max-content;
    padding-bottom: 5%;
    padding-top: 1%;
    font-size: 100%;
}

/* allgemeine Formate */
/* Am besten scheint es zu sein wenn sie nach der Definition von id und class-Selektoren stehen, also am Ende der Datei,  da sie sonst nicht ausgewertet werden. Warum auch immer! */

#text ol, #text ul {
    padding-left: 2.5em;
}
ol li {
    list-style-type:decimal;
    line-height: 150%;
}

ol > ol {
    padding-left: 2.5em;
}
ol > ol > ol {
    padding-left: 2.5em;
}

ul li {
    list-style-type:none;
    line-height: 150%;
}
#text ul li {
    list-style-type:disc;
    line-height: 150%;
}
ul > ul {
    padding-left: 2.5em;
}
ul > ul > ul {
    padding-left: 2.5em;
}
blockquote {
    padding-left: 2.5em;
}
blockquote > blockquote {
    padding-left:2%;
}
blockquote > blockquote > blockquote
{
    padding-left:2%;
}
a {
    text-decoration:none;
    color: #AC1035;
}
br {
    padding-top: 2%;
}

h1 {
    border-top:  none;
    border-left: 9px solid #FBB900;
    border-right: 0 none;
    border-bottom: none;
    font-weight: 900;
    font-size: 200%;
    padding-left:15px;
    margin-top:2%;
    margin-bottom: 1%;
    line-height: 150%;
}

h2 {
    font-size: 140%;
    /*border-left: 8px solid #FBB900;*/
    /*padding-left:15px;*/
    margin-top:2%;
    margin-bottom: 1%;
}

h3 {
    font-size: 120%;
    /*border-left: 7px solid #FBB900;*/
    /*padding-left:15px;*/
    margin-top:2%;
    margin-bottom: 0.5%;
}
h4 {
    font-size: 100%;
    /*border-left: 6px solid #FBB900;*/
    /*padding-left:15px;*/
    margin-top:1%;
    margin-bottom: 0.25%;
}
p {
    border-top: 0  none;
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 0 none;
    line-height: 150%;
    margin: 0 0 0.25em 0;
    padding-top: 15px;
    font-size: 95%;
}

/* Formate für Tabellen */
table {
    border-collapse: collapse;
    font-size: 0.8em;
    border: 2px solid #F3F3F3;
    width:auto;
}
td {
    padding: 10px;
    border: 2px solid #F3F3F3;
}
th {
    padding: 10px;
    background-color: #CCCCCC;
}
tr.deleted, tr.deleted td {
    color: #fff;
    border: 1px solid #AC1035;
    background-color: #000;
}
.grau {
    background-color:#F3F3F3;
    font-weight:600;
}



@media handheld,only screen and (max-width:1080px)
{
    #header .nav .logo, #header .nav .float_left {
        max-width: 100%;
        width: auto;
    }
    #header .logo, #header .logo img{
        min-height: 74px;
        min-width: 295px;
        margin-right: 2%;
    }
    #header .float_left, #header .float_left img {
        min-height: 75px;
        min-width: 160px;
    }
    #text form input
    {
        padding: 0.4em 0.25em;
        margin: 0.5 0 1em 0;
        line-height: 1em;
        font-size: 105%;
    }
    #text form input.button
    {
        padding: 0.4em 1em;
        font-size: 110%;
    }
}

@media handheld,only screen and (max-width:553px)
{
    #navigation{
        padding-left: 0;
    }
    #header .logo, #header .float_left {
        float: none;
        width: 100%;
    }
    .logo img {
        margin-bottom: 5px;
    }
    div.nav, #text
    {
        width: 97%;
        margin: 0 auto;
    }
    div.nav li {
        min-width: 100%;
        width: 100%;
    }
    div.nav ul li.start a {
        padding: 0 10px !important;
    }
    h1 {
        font-size: 150%;
        padding-left:15px;
        margin-bottom: 1%;
        margin-top:2%;
    }
    h2 {
        font-size: 120%;
        margin-top:2%;
    }

    h3 {
        font-size: 110%;
        margin-top:2%;
    }
    h4 {
        font-size: 95%;
        margin-top:1%;
    }
}
@media handheld,only screen and (max-width:300px)
{
    #header .nav .logo, #header .nav .float_left {

        max-width: 100%;
        height: auto;
    }
    #header .logo, #header .logo img{
        min-height: 0;
        min-width:0;
        max-width: 100%;
        height: auto;
    }
    #header .float_left, #header .float_left img {
        min-height: 0;
        min-width:0;
        max-width: 100%;
        height: auto;
    }
}
/* 
allgemeine Infos:

verwendete Farben
  uni-link-rot = #AC1035
  uni-gelb = #FBB900
*/
div.debug {
    position: absolute;
    position:absolute;
    right:20px;
    top:20px;
    z-index: 100;
    color: #000 !important;
    background-color: #DDD !important;
    opacity: 0.8;
    
}
pre {
    font-size: 0.5em;
}