/*@charset "utf-8";*/
/* CSS Document */
@import "jquery.ui.all.css";
@import "jquery.ui.jqgrid.css";
@import "jquery.ui.bestdirekt.css";



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, textarea {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: none;
    border-bottom-width: 0;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: -moz-use-text-color;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: none;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 0;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: -moz-use-text-color;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: none;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 0;
    border-top-color: -moz-use-text-color;
    border-top-style: none;
    border-top-width: 0;
    font-family: Verdana, Helvetica, Arial, Times New Roman;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    vertical-align: baseline;
}

table, td, th {
    vertical-align: middle;
}

    table.search td {
        padding-bottom: 2px;
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 2px;
        overflow-wrap: break-word;
    }

td {
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    overflow-wrap: break-word;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}
/*img {
	vertical-align: middle;
}*/
:focus {
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
}

html {
    height: 100%;
    padding-bottom: 1px;
}

body {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -x-system-font: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #A9A9A9;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #444444;
    font-family: sans-serif;
    font-size: 75%;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.5;
    height: 100%;
    overflow-y: scroll;
}

h1, h2, h3, h4, h5, h6 {
    color: #004d91;
    font-weight: normal;
    margin-bottom: 0.3em;
}

h1 {
    font-size: 1.5em;
    margin-top: 1em;
}

h2 {
    font-size: 1.4em;
    font-style: italic;
    margin-top: 1em;
}

h3 {
    font-size: 1.3em;
    margin-top: 1em;
}

h4 {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 0.5em;
}

h5 {
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 0.5em;
}

h6 {
    font-size: 1em;
    font-weight: bold;
    margin-top: 0.5em;
}

    h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        vertical-align: middle;
    }

.logo h1 {
    margin-top: 0;
}

p {
    margin-bottom: 1em;
}

a:focus, a:hover {
    color: #000022;
}

a {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    color: #224466;
}

