/* Links */
a:link,a:visited {
        font-family: 'Source Sans Pro', sans-serif;
         font-size: 1.0em;
         color: #438800;
         font-weight: 600;
         text-decoration:underline;
}

a:hover {
         color: #135D8A;
         text-decoration:none;
}

a.menu:link,a.menu:visited {
         display:block;
         font-family: 'Noto Sans HK';
         font-size: 0.8em;
         color: #135D8A;
         font-weight: 400;
         text-decoration:none;
         background-color: #EDEDED;
         border-left: 5px #8AC800 solid;
         padding: 3px 2px 3px 8px;
         margin-bottom:2px;
}

a.menu:hover {
         color: #000000;
         text-decoration:none;
         background-color: #D2E49B;
}

/* Site */
body {
         background: #D9D7D0;
         margin:0;
         padding:0;
         width: 100%;
         height: 100%;

            font-family: 'Source Sans Pro', sans-serif;
         font-size: 1.0em;
         text-align:left;
         vertical-align:top;
}

table, td {
         font-size: 1.0em;
         font-weight: normal;
         text-align:left;
         vertical-align: middle !important;
         color:#000000;
}

/* Überschriften */
h1{
         font-family: 'Noto Sans HK', sans-serif;
         font-size: 1.4em;
         font-weight: bold;
         text-align:left;
         color:#003D69;
         vertical-align:top;

         margin: 2px 0px 2px 0px;
}

h2 {
         font-family: 'Noto Sans HK', sans-serif;
         font-size: 1.2em;
         font-weight: bold;
         text-align:left;
         background-color:#E4E7DF;

         margin: 5px 0px 3px 0px;
         padding: 2px 5px 2px 5px;
}

h5 {
         font-family: 'Noto Sans HK', sans-serif;
         font-size: 1.4em;
         font-weight: bold;
         text-align:left;
         color:#709C12;

         margin: 5px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
}

/* Standarts */
.links         { float: left; }
.rechts         { float: right; }
.clear         { clear:both; line-height:0.0em; height: 0px; display: block; background-color: #FFDF00; }
.center, .a_c         { text-align: center !important; }
.a_l         { text-align: left; }
.a_r         { text-align: right; }

hr.dot { border: 0px; border-bottom: 2px #AFAFAF dotted; }

/* Seitenaufbau */
#wrapper {
         margin: 10px auto 50px auto;
         min-width: 850px;
         max-width: 1850px;

        -webkit-box-shadow: 0px 24px 21px -18px rgba(0,0,0,0.6);
        box-shadow: 0px 24px 21px -18px rgba(0,0,0,0.6);
}

#header {
         display: block;
         width: 100%;
         min-height: 110px;
         padding: 0px;
          margin: 0px;

}

#header .header_links {
        float:left;
         height: 112px;
         width: 22px;
         background: url(../images/acp_header_left.png) no-repeat;
}

#header .header_mitte {
         float:left;
         width: calc(100% - 22px - 360px);
         height: 112px;
        background: url(../images/acp_header_bg.png) repeat-x;
}

#header .header_rechts {
         float:right;
         height: 112px;
         width: 360px;
         background: url(../images/acp_header_right.png) top right no-repeat;
}

#header .header_rechts #user {
        float:left;
         margin: 30px 10px 0px 55px;
}

#header .header_rechts #user .avatar {
         float: left;
         padding: 2px;
         border: 2px #709C12 solid;
}

#header .header_rechts #user .info {
         float: left;
         padding: 2px;
         margin: 0px 10px 10px 10px;
         font-size: 0.9em;
}

#logo {
        float:left;
         height: calc(112px - 45px);
         width: calc(400px - 120px);
         background: url(../images/acp_header_logo.png) no-repeat;

         padding: 45px 0px 2px 120px;
}

#headermenu {
         display: block;
         width: calc(100% - 0px);
         height: 40px;
        background: #e5f0c6; /* Old browsers */
        background: -moz-linear-gradient(top,  #e5f0c6 0%, #d0e397 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #e5f0c6 0%,#d0e397 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #e5f0c6 0%,#d0e397 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f0c6', endColorstr='#d0e397',GradientType=0 ); /* IE6-9 */
}

