﻿html {
    background-attachment: fixed;
    width: 100%;
    height: 100.01%;
}

.AnchorButtonSimulation {
    width: 100px;
    background-color: #D70529;
    Border-color: #D70529;
    border-style: none;
    font-weight: bold;
    Font-Size: 8pt;
    text-align: center;
    vertical-align: middle;
    max-height: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
}

    .AnchorButtonSimulation a {
        text-decoration: none;
        font-weight: bold;
        Font-Size: 8pt;
        Color: White;
        vertical-align: middle;
    }

#layout {
}

img {
    border: 0;
}

.hide {
    display: none;
}

.floatright {
    float: right;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background: #F2F2F2;
    margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    padding: 0;
    font-size: 11px;
    text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    color: #000000;
    /*scrollbar-arrow-color: #D70529;
	scrollbar-face-color: #D70529; */
}

.content_div {
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
    width: 100%;
    min-height: 500px;
}

/* Status Box */
._error {
    background: #FFDDDD;
    display: block;
    color: #C40000;
    border: 1px solid #C40000;
    padding: 5px;
    font-weight: bold;
    margin: 0 20px 10px 20px;
}

._success {
    color: #267F00;
    border: 1px solid #267F00;
    display: block;
    background: #E2FFD6;
    padding: 5px;
    font-weight: bold;
    margin: 0 20px 10px 20px;
}

._notice {
    color: #CF8300;
    border: 1px solid #CF8300;
    display: block;
    background: #FFF3DF;
    padding: 5px;
    font-weight: bold;
    margin: 0 20px 10px 20px;
}

#layout_NoLayout {
    margin: 5px;
}

#body_NoLayout {
    background-image: none;
    background-color: #F2F2F2;
    margin: 0px;
    padding: 0;
}

.nav_close {
    float: right;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-left: 4px;
    background: #E50529 url(./images/close.png) center center no-repeat;
}

.body_rahmen {
    border-style: solid;
    border-width: 2px;
    border-color: #BABABA;
    border-top: 2px solid #BABABA;
    border-right: 2px solid #BABABA;
    border-left: 2px solid #BABABA;
    border-bottom: 2px solid #BABABA;
}

.bgcolor_rahmen {
    background-color: #F2F2F2;
}

.maincontent {
    background-color: #ffffff;
    min-height: 200px;
    min-width: 650px;
}

.text {
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    vertical-align: middle;
}

.text_Abschluss {
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    vertical-align: middle;
    width: 100px;
    height: 20px;
}

.text_left {
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    vertical-align: middle;
    text-align: left;
}

.text12 {
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    vertical-align: middle;
}

.Left {
    text-align: left;
}

.textSmall {
    font-size: 10px;
    color: #000000;
    text-decoration: none;
    vertical-align: middle;
}

.textSmall_bold {
    font-size: 10px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
}

.textSmall_g {
    font-size: 10px;
    color: #8F8F8F;
    text-decoration: none;
}

    .textSmall_g a {
        color: #8F8F8F;
        text-decoration: none;
    }

.textSmall_hg {
    font-size: 10px;
    color: #C5C4C4;
    text-decoration: none;
}

.textSmall_rot {
    font-size: 10px;
    color: #D70529;
    text-decoration: none;
}

.textBold {
    font-weight: bold;
    text-decoration: none;
}

.textGross {
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    font-family: Arial;
    text-decoration: none;
}

.catalogSubtext {
    font-size: 12px;
    color: #000000;
    font-family: Arial;
    text-transform: uppercase !important;
    text-decoration: none;
}
.catalogText {
    text-transform:uppercase !important;
}
.dot {
    margin-top: -2px;
    display: block;
    float: left;
    padding: 0 4px 0 0;
}

.textGross_active {
    font-weight: bold;
    font-size: 12px;
    color: #D70529;
    font-family: Arial;
    text-decoration: none;
}

.textGross_g {
    font-weight: bold;
    font-size: 12px;
    color: #8F8F8F;
    font-family: Arial;
    text-decoration: none;
}