abbr, acronym {
    border-bottom-color: #666666;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

address {
    margin-bottom: 1.5em;
}

blockquote {
    line-height: 1.4em;
    margin-bottom: 1.2em;
    margin-left: 1.2em;
    margin-right: 1.2em;
    margin-top: 1.2em;
}

    blockquote span {
        color: #000000;
        font-size: 1.4em;
    }

del {
    color: #666666;
}

em, dfn, blockquote, address {
    font-style: italic;
}

strong, dfn {
    font-weight: bold;
}

sup, sub {
    line-height: 0;
}

cite {
    color: #666666;
}

pre {
    margin-bottom: 1.5em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1.5em;
    white-space: pre;
}

pre, code, tt {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -x-system-font: none;
    font-family: monospace;
    font-size: 1em;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.5;
}

li ul, li ol {
    margin-left: 1.5em;
}

ul, ol {
    margin-bottom: 1.5em;
    margin-left: 1.5em;
    margin-right: 1.5em;
    margin-top: 0;
}

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

dl {
    margin-bottom: 1.5em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

    dl dt {
        font-weight: bold;
    }

dd {
    margin-left: 1.5em;
}

.logo {
    width: 100%;
    text-align: center;
    /*float: left;*/
}

.logoInner {
    /*width: 900px;*/
    text-align: left;
    height: 84px;
    /*float: left;*/
    /*margin: auto !important;*/
}

.login_right {
    font-size: 11px;
    text-align: right;
    /* width: 300px; */
    padding: 0;
    /* position: relative; */
    /* left: 615px; */
    /* top: 5px; */
}

    .login_right a {
        color: #A6A6A6;
        text-decoration: none;
        font-style: italic;
    }

        .login_right a:hover {
            color: #737373;
            text-decoration: none;
            font-style: italic;
            text-decoration: underline;
        }

        .login_right a.blue {
            color: #004d91;
            text-decoration: none;
            font-style: italic;
        }

            .login_right a.blue:hover {
                color: #004d91;
                text-decoration: none;
                font-style: italic;
                text-decoration: underline;
            }

.hrlogo {
    border: 1px solid #fff;
    background-color: #777;
    height: 1px;
    width: 916px;
    /*margin-top: 1px;org: 26*/
    margin: 3px;
    clear: both;
}

.breadcrum-nav {
    text-align: left;
    color: #aaaaaa;
}

    .breadcrum-nav a {
        color: #aaaaaa;
        text-decoration: underline;
    }

.kunde {
    /* float: left; */
    margin-top: 0px;
    /*max-width: 600px;*/
    /* max-height: 30px; */
    vertical-align: bottom;
}

.login_top {
    padding: 0px 4px 2px 4px;
    /* float: right; */
    /* position: relative; */
    text-align: right;
    height: 26px;
	margin-top:2px;
    /*width: 550px;*/
    /*overflow: hidden;*/
}


.headlineLogoLeft {
    float: left;
    margin-right: 25px;
    margin-top: 20px;
}

.homeLogo {
    max-height: 45px;
    border: none;
}

.headlineLeftImage {
    height: 50px;
}

.headlineLeftHtml {
    float: left;
    text-align: left;
    line-height: 50px;
    margin-top: 20px;
}
/*.headlineLeftHtml h1 {
	color: black;
}*/
.field {
    position: relative; /* For the icon positioning */
    /*float: left;*/
    top: 0.65em; /*org: 0.65em*/
}

.fieldInput {
    position: relative;
    top: 0 !important;
}
    /*
.field i {
	
	float: left;
	left: 0px;
	top: 0px;
	position: absolute;*/
    /*height: 20px;*/
    /*width: 25px;*/
    /*	color: #A6A6A6;
	line-height: 26px;
	
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: 1px 0 0 rgba(255, 255, 255, 0.7);
	
    
	text-align: center;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	pointer-events: none;
}*/

    .fieldInput .iconUser {
        /* Size and position */
        float: left;
        left: 0px;
        top: 0px;
        position: absolute;
        height: 13px;
        width: 22px;
        color: #A6A6A6;
        line-height: 26px;
        /* Line */
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        box-shadow: 1px 0 0 rgba(255, 255, 255, 0.9);
        /* Styles */
        text-align: center;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        pointer-events: none;
        display: inline-block;
        margin-top: 8px !important;
        margin-left: 7px !important;
        background-image: url('/Content/img/iconUserInactive.gif');
    }


    .fieldInput .iconPass {
        /* Size and position */
        float: left;
        left: 0px;
        top: 0px;
        position: absolute;
        height: 14px;
        width: 22px;
        color: #A6A6A6;
        line-height: 26px;
        /* Line */
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        box-shadow: 1px 0 0 rgba(255, 255, 255, 0.9);
        /* Styles */
        text-align: center;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        pointer-events: none;
        display: inline-block;
        margin-top: 8px !important;
        margin-left: 7px !important;
        background-image: url('/Content/img/iconPassInactive.gif');
    }

.logininput {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: 400;
    height: 24px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    /* Size and position */
    width: 140px;
    padding: 4px 2px 5px 36px;
    margin-right: 9px;
    /* Styles */
    border: none; /* Remove the default border */
    box-shadow: inset 0 0 2px rgba(0,0,0,0.9), inset 1px 0px 15px rgba(210,234,255,0.9);
    border-radius: 3px;
    background: #ffffff;
    color: #000;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -ms-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.redBorder {
    border: 1px solid red;
}

/*input[type=text]:hover ~ i, input[type=password]:hover ~ i {
	color: #1591FF;
}
input[type=text]:focus ~ i, input[type=password]:focus ~ i {
	color: #42A2BC;
}*/

/*input[type=text]:hover ~ span{
	background-image: url('/content/img/iconUserHover.gif');
}
input[type=text]:focus ~ span{
	background-image: url('/content/img/iconUserActive.gif');
}
input[type=password]:hover ~ span {
	background-image: url('/content/img/iconPassHover.gif');
}
input[type=password]:focus ~ span {
	background-image: url('/content/img/iconPassActive.gif');
}*/
.logininputuser:hover ~ p {
    background-image: url('/content/img/iconUserHover.gif');
}

.logininputuser:focus ~ p {
    background-image: url('/content/img/iconUserActive.gif');
}

.logininputpass:hover ~ p {
    background-image: url('/content/img/iconPassHover.gif');
}

.logininputpass:focus ~ p {
    background-image: url('/content/img/iconPassActive.gif');
}


input[type=text]:focus, input[type=password]:focus, button[type=submit]:focus {
    outline: none;
}

.icon-user:before {
    content: "\f007";
}

.icon-lock:before {
    content: "\f023";
}
/*.field input[type=button],input[type=submit] {*/

.fieldInput .inputbutton {
    /* Size and position */
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: 400;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    /* Size and position */
    width: 90px;
    height: 24px;
    padding: 1px 2px 2px 2px;
    /* Styles */
    border: none; /* Remove the default border */
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.9), inset 1px 0px 15px rgba(210,234,255,0.9);
    border-radius: 3px;
    background: #ffffff;
    color: #777;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -ms-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
    cursor: pointer;
}


.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

label {
    cursor: pointer;
    font-weight: bold;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

.legend {
    margin-bottom: 20px;
}

.center, .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.left, .alignleft {
    float: left;
}

.right, .alignright {
    float: right;
}

.clear, .clearer {
    clear: both;
}

.clearer {
    display: block;
    font-size: 0;
    line-height: 0;
}

.hideElement {
    display: none;
}

.showElement {
    display: block;
}

.col2 {
    background-color: #FFF;
    width: 47%;
}

.content-separator, .archive-separator {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #EEEEEE;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    clear: both;
    color: #FFFFEE;
    display: block;
    font-size: 0;
    height: 1px;
    line-height: 0;
    margin-bottom: 24px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 12px;
}

.archive-separator {
    margin-bottom: 14px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

.separator-vertical {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("img/separator-vertical.gif");
    background-origin: padding-box;
    background-position: center top;
    background-repeat: repeat-y;
    background-size: auto auto;
}

.separator-horizontal {
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
}

.post {
    margin-bottom: 24px;
}

    .post a {
        -moz-text-blink: none;
        -moz-text-decoration-color: -moz-use-text-color;
        -moz-text-decoration-line: none;
        -moz-text-decoration-style: solid;
    }

        .post a:hover, .post-body a {
            -moz-text-blink: none;
            -moz-text-decoration-color: -moz-use-text-color;
            -moz-text-decoration-line: underline;
            -moz-text-decoration-style: solid;
        }

.post-title {
    border-bottom-color: #E5E5E5;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.post-date {
    color: #777777;
    font-size: 0.9em;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 8px;
}

    .post-date a {
        color: #444444;
    }

.post-body {
    padding-top: 12px;
}

.post-meta {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #FCFCFC;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: #ECECEC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #ECECEC;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #ECECEC;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #ECECEC;
    border-top-style: solid;
    border-top-width: 1px;
    color: #777777;
    font-size: 0.9em;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
}

    .post-meta a {
        color: #334455;
    }

        .post-meta a:hover {
            color: #000011;
        }

ul.nice-list {
    border-top-color: #F0F0F0;
    border-top-style: solid;
    border-top-width: 1px;
    margin-left: 0;
    margin-right: 0;
}

    ul.nice-list li {
        border-bottom-color: #F0F0F0;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        padding-bottom: 6px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 6px;
    }

        ul.nice-list li a {
            -moz-text-blink: none;
            -moz-text-decoration-color: -moz-use-text-color;
            -moz-text-decoration-line: none;
            -moz-text-decoration-style: solid;
        }

            ul.nice-list li a:hover {
                -moz-text-blink: none;
                -moz-text-decoration-color: -moz-use-text-color;
                -moz-text-decoration-line: underline;
                -moz-text-decoration-style: solid;
            }

    ul.nice-list span {
        color: #666666;
    }

#sidebar ul.nice-list li, #sidebar ul.nice-list {
    border-bottom-color: #E0E0E0;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #E0E0E0;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #E0E0E0;
    border-top-color: #E0E0E0;
}

.box {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/content/img/box.gif");
    background-origin: padding-box;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto auto;
    border-bottom-color: #DFDFDA;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-color: #FFFFFF;
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 16px;
}

    .box a {
        color: #995511;
    }

        .box a:hover {
            color: #331100;
        }

.box-title {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -x-system-font: none;
    color: #666655;
    font-family: sans-serif;
    font-size: 1.6em;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
}

.box-content {
    padding-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 8px;
}

div.contentheader {
    margin-bottom: 20px;
}

    div.contentheader img {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 10px;
        padding-top: 0;
    }

.center-wrapper {
    background-color: #EFF1F3;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 960px;
}

#header-wrapper {
}

#header-wrapper-2 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #F6F6F6;
    background-image: url("/content/img/content-wrapper.gif");
    background-origin: padding-box;
    background-position: center top;
    background-repeat: repeat-y;
    background-size: auto auto;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

#header {
    background-image: url(/content/img/navigation.gif);
    font-family: Verdana, Geneva, sans-serif;
    color: #A6A6A6;
    font-size: 16px; /*war 11*/
    height: 100%;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    /*padding-bottom: 0;*/
    padding-left: 25px;
    padding-right: 15px;
    /*padding-top: 5px;*/
    border: none; /* Remove the default border */
    box-shadow: inset 0 0 1px rgba(0,0,0,0.1), inset 1px 0px 5px rgba(0,0,0,0.1);
    border-radius: 3px;
    background: #ffffff;
    color: #777;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -ms-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}


@media screen and (max-width:960px) {

    #header {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}


    #header img {
        /*margin-top: 16px;/*-38*/
    }

#logo {
    color: #000000;
}

