.content {
    padding:3px 18.7em 0 18em;
}
.content #contentInnerWrap{
    margin:0 -92% 0 7.2%;
    width:92%;
}
.content #marginalWrap {
    width:18.4em;
    overflow:hidden;
    margin:0 -18.65em 0 0;
    float:right;
    max-width:500px;
    min-width:192px;
}
body.hideNav .content{
    width:46em !important ;
    padding:3px 18.7em 0 0;
    margin: 0 0 0 -40px;
}
* html .panorama #loginWrap img{
    height:10.3em 
}
* html .panorama #loginWrap .demo img,
* html .panorama #loginWrap .onlinePin img{
    height:auto;
}
/* = Footer
----------------------------------------------- */
div.content #footerWrap ul {
    margin:0 0 0 3.3em;
}
/* = Contentelements
----------------------------------------------- */
.content #contentInnerWrap .titleBox {
    margin:0 0 14px 0 !important;
    padding:.5em 6.6em .2em 0;
    border-bottom:1px solid #5666A3;
}
div.content #contentInnerWrap .hasKvBox {
    margin:0 0 -1px 0;
}
div.content #contentInnerWrap .hasTabNav {
    border-top: 10px solid #FFF
}
.content .col1{
    border:1px solid #A5B3D0;
    border-width:1px 0 2px 0;
}
div#wrap div.content .kvBox {
    border:1px solid #5666A3;
    border-width:1px 0;
    float:left;
    margin:0 0 24px 0;
    clear:both;
    min-height:30px;
    width:100%;
}
div#wrap div.content .kvBox02 {
    float:left;
    margin:-6px 0 24px -3px;
    clear:both;
    width:100%;
    position: relative;
    z-index: 200;
}
div#wrap div.content .kvBox02 img {
    height:23.8em
}
/* ContactBox mit Telefonnummer und Button */
.kvBox .contactBox{
    border:1px solid #C0CDE0;
    border-width:1px 1px 0 1px;
    border-top-color:#5666A3;
    padding:12px 0 0 20px;
    margin:0 0 -1px 0;
    float:left;
    width:40.5em
}
.kvBox .contactBox:after{
    content:"";
    display: block;
    clear: both;
    height: 10px
}
div.jsToggle,
div.jsToggle .contactBox,
div.jsToggleFirst .contactBox{
    margin:0 0 20px 0;
}
/* Variante mit border im togglefeld */
.var,
div.jsToggleFirst .var,
div.jsToggle .var{
    border:1px solid #C0CDE0;
    border-top-color:#5666A3;
    border-bottom-color:#5666A3;
    padding:0 0 0 20px;
    margin:0 0 6px 0;
    float:left;
    width:40.5em;
}
div.jsToggleFirst .var,
div.jsToggle .var{
    margin:-14px 0 20px 0;
    position: relative;
    z-index: 0
}
div.tel{
    float:left;
    width:20em;
    padding:0 0 7px 0
}
.kvBox div.tel{
    padding:0;
}
div.tel strong,
div.tel i{
    border-top:1px solid #CFD9E7;
    display:block;
    padding:2px 0 0 0;
    font-style: normal;
}
div.tel02 strong,
div.tel02 i{
     border-bottom:1px solid #CFD9E7;
     line-height:1.4em;
     margin:0 0 2px 0;
     
}
div.tel02 i{
     line-height:1.6em;
     padding: 0;
}
div.tel span,
div.tel02 span{
     font-size:.85em;
     white-space:nowrap
}
div.bgLine{
    clear:both;
    border-top:1px solid #CFD9E7;
    width:20em;
}

