/* = PBRelaunchStylesheet
Version 02 27.07.2007
----------------------------------------------- */
/* = Grundgeruest
----------------------------------------------- */
.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{
    padding:0;
    width:46em !important ;
    _width:62.8em;
    padding:3px 18.7em 0 0;
}
/* = Footer
----------------------------------------------- */
div.content #footerWrap ul {
    margin:0 0 0 3.3em;
}
/* = Contentelements
----------------------------------------------- */
.content #contentInnerWrap .titleBox {
    margin:0 0 14px 0;
    padding:.5em 6.6em .2em 0;
    border-bottom:1px solid #5666A3;
}
div.content #contentInnerWrap .hasKvBox {
    margin:0 0 -1px 0;
}
.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%;
}
/* 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;

}
div.jsToggle .contactBox,
div.jsToggleFirst .contactBox{
    margin:0 0 20px 0;
}

div.tel{
    float:left;
    width:20em;
    padding:0 0 7px 0
}
.kvBox div.tel{
    padding:0;
}
div.tel strong{
    border-top:1px solid #CFD9E7;
    display:block;
    padding:2px 0 0 0;
}
div.tel02 strong{
     border-bottom:1px solid #CFD9E7;
     line-height:1.4em;
     margin:0 0 2px 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%;
}


.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 1.9em 0;
    float:left;
}
div.col2 p.pic img {
    min-width:232px ;
}
.content .col2 p.further {
    width:19.3em;
    min-width:232px ;
    bottom:.8em;
}

#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(/pbmedia/bt_arrow_info.gif) no-repeat bottom right;
    margin:0 -2px 0 0 
}
hr.info{
    background:none;
    border-bottom:2px solid #A5B3D0;
    height:6px;
    xoverflow:hidden;
    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(/pbmedia/bg_tabnav.gif) repeat-x bottom left;
}

#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,
ul.tabNav li span{
    float:left;
    display:block;
    margin:6px 3px 5px 3px;
    padding:1px 11px;
    color:#5666A3;
    background:#F3F6FB;
    border-top:1px solid #C0CDE0;
    text-decoration:none;
}

ul.tabNav li.aktiv a,
ul.tabNav li.aktiv span,
ul.tabNav li a.on{
    margin:0 3px;
    padding:7px 5px 6px 5px;
    color:#000066;
    background:#C0CDE0;
    position:relative;
    border-top:1px solid #5666A3;
    font-weight:bold;
}
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 1px 1px 1px;
    padding:1px 11px;
    color:#5666A3;
}
#wrap .kvBox ul.tabNav li a:hover{
    border-top:1px solid #5666A3;
    background:#FFF 
}
#wrap .kvBox ul.tabNav li.aktiv span{
    background:#FFFFFF;
}

/* 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;
}
div#wrap div.productBox .kvBox img{
    border-bottom:1px solid #5666A3;
}


/* = JS-Styles
----------------------------------------------- */
.jsHelp{
    position:relative;
}
#contentInnerWrap a.helpLink{
    position:absolute;
    top:-1px;
    right:-25px;
    z-index:53;
    width:50px;
}
div#wrap div#contentInnerWrap div.jsTitle{
    padding:0  
}
#contentInnerWrap div.jsTitle a.helpLink{
    top:-11px;
    right:-24px;
}
div#wrap #contentInnerWrap div.jsTitle p.jsHelpTxtShow{
    top:-1px;
}
#contentInnerWrap div.jsHelp{
    width:100%;
    padding:6px 0 6px 0;
}

.jsOverlay{
    width:240px;
    height:30px;
    display:block;
    cursor:default;
}

#wrap form p.help {
    margin:10px 0;
    color:#5666A3;
    font-size:.9em;
    width:44.2em;
    clear:both;
}
div#wrap .product p.help {
    width:45.2em;
}
p.jsHelpTxtHide {
    position:absolute;
    top:-50000px;
    left:-500000px;
}
div#wrap #contentInnerWrap p.jsHelpTxtShow {
    position:absolute;
    top:9px;
    right:-19.15em;
    width:18.3em;
    background:url(/pbmedia/bg_js_help_txt_show.png) repeat 0 0;
    padding:0;
    z-index:51;
    margin:0 ;

}

#contentInnerWrap div.jsTitle p.jsHelpTxtShow {
    top:9px;
    right:-20em;
}
#contentInnerWrap p.jsHelpTxtShow span{
    background:#FFF;
    display:block;
    padding:8px 5px 10px 10px;
    top:-10px;
    left:-10px;
    border:1px solid #AFBAD6;
    font-size:.9em;
    position:relative;
     min-height:30px
}
/* Hilfeelemente in Tabellen */
#contentInnerWrap td a.helpLink{
    top:-7px;
}
#contentInnerWrap td div.offSet a.helpLink{
    top:-7px;
    right:0
}
body div#wrap div#contentInnerWrap td div.jsHelp {
    float:none;
    width:auto;
    position:relative;
    padding:0 30px 0 0;
}
body div#wrap div#contentInnerWrap td .jsOverlay{
    left:auto;
    right:-1px;
    width:2.45em ;
    height:2.55em;
}
body div#wrap div#contentInnerWrap td p.jsHelpTxtShow{
    top:2px
}
body div#wrap div#contentInnerWrap td p.help{
    width:auto;
    margin:0;
    padding:0;
    border:none
}
/* Hilfeelemente in Zusammenfassungen */
div#wrap div#contentWrap dl.release dd div.jsHelp {
    width:auto;
    margin:-3px 0 0 0;
    padding:3px 25px 0 0;
    z-index:20000
}
div#wrap div#contentWrap dl.release dd a.helpLink{
    top:-5px;
    right:-24px;
}
div#wrap div#contentWrap dl.release dd p.jsHelpTxtShow{
    top:5px;
}
div#wrap div#contentWrap dl.release dd a.jsOverlay{
    z-index:1000;
}
/* = Buttons
----------------------------------------------- */

div.btn,
div.btn input,
div.btn a {
    width:auto;
    min-width:none;
    
}

div.btn input,
div#wrap div.btn a {
    background:none;
    font-weight: bold;
    text-decoration:none;
    font:bold 1em Arial, Helvetica, sans-serif;
    border:none;
    overflow:visible;
    font-weight:bold;
    color:#000066;
    text-align:left;
    padding:0 32px 0 0;
    _padding:0 35px 0 3px;
    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(/pbmedia/bt_arrowform.gif) no-repeat center right;
}
div.further,
div.setRight{
    float:right;
    margin:5px 0 10px 20px;
}
div.further{
    background:#FFF url(/pbmedia/bt_arrow_send.gif) no-repeat center right;
}

div.back{
    background-image:url(/pbmedia/bt_arrowform_back.gif);
}
div.cancel{
    background-image:url(/pbmedia/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(/pbmedia/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(/pbmedia/bt_arrow_consult.gif) no-repeat center right;
}
div.buttonBox div.btn input,
div#wrap div.buttonBox div.btn a{
    color: #FF000A;
    background:url(/pbmedia/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(/pbmedia/bt_consulter.gif) no-repeat center right;
}
div#wrap div.buttonBox div input.neutral,
div#wrap div.buttonBox div a.neutral{
    background:none;
}