#site-title a {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
}

#site-title, #site-title a {
    color: #000000;
}

    #site-title span, #site-title a span {
        color: #DDDDDD;
    }
    /*#site-slogan {
	color: #6699CC;
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 28px;
}*/
    #site-title img {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 20px;
        padding-top: 0;
    }

.content {
    font-size: 1.1em;
}

#content-wrapper {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #F6F6F6;
    background-image: url("/content/img/content-wrapper.gif");
    background-origin: padding-box;
    background-position: center top;
    background-repeat: repeat-y;
    background-size: auto auto;
    height: auto;
}

#content-two-columns.content {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/content/img/content-two-columns.png");
    background-origin: padding-box;
    background-position: left top;
    background-repeat: repeat-y;
    background-size: auto auto;
}

#main-wrapper {
    float: right;
    width: 798px;
}

#main {
    background-color: #FFF;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px;
    border: none; /* Remove the default border */
    box-shadow: inset 0 0 1px rgba(0,0,0,0.1), inset 1px 0px 5px rgba(0,0,0,0.1);
    border-radius: 3px;
    background: #ffffff;
    color: #777;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -ms-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

    #main .text-separator, #featured .text-separator {
        color: #AAAAAA;
        padding-bottom: 0;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0;
    }

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

#footer-wrapper {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/content/img/footer-wrapper.gif");
    background-origin: padding-box;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto auto;
    border-top-color: #999999;
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: 20px;
}