.textRot_Gross {
    font-weight: bold;
    font-size: 12px;
    color: #D70529;
    font-family: Arial;
}

.textRot_Gross_nodeco a {
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    color: #D70529;
    font-family: Arial;
}

.textRot_Gross_nodeco {
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    color: #D70529;
    font-family: Arial;
}

.textRot {
    font-size: 11px;
    color: #D70529;
    font-family: Arial;
}

.Rot {
    color: #D70529;
    font-family: Arial;
}

.textKursiv {
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    font-style: italic;
    font-family: Arial, Helvetica, Sans-Seriv;
}

.textInfo {
    text-decoration: none;
    color: #333;
    padding: 0 10px 0 0;
    display: block;
    float: left;
}

.textTitel {
    text-align: left;
    font-family: Arial;
    font-size: large;
    color: Black;
}

.textTitel2 {
    text-align: left;
    font-family: Arial;
    font-size: larger;
    color: Black;
}

.errorMessage {
    font-size: 11px;
    color: #D70529;
}

.errorMessageBold {
    color: #D70529;
    font-weight: bold;
}

.successMessage {
    color: green;
}

.not_visible {
    display: none;
}
/******************************************/
/* Pager Style ----------------------- */
/******************************************/
.CurrentPage {
    padding: 0px 0px;
    text-decoration: none;
    color: #D70529;
}

.PrevNext, .PageNumber {
    padding: 0px 0px;
    text-decoration: none;
    color: Black;
}

    .PageNumber:hover, .PrevNext:hover {
        text-decoration: none;
        color: Black;
    }

/******************************************/
/* Formularfelder Style ----------------------- */
/******************************************/
.schnellsuche {
    vertical-align: middle;
    font-size: 10;
    width: 120px;
    color: #8F8F8F
}

.locationselect {
    width: 145px;
}

.input_g {
    background-color: #8F8F8F;
    border-color: #8F8F8F;
    border-style: None;
    height: 16px;
    font-size: 11px;
}

.input_w {
    background-color: #FFFFFF;
    border-color: #8F8F8F;
    border-style: solid;
    border-width: 1px;
    height: 15px;
    font-size: 11px;
}

.input_w_multiline {
    background-color: #FFFFFF;
    border-color: #8F8F8F;
    border-style: solid;
    border-width: 1px;
    font-size: 11px;
}

.select_w {
    background-color: #FFFFFF;
    border-color: #8F8F8F;
    border-style: solid;
    border-width: 1px;
    height: 18px;
    font-size: 11px;
}

.select_rk_tb {
    background-color: #F2F2F2;
    border-color: #F2F2F2;
    border-style: Solid;
    border-top-width: 3px;
    border-bottom-width: 0px;
    border-left-width: 5px;
    border-right-width: 0px;
    width: 105px;
    height: 15px;
    font-size: 11px;
    padding: 0px;
    vertical-align: bottom;
}

.select_rk_lb {
    background-color: #F2F2F2;
    border-color: #8F8F8F;
    width: 128px;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    z-index: 100;
    position: absolute;
    position: fixed;
}

.select_rk_btn {
    background-color: #FFFFFF;
    border-color: White;
    border-style: None;
    vertical-align: bottom;
    padding-bottom: 1px;
    margin: 0px;
}

.input_hg {
    background-color: #F2F2F2;
    border-color: #8F8F8F;
    border-style: solid;
    border-width: 1px;
    height: 14px;
    font-size: 11px;
    padding-top: 5px;
}

.input_hg_middle {
    background-color: #F2F2F2;
    border-color: #8F8F8F;
    border-style: solid;
    border-width: 1px;
    height: 16px;
    font-size: 11px;
    width: 200px;
    padding-top: 5px;
}

.input_hg_middle_calendershort {
    background-color: #F2F2F2;
    border-color: #8F8F8F;
    border-style: solid;
    border-width: 1px;
    height: 16px;
    font-size: 11px;
    width: 100px;
    padding-top: 5px;
}

.input_hg_noboder {
    background-color: #F2F2F2;
    border-color: #F2F2F2;
    border-style: None;
    height: 20px;
    font-size: 11px;
}

