@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 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: 870px; padding: 20px 20px 20px 20px; float:left;}
#page #right .content { min-width:545px; 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; }

.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; }

.msg-info, .msg-success, .msg-warning, .msg-error, .msg-validation {border: 1px solid;margin: 10px 0;padding: 15px 10px;}
.form-group .msg-info,.form-group .msg-success,.form-group .msg-warning,.form-group .msg-error,.form-group .msg-validation {margin: 0;}
.msg-info {color: #00529B;background-color: #BDE5F8;}
.msg-success {color: #4F8A10;background-color: #DFF2BF;}
.msg-warning {color: #9F6000;background-color: #FEEFB3;}
.msg-error {color: #D8000C;background-color: #FFBABA;}

.clear { clear: both; }

/**
 * DATEPICKER - 24.11.2015 Dennis
 */
#datepickerform table.dpTable {width: 250px; text-align: center; border: 2px solid #d0d0d0; color: #2E373C;}
#datepickerform table.dpTable tr.dpTitleTR td,
#datepickerform table.dpTable tr.dpDayTR td {background: #F6F4F7;}
#datepickerform table.dpTable tr.dpTitleTR td {font-weight: bold; line-height: 26px;}
#datepickerform table.dpTable tr.dpDayTR td {text-transform: uppercase; color: #71716A; border-bottom: 2px solid #d0d0d0;}
#datepickerform table.dpTable .dpButton {background: #F6F4F7; border: none; font-weight: bold;}
#datepickerform table.dpTable .dpTodayButton {border: none; background: #006E85; color: #fff; text-transform: uppercase; font-weight: bold; float: left; cursor: pointer;}
#datepickerform table.dpTable .dpTodayButton:nth-child(2) {float: right;}
#datepickerform table.dpTable .dpDayHighlightTD {background: #006E85;}
#datepickerform table.dpTable td.dpTD:hover {background: #B1D2D9;}

pre, code {font-size: 14px; background: #F7F7F9; border: 1px solid #E1E1E8; padding: 0 4px;}
pre {margin-bottom: 12px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-bottom: 12px;}
.h1, h1 {font-size: 36px;}