#footer {
    box-shadow: inset 0 0 1px rgba(0,0,0,0.1), inset 1px 0px 5px rgba(0,0,0,0.1);
    color: #777;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -ms-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
    font-size: 1.1em;
    padding-bottom: 12px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    margin-top: -2px;
}

    #footer a {
        -moz-text-blink: none;
        -moz-text-decoration-color: -moz-use-text-color;
        -moz-text-decoration-line: none;
        -moz-text-decoration-style: solid;
        color: #777;
    }

        #footer a:hover {
            color: #000000;
        }

    #footer span.text-separator {
        color: #999999;
        padding-bottom: 0;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 0;
    }

#flash {
    width: 200px;
    position: relative;
    float: left;
    left: 280px;
    top: 235px;
    z-index: 500;
}

#bottom {
    color: #666666;
    margin-top: -6px;
    padding-bottom: 1px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 0;
}

    #bottom a {
        -moz-text-blink: none;
        -moz-text-decoration-color: -moz-use-text-color;
        -moz-text-decoration-line: none;
        -moz-text-decoration-style: solid;
        color: #555555;
    }

        #bottom a:hover, #bottom .right a:hover {
            color: #000022;
        }

    #bottom span.text-separator {
        color: #888888;
        padding-bottom: 0;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 0;
    }

    #bottom .right, #bottom .right a {
        color: #777777;
    }

