body {
    margin: 0px;
    padding: 0px;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;

    height: 100%
}

.bg-main-body {
    background-color: /*CSS_GENERATOR.start name="CMN_BG_MAIN_BODY"*/#F5FAFE;/*CSS_GENERATOR.end*/
}

.bg-tool-body {
    background-color: /*CSS_GENERATOR.start name="CMN_BG_TOOL_BODY"*/#F5FAFE;/*CSS_GENERATOR.end*/
}

img {
    border:0px;
}

/* eliminate netscape margins in form tags */
form {
    margin:0px;
    padding:0px;
}

.border-default {
    border:1px solid #B3C2D1;
}

.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}

.clear-border {
    clear: both;
    height: 1px;
    width: 100%;
    overflow: hidden;
    background-color: /*CSS_GENERATOR.start name="MNP_STYLE_ALL_BOX_BORDER_OVERRIDE_COLOR"*/#99AEC2;/*CSS_GENERATOR.end*/
}

.container-tbl {
    margin: 0px;
    padding: 0px 10px 0px 10px
}

#maincolumn {
    display: block;
    width: 500px;
    border: solid 1px #004488
}

.spacerSmall{
    height: 10px;
    width: 10px;
}

a.sort {
    background-image: url(../images/wohn2/img_estate_sort_sportal.gif);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding:0px 0px 0px 14px;
    margin:0px;
}

a.sort-up {
    background-image: url(../images/wohn2/img_estate_sort_up_sportal.gif);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding:0px 0px 0px 14px;
    margin:0px;
}

a.sort-down {
    background-image: url(../images/wohn2/img_estate_sort_down_sportal.gif);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding:0px 0px 0px 14px;
    margin:0px;
}

a.sort-up-wps {
    background-image: url(../images/netbanking/wps/img_sort_up_wps_blau.gif);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding:0px 0px 0px 14px;
    margin:0px;
    text-decoration: none;
    color: rgb(0, 51, 102)
}

a.sort-wps {
    background-image: url(../images/netbanking/wps/img_sort_wps_blau.gif);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding:0px 0px 0px 14px;
    margin:0px;
    text-decoration: none;
    color: rgb(0, 51, 102)
}

a.sort-down-wps {
    background-image: url(../images/netbanking/wps/img_sort_down_wps_blau.gif);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding:0px 0px 0px 14px;
    margin:0px;
    text-decoration: none;
    color: rgb(0, 51, 102)
}


div#center {
    height: 100%;
    position:relative
}

    div#main {
        width: 1000px;
        height: 100%;
        text-align: left;
        position:relative;

    }

        div#header {
            width: 975px;
            height: /*CSS_GENERATOR.start name="CMN_HEADER_HEIGHT"*/62px;/*CSS_GENERATOR.end*/
            overflow: hidden;
            background-color: /*CSS_GENERATOR.start name="CMN_HEADER_BACKGROUND_COLOR"*/#CCE5F7;/*CSS_GENERATOR.end*/
        }

        #pagetop {
            background-color:#fff;
            height:/*CSS_GENERATOR.start name="CMN_HEADER_HEIGHT_PLUS_NAV"*/105px;/*CSS_GENERATOR.end*/
            width:975px;
            border-left: /*CSS_GENERATOR.start name="CMN_PAGETOP_BORDER_L"*/1px solid #B3C2D1;/*CSS_GENERATOR.end*/
            border-right: /*CSS_GENERATOR.start name="CMN_PAGETOP_BORDER_R"*/1px solid #B3C2D1;/*CSS_GENERATOR.end*/
            position:fixed;
            z-index:100;
            top:0px;
        }

        #scroll {
            position: relative;
            top: /*CSS_GENERATOR.start name="CMN_HEADER_HEIGHT_PLUS_NAV"*/105px;/*CSS_GENERATOR.end*/
        }

            div#container {
                width: 975px;
                overflow: hidden;
                margin: 0px 0px /*CSS_GENERATOR.start name="CMN_HEADER_HEIGHT_PLUS_NAV_PLUS_SPACE"*/112px;/*CSS_GENERATOR.end*/ 0px;
                border-left: /*CSS_GENERATOR.start name="CMN_CONTAINER_BORDER"*/1px solid #B3C2D1;/*CSS_GENERATOR.end*/
                border-right: /*CSS_GENERATOR.start name="CMN_CONTAINER_BORDER"*/1px solid #B3C2D1;/*CSS_GENERATOR.end*/
                border-bottom: /*CSS_GENERATOR.start name="CMN_CONTAINER_BORDER"*/1px solid #B3C2D1;/*CSS_GENERATOR.end*/
                background-color: #FFF;
                position:relative;
            }


/* +++ Headlines +++ */

h1 {
    font-size: 110%;
    font-weight: bold;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_H1"*/#036;/*CSS_GENERATOR.end*/
    margin: 0;
    padding: 0;
}

h1.head {
    padding: 0px 0px 1px 0px;
    border-bottom: 1px solid #9AAFC3;
}

