a {color:inherit; font-weight:bold; text-decoration:none;}
html, body {
  height:100%;
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  background-color:#CCC;
} 

#leftside {
  min-height: 100%;
  height:auto !important;
  height:100%;
  border-right:1px solid #000;
  width:250px;
  float:left;
  background-color:#CCC;
}
.mainHead,#settings_bar,#rightside table th,#flag_bar,.settings_head,#safe_settings,.headliner,.farbbg,.mainbox input[type=submit],.app_page_table{background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #7db9e8 0%, #1e3cbf 100%, #2989d8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#7db9e8), color-stop(100%,#1e3cbf), color-stop(100%,#2989d8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#7db9e8 0%,#1e3cbf 100%,#2989d8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#7db9e8 0%,#1e3cbf 100%,#2989d8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#7db9e8 0%,#1e3cbf 100%,#2989d8 100%); /* IE10+ */
background: linear-gradient(to bottom, #1e5799 0%,#7db9e8 0%,#1e3cbf 100%,#2989d8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#2989d8',GradientType=0 ); /* IE6-9 */
color:#FFF; font-size:22px; font-weight:bold; text-align:left; padding:5px; padding-left:10px;
text-shadow:black 0.1em 0.1em 0.2em;
}

.disabled_timbox{
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
color:#CCC;
}
.notifaction_box, .status_incomplete{
background: #ff3019; /* Old browsers */
background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
color:#FFF; font-size:22px; font-weight:bold; text-align:center; padding:5px; padding-left:10px;
text-shadow:black 0.1em 0.1em 0.2em;
}
.notifaction_box a{color:inherit;}

