@charset "utf-8";
/************************************************************
!!! WICHTIG - DIESE DATEI DARF NICHT GE�NDERT WERDEN !!!!

Es wurde eine Systemdatei geöffnet. Diese Datei darf niemals
angepasst/geändert werden, da �nderungen beim nächsten Update
überschrieben werden!

/css/main.css.php zum Überschreiben der Einstellungen nutzen!

************************************************************/
	
* { padding: 0; margin: 0; }
a { outline: none; }
body { background-color: #efefef; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 80%; }
img { border: none; }
#page { width:100%; max-width:1300px; min-width: 1150px; }
#page #top { min-width:808px; min-height: 85px; border-bottom: 5px solid #f39100; position:relative; }
#page #top #logo { width: 225px; height: 47px; position: absolute; top: 20px; left: 20px; }

.btn {
    width: 110px; height: 30px; padding: 0 8px; line-height: 30px; position:absolute; bottom: 0; display: block;  color: #fff; text-decoration: none; border-top-right-radius: 10px; border-top-left-radius: 10px; background-color:#f39100;
}
#page #top a.btn_internetseite { right: 180px;}
#page #top a.btn_ausloggen { right: 22px;}

#page #top a.btn_internetseite .fa,
#page #top a.btn_ausloggen .fa { font-size: 16px;}

#page #left { width: 200px; padding: 20px 20px 20px 20px; float:left; }
#page #left .user { width: 180px; height: 35px; line-height: 35px; font-size: 14px; color: #fff; padding-left: 12px; margin-bottom: 15px; border-radius: 10px; background-color:#f39100; position:relative; }
#page #left .login { width: 180px; height: 35px; line-height: 35px; font-size: 14px; color: #fff; padding-left: 12px; margin-bottom: 15px; cursor:pointer; border-radius: 10px; background-color:#f39100; position:relative; }
#page #left .user .fa,
#page #left .login .fa {font-size: 18px; margin-right: 4px;}
#page #left .menu { width: 199px; margin-bottom: 15px; border:1px solid #939393; border-radius:10px; background-color:#fff; }
#page #left .menu .menu_top { width: 189px; height: 21px; padding: 5px 0px 0px 10px; font-weight: bold; background-image:linear-gradient(white 0%, #999999 100%); border-top-left-radius:10px; border-top-right-radius:10px; }
#page #left .menu .menu_middle { width: 199px; }
#page #left .menu .menu_middle ul { list-style: none; }
#page #left .menu .menu_middle li a { display: block; width: 189px; height: 21px; border-top: 1px solid #939393; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 10px; color: #000; text-decoration: none; }
#page #left .menu .menu_middle li a.norights {color: #C0C0C0;}
#page #left .menu .menu_middle li a:hover { background-color: #f39100; color: #fff; }
#page #left .menu .menu_middle li a.active { background-color: #f39100; color: #fff; }
#page #left .menu .menu_middle li ul li a { width: 175px;  border-bottom: none;  padding: 3px 0px 0px 24px; background-color: #fff; background-image: url(../system_images/bg_menu.png); background-repeat: no-repeat; }
#page #left .menu .menu_middle li ul li a:hover { font-weight: bold; background-color: #fff; color: #000; }
#page #left .menu .menu_middle li ul li a.active { font-weight: bold; background-color: #fff; color: #000; }
#page #left .menu .menu_bottom { width: 199px; height: 6px; }

#page #left .menu p.kontakt { color: #575757; padding: 10px 10px 10px 10px; font-size: 0.85em;}
#page #left .menu p.kontakt a { color: #575757; text-decoration: none; }
#page #left .menu p.kontakt a:hover { text-decoration: underline; }

#page #right { width: 970px; padding: 20px 20px 20px 20px; float:left;}
#page #right .content { min-width:945px; margin-bottom: 15px; border:1px solid #939393; border-radius:10px; background-color:#fff; }
#page #right .content .content_top { height: 21px; padding: 4px 0px 0px 10px; font-weight: bold; background-image:linear-gradient(white 0%, #999999 100%); border-top-left-radius:10px; border-top-right-radius:10px; }
#page #right .content .content_middle { padding: 10px 10px 10px 10px; }
#page #right .content table { width: 100%; }
#page #right .content table td { padding: 3px 3px 3px 3px; }
#page #right .content table th { text-align: left; padding: 3px 3px 3px 3px; }
#page #right .content table .tr_second { background-color: #efefef; }
#page #right .content a { color: #000; text-decoration: none; color: #f39100; }
#page #right .content a:hover { text-decoration: underline; }
#page #right .content a.csv_export { width: 80px; height: 20px; background-image:url(../system_images/icon_export_csv.png); background-repeat:no-repeat; padding-left: 22px; float: right; display: block; color: #000;  }
#page #right .content img.icon_show { width: 30px; height: 23px; background-image: url(../system_images/icon_show.png); background-repeat: no-repeat; }
#page #right .content p { padding-bottom: 10px; }

#page #right .content input[type='checkbox'].textfield { margin:4px; width:19px; height: 19px; }
#page #right .content input[type='checkbox'].textfield  { margin:4px; width:19px; height: 19px; background-color: #fdcccc; }

#page #right .content input {padding: 5px;}

#page #right .content input.textfield { width: 200px; height: 20px; border: 1px solid #575757; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#page #right .content input.textfield_error { width: 200px; height: 20px; border: 1px solid #9a0000; background-color: #fdcccc; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#page #right .content select.textfield { width: 200px; height: 27px; border: 1px solid #575757; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#page #right .content select.textfield_error { width: 200px; height: 27px; border: 1px solid #9a0000; background-color: #fdcccc; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#page #right .content textarea.textarea { width: 350px; height: 80px; border: 1px solid #575757; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#page #right .content textarea.textarea_error { width: 350px; height: 80px; border: 1px solid #9a0000; background-color: #fdcccc; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#page #right .content textarea.textarea_big { width: 600px; height: 400px; border: 1px solid #575757; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#page #right .content textarea.textarea_medium { width: 600px; height: 100px; border: 1px solid #575757; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#page #right .content input[type='submit'], #page #right .content input.button  { padding:5px 20px; background-color: #f39100;  border: 1px solid #efefef; color: #fff; }

#page #right .content h1,
#page #right .content h2,
#page #right .content h3,
#page #right .content h4 { margin-bottom: 10px; }

#mobile_nav {
    display: none;
}
/**
 * TAB-CSS
 */