h2 {
    font-size: 85%;
    font-weight: bold;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_H2"*/#036;/*CSS_GENERATOR.end*/
    margin: 0;
    padding: 0;
}

h2.head {
    padding: 0px 0px 1px 0px;
    border-bottom: 1px solid #9AAFC3;
    border-bottom: /*CSS_GENERATOR.start name="CMN_BOTTOM_BORDER_H2_TOOL"*/1px solid #9AAFC3;/*CSS_GENERATOR.end*/
}

h3 {
    font-size: 75%;
    font-weight: bold;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_H3"*/#036;/*CSS_GENERATOR.end*/
    margin: 0;
    padding: 0;
}

h3.head {
    padding: 0px 0px 1px 0px;
    border-bottom: /*CSS_GENERATOR.start name="CMN_BOTTOM_BORDER_H3_HEAD"*/1px solid #9AAFC3;/*CSS_GENERATOR.end*/
}

    h3.head a {
        color: #8099B3;
        text-decoration: none;
    }

.path-printpage {
    margin:5px 0px 3px 0px;
    width:100%;
    font-size:70%;
    color:#666666;
    border-bottom: 1px solid #666666;
}

/* +++ Text Definitions +++ */

.text {
    font-size: 75%;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_TEXT"*/#036;/*CSS_GENERATOR.end*/
}

.text-black {
    font-size: 75%;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_TEXT_BLACK"*/#000;/*CSS_GENERATOR.end*/
}

.text-white {
    font-size: 75%;
    color: #ffffff;
}

.text-green {
    font-size:75%;
    color: #006600;
}

.text-red {
    font-size: 75%;
    color: #CC0000
}

.content-text {
    padding-left: 10px;
    font-size: 75%;
    color: #036;
}

.bold {
    font-weight:bold;
}

.text-icon {
    margin-left:15px;
    text-indent:-14px
}

/* +++ Form Elements Definitions +++ */

.input-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
    color: #000;
    border: /*CSS_GENERATOR.start name="CMN_INPUT_BORDER"*/1px solid #7F9DB9;/*CSS_GENERATOR.end*/
}
.input-amount {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
    color: #000;
    border: /*CSS_GENERATOR.start name="CMN_INPUT_BORDER"*/1px solid #7F9DB9;/*CSS_GENERATOR.end*/
    text-align:right
}
.input-textarea {
    width: 350px;
    height: 150px;
    font-size: 75%;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    border: /*CSS_GENERATOR.start name="CMN_INPUT_BORDER"*/1px solid #7F9DB9;/*CSS_GENERATOR.end*/
}
.input-textarea2 {
    width: 300px;
    height: 100px;
    font-size: 75%;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    border: /*CSS_GENERATOR.start name="CMN_INPUT_BORDER"*/1px solid #7F9DB9;/*CSS_GENERATOR.end*/
}
.select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
    color: #000;
    border: /*CSS_GENERATOR.start name="CMN_INPUT_BORDER"*/1px solid #7F9DB9;/*CSS_GENERATOR.end*/
}
.select2 {
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    border: /*CSS_GENERATOR.start name="CMN_INPUT_BORDER"*/1px solid #7F9DB9;/*CSS_GENERATOR.end*/
}
.select3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 70%;
    color: #000;
    border: /*CSS_GENERATOR.start name="CMN_INPUT_BORDER"*/1px solid #7F9DB9;/*CSS_GENERATOR.end*/
    height:18px;
}

.w-450 {
    width:450px;
}
.w-400 {
    width:400px;
}
.w-350 {
    width:350px;
}
.w-310 {
    width:310px;
}
.w-300 {
    width:300px;
}
.w-250 {
    width:250px;
}

.w-220 {
    width:220px;
}
.w-200 {
    width:200px;
}
.w-150 {
    width:150px;

}
.w-140 {
    width:140px;
}
.w-130 {
    width:130px;
}
.w-120 {
    width:120px;
}
.w-100 {
    width:100px;
}
.w-90 {
    width:90px;
}
.w-80 {
    width:80px;
}
.w-70 {
    width:70px;
}

/* 4 digits */
.w-44 {
    width:44px;
}
/*3 digits */
.w-33 {
    width:33px;
}
/*2 digits */
.w-22 {
    width:22px;
}
/*1 digit */
.w-11 {
    width:11px;
}

/* +++ Link Definitions +++ */

a.link-text {
    color: /*CSS_GENERATOR.start name="CMN_COLOR_A_CONTENT"*/#036;/*CSS_GENERATOR.end*/

}

a.small-link {
    font-size: 65%;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_A_SMALL_LINK"*/#036;/*CSS_GENERATOR.end*/
}

a.small-link:hover {
    color: #C90000;
}