.status_waiting{
background: #febf01; /* Old browsers */
background: -moz-linear-gradient(top,  #febf01 0%, #febf01 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febf01), color-stop(100%,#febf01)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #febf01 0%,#febf01 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #febf01 0%,#febf01 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #febf01 0%,#febf01 100%); /* IE10+ */
background: linear-gradient(to bottom,  #febf01 0%,#febf01 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf01', endColorstr='#febf01',GradientType=0 ); /* IE6-9 */
color:#FFF; font-size:22px; font-weight:bold; text-align:center; padding:5px; padding-left:10px;
text-shadow:black 0.1em 0.1em 0.2em;
}

.status_complete{
background: #8fc400; /* Old browsers */
background: -moz-linear-gradient(top,  #8fc400 0%, #8fc400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc400), color-stop(100%,#8fc400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #8fc400 0%,#8fc400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #8fc400 0%,#8fc400 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #8fc400 0%,#8fc400 100%); /* IE10+ */
background: linear-gradient(to bottom,  #8fc400 0%,#8fc400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#8fc400',GradientType=0 ); /* IE6-9 */
color:#FFF; font-size:22px; font-weight:bold; text-align:center; padding:5px; padding-left:10px;
text-shadow:black 0.1em 0.1em 0.2em;
}

 
#leftside .subbox{padding:5px; font-size:20px;}
#leftside .subbox .head{ cursor:pointer;}
#leftside .subbox img{vertical-align:bottom; height:32px; padding-right:10px;}
#leftside .subbox .hidden{padding:5px; padding-left:44px; font-size:16px; margin-top:10px; display:none; cursor:pointer;}
#leftside .subbox .hidden img{ height:20px;}
.mainHead img{height:20px; vertical-align:bottom; padding-right:10px; padding-left:10px;}
#leftside .subbox .topic{padding-bottom:10px; padding-top:10px; border-bottom:3px solid #1e5799;}

#rightside{float:left; margin-left:10px; float: none; height:100%; overflow:auto;}
.headliner{text-align:center;}
.mainbox{padding:20px;}
.mainbox input[type=submit] {text-align:center; width:250px; margin-top:25px; margin-bottom:25px; font-size:24px; font-weight:bold; cursor:pointer; }



#rightside table{margin-top:25px; padding:0; border-spacing:0px;border-collapse: separate;}
#rightside table td{border:1px solid #000; text-align:center; padding:5px;}
#rightside table td input[type=text],select{width:220px; height:30px; font-size:20px; text-align:center;}
#rightside table th{text-align:center;}
#rightside .application_icon{height:32px; margin-right:10px;margin-left:10px; cursor:pointer;}
#settings_bar{margin-top:20px; padding:0px;}
#settings_bar .menu{display:inline-block; width:150px; padding:10px; border-right:2px solid #FFF; text-align:center; cursor:pointer;}
#settings_bar .active{background-color:#999;}
#flag_bar{margin-top:20px; padding:0px;}
#flag_bar .menu{display:inline-block; width:60px; padding:10px; border-right:2px solid #FFF; text-align:center; cursor:pointer;}
#flag_bar .menu img{height:30px;}
#flag_bar .active{background-color:#999;}
.settings_head{ margin-top:20px;}
#settings textarea{width:600px; height:300px; border:1px solid #000; background-color:#CCC; margin-left:10px;}
.hidden{display:none;}
#safe_settings{width:150px;position:fixed; bottom:0px; text-align:center; cursor:pointer;}
.error_border{background-color:#F00;}

.activity_feed{border:1px solid #000; background-color:#FFF; max-height:250px; overflow:auto;}
.activity_feed .b1{background-color:#fff; padding:10px;}
.activity_feed .b2{background-color:#ccc; padding:10px;}
.activity_feed img{vertical-align:bottom; height:25px; width:35px; padding-right:5px;}
.app_user_divbox_in{padding:10px; font-size:20px;}


.frage_button{margin:25px; padding:15px; width:300px; text-align:center; margin:0 auto; margin-top:25px; margin-bottom:25px; cursor:pointer;}
.frage_button a{color:inherit; text-decoration:none;}

.mitarbeiter_login_box{width:500px;  background-color:#FFF; border:1px solid #000; margin:0 auto;}
.mitarbeiter_table {width:100%; margin-top:15px;}
.mitarbeiter_table th{text-align:left;}
.mitarbeiter_table td input[type=text]{width:220px; height:30px; font-size:20px; text-align:center;}
.mitarbeiter_table td input[type=password]{width:220px; height:30px; font-size:20px; text-align:center;}
.frageboben_table{ width:100%; background-color:#FFF;}
.frageboben_table td{ width:50%; font-size:18px; font-weight:bold;}


.ma_index_status_box{border:1px solid #000; background-color:#fff; margin:25px;}
.ma_index_status_box table{width:100%; margin-top:0 !important;}
.ma_index_status_box table img{height:100px !important;}
.status_incomplete,.status_waiting,.status_complete{-webkit-border-radius: 50px;-moz-border-radius: 50px; border-radius: 50px;padding:25px; width:250px; margin:0 auto;}
.status_incomplete a,.status_waiting a,.status_complete a{display:inline-block; width:100%; height:100%; color:inherit; text-decoration:none;}

.ma_button{float:left; margin:25px; padding:15px;}
.ma_button a{color:inherit; text-decoration:none;}
.ma_left_box{background-color:#FFF; padding:15px; width:300px; font-size:18px; float:left; margin-right:50px;  min-height:250px;}
.ma_right_box{background-color:#FFF; padding:15px; min-width:400px; font-size:18px; float:left; min-height:250px;}
.ma_left_box img{height:30px;}
.ma_right_box .status_incomplete,.ma_right_box .status_waiting,.ma_right_box .status_complete{-webkit-border-radius: 50px;-moz-border-radius: 50px; border-radius: 50px;padding:10px; width:250px; margin:0 auto;}
.ma_stundenbox{background-color:#FFF; border:1px solid #000; padding:5px;}
.ma_stundenbox .guilty{ background-color:#F00;}
.ma_stundenbox .innocent{background-color:#FF0;}
.ma_stundenbox .fett{font-size:24px; font-weight:bold;}
.overlay{background-image:url(img/transparent.png); position:fixed; width:90%; height:100%;}


.ampel_gruen{background-color:#0C0;color:#FFF; font-size:22px; font-weight:bold;text-shadow:black 0.1em 0.1em 0.2em;}
.ampel_gelb{background-color:#FC0;color:#FFF; font-size:22px; font-weight:bold;text-shadow:black 0.1em 0.1em 0.2em;}
.ampel_rot{background-color:#F00;color:#FFF; font-size:22px; font-weight:bold;text-shadow:black 0.1em 0.1em 0.2em;}

.icon_bar{display:inline-block;}
.icon_bar img{height:30px; margin-right:15px;}

.eintrag_box{height:180px; background-color:#FFF;position:absolute; top:50%; margin-top:-90px; width:90%}
#stundenausfall,#notizen,#open_ticket{display:none;}
.button_plus{width:32px; height:32px; margin-left:10px;  background-image:url(img/1403875560_1.png); background-repeat:no-repeat; background-position:center; cursor:pointer; display:inline-block;}
.button_close{width:32px; height:32px; margin-left:10px; background-image:url(img/1403875766_Close.png); background-repeat:no-repeat; background-position:center; cursor:pointer; display:inline-block;}

#searchbox{height:30px; line-height:30px; width:180px;  font-size:18px;}

.helpdesk_box{background-color:#FFF; border:1px solid #000; width:700px; margin:0 auto; margin-top:20px; }
.helpdesk_box .inner{padding:10px;}
.helpdesk_box .label{font-size:18px; margin-top:20px;}
.helpdesk_box input[type=text]{width:90%; height:30px; font-size:20px; text-align:left;}
.helpdesk_box textarea{width:90%; height:150px; font-size:20px; text-align:left;}
.helpdesk_box .overflow{max-height:200px; overflow:auto;}
.helpdesk_box td{font-weight:bold;}
.helpdesk_box tr{cursor:pointer;}
.helpdesk_box tr:hover{background-color:#CCC !important;}
.helpdesk_msg_box{padding:10px; border:1px solid #000; margin-bottom:15px;}

#open_ticket_button{cursor:pointer; font-weight:bold; text-decoration:underline;}

.incorp_datebox{display:inline-block; border: 2px solid; border-radius: 25px; background-color:#FF0000;  width:250px; text-align:center; font-size:36px; font-weight:bold; margin:20px;}

#clock{text-align:center; font-weight:bold; font-size:32px;}
#clockdate{text-align:center; font-weight:bold; font-size:18px;}

.class_input{width:100% !important; font-size:24px; height:30px !important; font-weight:bold; text-align:left !important; }
.big_checkbox{height:30px;font-size:24px;width:30px; padding-top:20px;}
.AppTab{display:inline-block; width:75px; text-align:center;}
.AppTab img{height:45px; width:75px;}
.activeTabApp{ width:83px;}
.activeTabApp img{height:49px; width:83px;}
.inactiveTabApp img{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
.inactiveTabApp img:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
.app_page_table{width:300px; height:50px; margin:0 auto; margin-top:25px; color:#FFF; font-weight:bold; font-size:24px;}

.arrow-right{border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 40px solid black;}
.arrow-left {width: 0; height: 0; border-top: 20px solid transparent;border-bottom: 20px solid transparent; border-right:40px solid black; }

.calendar_head{background-image:url(img/calendar.png); height:97px; width:96px; float:left; margin-right:15px; color:#FFF; font-size:22px; font-weight:bold; text-align:center; text-shadow:black 0.1em 0.1em 0.2em;}