/** ALLGEMEINES **/ 
/** Schriftarten **/ 

@font-face {
    font-family: 'conduit_itc_boldregular';
    src: url('../schrift/conduit_itc_bold-webfont.woff2') format('woff2'),
         url('../schrift/conduit_itc_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'conduit_itc_bold_italicRg';
    src: url('../schrift/conduit_itc_bolditalic-webfont.woff2') format('woff2'),
         url('../schrift/conduit_itc_bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'conduit_itc_lightregular';
    src: url('../schrift/conduit_itc_light-webfont.woff2') format('woff2'),
         url('../schrift/conduit_itc_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'conduit_itc_light_italicRg';
    src: url('../schrift/conduit_itc_lightkursiv-webfont.woff2') format('woff2'),
         url('../schrift/conduit_itc_lightkursiv-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'conduit_itc_mediumregular';
    src: url('../schrift/conduit_itc_medium-webfont.woff2') format('woff2'),
         url('../schrift/conduit_itc_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'conduit_itc_medium_italicRg';
    src: url('../schrift/conduit_itc_mediumitalic-webfont.woff2') format('woff2'),
         url('../schrift/conduit_itc_mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'geometr231_btbold';
    src: url('../schrift/geometric231-webfont.woff2') format('woff2'),
         url('../schrift/geometric231-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'geometr231_lt_btlight';
    src: url('../schrift/geometric231_l-webfont.woff2') format('woff2'),
         url('../schrift/geometric231_l-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'geometr231_btroman';
    src: url('../schrift/geometric231_r-webfont.woff2') format('woff2'),
         url('../schrift/geometric231_r-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




/** HTML-Elemente **/ 

.wlrechts > main a:link, .wllinks > footer a:link {
    color: #005500;
}

.wlrechts > main a:visited, .wllinks > footer a:visited {
    color: #005500;
}
.wlrechts > main a:hover, .wllinks > footer a:hover {
    color: #007700;
    /** border-top: 1px dotted #007700;
    border-bottom: 1px dotted #007700; **/ 
}


body, input, select { 
    font-family: conduit_itc_lightregular, verdana, Verdana, sans-serif;
    font-size: 15px;
}

input[type="button"], input[type="reset"], input[type="submit"] {
    font-family: conduit_itc_mediumregular, verdana, Verdana, sans-serif;
}



b, strong, th, optgroup, h3, h4 {
    font-family: conduit_itc_boldregular, verdana, Verdana, sans-serif;
    font-weight: normal;
}

i, em {
    font-family: conduit_itc_light_italicRg, verdana, Verdana, sans-serif;
    font-style: normal;
}

b i, strong i, em strong, strong em  {
    font-family: conduit_itc_bold_italicRg, verdana, Verdana, sans-serif;
    font-weight: normal;
    font-style: normal;
}

h1{
    font-family: geometr231_btbold, verdana, Verdana, sans-serif;
    border-bottom: 3px solid #007700;
}

h2{
    font-family: conduit_itc_boldregular, verdana, Verdana, sans-serif;
    font-weight: normal;
    font-size: 18px;  
    border-bottom: 2px solid #007700;
}

h3 {
    font-family: conduit_itc_boldregular, verdana, Verdana, sans-serif;
    font-weight: normal;
    font-size: 17px;
    border-bottom: 1px solid #007700;
}

ul {
    list-style-image: url('../img/liste13.png');
}







.fehler {
    background: repeating-linear-gradient (45deg, red, red 10px, white 10px, white 20px);
    /** border: 2px solid #000000; **/
    box-shadow: 0 0 4px #FF0000;
}



.loeschdialog, .editdialog {
	display: none;
}

.loeschdialog span {
	padding: 3px 0 0 0;
}

.satzedit {
    display: none;
}

.editdirekt .satzedit {
    display: inline;
}

.editdirekt .satztext {
    display: none;
}

.editdirekt .editdialog {
    display: inline;
}

.editdirekt .satzmenu {
    display: none;
}



.satzmenu img {
    border: #999999 2px outset;
    background-color: #F0F0F0;
    padding: 1px;
}

.tbzhaupt {
    border-bottom: 1px solid #C0C0C0;
}

.wert input, .wert select {
    width: 95%;
}



div.meldung {
    background-color: #F9F9F9;
}

div.meldung0 {
    border: 2px solid #CF0000;
}

div.meldung1 {
    border: 2px solid #00EE00;
}

div.meldung2 {
    border: 2px solid #222222;
}

div.meldung8 {
    border: 2px solid #FFFF00;
}

div.meldung9 {
    border: 2px solid #0000EE;
}

span.textmarkierung {
    background-color: #007700;
    color: #FFFFFF;
}

table.seite, table.benutzer {
    width: 100%;
}

table.seite td {
    padding: 3px;
}


/** Navigation **/
.navigation-menu {
    padding-left: 0px;
    padding-top: 2px;
    list-style: none; 
}

.navigation-submenu {
    margin-left: 5px;
    padding-left: 5px;
    list-style: none;
}

.navaktuell {
    font-family: conduit_itc_boldregular, verdana, Verdana, sans-serif;
}  
  
.navigation-menu input[type=checkbox] {
    /* hide native checkbox */
    position: absolute;
    opacity: 0;
}    

.navigation-menu input[type="checkbox"]:checked + label {
    background-color: #aaaaaa ;
}     

.navigation-menu input[type="checkbox"] + label:after {
    content: "\0020\0020\02295";                                        
    cursor: n-resize;
    line-height: 1.1;  
    margin-right: 5px;  
    position: absolute;
    right: 0;
    text-shadow: 2px 2px 5px green;
    top: 0;
}

.navigation-menu input[type="checkbox"]:checked + label:after {
    content: "\0020\0020\0229D";
}
                                    
.navigation-menu label, .navigation-menu a {
    background: #DDDDDD;
    border-top: 1px solid #007700;
    color: #000000;
    display: flex;   
    align-items: center;
    padding-left: 3px; 
    position: relative;
    text-decoration: none;    
    
}

.navigation-menu .navlink {
    cursor: pointer;
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 100%; 
}   

.navigation-menu a.navaktuell { 
    background-color: #AAAAAA;
}

.navigation-menu label:hover, .navigation-menu a:hover {
    background: #007700 !important;
    border-top: 1px solid #000000;
    color: #FFFFFF;
    display: flex;   
    align-items: center;
    padding-left: 3px; 
    position: relative;
    text-decoration: none;    
}
       
.navigation-menu ul {
	/* by default hide all sub menus */
	display: none;
}
 
.navigation-menu input[type=checkbox]:checked + label + ul,
.navigation-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
	/* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
	/* show children when item is checked */
	display: block;
}


/** Seitenaufbau **/     

@media screen and (min-width: 481px) {     
  
    html {
        background-color: #BBBBBB;
        }

    body {
       padding: 0px;
       margin: 0px;
       height: 100%;
       position: fixed;  
       width: 100%;
       min-width: 500px;
       
    }
        
    .wlrahmen {
        
       width: 100%;
       max-width: 1100px;
       min-width: 500px;
       margin: 0 auto;
       height: 100%;
    }
    
    .wllinks{
        padding: 3px;
        float: left;
        width: 177px;
        margin-left: -100%;
        background-color: #F9F9F9;
        height: 100%;
        overflow: hidden;  
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;
        flex-direction: column;
        flex-direction: column;
        overflow-x: hidden; 
        overflow-y: auto;
       
    }
    
    .wllinks > header {
        text-align: center;
    }
    
    .wllinks > footer {
        padding-bottom: 3px;
        font-size: 10pt;
        text-align: center;
        /* font-family: geometr231_btroman, verdana, Verdana, sans-serif;  */
    }
    
    .wlrahmenrechts{
       float: left;
       width: 100%;
       min-width: 500px;
       background-color: #cfcfcf;
       height: 100%;
    }

    .wlrechts {
        margin-left: 185px;
        background-color: #FFFFFF;
        height: 100%;
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;
        
        flex-direction: column;
        overflow-x: auto; 
        overflow-y: auto;
       
       }
       
    
    .wlrechts > main {
        padding-top: 50px;
        line-height: 1.2;  
        padding-right: 10px; 
        hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        font-family: conduit_itc_lightregular !important; 
    }
    
    .wlrechts main img {
     
        max-height: auto !important;
        max-width: 100% !important;
     } 
     
     
    .wlrechts main ul li {
        line-height: 1.1;  
        margin-bottom: 8px;
        }
    
    .wlrechts main ul li ul {
        list-style-type: circle !important;
        list-style-image: initial !important;
        }
    
    .wlrechts main ul li ul li {
        margin-bottom: 1px;
        }

        
    .wlrechts > footer {
        padding: 3px; 
        text-align: right; 
        border-top: 2px solid #009900;
        font-size: 8pt;
    }
    

    main {
      -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-flex: 1;         /* OLD - Firefox 19- */
      -webkit-flex: 1;          /* Chrome */
        flex: 1;
        flex-grow: 1;
        padding: 5px;
    }
    
    #seitenkopf {
        border-bottom: 6px solid #007700; 
        height: 144px; 
        position: relative;
    }

    #seitenlogo {
        display: none;
    }
    
    #seitensuche {
        padding: 5px; 
        text-align: right;
    }
    
    #seitensuchenav {
        display: none;
    }
    
    
    #seitentitel {
        position: absolute; 
        bottom: 0; 
        right: 0; 
        padding: 5px; 
        text-align: right; 
        font-family: geometr231_btbold, sans-serif;
        font-size: 22px;
        color: #007700;
    }
    
    div.attribut {
        
        display: inline-block;
        float: left;
        font-family: conduit_itc_mediumregular, verdana, Verdana, sans-serif;
        height: 25px;
        line-height: 25px; 
        vertical-align: middle;
        width: 20%; 
    }    
    
    div.attribut+div.wert {
        margin-left: 20%;
    }
    
    
    div.wert {
        margin-bottom: 7px;    
        width: 75%;
        vertical-align: middle;
        line-height: 25px; 
    }

    
    div.wert:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    
    .navigation-menu label, .navigation-menu a {
        min-height: 25px; 
    }
    
    .navigation-menu label:hover, .navigation-menu a:hover {
        min-height: 25px; 
    }

    .navigation-menu input[type="checkbox"] + label:after {
        font-size: 22px;
    }
    
    .satz .dialog {
        white-space: nowrap;
    }
    
    .standard {
        display: none;
    }    

}

@media screen and (max-width: 480px) {     

     body {
       padding: 0px;
       margin: 0px;
       height: 100%;
       position: fixed;  
       width: 100%;
       min-width: 250px;
       width: 100%;
       font-size: 16px;

    }
        
    .wlrahmen {
        
       width: 100%;
       margin: 0 auto;
       height: 100%;
    }

    .wllinks{
        display: none;
        float: left;
        width: 100%;
        margin-left: -100%;
        background-color: #F9F9F9;
        height: 100%;
        /* background: rgba(1,1,1,1); */ 
        z-index: 1000;
        overflow-x: auto; 
        
       
    }

    .wllinks header {
        /* display: none;  */ 
        height: 15px;
    }
    
    .wllinks header img {
        display: none;
    }

    .wllinks main {
        overflow-x: auto; 
        flex: 1;
    }
    
    .wllinks footer {
        text-align: center;
        font-size: 0.9em;    
    }

    .wlrahmenrechts{
       float: left;
       width: 100%;
       background-color: #cfcfcf;
       height: 100%;
    }    
        
    .wlrechts {
        background-color: #FFFFFF;
        height: 100%;
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;
        line-height: 1.3;  
        flex-direction: column;
        overflow-x: auto; 
        overflow-y: auto;
       
       }
    
    .wlrechts  main {
        padding-top: 10px;
        padding-right: 5px; 
        padding-left: 5px; 
        hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        font-family: conduit_itc_lightregular !important; 
    }
    
    .wlrechts main img {
     
        max-height: auto !important;
        max-width: 100% !important;
     }
     
    .wlrechts main table {
     
        max-height: auto !important; 
        max-width: 100% !important;
     }
     
    .wlrechts main ul {
        overflow: hidden;   
    }

    .wlrechts main li {
        line-height: 1.1;  
        margin-bottom: 5px;
        }
     
    
    .wlrechts footer {
        padding: 3px; 
        text-align: right; 
        border-top: 2px solid #009900;
        font-size: 8pt;
    }
    
    main {
      -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-flex: 1;         /* OLD - Firefox 19- */
      -webkit-flex: 1;          /* Chrome */
        flex: 1;
        
        flex-grow: 1;
        /* padding: 5px; */
    }
    

    #seitenkopf {
        border-bottom: 4px solid #007700;
        height: 150px; 
        position: relative; 
    }
    
    #seitenkopf .wllogo {
        max-height: 105px;
    }
    
    #seitenlogo {
        padding: 1px;
        height: 100%; 
        overflow: hidden; 
        float: left;
        
    }
    
    #seitensuche {
        padding: 8px 2px 8px 2px; 
        text-align: right;
        background-color: #AAAAAA;
        z-index: 1000;
        border-bottom: 2px solid;
    }
    
    #seitensuchenav {
        display: block;
        border: 1px outset; 
        background-color: #CCCCCC; 
        cursor: pointer;
    }
    
    
    #seitentitel {
        position: absolute; 
        bottom: 0; 
        right: 0;
        padding-left: 80px; 
        padding-right: 5px; 
        text-align: right; 
        font-family: geometr231_btbold, sans-serif;
        font-size: 1.3em;
        color: #007700;
    }
    
    .smart {
        display: none;
    }
    
    div.attribut {
        font-family: conduit_itc_mediumregular, verdana, Verdana, sans-serif;
    }
    
    div.wert {
        margin-bottom: 20px;
    }
    
    .navigation-menu label, .navigation-menu a {
        height: 40px; 

    }
    
    .navigation-menu label:hover, .navigation-menu a:hover {
        height: 40px; 
    }

    .navigation-menu input[type="checkbox"] + label:after {
        font-size: 32px;
    }
    
    
}