.back-link-blue a {
    width:90%;
    display: block;
    font-size: 75%;
    text-decoration: none;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_A_CONTENT"*/#036;/*CSS_GENERATOR.end*/
    background-image: url(../images/allgemein/9x9_link_back-off.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 1px 0px;
}

.back-link-blue a:hover {
    background-image: url(../images/allgemein/img_9x9_link_back-over_sportal.gif);
    color: #C90000;
}

.links a {
    width:90%;
    display: block;
    font-size: 75%;
    text-decoration: none;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_A_CONTENT"*/#036;/*CSS_GENERATOR.end*/
    background-image: url(../images/allgemein/img_direktklicks_arrow_low_sportal.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 1px 0px;
}

.links a:hover {
    background-image: url(../images/allgemein/img_direktklicks_arrow_on_sportal.gif);
    color: #C90000;
}

a.downloadlink {
    width:90%;
    display: block;
    font-size: 75%;
    text-decoration: none;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_A_DOWNLOADLINK"*/#036;/*CSS_GENERATOR.end*/
    background-image: url(../images/allgemein/img_11x11_Download-off_sportal.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 1px 0px;
}

a.downloadlink:hover {
    background-image: url(../images/allgemein/img_11x11_Download-over_sportal.gif);
    color: #C90000;
}

a.downloadlink-nh {
    width:90%;
    display: block;
    font-size: 75%;
    text-decoration: none;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_LOGINBOX_LINK"*/#036;/*CSS_GENERATOR.end*/
    margin: 0px 0px 1px 0px;
}

span.downloadlink-nh {
    background-image: url(../images/allgemein/img_11x11_Download-off_sportal.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 0px 18px;
    display:block
}

span.downloadlink-nh span.downloadlink-nh {
    background-image:none;
    padding:0px;
    font-size: 75%;
    color:#7F7F7F;
    width:90%;
}

a.downloadlink-nh:hover {
    color: #C90000;
}

a.content {
    width:90%;
    display: block;
    font-size: 75%;
    text-decoration: none;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_A_CONTENT"*/#036;/*CSS_GENERATOR.end*/
    background-image: url(../images/allgemein/img_direktklicks_arrow_low_sportal.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 1px 0px;
}

a.content:hover {
    background-image: url(../images/allgemein/img_direktklicks_arrow_on_sportal.gif);
    color: #C90000;
}

a.content-nh {
    width:90%;
    display: block;
    font-size: 75%;
    text-decoration: none;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_LOGINBOX_LINK"*/#036;/*CSS_GENERATOR.end*/
    margin: 0px 0px 1px 0px;
}

a.content-nh:hover {
    color: #C90000;
}

span.content-nh {
    background-image: /*CSS_GENERATOR.start name="CMN_BG_IMAGE_CONTENT"*/url(../images/allgemein/img_direktklicks_arrow_low_sportal.gif);/*CSS_GENERATOR.end*/
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 0px 18px;
    display:block
}

span.content-nh span.content-nh {
    background-image:none;
    padding:0px;
    font-size: 75%;
    color:#7F7F7F;
    width:90%;
}

a.tool {
    width:90%;
    display: block;
    font-size: 75%;
    text-decoration: none;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_A_TOOL"*/#036;/*CSS_GENERATOR.end*/
    background-image: url(../images/allgemein/img_14x14_Link_Rechner_sportal.gif);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding: 0px 0px 1px 18px;
    margin: 0px 0px 1px 0px;
}

a.tool:hover {
    background-image: url(../images/allgemein/img_14x14_Link_Rechner_sportal.gif);
    color: #C90000;
}

a.tool-nh {
    width:90%;
    display: block;
    font-size: 75%;
    text-decoration: none;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_LOGINBOX_LINK"*/#036;/*CSS_GENERATOR.end*/
    margin: 0px 0px 1px 0px;
}


span.tool-nh {
    background-image: url(../images/allgemein/img_14x14_Link_Rechner_sportal.gif);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding: 0px 0px 0px 18px;
    display:block
}

span.tool-nh span.tool-nh {
    background-image:none;
    padding:0px;
    font-size: 75%;
    color:#7F7F7F;
    width:90%;
}

a.tool-nh:hover {
    color: #C90000;
}

a.envelope {
    width:90%;
    display: block;
    font-size: 75%;
    text-decoration: none;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_A_ENVELOPE"*/#036;/*CSS_GENERATOR.end*/
    background-image: url(../images/allgemein/img_14x14_Link_Anfrage_sportal.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding: 5px 0px 0px 18px;
    margin: 0px 0px 1px 0px;
}

a.envelope:hover {
    background-image: url(../images/allgemein/img_14x14_Link_Anfrage_sportal.gif);
    color: #C90000;
}

a.envelope-nopadding {
    width:90%;
    display: block;
    font-size: 75%;
    text-decoration: none;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_A_ENVELOPE"*/#036;/*CSS_GENERATOR.end*/
    background-image: url(../images/allgemein/img_14x14_Link_Anfrage_sportal.gif);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding: 1px 0px 0px 18px;
    margin: 0px 0px 1px 0px;
}

a.envelope-nopadding:hover {
    background-image: url(../images/allgemein/img_14x14_Link_Anfrage_sportal.gif);
    color: #C90000;
}

a.envelope-nh {
    width:90%;
    display: block;
    font-size: 75%;
    text-decoration: none;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_LOGINBOX_LINK"*/#036;/*CSS_GENERATOR.end*/
    margin: 0px 0px 1px 0px;
}

span.envelope-nh {
    background-image:url(../images/allgemein/img_14x14_Link_Anfrage_sportal.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding: 5px 0px 0px 18px;
    display:block
}

span.envelope-nh span.envelope-nh {
    background-image:none;
    padding:0px;
    font-size: 75%;
    color:#7F7F7F;
    width:90%;
}

a.envelope-nh:hover {
    color: #C90000;
}

a.email-without-size {
    text-decoration: none;
    color: #036;
    background-image: url(../images/allgemein/img_9x9_Kontakt_Email-off_sportal.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 1px 0px;
}

a.email-without-size:hover {
   color: #C90000;
    background-image: url(../images/allgemein/img_9x9_Kontakt_Email-over_sportal.gif);
}

a.email {
    width:90%;
    display: block;
    font-size: 75%;
    text-decoration: none;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_A_EMAIL"*/#036;/*CSS_GENERATOR.end*/
    background-image: url(../images/allgemein/img_9x9_Kontakt_Email-off_sportal.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 1px 0px;
}

a.email:hover {
       color: #C90000;
    background-image: url(../images/allgemein/img_9x9_Kontakt_Email-over_sportal.gif);
}

a.email-nh {
    width:90%;
    display: block;
    font-size: 75%;
    text-decoration: none;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_LOGINBOX_LINK"*/#036;/*CSS_GENERATOR.end*/
    margin: 0px 0px 1px 0px;
}

a.email-red-nh {
    width:90%;
    display: block;
    font-size: 75%;
    text-decoration: none;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_DIV_RED_LINK_A"*/#C90000;/*CSS_GENERATOR.end*/
    margin: 0px 0px 1px 0px;
}
span.email-nh {
    background-image: /*CSS_GENERATOR.start name="CMN_BG_IMAGE_EMAIL"*/url(../images/allgemein/img_9x9_Kontakt_Email-off_sportal.gif);/*CSS_GENERATOR.end*/
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 0px 18px;
    display:block
}

span.email-nh span.email-nh {
    background-image:none;
    padding:0px;
    font-size: 75%;
    color:#7F7F7F;
    width:90%;
}

span.email-red-nh {
    background-image: /*CSS_GENERATOR.start name="CMN_BG_IMAGE_EMAIL"*/url(../images/allgemein/img_9x9_Kontakt_Email-over_sportal.gif);/*CSS_GENERATOR.end*/
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 0px 18px;
    display:block
}

a.email-nh:hover {
       color: #C90000;
}

a.external {
    width:90%;
    display: block;
    font-size: 75%;
    text-decoration: none;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_A_EXTERNAL"*/#036;/*CSS_GENERATOR.end*/
    background-image: url(../images/allgemein/img_9x9_Kontakt_Link-off_sportal.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 1px 0px;

}

a.external:hover {
    color: #C90000;
    background-image: url(../images/allgemein/img_9x9_Kontakt_Link-over_sportal.gif);
}

a.external-nh {
    width:90%;
    display: block;
    font-size: 75%;
    text-decoration: none;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_LOGINBOX_LINK"*/#036;/*CSS_GENERATOR.end*/
    margin: 0px 0px 1px 0px;

}

span.external-nh {
    background-image: /*CSS_GENERATOR.start name="CMN_BG_IMAGE_EXTERNAL"*/url(../images/allgemein/img_9x9_Kontakt_Link-off_sportal.gif);/*CSS_GENERATOR.end*/
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 0px 18px;
    display:block
}

span.external-nh span.external-nh {
    background-image:none;
    padding:0px;
    font-size: 75%;
    color:#7F7F7F;
    width:90%;
}

a.external-nh:hover {
    color: #C90000;
}

a.vuec {
    width:90%;
    display: block;
    font-size: 75%;
    font-weight: bold;
    text-decoration: none;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_A_VUEC"*/#F76F21;/*CSS_GENERATOR.end*/
    background-image: url(../images/allgemein/17x17_Link_Angebote.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0px 0px 2px 22px;
}

a.vuec:hover {
    background-image: url(../images/allgemein/17x17_Link_Angebote.gif);
    color: #F76F21;
}

a.vuec-nh {
    width:90%;
    display: block;
    font-size: 75%;
    text-decoration: none;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_A_VUEC"*/#F76F21;/*CSS_GENERATOR.end*/
    padding-top: 1px;
    margin: 5px 0px 5px 0px
}

a.vuec-nh:hover {
    color: #F76F21;
}

span.vuec-nh {
    background-image: url(../images/allgemein/17x17_Link_Angebote.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0px 0px 2px 22px;
    display:block
}

span.vuec-nh span.vuec-nh {
    background-image:none;
    padding:0px;
    font-size: 75%;
    color:#7F7F7F;
    width:90%;
}

div.mehr-link {
    font-size: 100%;
    padding: 0px 6px 0px 0px;
}

div.mehr-link a {
    width:auto;
    font-size: 75%;
    font-weight: bold;
    color:/*CSS_GENERATOR.start name="CMN_COLOR_MEHR_LINK"*/#C90000;/*CSS_GENERATOR.end*/
    text-decoration: none;
    background-image: url(../images/allgemein/img_direktklicks_arrow_on_sportal.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    text-align: left;
    display: block;
    float: right;
    padding:0px 0px 2px 14px;
}

div.mehr-link a.downloadlink {
    background-image: url(../images/allgemein/img_11x11_Download-over_sportal.gif);
    color: #C90000;
}

div.mehr-link a.content {
    background-image: url(../images/allgemein/img_direktklicks_arrow_on_sportal.gif);
    color: #C90000;
}

div.mehr-link a.tool {
    background-image: url(../images/allgemein/img_14x14_Link_Rechner_sportal.gif);
    color: #C90000;
    background-position: 0px 0px;
    padding: 0px 0px 0px 18px;
}

div.mehr-link a.envelope {
    background-image: url(../images/allgemein/img_14x14_Link_Anfrage_sportal.gif);
    color: #C90000;
    background-position: 0px 0px;
    padding: 0px 0px 0px 18px;
}

div.mehr-link a.email {
    background-image: url(../images/allgemein/img_9x9_Kontakt_Email-over_sportal.gif);
    color: #C90000;
}

div.mehr-link a.external {
    background-image: url(../images/allgemein/img_9x9_Kontakt_Link-over_sportal.gif);
    color: #C90000;
}

div.mehr-link a.vuec {
    color: /*CSS_GENERATOR.start name="CMN_COLOR_A_VUEC"*/#F76F21;/*CSS_GENERATOR.end*/
    background-image: url(../images/allgemein/17x17_Link_Angebote.gif);
    background-position: 0px 0px;
    padding: 0px 0px 2px 22px;
}

div.mehr-link-nh {
    font-size: 100%;
    padding: 0px 6px 2px 14px;
    float: right;
}

div.mehr-link-nh a {
    width:auto;
    font-size: 75%;
    font-weight: bold;
    color:/*CSS_GENERATOR.start name="CMN_COLOR_MEHR_LINK"*/#C90000;/*CSS_GENERATOR.end*/
    text-decoration: none;
    display: block;
}

div.mehr-link-nh span {
    background-image: url(../images/allgemein/img_direktklicks_arrow_on_sportal.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
}

div.mehr-link-nh span.content-nh span.content-nh {
    background-image: none;
    font-weight: bold;
    font-size: 75%;
    display: block;
    width:auto;
    color:#7F7F7F;
}

div.mehr-link-nh span.downloadlink-nh {
    background-position: 0px 3px;
    background-repeat: no-repeat;
    background-image: url(../images/allgemein/img_11x11_Download-over_sportal.gif);
}

div.mehr-link-nh span.content-nh {
    background-position: 0px 3px;
    background-repeat: no-repeat;
    background-image: url(../images/allgemein/img_direktklicks_arrow_on_sportal.gif);
}

div.mehr-link-nh span.tool-nh {
    background-image: url(../images/allgemein/img_14x14_Link_Rechner_sportal.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 18px;
}

div.mehr-link-nh span.envelope-nh {
    background-image: url(../images/allgemein/img_14x14_Link_Anfrage_sportal.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 18px;
}

div.mehr-link-nh span.email-nh {
    background-position: 0px 3px;
    background-repeat: no-repeat;
    background-image: url(../images/allgemein/img_9x9_Kontakt_Email-over_sportal.gif);
}

div.mehr-link-nh span.external-nh {
    background-position: 0px 3px;
    background-repeat: no-repeat;
    background-image: url(../images/allgemein/img_9x9_Kontakt_Link-over_sportal.gif);
}

div.mehr-link-nh span.vuec-nh {
    background-image: url(../images/allgemein/17x17_Link_Angebote.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding: 0px 0px 2px 22px;
}

div.mehr-link-nh a.vuec-nh {
    color: /*CSS_GENERATOR.start name="CMN_COLOR_A_VUEC"*/#F76F21;/*CSS_GENERATOR.end*/
}

a.help {
    display:block;
    float:right;
    font-size:75%;
    text-decoration:none;
    color: #C90000;
    font-weight:bold;
    background-repeat: no-repeat;
    background-image: url(../images/allgemein/img_14x14_Hilfe_sportal.gif);
    background-position: 0px 1px;
    padding: 0px 0px 0px 18px;
    margin: 3px 0px 1px 0px;
}

.red-link {
    padding: 0px 0px 0px 10px
}

span.red-link {
    padding:0px;
}

span.red-link span.red-link {
    width:90%;
    display: block;
    font-size: 75%;
    background-image: url(../images/allgemein/img_direktklicks_arrow_on_sportal.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 1px 0px;
    color:#7F7F7F;

}

a.red-link {
    width:90%;
    display: block;

    font-size: 75%;
    text-decoration: none;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_DIV_RED_LINK_A"*/#C90000;/*CSS_GENERATOR.end*/
    background-image: url(../images/allgemein/img_direktklicks_arrow_on_sportal.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 1px 0px;
}

div.blue-link a {
    font-weight: bold;
    color: #003366;
}

div.white-link a {
    font-weight: bold;
    color: #ffffff;
}

div.black-link a {
    font-weight: bold;
    color: #000000;
}

div.mws .mehr-link a {
    float:none;margin-left:10px;width:90%;
}

div.mws .mehr-link a:hover {
    float:none;
}

div.back-link   {
    font-size: 100%;
    padding: 0px 6px 0px 0px;
}

div.back-link a {
    font-size: 75%;
    font-weight: bold;
    color: #C90000;
    text-decoration: none;
    background-image: url(../images/allgemein/img_9x9_link_back-over_sportal.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    text-align: left;
    display: block;
    padding:0px 0px 2px 14px;
}

div.back-link a.content {
    background-image: url(../images/allgemein/img_9x9_link_back-over_sportal.gif);
    color: #C90000;
}

a.envelope-open {
    font-size: 75%;
    text-decoration: none;
    color: #036;
    background-image: url(../images/addedValue/img_envelopeOpen_sportal.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0px 20px 0px 18px;
    margin: 0px 0px 1px 0px;
}

a.envelope-close {
    font-size: 75%;
    text-decoration: none;
    color: #036;
    background-image: url(../images/addedValue/img_envelopeClose_sportal.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0px 20px 0px 18px;
    margin: 0px 0px 1px 0px;
}


div.checks div {
    width:90%;
    font-size: 75%;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_DIV_CHECKS_DIV"*/#036;/*CSS_GENERATOR.end*/
    background-image: url(../images/allgemein/img_button_chk_sportal.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 1px 0px;
}

.label {
    font-size: 75%;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_LABEL"*/#036;/*CSS_GENERATOR.end*/
}

.horizontalruler {
    border-bottom: 1px solid #9AAFC3;
    padding: 0px;
    margin: 0px;
    width: 100%
}

.td-horizontalruler {
    padding: 10px 0px 10px 0px;
    margin: 0px;
    width: 100%
}

.div-horizontalruler {
    padding: 10px 0px 10px 0px;
    margin: 0px;
    width: 100%
}

div.offerings-online {
    cursor:pointer;
    width: 193px;
    height: 25px;
    border: none;
    overflow: hidden;
    background-image: url(../images/allgemein/img_193x25_OnlineAngebote_sportal_de.gif);
    background-repeat: no-repeat
}

/* +++ Buttons +++ */

.button-short {
    width:70px;
    height:16px;
    background-image: url(../images/allgemein/btn_sportal_short.gif);
    background-repeat: no-repeat;
}

.button-red {
    width:70px;
    height:16px;
    background-image: url(../images/allgemein/btn_sportal_red.gif);
    background-repeat: no-repeat;
}

.button-green {
    width:70px;
    height:16px;
    background-image: url(../images/allgemein/btn_sportal_green.gif);
    background-repeat: no-repeat;
}

.button-xshort {
    width:40px;
    height:16px;
    background-image: url(../images/allgemein/btn_sportal_xshort.gif);
    background-repeat: no-repeat;
    /*IE8 only hack*/
    padding-left /*\**/:2px\9;
}
/*SAFARI & Chrome only hack*/
@media screen and (-webkit-min-device-pixel-ratio:0){
    .button-xshort {
         padding-left:2px;
    }
}

.button-middle {
    width:100px;
    height:16px;
    background-image: url(../images/allgemein/btn_sportal_middle.gif);
    background-repeat: no-repeat;
}

.button-long {
    width:130px;
    height:16px;
    background-image: url(../images/allgemein/btn_sportal_large.gif);
    background-repeat: no-repeat;
}

.button-xlong {
    width:160px;
    height:16px;
    background-image: url(../images/allgemein/btn_sportal_xlarge.gif);
    background-repeat: no-repeat;
}

.button-xxlong {
    width:220px;
    height:16px;
    background-image: url(../images/allgemein/btn_sportal_xxlarge.gif);
    background-repeat: no-repeat;
}

.button-xxxlong {
    width:280px;
    height:16px;
    background-image: url(../images/allgemein/btn_sportal_xxxlarge.gif);
    background-repeat: no-repeat;
}

.button-body  {
    cursor:pointer;
    border:0px;
    color:/*CSS_GENERATOR.start name="CMN_COLOR_TEXT_BUTTON"*/#036;/*CSS_GENERATOR.end*/
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
}

.button-body-disabled  {
    cursor:pointer;
    border:0px;
    color:#ACA899;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
}

.button-std-margin {
    margin: 0px 10px 10px 0px;
}

/* Tools or programmed modules with tabs, see branchSearch.jsp for example */
.tabs {
    width:100%;
    margin: 0px;
    padding: 0px
}

.div-tabs {
    margin: 0px;
    padding: 0px 10px 0px 10px
}


.tabs .sep-active {
    background-color:#8099b3;
    background-image:url(../images/allgemein/img_spacer_sportal.gif);
    border-top:solid 3px #E1F0FB;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #B3C2D1;
    width: 1px
}

.tabs .sep-active img {
    height:90%;
    width:1px;
    border:none;
    margin:0px;
    padding: 0px
}

.tabs .sep-inactive {
    background-color:#E1F0FB;
    background-image:url(../images/allgemein/img_spacer_sportal.gif);
    margin:0px;
    padding:0px;
    border-bottom: 1px solid #B3C2D1;
    width: 1px
}

.tabs .sep-inactive img {
    height:90%;
    width:1px;
    border:none;
    margin:0px;
    padding: 0px
}

.tabs .item-active {
    background-color:#CDE6F8;
    background-image:url(../images/formular/tabs-item-active.gif);
    padding:2px 10px;
    border: 1px solid #B3C2D1
}

.tabs .item-active a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
    font-weight:bold;
    color:#003366;
    text-decoration:none
}

.tabs .item-active a:link {
    color:#003366;
}

.tabs .item-active a:hover {
    color:#C90000;
}

.tabs .item-inactive {
    background-color:#E1F0FB;
    background-image:url(../images/formular/tabs-item-inactive.gif);
    padding:2px 10px;
    border-top: 1px solid #e1f0fb;
    border-right: 1px solid #E1F0FB;
    border-bottom: 1px solid #B3C2D1;
    border-left: 1px solid #E1F0FB
}

.tabs .item-inactive a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
    color:#003366;
    text-decoration:none
}

.tabs .item-inactive a:link {
    color:#003366;
}

.tabs .item-inactive a:hover {
    color:#900000;
}

/* ---- */

.wpstabs {
    margin: 0px;
    padding: 0px;
}

.wpstabs .item-active {
    background-color:#CDE6F8;
    background-image:url(../images/formular/tabs-item-active.gif);
    padding:2px 10px;
    border-top: 1px solid #B3C2D1;
    border-right: 1px solid #B3C2D1;
    border-left: 1px solid #B3C2D1;
    border-bottom:none;
    /*B3C2D1*/
    font-weight:bold;
    color:#003366;
    font-family: Arial, Helvetica, sans-serif;
    white-space: nowrap;
}

.wpstabs .item-inactive {
    background-color:#E1F0FB;
    background-image:url(../images/formular/tabs-item-inactive.gif);
    padding:2px 10px;
    border-top: 1px solid #e1f0fb;
    border-right: 1px solid #E1F0FB;
    border-left: 1px solid #E1F0FB;
    color:#003366;
    font-family: Arial, Helvetica, sans-serif;
    white-space: nowrap;
}


.wpstabs .sep-active {
    background-color:#8099b3;
    /*background-image:url(../images/allgemein/img_spacer_sportal.gif);*/
    border-top:solid 3px #E1F0FB;
    margin: 0px;
    padding: 0px;
    width: 1px
}

.wpstabs .sep-active img {
    height:90%;
    width:1px;
    border:none;
    margin:0px;
    padding: 0px
}

.wpstabs .sep-inactive {
    background-color:#E1F0FB;
    /*background-image:url(../images/allgemein/img_spacer_sportal.gif);*/
    margin:0px;
    padding:0px;
    width: 1px
}

.wpstabs .sep-inactive img {
    height:90%;
    width:1px;
    border:none;
    margin:0px;
    padding: 0px
}

/* ---- */

.wizzardtabs {
    width:100%;
    margin: 0px;
    padding: 0px;

}

.wizzardtabs .item-active {
    background-color:#CDE6F8;
    background-image:url(../images/formular/tabs-item-active.gif);
    padding:2px 10px;
    border: 1px solid #B3C2D1;
    font-weight:bold;
    color:#003366;
    font-size:75%;
    font-family: Arial, Helvetica, sans-serif;
}

.wizzardtabs .item-inactive {
    background-color:#E1F0FB;
    background-image:url(../images/formular/tabs-item-inactive.gif);
    padding:2px 10px;
    border-top: 1px solid #e1f0fb;
    border-right: 1px solid #E1F0FB;
    border-bottom: 1px solid #B3C2D1;
    border-left: 1px solid #E1F0FB;
    color:#003366;
    font-size:75%;
    font-family: Arial, Helvetica, sans-serif;
}


.wizzardtabs .sep-active {
    background-color:#8099b3;
    background-image:url(../images/allgemein/img_spacer_sportal.gif);
    border-top:solid 3px #E1F0FB;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #B3C2D1;
    width: 1px
}

.wizzardtabs .sep-active img {
    height:90%;
    width:1px;
    border:none;
    margin:0px;
    padding: 0px
}

.wizzardtabs .sep-inactive {
    background-color:#E1F0FB;
    background-image:url(../images/allgemein/img_spacer_sportal.gif);
    margin:0px;
    padding:0px;
    border-bottom: 1px solid #B3C2D1;
    width: 1px
}

.wizzardtabs .sep-inactive img {
    height:90%;
    width:1px;
    border:none;
    margin:0px;
    padding: 0px
}




/* error page */
.error-table {
    width:100%;
    height:100%;
    margin:0px;
    padding:0px;
}

.error-table .errorBox {
    width:450px;
    border: 1px solid #99AEC2;
    background-color:#CCE5F7;
}

.error-table .errorBox .header {
    padding:5px 0px 5px 25px;
    text-align:left;
    background-image: url(../images/allgemein/img_11x11_Hinweis_sportal.gif);
    background-repeat: no-repeat;
    background-position: 5px 7px;
}

.error-table .errorBox .content {
    background-color:#E1F0FB;
    padding:15px 10px 15px 25px;
    text-align:left;
    border-top: 1px solid #ffffff;
}

.error-table .errorBox .footer {
    padding:5px 10px 5px 25px;
    border-top: 1px solid #ffffff;
    text-align:left;
}

.error-table .errorBox .action {
    padding:5px 10px 5px 25px;
    text-align:right;
    border-top: 1px solid #ffffff;
}

.nb-tbl {
    width:100%;
    border-collapse:collapse;
}

.nb-tbl .td-sep-hor {
    height:1px;
    background-color:#FFFFFF;
}

.nb-tbl .td-sep-hor-black {
    height:1px;
    background-color:#000000;
}

.nb-tbl .td-sep-hor-blue {
    height:1px;
    background-color:#E5EBF0;;
}

.nb-tbl .td-line {
    height:1px;
    background-color:#99AEC2;
}

.nb-tbl .td-sep-ver {
    width:1px;
    background-color:#FFFFFF;
}

.nb-tbl .td-sep-ver-black {
    width:1px;
    background-color:#000000;
}

.nb-tbl .td-head {
    background-color:#CDE6F8;
    vertical-align:bottom;
    height:18px;
}

.nb-tbl .td-head-dark {
    background-color:#003366;
    vertical-align:bottom;
    height:18px;
}

.nb-tbl .td-body {
    background-color:#E5EBF0;
    vertical-align:bottom;
    height:18px;
}

.nb-tbl .td-body-dark {
    background-color:#FFFF99;
    vertical-align:bottom;
    height:18px;
}

.nb-tbl .td-body-light {
    background-color:#FFFFFF;
    vertical-align:bottom;
    height:18px;
}

.nb-tbl .align-left {
    padding-left:3px;
    text-align:left;
}

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

.nb-tbl .align-right {
    padding-right:3px;
    text-align:right;
}

.nb-tbl .headline {
    padding:5px 0px 0px 10px;
    font-size:100%;
    font-weight:bold;
    color:#003366;
    white-space:nowrap;
}


.nb-tbl .left {
    padding-left:3px;
    text-align:left;
}

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

.nb-tbl .right {
    padding-right:3px;
    text-align:right;
}

.nb-tbl .b-1111 {
    border: 1px solid #ffffff;
}

.nb-tbl .b-1010 {
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
}

.nb-tbl .b-1110 {
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    border-right:1px solid #ffffff;
}

.nb-tbl .b-1011 {
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    border-left:1px solid #ffffff;
}

.nb-tbl .b-0100 {
    border-right:1px solid #ffffff;
}
.nb-tbl .b-0110 {
    border-right:1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
.nb-tbl .b-0001 {
    border-left:1px solid #ffffff;
}

.nb-tbl .b-0101 {
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
}

.nb-tbl .b-1000 {
    border-top: 1px solid #ffffff;
}

.nb-tbl .b-0010 {
    border-bottom: 1px solid #ffffff;
}

.nb-tbl .info {
    font-size: 75%;
    color: #000000;
    background-color:#E5EBF0;
    padding:3px;
}

.info-box {
    border:1px solid #9AAFC3;
}

.bluebox
{
   background-color:#F5FAFE;
   border:1px solid #CCE5F7;
   line-height:20px;
   padding:5px;
   margin:0 10px 12px;
}

.bluebox .input-text
{
    /* font-size: 100%; */
}

.bluebox .td
{
    font-size:100%;
}

.formlabel
{
    display:-moz-inline-box;/* Firefox 2 and under */
    display:inline-block;/* FF3, Opera, Safari, IE5.5+ */
    width:120px;
}

.hintTextTable {
    border:1px solid #C90000;
    margin-top:5px;
}

 .hintTextTd1 {
    width:20px;
    text-align:center;
    vertical-align:top;
}

.hintTextTd2 {
    width:auto;
}

.hintTextTd3 {
    height:5px;
}

.auszugfixed .text-black {
    font-family: monospace;
    font-size: 85%;
}

.percentageArea {
    margin-bottom:3px;
    float:right;
}

.percentageBar {
    background-color:#509888;
    float:right;
}