/* ContentFooter */
.content .contentFooter{
    margin:32px 0 0 0 ;
    clear:both;
}
.content .contentFooter p{
    margin:20px .35em 0 3.3em;
}
#wrap .content h4 img {
    width:100%;
}
#wrap .content .col2 h4{
    overflow:hidden
}
#wrap .content .pic h4 img {
height:2.5em;
width:16.1em;
}
.content .contentBox{
    margin:0 -.35em 0 -3.3em;
    width:46em;
    min-width:552px;
    position:relative;
}
.content .col2 {
    min-width:232px;
    width:19.3em;
    margin:0 .35em 0 3.3em;
    padding:0 0 2.8em 0;
    float:left;
}
div.col2 p.pic img {
    min-width:232px ;
}
* html div.col2 p.pic img {
    height: 8.8em;
}
.content .col2 p.further {
    width:19.3em;
    min-width:232px ;
    bottom:1.6em;
}
#wrap div.content div.pic h4{
    background:none;
    padding:0;
    position:absolute;
    top:0;
    width:16.1em;
    overflow:hidden;
}
#wrap .content h3.info {
    padding:7px 0 3px 0;
    margin:0;
    border-bottom:1px solid #A5B3D0;
    color:#5666A3;
    position:relative;
    z-index:10;
}
/* 2-spaltige InfoBox */
div#wrap div.contentBox div.info{
    border-top:1px solid #DFE5EF;
    float:left;
    clear:none;
    margin-top:-1px;
    padding:9px 0 11px 0;
    position:relative;
}
#wrap .content .info h4 {
    border:none;
    background:none;
    padding:0;
    margin:0;
}
#wrap .content div.info p {
    padding:0;
    margin:0 0 0 .1em;
    font-size:.95em
}
#wrap .content .info p a {
    display:block;
    position:relative;
    padding:0 18px 0 0;
    background: url(/img/bt_arrow_info.gif) no-repeat bottom right;
    margin:0 -2px 0 0 
}
hr.info{
    background:none;
    border-bottom:2px solid #A5B3D0;
    height:6px;
    clear:both;
    display:block;
    margin:0 .35em 0 3.3em;
}
/* Tabnavi */
ul.tabNav {
    float:left;
    width:98%;
    margin:10px 0 14px 0;
    padding:0 0 2px 2%;
    background:url(/img/bg_tabnav.gif) repeat-x bottom left;
}
ul.hasProductBox {
    margin: 10px 0 0 0
}
#wrap .kvBox ul.tabNav {
    position:absolute;
    bottom:-4px;
    left:18px;
    margin:0;
    padding:0;
    z-index:10;
    background:none;
}
ul.tabNav li {
    float:left;
}
div#contentWrap ul.tabNav li a,
div#contentWrap ul.tabNav li div,
ul.tabNav li.active span{
    float:left;
    display:block;
    margin:6px 3px 5px 3px;
    padding:1px 11px;
    background:#F0F3F8;
    border-top:1px solid #7A8BB9;
    text-decoration:none;
}

ul.tabNav li span
{
    margin:0px;
    padding:0px;
    border:0px;
}

ul.tabNav li.aktiv a,
ul.tabNav li.aktiv span,
ul.tabNav li a.on{
    margin:0 3px !important;
    padding:7px 11px 6px 11px !important;
    position:relative;
    border-top:1px solid #5666A3 !important;
    font-weight:bold;  
}

ul.tabNav li.aktiv span
{
    padding:0px !important;
    margin:0px !important;
}


#wrap .kvBox ul.tabNav li.aktiv span a
{
  /*background: white !important; 
  padding:0px !important;
  margin:0px !important;
  border:none !important;*/
}

ul.tabNav li a span,
ul.tabNav li.aktiv span span,
ul.tabNav li.aktiv span span span{
    display:inline;
    float:none;
    padding:0;
    margin:0;
    border:none
}
#wrap .kvBox ul.tabNav li a{
    border-top:1px solid #7A8BB9;
    background:#DFE5EF;
    margin:6px 3px 1px 3px;
    padding:1px 11px;
}
#wrap .kvBox ul.tabNav li a:hover{
    border-top:1px solid #5666A3;
    background:#FFF 
}
#wrap .kvBox ul.tabNav li.aktiv span, #wrap .kvBox ul.tabNav li.aktiv a{
    background:#FFFFFF;
}
#wrap .tableBox ul.tabNav{
    margin: 0;
    padding:0 0 2px 0;
    width:100%;
    background-color: #FFF
    
}
div#contentWrap .tableBox ul.tabNav li a,
div#contentWrap .tableBox ul.tabNav li div, 
 .tableBox ul.tabNav li span {
    padding-left: 5px;
    padding-right: 5px;
}
div#contentWrap .tableBox ul.tabNav li div a {
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    display: inline;
    float: none;
    font-size: .95em
}
/* Produktseiten */
.productBox {
    border:1px solid #DCDFE3;
    border-bottom-color:#A5B3D0;
    border-top-color:#A5B3D0;
    border-width:1px 1px 2px 1px;
    padding:0 0 20px 19px;
    clear:both;
    margin:0 0 6px 0
}
.productBox p,
.productBox ul{
    margin-right:24px;
}
div#wrap .productBox div.kvBox,
div#wrap .contentForm div.kvBox {
    border-width:0;
    margin:0 0 18px -20px;
    width:42.35em;
    min-width:508px;
    background:#FFFFFF;
    position:relative;

    margin-top:-14px !important;
}
div#wrap div.productBox .kvBox img{
    border-bottom:1px solid #5666A3;
}
/* FAQ Aufklappliste */
dl.toggleDl {
   border:1px solid #A5B3D0;
   border-width:0 0 1px 0;
   margin:0 0 20px 0;
   clear: both;
}
dl.toggleDl dt.off a{
   background-image: url(/img/bt_switch_off.gif) ;
   font-weight: normal;
}
dl.toggleDl dt a{
   border-top:1px solid #CFD9E7;
   background:#F0F3F8 url(/img/bt_switch_on.gif) no-repeat 6px 4px;
   padding: 3px 5px 3px 27px;
   display: block;
   font-weight: bold;
}

