.tabs { list-style: none; }
.tabs li { display: inline; }
.tabs li a { color: black; float: left; display: block; padding: 4px 10px; margin-left: -1px; position: relative; left: 1px; background: white; text-decoration: none; }
.tabs li a:hover { background: #ccc; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.box-wrap { position: relative; min-height: 250px; }
.tabbed-area div div { background: white; padding: 20px; min-height: 250px; position: relative; top: -1px; left: 0; width: 90%; }
.tabs li a { border: 1px solid #ccc; }
#box-one, #box-two, #box-three, #box-four { display:none; }
#box-one:target, #box-two:target, #box-three:target, #box-four:target {
        display:block;
  z-index: 1;
}
.cur-nav-fix .tabs { position: absolute; bottom: 100%; left: -1px; }
.cur-nav-fix .tabs li a {

}

.cherry {
      display: none;
}
.summe {
        width:80px;
        color:#000;
        font-weight:bold;
        text-align:right;
}

.praemie {
        width:80px;
        color:#000;
        text-align:right;
}

.urlaub, .krank, .arbeit, .fehlt, .wochenende, .feiertag {
        text-align:center;
        font-weight:bold;
        color:#000;
        width:30px;
}
.feiertag {
        background-color:#90C;
}

.urlaub {
        background-color:#FFC;
}

.krank {
        background-color:#F30;
}

.arbeit {
        background-color:#9F6;
}

.fehlt {
        background-color:#C00;
}

.wochenende {
        background-color:#9CF;
}

.table_stundenzettel td {
        border-right:1px #999 solid;
        border-bottom:1px #999 solid;
        height:20px;
        width:100px;
}

.table_stundenzettel_first {
        border-left:1px #999 solid;
}

.table_formular {
        text-align:right;
}

.fehlerfeld {
        padding-left:56px;
        display:none;
        color:#F03;
        font-weight:600;
        float:left;
}
.success {
        padding-left:56px;
        display:none;
        color:#5ED337 !important;
        font-weight:600;
        float:left;
}

.tableheader {
        font-weight:bold;
        color:#fff;
        background-color:#fd8a17;
        text-align:center;
}

.tablegerade {
        background-color:#F2F2F3;
}

.tableungerade {
        background-color:#fff;
}

.zellerot {
        background-color:#C00;
        width:20px;
}

.zellegruen {
        background-color:#3C3;
        width:20px;
}

#clear {
        clear:both;
}

#formular {
        display:none;
        padding-top:25px;
}

.formular {
        display:none;
        padding-top:25px;
}

#form_zeit_update {
        display:none;
        padding-top:25px;
        position:relative;
}

#content-container-main {
        background-color:#F4F6FA;
        height:65%;
        position:relative;
}

.content-container {
        position:relative;
        top: 50px;
        width:98%;
        min-width: 1075px;
        max-width: 1300px;
        text-align:left;
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
        margin: 41px auto 0px;
        background: none repeat scroll 0% 0% #FFF;
        height:90%;
        padding:1%;
        font-family:'Open Sans', sans-serif;
        overflow:auto;
}

.content-small {
        position:relative;
        width:100%;
        margin-top:20px;
        margin-left:280px;
        text-align:left;
        min-height:400px;
        height:auto;

}

.content-normal {
        position:relative;
        width:100%;
        margin-top:20px;
        margin-left:20px;
        text-align:left;
        min-height:400px;
        height:auto;
}

.container-logout {
        width:200px;
        background-color:#F2F2F3;
        height:40px;
        position:absolute;
        right:25px;
        top:25px;
        animation-duration:2s;
        animation-name:slidein;
        text-align:center;
        vertical-align:middle;
        z-index:1;
        font-family: "Raleway","Helvetica Neue",Verdana,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: bold;
    line-height: 1.2;
    text-rendering: optimizelegibility;
    text-transform: uppercase;
        color:#fd8a17;
}

.container-logout a,
.contaoner-logout a:visited {
        text-decoration:none;
        color:#fd8a17;
}

@keyframes slidein {
  from {
    right: -240px;
  }

  to {
    right: 25px;
  }
}

h1 {
    font-size: 28px;
    display: block;
    font-weight: 700;
}