@media only screen and (max-width: 1149px) {
    #mobile_nav {
        display: block;
        position: absolute;
        cursor: pointer;
        bottom: 0px;
        background: #D51F2C none repeat scroll 0% 0%;
        color: #FFF;
        padding: 8px 20px;
        font-size: 18px;
    }
    #page {
        position: relative;
        max-width: 100%;
        min-width: 100%;
    }
    #page #left {
        position: absolute;
        display: none;
        z-index: 999;
        background: #D51F2C;
        padding: 0;
    }
    #page #left .menu {
        width: 200px;
        border: none;
        border-radius: 0;
        margin-bottom: 0;
    }
    #page #left .menu .menu_middle { width: 200px; }
    #page #left .menu .menu_middle li a {
        display: block;
        width: 92%;
        line-height: 35px;
        height: 35px;
        margin: 0;
        padding: 0 4%;
    }
    #page #left .menu .menu_middle li ul li a {
        width: 84%;
        padding: 0 4% 0 12%;
        line-height: 35px;
        height: 35px;
        background-position: left center;
    }
    #page #left .menu .menu_top {
        border-radius: 0;
        width: 100%;
        padding: 0 0 0 0;
        margin: 0;
        line-height: 140%;
    }
    #page #left .menu .menu_bottom {display: none;}
    #page #right {
        position: absolute;
        width: 96%;
        padding: 2%;
    }
}

@media only screen and (min-width: 1150px) {
    #page #left {
        display: block !important;
    }
}

.msg_notice { border: 1px dotted #4b680b; background-color: #e5f1cb; color: #4b680b; padding: 10px; margin-bottom: 10px; }
.msg_error { border: 1px dotted #9a0000; background-color: #fdcccc; color: #9a0000; padding: 10px; margin-bottom: 10px; }
.clear { clear: both; }

code, pre {font-size: 14px;}
pre { margin-bottom: 8px; }

@media print {
    #page #left,
    #page #top a.btn_ausloggen {
        display: none !important;
    }
    #page #right {
        padding: 50px 0;
        width: 100%;
    }
    #page #right,
    #page #right .content {
        width: 98%;
        font-size: 16px;
    }

}


#div_datenschutz_bestaetigung_bg {
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    z-index:10000; 
    background-color:#000; 
    opacity: 0.5; 
    filter: alpha(opacity=50);
}
#div_datenschutz_bestaetigung_content {
    position:absolute;
    top:50px;
    left:100px;
    width:50%;
    height:80%;
    z-index:1000000;
    background-color:#fff;
    padding:20px;
    overflow:auto;
}
#div_datenschutz_bestaetigung_content .button {
    padding:5px 20px; 
    background-color: #f39100;  
    border: 1px solid #efefef; 
    color: #fff;
}

.flex {
    display:flex;
    display:-ms-flexbox;
}