div#wrap dl.toggleDl dt a {
   text-decoration:none
}
div#wrap dl.toggleDl dt a:focus {
   text-decoration:underline
}
dl.toggleDl dt:first-child{
   border-color:#A5B3D0;
}
dl.toggleDl dd{
   border-top:1px solid #CFD9E7;
   padding: 10px 5px 0 27px;
   background: #F9FBFD
}
dl.toggleDl dd p,
dl.toggleDl dd ul{
   margin:0;
   padding-bottom:10px
}
dl.toggleDl dd ul li{
    background:url(/img/bg_li.gif) no-repeat .25em .5em;
    padding:0 0 6px 21px;
}
/* = JS-Styles
----------------------------------------------- */
div.jsTitle,
.jsHelp{
   position: relative;
}
div.jsTitle{
   clear: both;
}
div#wrap p.jsHelpTxtHide {
   position: absolute;
   top: -1px;
   right:0;
   width:0;
   padding: 0 0 0 3em;
   border: none;
   margin: 0 !important ;
   background: none;
}
div#wrap table div.jsHelp p.jsHelpTxtHide{
   top:-5px;
   border:none !important 
}
div#wrap div.jsTitle p.jsHelpTxtHide{
   top: -11px;
}
div#wrap div#contentWrap dl.release p.jsHelpTxtHide{
    top:-7px;
}
div#wrap p.jsHelpTxtHide span{
   display:none; 
}
div#wrap p.jsHelpTxtShow {
   right:-19.1em;
   width:18.1em;
   padding:0 1em 1em 0;
   background:url(/img/bg_js_help_txt_show.png) no-repeat 1em 1em;
   z-index: 10000
}
div#wrap table div.jsHelp p.jsHelpTxtShow{
   padding:0 1em 1em 0 !important ;
   
}
div#wrap p.jsHelpTxtHide a.helpLink,
a.helpLink{
   position: absolute;
   right:-.2em;
   top: 0;
}
div#wrap p.jsHelpTxtShow a.helpLink{
   position: absolute;
   top: 0;
   right: 18.9em;
}
div#wrap p.jsHelpTxtShow span{
   display:block;
   background: #FFF;
   border:1px solid #AdBBD6;
   padding:5px 10px 10px 10px
}
/* = Buttons
----------------------------------------------- */
div.btn,
div.btn input,
div.btn a {
    width:auto;
}
div.btn input,
div#wrap div.btn a {
    background:none;
    text-decoration:none;
    font:bold 1em Arial, Helvetica, sans-serif;
    border:none;
    overflow:visible;
    color:#000066;
    text-align:left;
    padding:0 32px 0 0;
    
    cursor:pointer;
    margin:1px 0 0 0;
}
div#wrap div.btn a {
    display:block;
    margin:2px 0;
    padding:0 35px 0 3px;
}
div.btn,
.contentForm fieldset div.btn{
    border:1px solid #CFD9E7;
    border-width:1px 0;
    padding: 0 0 0 1px;
    float:left;
    margin:5px 10px 10px 0;
    background:#FFF url(/img/bt_arrowform.gif) no-repeat center right;
}
div.further,
div.setRight{
    float:right;
    margin:5px 0 10px 20px;
}
div.further{
    background:#FFF url(/img/bt_arrow_send.gif) no-repeat center right;
}
div.back{
    background-image:url(/img/bt_arrowform_back.gif);
}
div.cancel{
    background-image:url(/img/bt_cancel.gif);
}
.btn input,
.btn a,
.back input,
.cancel input,
.back a,
.cancel a{
    color:#006;
}
div.further input,
div#wrap div.further a{
    color:#FF000A
}
/* Buttons in Contactboxen */
div.buttonBox{
    float:right;
    width:17.3em;
    border-top:none;
}
div.buttonBox div.btn{
    float:right;
    width:16.9em;
    border:1px solid #CFD9E7;
    border-width:1px 0;
    background:url(/img/bt_arrow_send.gif) no-repeat center right;
    padding:0 0 0 .4em;
    margin:0 0 -1px 0;
    position:relative;
}
div.buttonBox div.consult{
    background:url(/img/bt_arrow_consult.gif) no-repeat center right;
}
div.buttonBox div.btn input,
div#wrap div.buttonBox div.btn a{
    color: #FF000A;
    background:url(/img/bt_buy.gif) no-repeat center right;
    text-decoration:none;
    padding:0;
}
div.buttonBox div.btn a{
    text-decoration:none;
    font-weight: bold;
    display:block;
    padding:2px 0;
}
div.buttonBox div.consult input,
div#wrap div.buttonBox div.consult a{
    color:#6878AE;
    background:url(/img/bt_consulter.gif) no-repeat center right;
}
div#wrap div.buttonBox div input.neutral,
div#wrap div.buttonBox div a.neutral{
    background:none;
}
/* HTML-Tabelle als Flashersatz */
div.flashcounter {
    
}
table.flashcounter {
    border:1px solid #FFF;
    background: #DFE5EF;
}
table.flashcounter td{
    background: none !important ;
    text-align: right;
    border:1px solid #FFF
}
table.flashcounter tr.last td{
    border-bottom-color:#006
}
table.flashcounter td.result{
    font-weight: bold;
    border:1px solid #FFF;
    border-width: 0 0 1px 1px 
}
table.flashcounter th{
    background: #D0D9E8;
    font-weight: bold;
    border-bottom:1px solid #FFF
}
table.flashcounter th.last{
    vertical-align: bottom;
    
}   
/* HTML-Rechner als Flashersatz */
fieldset.calculator p,
fieldset.calculator.ratenschutz p{
    position: relative;
    border:1px solid #006;
    border-width: 1px 0;
    padding:3em 0 6em 2em ;
    background:#D0D9E8 url(/img/bg_calc.gif) no-repeat 100% 5%;
    float: left;
    width:38.6em;
}
fieldset.calculator.ratenschutz p{
    width:40.425em;
}
fieldset.calculator label{
    border: 1px solid #6878AE;
    background: #DFE5EF;
    display: block;
    padding: .8em;
    float: left;
    margin-right: 1em
    
}
fieldset.calculator label.selIE{
    padding: 1em .8em 1.1em .8em;
}
fieldset.calculator label input{
    font-size:1.6em;
    width:3.3em;
    margin: .2em .4em 0 0;
    border:none;
    background: #FFF
}
fieldset.calculator label select{
    font-size:1em;
    width:8em;
    border:1px solid #FFF;
    margin: .2em .4em 0 0;
}
fieldset.calculator label select#credit {
    width:5.25em;
}
fieldset.calculator label select#runtime.spardauer{
    width:3em;
}
fieldset.calculator ul#legendInsuranceProtection {
    margin:12em 2em 1em 42.375em;
    padding:0;
    position:absolute;
    left:0;
    color:#677CB5;
    font-size:76%;
    list-style-type:none;
}
fieldset.calculator ul#legendInsuranceProtection li {
    margin:0;
    padding:0;
    background-image:none;
}
fieldset.calculator label span{
    font-size:1.6em;
}
fieldset.calculator strong.rate,
fieldset.calculator.ratenschutz strong.rate{
    display: block;
    position: relative;
    padding: 1em 1em 1em 2.4em;
    float:right;
    margin-right: 3em;
    border: 1px solid #FFF;
    min-height:3.1em;
    background: #FC0;
    white-space: nowrap;
}
fieldset.calculator.ratenschutz strong.rate {
    margin-right: 2em;
}
fieldset.calculator strong.rate img{
    display: block;
    position: absolute;
    left: -1.7em
}
fieldset.calculator strong.rate em{
    font-size:1.6em;
    font-style: normal;
    line-height: 1.1em
}
fieldset.calculator input.link,
fieldset.calculator.ratenschutz input.link {
  display: block;
    position: absolute;
    bottom: 1.5em;
    right: 0;
      border:none;
    font-size:1.3em;
    font-weight: bold;
    background:#006 url(/img/bg_calc_arrow.gif) no-repeat right center;
    color: #FFF;
    padding: .1em 2em .1em .6em;
    overflow: visible;
    text-decoration: none !important;
    cursor: pointer;
    white-space: nowrap;
}
/* Filialsuchenlayer */
div#layer{
    position: absolute;
    top:320px;
    left:240px;
    z-index: 2000;
    padding: 0 15px 14px 0;
    opacity:.95;
    background: url(/img/shadow_filialsuche.png) no-repeat bottom right;
    
}
div#layer.layerSec{
    background: url(/img/shadow_filialsuche02.png) no-repeat bottom right;
}
div#layer img.pic{
    border: none;
    margin-top: 1px
}
div#layer iframe{
    display:none
}