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

.clear-border {
    clear: both;
    height: 1px;
    width: 100%;
    overflow: hidden;
    background-color: #99AEC2;
}


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;
}

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: 1px solid #9AAFC3;
}

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

.path-printpage {
	padding:5px 0px 3px 10px;
	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_smaller {
    font-size: 65%;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_TEXT"*/#036;/*CSS_GENERATOR.end*/
}

.text-black-normal {
    font-size: 90%;
    color: #000;
}

.text-black {
    font-size: 75%;
    color: #000;
}

.text-black2 {
    font-size: 75%;
    color: #000;
    padding: 0px 10px 0px 10px;
}

.text-black-nw {
    font-size: 75%;
    color: #000;
    white-space: nowrap;
    padding: 0px 10px 0px 10px
}

.text-white {
    font-size: 75%;
    color: #ffffff;
}
.text-icon {
    margin-left:15px;
    text-indent:-14px
}

.text-bold {
    font-weight:bold;
    margin: 0px;
    padding: 0px
}

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

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


a.link:link {
    color:#003366;
    font-size:100%;
}
a.link:visited {
    color:#003366
}
a.link:hover {
    color:#C90000
}


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;
}

.content-subline {
    font-size: 85%;
    font-weight: bold;
    color: #036;
    padding: 20px 10px 5px 10px;
}

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

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

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

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

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

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

.div-horizontalruler2 {
    padding: 0px 0px 10px 0px;
    margin: 0px;
    width: 100%;
    clear:both;
}

.div-horizontalruler3 {
    padding: 0px;
    margin: 0px;
    width: 100%;
    clear:both;
}

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

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/general/14x14_Hilfe.gif);
    color: #C90000;
    background-position: 0px 1px;
    padding: 0px 0px 0px 18px;
    margin: 3px 0px 1px 0px;
}