#featured-wrapper {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/content/img/gradient-light.gif");
    background-origin: padding-box;
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: auto auto;
    border-bottom-color: #E0E0E0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-left: 0px;
    padding-bottom: 22px;
    box-shadow: inset 0 0 1px rgba(0,0,0,0.1), inset 1px 0px 5px rgba(0,0,0,0.1);
    color: #777;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -ms-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

@media screen and (min-width:960px) {

    #featured {
        padding-left: 22px;
        padding-right: 22px;
    }
}


#featured {
    background-image: url(/Content/img/bg.png);
    padding-bottom: 20px;
    padding-top: 0;
/*    padding-left: 22px;
    padding-right: 22px;
*/    box-shadow: inset 0 0 1px rgba(0,0,0,0.1), inset 1px 0px 5px rgba(0,0,0,0.1);
    border-radius: 3px;
    color: #777;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -ms-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}
/*#featured h2 {
	-moz-font-feature-settings: normal;
	-moz-font-language-override: normal;
	-x-system-font: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.0em;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	margin-bottom: 14px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}
#featured h2 span {
	color: #336699;
	margin-left: -4px;
}*/
/*REGISTER CLASS*/
div.register {
    background: none;
    /*width: 916px;*/
    margin: 0;
    /*text-align:center;*/
}

    div.register table, div.register td /*, div.register h2*/ {
        margin: 0;
        /*padding: 3px 0px;*/
        font-family: Verdana, Geneva, sans-serif;
        color: #777;
        font-size: 12px;
        font-weight: 400;
        border: 0;
    }

    div.register td {
        padding-right: 10px;
        text-align: left;
    }

    div.register th {
        padding-right: 10px;
        text-align: left;
    }

#Register input {
    width: 220px;
    padding: 4px 2px 5px 8px;
    margin-right: 10px;
    /* Styles */
    border: none; /* Remove the default border */
    box-shadow: inset 0 0 1px rgba(0,0,0,0.5), inset 1px 0px 5px rgba(0,0,0,0.1);
    border-radius: 3px;
    background: #ffffff;
    color: #777;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -ms-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

#Register .plz {
    width: 80px;
}

#Register .ort {
    width: 126px;
}

#Register .geburtstag {
    width: 90px;
}

#Register .message {
    box-shadow: inset 0 0 1px rgba(140,0,0,0.5), inset 1px 0px 5px rgba(140,0,0,0.5);
    border-radius: 3px;
    background-color: #FFE8E8;
}

#Register .message_info {
    color: #B20000;
}

#Register input[type=checkbox] {
    width: 15px;
    margin-top: 12px;
}

#Register select {
    width: 70px;
    padding: 4px 2px 5px 8px;
    /* Styles */
    border: none; /* Remove the default border */
    box-shadow: inset 0 0 1px rgba(0,0,0,0.1), inset 1px 0px 5px rgba(0,0,0,0.1);
    border-radius: 3px;
    background: #ffffff;
    color: #777;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -ms-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

#Register input[type=button], #Register input[type=submit] {
    /* Size and position */
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    /* Size and position */
    width: 108px;
    height: 24px;
    margin-top: 14px;
    padding: 1px 2px 2px 2px;
    /* Styles */
    border: none; /* Remove the default border */
    box-shadow: inset 0 0 1px rgba(0,0,0,0.5), inset 1px 0px 15px rgba(210,234,255,0.9);
    border-radius: 3px;
    background: #ffffff;
    color: #777;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -ms-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
    cursor: pointer;
}


div.kachelUntertitel span {
    display: block;
    width: 80px;
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    /*color: rgba(255,255,255,0.9);*/
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(255,255,255,0.5);
    /*box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);*/
}

.loadingContainer {
    margin: 10px;
    padding-bottom: 10px;
    text-align: center;
    background: white;
    border: solid 2px #b3b2b2;
    border-radius: 5px;
}