.input_hg_alignright {
    background-color: #F2F2F2;
    border-color: #8F8F8F;
    border-style: solid;
    border-width: 1px;
    /*height:16px;*/
    font-size: 11px;
    text-align: right;
}

.input_hg_alignright_middle {
    background-color: #F2F2F2;
    border-color: #8F8F8F;
    border-style: solid;
    border-width: 1px;
    /*height:16px;*/
    font-size: 11px;
    text-align: right;
    vertical-align: middle;
}

.input_hg_start {
    background-color: #F2F2F2;
    border-color: #8F8F8F;
    border-style: solid;
    border-width: 1px;
    /*Border-Style:None;*/
    Height: 15px;
    font-size: 11px;
}

.input_hg_start_zwei button {
    background-color: #D70529;
    Border-color: #D70529;
    border-style: none;
    font-weight: bold;
    Font-Size: 8pt;
    Color: White;
    Height: 18px;
}
/******************************************/
/* Eieruhr(waitsection) Style ----------- */
/******************************************/
.waitsection {
    position: absolute;
    left: 550px;
    top: 300px;
}

/******************************************/
/* GridView Style ----------------------- */
/******************************************/
.gv {
    border: solid #fff 1px;
    background-color: #DDDDDD;
}

.gv_editrowstyle {
    background-color: #EFE7E7;
}

.gv_headerstyle {
    background-color: #DDDDDD; /*dunkelgrau */
    font-size: 11px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
}

    .gv_headerstyle th a {
        background-color: #DDDDDD;
        color: #000000;
        text-decoration: none;
        display: block;
        /* background: url(/App_Themes/ieq/images/gv_sort_icon.gif) top right no-repeat;*/
    }

.gv_rowstyle {
    background-color: #fff;
}

.gv_rowstyle_nohover {
    background-color: #fff;
}

.gv_rowstyle:hover {
    background-color: #EFE7E7;
}

.gv_rowstyle_nohover:hover {
    background-color: #fff;
}

.gv_rowstyle:hover {
    background-color: #EFE7E7;
}

.gv_rowstyle td {
    font-size: 11px;
}

.gv_rowstyle.textRot td {
    border-color: #000;
}

.gv_rowstyle .text_kommentar {
    font-size: 11px;
    color: #f00;
    font-style: italic;
}

.gv_alternatingrowstyle {
    background-color: #F2F2F2;
}

    .gv_alternatingrowstyle:hover {
        background-color: #EFE7E7;
    }

    .gv_alternatingrowstyle td {
        font-size: 11px;
    }

    .gv_alternatingrowstyle .text_kommentar {
        font-size: 11px;
        color: #f00;
        font-style: italic;
    }

.gv_pagerstyle td {
    font-weight: bold;
    color: #000;
    padding-right: 10px;
}

    .gv_pagerstyle td a {
        font-weight: normal;
        color: #000;
    }
/******************************************/
/******************************************/
/* GridView Style2 ----------------------- */
/******************************************/
.gv2 {
    color: #333333;
}

.gv2_headerstyle {
    color: Black;
    background-color: White;
    font-size: 11px;
    white-space: nowrap;
    font-weight: bold;
    text-decoration: none;
}

    .gv2_headerstyle th {
        border-bottom: 1px solid #D70529;
        padding: 4px;
    }

        .gv2_headerstyle th a {
            color: Black;
            background-color: White;
            font-size: 11px;
            text-decoration: none;
            display: block;
            /* background: url(/App_Themes/ieq/images/gv_sort_icon.gif) top right no-repeat;*/
        }

.gv2_rowstyle {
    background-color: White;
    text-decoration: none;
    height: 20px;
}

    .gv2_rowstyle:hover {
        background-color: #fff6f7;
    }

    .gv2_rowstyle td {
        font-size: 11px;
    }

    .gv2_rowstyle .text_kommentar {
        font-size: 11px;
        color: #f00;
        font-style: italic;
    }