div.red-link a {
    clear:both;
    font-size: 75%;
    font-weight: bold;
    text-decoration: none;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_DIV_RED_LINK_A"*/#C90000;/*CSS_GENERATOR.end*/
    background-image:url(../images/general/direktklicks_arrow_on.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 0px 14px;
    margin: 0px 0px 1px 0px;
}

div.red-link a:hover {
    color: #003366;
    background-image:url(../images/general/direktklicks_arrow.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
}

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

div.mehr-link a {
    font-size: 75%;
    font-weight: bold;
    color: #C90000;
    text-decoration: none;
    background-image: url(../images/general/direktklicks_arrow_on.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:hover {
    font-size: 75%;
    font-weight: bold;
    color: #C90000;
    text-decoration: none;
    background-image: url(../images/general/direktklicks_arrow_on.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 noicon{
    font-size: 75%;
    font-weight: bold;
    color: #C90000;
    text-decoration: none;
    display: block;
    float: right;
    padding:0px 0px 2px 0px;
}

div.mehr-link a.downloadlink {
    background-image: url(../images/general/11x11_Download-over.gif);
    color: #C90000;
}

div.mehr-link a.downloadlink:hover {
    background-image: url(../images/general/11x11_Download-over.gif);
    color: #C90000;
}

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

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

div.back-link a.content {
    background-image: url(../images/general/9x9_link_back-over.gif);
    color: #C90000;
}

div.forward-link a.content {
    background-image: url(../images/general/9x9_link_forward-off.gif);
    color: #C90000;
}


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

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

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

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

div.mehr-link a.email {
    background-image: url(../images/general/9x9_Kontakt_Email-over.gif);
    color: #C90000;
}

div.mehr-link a.email:hover {
    background-image: url(../images/general/9x9_Kontakt_Email-over.gif);
    color: #C90000;
}

div.mehr-link a.external {
    background-image: url(../images/general/9x9_Kontakt_Link-over.gif);
    color: #C90000;
}

div.mehr-link a.external:hover {
    background-image: url(../images/general/9x9_Kontakt_Link-over.gif);
    color: #C90000;
}

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

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

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

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

div.links a.downloadlink:hover {
    background-image: url(../images/general/11x11_Download-over.gif);
    color: #C90000;
}

a.downloadlink:hover {
    background-image: url(../images/general/11x11_Download-over.gif);
    color: #C90000;
}

div.links a.red-link {
    width:90%;
    display: block;
    font-size: 75%;
    text-decoration: none;
    color: #C90000;
    background-image: url(../images/general/direktklicks_arrow_on.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 1px 0px;
}
a.red-link {
    font-size: 75%;
    text-decoration: none;
    color: #C90000;
    background-image: url(../images/general/direktklicks_arrow_on.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 1px 0px;
}

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

div.links a.contentHeader {
    width:90%;
    display: block;
    font-size: 75%;
    text-decoration: none;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_DIV_LINKS_A_CONTENT"*/#036;/*CSS_GENERATOR.end*/
    font-weight: bold;
    background-image: none;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 2px 0px;
}

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

a.contentHeader {
    font-size: 75%;
    text-decoration: none;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_A_CONTENT"*/#036;/*CSS_GENERATOR.end*/
    font-weight: bold;
    background-image: none;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 2px 0px;
}

div.links a.content:hover {
    background-image: url(../images/general/direktklicks_arrow_on.gif);
    color: #C90000;
}

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

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

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

div.links a.tool:hover {
    background-image: url(../images/general/14x14_Link_Rechner.gif);
    color: #C90000;
}

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

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

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

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

div.links a.envelope:hover {
    background-image: url(../images/general/14x14_Link_Anfrage.gif);
    color: #C90000;
}

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

a.email-without-size {
    text-decoration: none;
    color: #036;
    background-image: url(../images/general/9x9_Kontakt_Email-off.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/general/9x9_Kontakt_Email-over.gif);
}

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

a.email {
    font-size: 75%;
    text-decoration: none;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_A_EMAIL"*/#036;/*CSS_GENERATOR.end*/
    background-image: url(../images/general/9x9_Kontakt_Email-off.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 1px 0px;

}

div.links a.email:hover {
    color: #C90000;
    background-image: url(../images/general/9x9_Kontakt_Email-over.gif);
}

a.email:hover {
   color: #C90000;
    background-image: url(../images/general/9x9_Kontakt_Email-over.gif);
}

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

}

a.external {
    font-size: 75%;
    text-decoration: none;
    color: /*CSS_GENERATOR.start name="CMN_COLOR_A_EXTERNAL"*/#036;/*CSS_GENERATOR.end*/
    background-image: url(../images/general/9x9_Kontakt_Link-off.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 1px 0px;

}

div.links a.external:hover {
    font-size: 75%;
    text-decoration: none;
    color: #C90000;
    background-image: url(../images/general/9x9_Kontakt_Link-over.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 1px 0px;

}

a.external:hover {
    text-decoration: none;
    color: #C90000;
    background-image: url(../images/general/9x9_Kontakt_Link-over.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 1px 0px;
}

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

a.vuec {
    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/general/17x17_Link_Angebote.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0px 0px 2px 22px;
}

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

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

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/general/button_check.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*/
}

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

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

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


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

div.forward-link a {
    font-size: 75%;
    font-weight: bold;
    color: #C90000;
    text-decoration: none;
    background-image: url(../images/general/9x9_link_forward-off.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    text-align: left;
    padding:0px 0px 2px 14px;
}

div.forward-link a:hover {
    font-size: 75%;
    font-weight: bold;
    color: #C90000;
    text-decoration: none;
    background-image: url(../images/general/9x9_link_forward-off.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    text-align: left;
    padding:0px 0px 2px 14px;
}


img.FirstLetter
{
	float: left;
	margin: 4px 4px 0px 0px;
}

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

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

table.ContentTable thead td
{
	background-color:#CCE5F7;
	color:#393366;
}
img.piktogram { border: 0px; float: right; clear: right; margin: 0px 0px 5px 5px; }

table.whiteTable {  }

table.whiteTable td { background: #ffffff; }

table.whiteTable td.BckgDotted { background-image:url(../Images/dottHorizontal.gif); background-repeat:repeat-x; background-position:center; }

div.card { float: left; margin: 5px 5px 10px 5px; width: 140px; overflow: hidden; }
div.card div.cardImage { text-align: center; }
div.card div.cardLink { text-align: center; }
div.card div.cardLink a { color:#003366; font-size:100%; text-decoration: none; }

dt { font-size: 100%; font-weight: bold; }
dd { font-size: 100%; margin: 2px 0px 2px 0px; background: url(../Images/General/button_check.gif) 2px 3px no-repeat; padding-left: 16px;  }