h2 {
    margin: 0px 0px 0.5em;
    color: #636363;
    font-family: "Raleway","Helvetica Neue",Verdana,Arial,sans-serif;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2;
    text-rendering: optimizelegibility;
    text-transform: uppercase;
}

h3 {
        margin: 0px 0px 0.5em;
    color: #636363;
    font-family: "Raleway","Helvetica Neue",Verdana,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2;
    text-rendering: optimizelegibility;
    text-transform: uppercase;
}

body {
        font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    color: #808080;
        background-color: #F4F6FA;
        height:100%;
        width:100%;
        position:absolute;
        left:0px;
        top:0px;
        margin-left:0px;
        margin-top:0px;
}

.clear {
    clear: both;
}

.right {
        float:right;
}

.left {
        float:left;
}


form #form-left-ohne {
    float: left;
    text-align: right;
    display: inline-block;
    padding-right: 15px;
}

form #form-left {
    float: left;
    text-align: right;
    display: inline-block;
    padding-right: 15px;
        padding-left: 15px;
}

form #form-right {
    float: left;
    padding-right: 10px;
    text-align: left;
}

label {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    display: block;
    margin-bottom: 6px;
    color: #808080;
}

select {
        height:22px;
}

.container-login-aussen {
   margin: 41px auto 0px;
    background: none repeat scroll 0% 0% #F2F2F3;
    padding: 12px 15px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
    width: 480px;
}

.container-login {
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
    width: 480px;
        border: 1px solid #D3D3D3;
        padding: 0px;
        background: none repeat scroll 0% 0% #FFF;
}

p#copyright-msg {
    padding: 0px 15px;
    text-align: left;
    font-size: 11px;
    line-height: 16px;
    color: #909090;
}

input {
    background: none repeat scroll 0% 0% #FFF;
    display: inline-block;
    height: 18px;
    padding: 2px 5px;
    margin-bottom: 9px;
    font-size: 13px;
    color: #333;
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset;
}

button {
    text-shadow: none;
    background-position: 0px center !important;
    background-color: #4289B3;
    background-image: linear-gradient(to bottom, #4E92BA, #307CA9);
    border-color: #307CA9 #307CA9 #1F506D;
    background-repeat: repeat-x;
    color: #FFF !important;
}

.on-header {
}

.header-language-background {
    background-color: #FFF;
    text-transform: uppercase;
        padding: none;
        margin: 0px;
        padding-bottom:15px;
}

.navbar {
        background-color:#006AB3;
        height:70px;
        margin-top:0px;
}

.navbar a {
        color:#fff;
        display:block;
        padding:0px 10px;
        line-height:70px;
        height:70px;
        vertical-align:middle;
        text-decoration:none;
        font-family:'Open Sans', sans-serif;
        font-size:16px;
        font-weight:500;
}

.navbar a:hover {
        background-color: #08b3e9;
}
.navbar form {
        color: fff;

}

.slider {
        position:relative;
        top: 50px;
        background: url('bg-slider.jpg');
        height:350px;
        width:100%;
}
.navbar ul {
        text-align:left;
        width:100%;
        min-width: 1075px;
        max-width: 1300px;
        margin: 0px auto 0px;
        list-style:outside none none;
}

.navbar li {
        float:left;
        margin-right:100px;
}

.navbar-top {
        position:absolute;
        top:0px;
        right:0px;
        font-size: 12px;
        color:#000;
        background-color:#F4F6FA;
        height:40px;
        width:400px;
        padding-left:5px;
        text-transform:none;
        font-family: 'Open Sans', sans-serif;
}

.navbar-top ul {
        list-style:outside none none;
        margin: 0px auto 0px;
}

.navbar-top li {
        float:left;
        height:100%;
}

.navbar-top a {
        padding:0px 10px;
        color:#006AB3;
        text-decoration:none;
        vertical-align:middle;
        line-height:40px;
        height:40px;
}

#footer {
        background-color:#004c80;
        left:0px;
        position: relative;
        height:60px;
        top:50px;
        width:100%;
        margin:0px;

}

.footer-links {
        float:right;
        font-family:'Open Sans', sans-serif;
        list-style:outside none none;
}

.footer-links ul {
        margin: 0px auto 0px;
}