.gv2_alternatingrowstyle {
    height: 20px;
    text-decoration: none;
    background-color: #F6F6F6;
}

    .gv2_alternatingrowstyle:hover {
        background-color: #fff6f7;
    }

    .gv2_alternatingrowstyle td {
        font-size: 11px;
    }

    .gv2_alternatingrowstyle .text_kommentar {
        font-size: 11px;
        color: #f00;
        font-style: italic;
    }

.gv2_pagerstyle {
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    color: #D70529;
    font-family: Arial;
}

    .gv2_pagerstyle td a {
        font-weight: bold;
        font-size: 11px;
        text-decoration: none;
        color: Black;
        font-family: Arial;
    }

.gv2_footerstyle {
    background-color: White;
    font-weight: bold;
    color: Black;
}

/******************************************/
.AGB_Titel {
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    vertical-align: top;
    font-weight: bolder;
}

.AGB_Text {
    font-size: 11px;
    color: #000000;
    font-family: Arial;
    text-decoration: none;
}

.Buttonstyle {
    background-color: #D70529;
    Border-color: #D70529;
    border-style: none;
    font-weight: bold;
    Font-Size: 8pt;
    Color: White;
    Height: 18px;
}

:root .Buttonstyle {
    background-color: #D70529;
    Border-color: #D70529;
    border-style: none;
    font-weight: bold;
    Font-Size: 8pt;
    Color: White;
    padding-bottom: 3px;
    Height: 18px;
}

.Buttonstyle2 {
    background-color: #D70529;
    Border-color: #D70529;
    border-style: none;
    font-weight: bold;
    Font-Size: 8pt;
    Color: White;
    Height: 18px;
    margin-left: 165px;
}

/******************************************/
/* List-View Style ---------------------- */
/******************************************/
.lv {
}

.lv_editrowstyle {
    background-color: #EFE7E7;
}

.lv_headerstyle {
    background-color: #DDDDDD; /*dunkelgrau */
    font-size: 11px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
}

    .lv_headerstyle th a {
        background-color: #DDDDDD;
        color: #000000;
        text-decoration: none;
        display: block;
        /* background: url(/App_Themes/ieq/images/gv_sort_icon.gif) top right no-repeat;*/
    }

.lv_rowstyle {
    background-color: #fff;
}

    .lv_rowstyle td {
        font-size: 11px;
    }

    .lv_rowstyle .text_kommentar {
        font-size: 11px;
        color: #f00;
        font-style: italic;
    }

.lv_alternatingrowstyle {
    background-color: #F2F2F2;
}

    .lv_alternatingrowstyle td {
        font-size: 11px;
    }

    .lv_alternatingrowstyle .text_kommentar {
        font-size: 11px;
        color: #f00;
        font-style: italic;
    }

.lv_pagerstyle td {
    font-weight: bold;
    color: #000;
    padding-right: 10px;
}

    .lv_pagerstyle td a {
        font-weight: normal;
        color: #000;
    }


.preisVerschiebung {
}

html > body .preisVerschiebung {
    /*position:absolute; margin: 0px 30px 0px 0px;*/
}

:root .preisverschiebung {
    position: fixed;
    z-index: 2;
}

.start {
    -moz-opacity: 70;
    opacity: 0.7;
    filter: alpha(opacity=70);
    background: #fff;
    position: relative;
    top: 185px;
    height: 110px;
    padding-top: 20px;
    vertical-align: middle;
}

:root .start {
    vertical-align: top;
}
/******************************************/
/* GridView Style ----------------------- */
/******************************************/
.lv2 {
    background-color: #DDDDDD;
}

.lv2_editrowstyle {
    background-color: #EFE7E7;
}

.lv2_headerstyle {
    background-color: #DDDDDD; /*dunkelgrau */
    font-size: 11px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
}

    .lv2_headerstyle th a {
        background-color: #DDDDDD;
        color: #000000;
        text-decoration: none;
        display: block;
        /* background: url(/App_Themes/ieq/images/lv2_sort_icon.gif) top right no-repeat;*/
    }

.lv2_rowstyle {
    background-color: #fff;
}

.lv2_rowstyle_nohover {
    background-color: #fff;
}