#headermenu .bg {
        display: block;
         width: calc(100% - 40px);
         margin: 0px auto;
         padding: 0px 10px;
         background: #a9cc41; /* Old browsers */
         background: -moz-linear-gradient(top,  #a9cc41 0%, #8ab02d 49%, #78a312 50%, #5c8812 100%); /* FF3.6-15 */
         background: -webkit-linear-gradient(top,  #a9cc41 0%,#8ab02d 49%,#78a312 50%,#5c8812 100%); /* Chrome10-25,Safari5.1-6 */
         background: linear-gradient(to bottom,  #a9cc41 0%,#8ab02d 49%,#78a312 50%,#5c8812 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9cc41', endColorstr='#5c8812',GradientType=0 ); /* IE6-9 */
         -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}

#headermenu a {
        float: left;
         display: inline-block;
         padding: 5px 8px 5px 8px;
         margin: 0px 0px 0px 0px;

            font-family: 'Muli', sans-serif;
         font-size: 1.0em;
         font-weight: 600;
         color:#FFFFFF;
         text-decoration: none;
         text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
         border-left: 1px #85b011 solid;
         border-right: 1px #679212 solid;
}
#headermenu a:hover { text-decoration: underline; text-decoration-style: wavy; }
#headermenu a:first-child { border-left: 0px; }
#headermenu a:last-child { border-right: 0px; }
#headermenu .rechts a, #headermenu a:hover { box-shadow: inset #3B5608 0px 0px 5px; background:#608C12; }

#site {
         display: block;
         width: calc(100% - 20px);
         padding: 10px 10px 10px 10px;
         margin: 0px 0px 0px 0px;

        background: #93be11; /* Old browsers */
        background: -moz-linear-gradient(top,  #93be11 0%, #578212 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #93be11 0%,#578212 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(top,  #93be11 0%,#578212 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93be11', endColorstr='#578212',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */

         -webkit-box-shadow: inset 0px 10px 10px -10px rgba(0,0,0,0.75);
        -moz-box-shadow: inset 0px 10px 10px -10px rgba(0,0,0,0.75);
        box-shadow: inset 0px 10px 10px -10px rgba(0,0,0,0.75);

         color: #FFFFFF;
         border-bottom: 1px #6d9d21 solid;
}

#sidebar {
        float: left;
        width: 260px;
}

#content {
         float: right;
        width: calc(100% - 280px);
         min-height: 100px;
         font-size: 0.9em;
}

.contentbox {
         display: inline-block;
         background: #FFFFFF;
         -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;

         padding: 10px;
         margin: 0px 0px 15px 0px;

         font-family: 'Source Sans Pro', sans-serif;
         color: #000000;
         font-size: 1.0em;

         width: calc(100% - 24px);
         min-height: 20px;
         border: 2px #FFFFFF solid;
         -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25), inset 0px 0px 15px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25), inset 0px 0px 15px 0px rgba(0,0,0,0.15);
        box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25), inset 0px 0px 15px 0px rgba(0,0,0,0.15);
}

.contentbox h3 {
         margin: 0px 0px 15px 0px;
         padding: 0px 0px 8px 0px;

            font-family: 'Muli', sans-serif;
         font-size: 1.2em;
         font-weight: 500;
         text-align:left;
         color:#476F00;
         text-align:left;
         vertical-align:top;

        -webkit-box-shadow: 0px 15px 15px -10px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 15px 15px -10px rgba(0,0,0,0.15);
        box-shadow: 0px 15px 15px -10px rgba(0,0,0,0.15);
}

/* Footer */
#footer {
         width: 100%;
         min-height: 20px;
         padding: 5px 0px 5px 0px;
         background: #578212;
         border-top: 1px #44670b solid;

         text-align: center;
         color: #FFFFFF;
         font-size: 0.7em;
         text-shadow: 1px 1px 0px rgba(0,0,0,0.2);

         -webkit-border-bottom-right-radius: 8px;
        -webkit-border-bottom-left-radius: 8px;
        -moz-border-radius-bottomright: 8px;
        -moz-border-radius-bottomleft: 8px;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
}

/* Rechnungen */
#rechnung_schreiben {
        border: 0px #FF00FF solid;
}

#rechnung_schreiben form {
        border: 1px #FFFFFF solid;
}

#rechnung_schreiben form div[id^="zeile_"] {
        border: 0px #FF00FF solid;
}