.loadingContainer33 {
    width: 33%;
}

.loadingContainer50 {
    width: 50%;
}

.loadingContainer66 {
    width: 66%;
}

#slidebox {
    width: 350px;
    height: 150px;
    padding: 10px;
    background-color: #ffffff;
    position: fixed;
    bottom: 0px;
    right: -380px;
    -moz-box-shadow: -2px 0px 5px #aaa;
    -webkit-box-shadow: -2px 0px 5px #aaa;
    box-shadow: 0 4px 10px #555555;
}

#slideboxContent {
    margin-top: 10px;
}

#slidebox span {
    font-size: 1.2em;
    padding-bottom: 10px;
    text-transform: uppercase;
}

#slidebox h2 {
    font-size: 1.0em;
}

#slidebox .next-article {
    margin-top: 5px;
}

    #slidebox .next-article a {
        display: inline-block;
    }

#slidebox .close {
    background: url(/content/img/slidebox-close-button.png) no-repeat;
    display: block;
    height: 26px;
    margin-top: -5px;
    margin-right: -5px;
    float: right;
    width: 26px;
    text-indent: -99999px;
}

#slidebox strong {
    display: inline-block;
    color: #000000;
    font-family: "Verdana";
    font-size: 1.2em;
    margin-left: 10px;
    vertical-align: top;
    max-width: 240px;
}

/* 
   Validation
------------------------------------------------------------------- */
.info, .success, .warning, .error, .validation, .validation-summary-errors {
    border: 1px solid; /*margin-top: 10px; 	margin-bottom: 10px; 	padding: 15px 10px 15px 50px;*/
    background-repeat: no-repeat;
    background-position: 10px 10px;
    width: auto;
    padding: 1.4em;
    margin: 0 0 4px 0;
}


    .info h1, .success h1, .warning h1, .error h1, .validation h1, .validation-summary-errors span {
        color: #000;
        margin: 0 0 4px 30px;
        font-size: 1em;
        font-weight: bold;
    }

    .info ul, .success ul, .warning ul, .error ul, .validation ul, .validation-summary-errors ul {
        list-style-type: square;
        margin-top: 12px;
        margin-left: 46px;
        font-size: 11px;
    }

    .info li, .success li, .warning li, .error li, .validation li, .validation-summary-errors li {
        line-height: 1.8em;
        color: #000;
    }

    .info p, .success p, .warning p, .error p, .validation p {
        color: #000;
        margin: 0 0 0 30px;
        padding: 0;
        font-size: 1em;
    }

.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/Content/img/info.png');
}

.success {
    background-color: #DFF2BF;
    background-image: url('/Content/img/success.png');
}


.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('/Content/img/warning.png');
}

.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/Content/img/error.png');
}

.validation, .validation-summary-errors {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('/Content/img/validation.png');
}


span.error, label.error, .field-validation-error {
    color: Red;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
}

input.input-validation-error, input.error, div.input-validation-error, select.input-validation-error, textarea.input-validation-error {
    border: solid 2px red !important;
    background-color: #FFFFD5 !important;
}


.validation-summary-valid {
    display: none;
}

.fixed_permanentbereich {
    width: 107px;
    /*height: 200px;*/
    border: 2px solid rgb(0, 121, 148);
    border-radius: 12px;
    font-size: 12px;
    color: rgb(255, 255, 255);
    padding: 8px;
    margin: 26px 12px 12px 0px !important;
    float: left;
    text-align: left;
    background-color: rgb(0, 121, 148);
    position: absolute;
}
    /* medatixx-hellgrün: rgb(184, 197, 25)*/

    .fixed_permanentbereich a {
        color: white;
    }