.footer-links li {
        float:left;
        color:#d1dae1;
        margin-right:20px;
}

.footer-links a {
        height:40px;
        vertical-align:middle;
        text-decoration:none;
        color:#fff;
        display:block;
        padding:0px 10px;
        line-height:40px;
}
.footer-text h4{
        float:left;
        font-family:'Open Sans', sans-serif;
        color:#fff;
        margin-left:100px;
}
.white {
        position:absolute;
        top:0px;
        left:0px;
        float:left;
        background-color:#fff;
        height:41px;
        width:90%;
}



.on-header-logo {
    /*
        position: relative;
    padding: 10px;
        */
        width: 98%;
        min-width: 1075px;
        max-width: 1300px;
        text-align:left;
        background: none repeat scroll 0% 0% #FFF;
        background-color:#fff;
        margin: 41px auto 0px;
}

.logo {
    max-width: 80px;
}

hr {
    margin: 18px 0px;
    border-right: 0px none;
    border-width: 1px 0px 0px;
    border-style: solid none none;
    border-color: #D3D3D3 -moz-use-text-color -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
}
/*button for no change */
.button_2 {
  border: none;
  color: #008CBA;
  padding: 12px 2000px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
}
/*textarea hight for service-interface*/
textarea {
height: auto;
}
/*color disabled checkbox service interface - not possible*/
input[type=checkbox][disabled][checked]{
  /*outline:1px solid green;*/
  background-color: green;
  border: 5px solid blue;
  color: solid blue;
  content: '&#8730';


}
/*searchfunction*/
.searchtop {
     float:left;
     line-height:1.5em;
     color:#fff;

}
.search {
     line-height:1em;
     color:#303030;

}

@import url(http://fonts.googleapis.com/css?family=Oswald);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
        top:10px;
  width: auto;
  font-family: 'Oswald', sans-serif;
  line-height: 1;
}
#cssmenu > ul {
  background: url('images/bg.png');
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 20px 25px;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fd8a17;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #444444;
}
#cssmenu #menu-indicator {
  position: absolute;
  bottom: 0;
  display: block;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-bottom-color: #fd8a17;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#cssmenu.small-screen {
  width: 100%;
}
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul {
  width: 100%;
  text-align: left;
}
#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center > ul > li {
  float: none;
  display: block;
  border-top: 1px solid rgba(100, 100, 100, 0.1);
}
#cssmenu.small-screen > ul > li > a {
  padding: 18px 25px;
}
#cssmenu.small-screen > ul > li:after,
#cssmenu.small-screen > ul > li:before {
  display: none;
}
#cssmenu.small-screen #menu-button {
  display: block;
  padding: 18px 25px;
  cursor: pointer;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fd8a17;
  background: url('images/bg.png');
}
#cssmenu.small-screen #menu-button.menu-opened {
  color: #444444;
}
#cssmenu.small-screen #menu-button:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 19.5px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 2px solid #fd8a17;
  border-bottom: 2px solid #fd8a17;
  width: 18px;
  height: 3px;
}
#cssmenu.small-screen #menu-button.menu-opened:after {
  border-top: 2px solid #444444;
  border-bottom: 2px solid #444444;
}
#cssmenu.small-screen #menu-button:before {
  content: "";
  position: absolute;
  right: 25px;
  top: 29.5px;
  display: block;
  width: 18px;
  height: 2px;
  background: #fd8a17;
}
#cssmenu.small-screen #menu-button.menu-opened:before {
  background: #444444;
}
#cssmenu.small-screen #menu-indicator {
  display: none;
}

#cssmenu2 {
  margin: 0;
  padding: 0;
  font-family: Verdana, Helvetica, Arial, sans-serif;
}
#cssmenu2 {
  width: 233px;
  float:left;
}
#cssmenu2 ul {
  list-style: none;
  text-indent: 0px;
}
#cssmenu2 li {
  margin-top: 3px;
}
#cssmenu2 a {
  font: 12px Verdana;
  padding: 4px;
  color: #646464;
  display: block;
  padding: 6px 30px;
  height: 20px;
  text-decoration: none;
  background: url('images/background.gif');
}
#cssmenu2 a:hover {
  background: url('images/highlight.gif') no-repeat right;
  padding: 6px 40px;
}