.lv2_rowstyle:hover {
    background-color: #EFE7E7;
}

.lv2_rowstyle_nohover:hover {
    background-color: #fff;
}

.lv2_rowstyle:hover {
    background-color: #EFE7E7;
}

.lv2_rowstyle td {
    font-size: 11px;
}

.lv2_rowstyle .text_kommentar {
    font-size: 11px;
    color: #f00;
    font-style: italic;
}

.lv2_alternatingrowstyle {
    background-color: white;
    height: 30px;
}

    .lv2_alternatingrowstyle:hover {
        background-color: #EFE7E7;
    }

    .lv2_alternatingrowstyle td {
        font-size: 11px;
    }

    .lv2_alternatingrowstyle .text_kommentar {
        font-size: 11px;
        color: #f00;
        font-style: italic;
    }

.lv2_pagerstyle td {
    font-weight: bold;
    color: #000;
    padding-right: 10px;
}

    .lv2_pagerstyle td a {
        font-weight: normal;
        color: #000;
    }


.loading_overlay {
    background: #fff;
    display: inline;
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    width: 100%;
    height: 100%;
    opacity: .70;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

    .loading_overlay .img {
        background: url(/App_Themes/thuega/images/loading.gif) no-repeat 50% 150px;
        display: inline;
        position: absolute;
        top: 0;
        left: 0;
        float: left;
        width: 100%;
        height: 100%;
    }

    .loading_overlay .txt {
        position: absolute;
        top: 190px;
        left: 0;
        width: 100%;
        text-align: center;
        font-weight: bold;
    }

.waz_required,
.ve_required {
    color: Red;
}

.nowrap,
.waz_nobreak {
    white-space: nowrap;
}

.hidden {
    display: none;
}

@media all and (min-width:768px) {
    .CookieContainer {
        width: 750px;
    }
}

@media all and (min-width:992px) {
    .CookieContainer {
        width: 970px;
    }
}

@media all and (min-width:1200px) {
    .CookieContainer {
        width: 1170px;
    }
}

.CookieContainer {
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .CookieContainer .CookieText {
        width: 82.33%;
        text-align: left;
    }

        .CookieContainer .CookieText a,
        .CookieContainer .Cookietext a:visited {
            color: #d70529 !important
        }

    .CookieContainer .CookieBtnContainer {
        width: 16.66%;
        float: right;
        text-align: center;
    }

        .CookieContainer .CookieBtnContainer .Buttonstyle {
            font-size: 17px;
            color: #FFF;
            padding: 1px 8px 3px 8px;
        }

.StarkImage {
    margin-left: -40px;
    margin-bottom: -4px;
    width: 35px;
}

.ThuegaImage {
    margin-left: -18px;
    margin-bottom: -3px;
    width: 15px;
}

.StarkImageCheckbox {
    margin-left: 145px;
    margin-bottom: -4px;
    width: 35px;
}

.text_center {
    text-align: center;
}

.textTitel_sub {
    font-size: medium;
}

.nodots {
    list-style-type: decimal;
}

.list_counter {
    width: 5%;
    float: left;
}

.list_text {
    width: 95%;
    float: left;
}

.dsgvo_textTitel {
    font-size: large;
    margin-top: 10px;
}

.clearfix {
    clear: both;
}

.dsgvo {
    text-align: justify;
    margin-top: 50px;
}

    .dsgvo p {
        margin-top: 10px;
    }

    .dsgvo .widerspruchsrecht {
        font-style: italic;
        font-weight: bold;
        margin-left: 20px;
    }

    .dsgvo .text-underline {
        text-decoration: underline;
    }

    .dsgvo .list-categorys li {
        margin-top: 10px;
    }

.assetImg {
    width: 150px;
    float: left;
    height: 150px;
    margin: 5px 20px;
    border: 1px solid #ccc;
    padding: 10px;
}
    .assetImg img {
        max-width: 150px;
        max-height: 150px;
    }

.totalPrice {
    font-weight: bold;
    text-align: right;
    width: 650px;
}

    .totalPrice .totalPriceLabel {
        margin-right: 20px;
    }