.AngebotIndexKachelDiv {
    /*padding-top: 30px;*/
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

hr.mainSeparator {
    display: none;
}

/********************* Begin cookieEinstellungen*********************/
#cookieEinstellungen {
    -webkit-box-sizing: border-box; /* Safari, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    overflow: hidden;
    display: block;
    position: fixed;
    bottom: 50px;
    background-color: white;
    max-width: 900px;
    min-height: 260px;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
    box-shadow: 1px 3px 3px #888888;
    z-index: 9999;
}

    #cookieEinstellungen .consent-select, #cookieEinstellungen .boxes, #cookieEinstellungen .actions {
        display: inline-flex;
    }

        #cookieEinstellungen .boxes .consent-box {
            margin-right: 24px;
        }

    #cookieEinstellungen .consent-select {
        padding: 20px 0 20px 0;
        width: 100%;
    }

#further-cookie-information {
    display: none;
    padding-top: 30px;
}

#cookieEinstellungen #cookieInformation {
    padding-top: 20px;
}

#cookieEinstellungen a {
    border-bottom: 1px solid;
    text-decoration: none;
}

/********************* End cookieEinstellungenn *************************/

/**********************qtip Popup begin**********************************/
div.qtip-defaults {
    box-shadow: 1px 1px 3px rgba(0,0,0,.3), inset 1px 0 15px rgba(210,234,255,.9);
}
/**********************qtip Popup end**********************************/
/***** neu Plus Minus Button begin*****************/

.closed .vertical {
    transition: all 0.5s ease-in-out;
    transform: rotate(-90deg);
}

.closed .horizontal {
    transition: all 0.5s ease-in-out;
    transform: rotate(-90deg);
}


.opened .vertical {
    transition: all 0.5s ease-in-out;
    transform: rotate(90deg);
}

.opened .horizontal {
    transition: all 0.5s ease-in-out;
    transform: rotate(90deg);
    opacity: 0;
}

.circle-plus {
    float: left;
    font-size: 1em;
    display: inline-flex;
}

    .circle-plus .circleBig {
        width: 2em;
        height: 2em;
    }

    .circle-plus .circleSmall {
        width: 1.8em;
        height: 1.8em;
    }

    .circle-plus .circle {
        position: relative;
        border-radius: 0%;
        float: left;
    }

        .circle-plus .circle .horizontal {
            position: absolute;
            background-color: #004d91;
            left: 50%;
            top: 50%;
        }

        .circle-plus .circle .vertical {
            position: absolute;
            background-color: #004d91;
            left: 50%;
            top: 50%;
        }

.bigPlusMinusHorizontal {
    width: 12px;
    height: 1px;
    margin-left: -6px;
    margin-top: -2px;
}

.bigPlusMinusVertical {
    width: 1px;
    height: 12px;
    margin-left: -0.1px;
    margin-top: -7px;
}

.smallPlusMinusHorizontal {
    width: 12px;
    height: 1px;
    margin-left: -6px;
    margin-top: -2px;
}

.smallPlusMinusVertical {
    width: 1px;
    height: 12px;
    margin-left: -0.1px;
    margin-top: -7px;
}

/***** neu Plus Minus Button end*****************/


/****************************************
	*****	Für Mobile Geräte	    *****
	*****		optimierung			***** 
	*****			begin			*****
****************************************/
@media screen and (max-width: 960px) {
    #featured {
        padding-left: 5px;
        padding-right: 5px;
    }

    .center-wrapper {
        width: 100%;
    }

    .hrlogo {
        width: 100%;
    }

    .logoInner {
        height: auto;
    }

    #toggleDiv_Detailsuche_in_Bestellungen, #toggleDiv_zusätzliche_Suchkriterien_des_Kunden {
        overflow-x: auto;
    }

    #toggleDiv_Detailsuche_in_Bestellungen table, #toggleDiv_zusätzliche_Suchkriterien_des_Kunden table {
        min-width: 915px;
    }

    .fieldInput {
        float: left;
    }

    .leftDiv, .rightDiv {
        width: 100% !important;
    }

   /* .prodBestDetails {
        margin-left: 0px;
    }

    #header .login_top input[value="Startseite"], #header .login_top input[value="Einstellungen"] {
        display: none;
    }*/
}


.dashboardErrorMessage {
    text-align: center;
}

    .dashboardErrorMessage h5 {
        color: red;
    }

.dashboardSuccessMessage {
    text-align: center;
}

    .dashboardSuccessMessage h5 {
        color: green;
    }