/*******************************
 FileStructure of comdirect Produkseiten
********************************
allgemeine Klassen
Layout
  - Breadcrump
  - Seitenheader
  - Reiternavigation
  - Seiteninhalt
Subhomepage Produkte
Bereichseintiegsseiten 
  - Girokonto, Anlagenkonto, Kredit, Depot
  - Styles fuer die Bereichseinstiegsseite WP
Buttons grau im Content-Bereich und Formular
LinkBlock allgemein
LinkBlock Content
LinkBlock ToggleBlock
Infospalte (rechts)
Skyscraper
Footer
Clear
Icon-Link
Sitemap Layer
Formular gewinnspiel
Formularseite Infomaterial
Subhomepage Services
  - TeaserModul Subhomepage Services (Accordion)
Formatierung Body iFrame teaser
dynamische (fdm) Buttons
Services - Formulare mit Card-Reiter
Services - Infomaterial
Popup - allgemeine Definition
Popup - Geschaeftssstellensuche
Popup - Produktvergleich 2 - 4 spaltig 
bausteine
*********************************/

/*		allgemeine Klassen		*/
body {
	background-color: #fff;
	margin: 0px 0 0px 17px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	width: 768px;
}
.fontSize9 { 
    font-size: 9px; 
}
.fontSize11 { 
	font-size: 11px; 
}
.fontsize13 { 
	font-size: 13px; 
}
.fontSize14 { 
	font-size: 14px; 
}
.fontNormal {
	font-weight: normal;
}
sup { 
	font-size: 9px; 
} 
span.sup {
	position: relative;
	left: 0px;
	top: -2px;
	font-size: 80%;
}
.fcRed  { 
	color: #cc0000; 
}
.fcGreen {
    color: #339900;
}
* { 
	margin: 0; padding: 0; 
}
table { 
	border-collapse: collapse; 
	border-spacing: 0;
	font-size: 11px;
} 
fieldset, img { 
	border: 0; 
} 
ul, li { 
	list-style-type: none; 
} 
.clear { 
	clear: both; 
}
.floatLeft { 
	float: left; 
}
.floatRight { 
	float: right; 
}
form { 
	display: inline;
}
input, select, textarea {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.paddingTop3 { 
	padding-top: 3px; 
}
.paddingTop5 { 
	padding-top: 5px; 
}
.paddingTop10 { 
	padding-top: 10px; 
}
.paddingBottom5 { 
	padding-bottom: 5px; 
}
.paddingBottom8 { 
	padding-bottom: 8px; 
}
.paddingBottom10 { 
	padding-bottom: 10px; 
}
.paddingBottom12 { 
	padding-bottom: 12px; 
}
.paddingBottom15 { 
	padding-bottom: 15px; 
}
.marginTop3 { 
	margin-top: 3px; 
}
.marginTop30 { 
	margin-top: 30px; 
}
.marginBottom25 { 
	margin-bottom: 25px; 
}
.marginRight17 { 
	margin-right: 17px; 
}
.spacerHeight6 { 
	height: 6px; 
}
.spacerHeight10 { 
	height: 10px; 
}
.spacerHeight15 { 
	padding-bottom: 15px; 
}
.spacerHeight17 { 
	padding-bottom: 10px; 
}
.spacerHeight20 { 
	padding-bottom: 20px; 
}
.spacerHeight25 { 
	padding-bottom: 25px; 
}
a {
	color: #000;
	text-decoration: none;
	outline: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* Angabe fuer Firefox unter Linux*/ }
a:hover { 
	color: #FFCC00; 
}
b { 
	font-weight: bold; 
}
.width95 {
	width: 95px;
}
.width105 {
	width: 105px;
}
.width114 {
	width: 114px;
}
.width140 {
	width: 140px;
}
.width170 {
	width: 170px
}
.width400 {
	width: 400px;
}
.width440{ 
	width: 440px; 
}
.width500 { 
	width: 500px; 
}
.width646 { 
	width: 646px; 
}
.height18 { 
	height: 18px;
}
.height100  {
	height: 100px;
}
.alignRight { 
	text-align: right; 
}
.alignCenter { 
	text-align: center; 
}
.alignLeft { 
	text-align: left; 
}

.wid100{width: 100% !important; }
.posRel{position: relative;}

/* gehoert zum plugin jquery.3rdparty.flash */
.flash-replaced .alt {
	display: none;
}

/* #####################################
### Layout
###################################### */
#contentWrapper {
	width: 765px;
}
#contentWrapperPopup {
	width: 765px;
	margin-left:17px;
}
#headerArea {
	padding: 21px 0 0 14px;
}
#breadcrump {
	padding: 6px 0 0px 0;
	color: #535451;
	font-size: 10px;
}
#mainContentTop {
	width: 745px; 
	clear: both; 
	float: left; 
	margin-top: -1px;
}
#mainContentBlock {
	width: 745px; 
	padding: 0; 
	clear: left; 
	float: left; 
	margin-top: -5px;
}
#mainContentArea {
	float: left; 
	width: 715px;
	padding: 0 0 40px 15px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 700px;
}
#mainContentArea .contentCol {
	width: 483px;
	float: left;
	margin-top: 21px;
	line-height: 14px;
}
#mainContentArea .width440 { 
	width: 440px; 
}

#mainContentArea .noTopMarg {margin-top:0;}

#mainContentArea .contentColRight {
	float: right; 
	width: 165px; 
	margin-top: 24px;
}
#contentWrapper .contentColRight {
	float: right; 
	width: 165px; 
}

.mainContentBlockBorder {
	float: left; 
	width: 15px;
}
#skyscraper {
	position: absolute;
	top: 29px;
	left: 811px;
}
#skyscraperPopup {
	position: absolute;
	top:95px;
	left: 811px;
}
/* #####################################
### Breadcrump
###################################### */
#breadcrump a {
	color: #535451;
}

/* #####################################
### Seitenheader
###################################### */
#headerArea .visual {
	float: left;
	margin-right: 12px;
}
#headerArea .headline {
	float: left;
}

/* #####################################
### Reiternavigation
###################################### */
#tabBlock {
	float: left;
    width: 745px;
    background: #FFF url("/ccf/deprecated/s2/images/kartei/kartei_bg.gif") repeat-x bottom;
	line-height: normal;
	font-size: 100%;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;  
}
#tabBlock ul {
     margin: 0;
	 /* Abstand Navigation */
     padding: 0 15px 10px 15px;
     list-style: none;
}
/*last Tab ohne Schatten an der Rechten Kante */   
#tabBlock a.last {
	background: url(/ccf/deprecated/s2/images/kartei/kartei_right_off_last.gif) no-repeat right bottom;	  
}   	
#tabBlock #first {
	background-image: url(/ccf/deprecated/s2/images/kartei/kartei_left_off_first.gif);
    border-width: 0; 
}	
/* der Listenpunkt der links neben dem aktuellen current Button steht - Schatten rechts */	
#tabBlock a.off {
	background-image: url(/ccf/deprecated/s2/images/kartei/kartei_right_off_first.gif);
	background-repeat: no-repeat;
	background-position: right bottom;	 
}   
/* aktiver Tab */   
#tabBlock #current {
	background-image: url(/ccf/deprecated/s2/images/kartei/kartei_left_on.gif);
    border-width: 0;
}
#tabBlock #current a {
   	background-image: url(/ccf/deprecated/s2/images/kartei/kartei_right_on.gif);
	color: #000;
	padding-bottom: 5px;
}	 
/** Standard Tab: */ 
#tabBlock li {
	float: left;
  	background: url(/ccf/deprecated/s2/images/kartei/kartei_left_off.gif) no-repeat left bottom;
	margin: 0;
    padding: 0 0 0 7px;	
} 	  
#tabBlock a {
    float: left;
    display: block;
    background: url(/ccf/deprecated/s2/images/kartei/kartei_right_off.gif) no-repeat right bottom; 
	padding: 13px 23px 4px 16px;
    text-decoration: none;
    color: #000;	
}	  	  
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabBlock a {
	float: none;
}
/* End IE5-Mac hack */
#tabBlock a:hover {
	color: #000;
}

/* #####################################
### Seiteninhalt
###################################### */
#mainContentArea .contentCol h1 {
	font-size: 18px;
	margin: 0 0 12px 0;
	line-height: 18px;
}
#mainContentArea .contentCol h2 {
	font-size: 12px;
	margin: 0px 0 10px 0;
}
#mainContentArea .contentCol h2sup {
	font-size: 9px;
	vertical-align: middle;
	padding: 0 0 6px 2px;
}
#mainContentArea .contentCol h3 {
	clear: both;
	font-size: 11px;
}
#mainContentArea .contentCol a {
	text-decoration: underline;
}
#mainContentArea .contentCol p.text {
	padding-bottom: 24px;
	line-height: 14px;
}
#mainContentArea .contentCol p.fliesstext {
	padding-bottom: 24px;
	line-height: 16px;
	font-size: 12px;
}
/* kleinere Fliesstext auf den Detailseiten */
#mainContentArea .contentCol div.fliesstextSmall {
	padding-bottom: 24px;
	font-size: 11px;
}
#mainContentArea .contentCol img.contentStoerer {
	float: right;
	margin-left: 20px;
}
#mainContentArea .contentCol ul {
    border: none;	
	margin-bottom: 15px;
}
#mainContentArea .contentCol ul li {	
	padding: 0 0 11px 13px;
	background: url(/ccf/deprecated/s2/images/bullet_yellow_dot.gif) no-repeat left 5px;
	font-size: 12px;
	line-height: 16px;
}	

#productOverviewBlock ul.yellowDotList li {
	padding: 0 0 11px 13px;
	background: url(/ccf/deprecated/s2/images/bullet_yellow_dot.gif) no-repeat left 5px;
	font-size: 11px;
	line-height: 16px;	
}

#mainContentArea .contentCol ul.listePopUp li {	
	padding: 0 0 9px 13px;
	background: url(/ccf/deprecated/s2/images/bullet_yellow_dot.gif) no-repeat left 5px;
	font-size: 11px;
	line-height: 14px;
}	
#mainContentArea .contentCol ul li .contentVideo {
	display: block;
	margin-top: 10px;
}
#mainContentArea .contentCol table, .risikoTable table {
	margin: 15px 0;
	width: 100%;	
}
#mainContentArea .contentCol table caption, .risikoTable table caption {
	padding: 5px 7px;
	background-color: #ececf1;
	text-align: left;
	font-weight: bold;
}
#mainContentArea .contentCol table th, .risikoTable table th {
	padding: 5px 7px;
	text-align: left;
	font-weight: normal;	
	vertical-align: bottom;
}
.risikoTable table tr th {
	border-bottom: 1px solid #7a7a88;
}
#mainContentArea .contentCol table td, .risikoTable table td {
	border-bottom: 1px solid #dadadc;
	padding: 7px 7px 9px 7px;
}
#mainContentArea .contentCol table td.valignBottom, .risikoTable table td.valignBottom {
	vertical-align: bottom;
}
#mainContentArea .contentCol table td.alignCenter, .risikoTable table td.alignCenter {
	text-align: center;
}
#mainContentArea .contentCol table .borderline, .risikoTable table .borderline {
	border-bottom: 1px solid #7a7a88;
}
#mainContentArea .contentCol .footnote, .risikoTable .footnote {
	clear: both;
	padding-top: 40px;
	color: #535451;
}
#mainContentArea .contentCol .footnote p {
	margin-bottom: 18px;	
}
#mainContentArea .contentCol .footnote a {
	color: #535451;
}
#mainContentArea .contentCol .detailList {
	margin: 0 0 0 15px;
}

#mainContentArea .contentCol .noMargin{
	margin: 0 0 0 0;
}
#mainContentArea .contentCol .detailList h3 {
	padding: 0 0 7px 10px;
	background: url(/ccf/deprecated/s2/images/bullet_yellow_dot.gif) no-repeat left 3px;
}
#mainContentArea .contentCol .detailList .detailPoint {
	padding-bottom: 28px;
	float: left;
}
#mainContentArea .contentCol .detailList img.ieOutside {
	display: none;
}
*+html #mainContentArea .contentCol .detailList img.ieOutside {/*IE7*/
	display: block;
}
#mainContentArea .contentCol .detailList img.ieInside {
	display: block;
}
*+html #mainContentArea .contentCol .detailList img.ieInside {/*IE7*/
	display: none;
}
#mainContentArea .contentCol .detailList .detailImageSmall {
	float: left;
	display: inline;
	margin: 0 15px 3px 0;	
}
#mainContentArea .contentCol .detailList .detailImageBig {
	margin-bottom: 10px;
	display: block;
}
#mainContentArea .contentCol .detailList .detailModul {
	margin: 20px 0 0 0;
	border-bottom: 1px solid #dadadc;
	padding-bottom: 10px;
}
#mainContentArea .contentCol .detailList .detailModul h3 {
	background: none;
	margin-bottom: 9px;
	border-bottom: 1px solid #dadadc;
	padding: 0 0 3px 0;
}
#mainContentArea .contentCol .detailList .detailPoint .txtList {
	display: table;
}
*+html #mainContentArea .contentCol .detailList .detailPoint .txtList {/*IE7*/
	float: left;
}
* html #mainContentArea .contentCol .detailList .detailPoint .txtList {
  float: left;
}
#mainContentArea .contentCol .detailList .detailPoint ul, #mainContentArea .contentCol div.fliesstextSmall ul {
	margin: 8px 0 3px 25px;
}
#mainContentArea .contentCol .detailList .detailPoint ul li, #mainContentArea .contentCol div.fliesstextSmall ul li {
	background: url(/ccf/deprecated/s2/images/bullet_grey_dot.gif) no-repeat 0 5px;
	font-size: 11px;
	line-height: 14px;
	padding: 0 0 5px 10px;
}
#mainContentArea .contentCol .detailList .detailPoint ul.yellowPoint, #mainContentArea .contentCol div.fliesstextSmall ul.yellowPoint {
	margin: 8px 0 3px 0;
}
#mainContentArea .contentCol .detailList .detailPoint ul.yellowPoint li, #mainContentArea .contentCol div.fliesstextSmall ul.yellowPoint li, #productOverviewBlock #toggleOverviewBlock .toggleBox .productInfo ul li {
	background: url(/ccf/deprecated/s2/images/bullet_yellow_dot.gif) no-repeat 0 5px;
	font-size: 11px;
	line-height: 14px;
	padding: 0 0 5px 10px;
}
#mainContentArea .contentCol .detailList .detailPoint ul.img {
	margin: 8px 0 3px 0;
}
#mainContentArea .contentCol .detailList .detailPoint ul.img li {
	background: url(/ccf/deprecated/s2/images/bullet_grey_dot.gif) no-repeat 0 5px;
	font-size: 11px;
	line-height: 14px;
	padding: 0 0 5px 10px;
}
#mainContentArea .contentCol .detailList .detailModul.detailModulTable {		
	border-bottom: none;
	padding-bottom: 0;
}
#mainContentArea .contentCol .detailList .detailModul table.detailModulTable, #mainContentArea .contentCol .detailModul table.detailModulTable {
	margin-bottom: 0;
}
#mainContentArea .contentCol .detailList .detailModulFooter, #mainContentArea .contentCol .detailModulFooter {
	width: 90%;
	margin-top: 10px;
	font-size: 9px;
}

table.detailModulTable p.threeColsImgCenter {
	width: 100%;
	text-align: center;
}

.hintSmall {
	font-size: 10px;
	padding-bottom: 28px;
}

.fcGrey66 { color:#666;}

/* #####################################
### Subhomepage Produkte
###################################### */
#subHpHead {
	height: 165px;
	padding: 21px 0 13px 0;
}
#introArea {
	float: left; 
	padding-bottom: 11px;
}
#subHpthreeColBlock {
	float: left;
	width: 580px;
	min-height: 300px;
	height: auto;
	background-image: url(/ccf/deprecated/s2/images/bg_subhp_three_col_block.gif);
	background-position: top left;
	background-repeat: no-repeat;
}	
/* nur fuer IE 5.5 - 6.x */
*html #subHpthreeColBlock { height: 300px; }
/* nur vom IE 5.0 */
html + body #subHpthreeColBlock { height: 300px; } 
#subHpthreeColBlock .firstCol, #subHpthreeColBlock .secondCol, #subHpthreeColBlock .thirdCol {
	width: 174px;
 	float: left;
	margin-right: 14px;
	padding: 0 0px 0 17px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 157px;
}
#subHpthreeColBlock .firstCol h3, #subHpthreeColBlock .secondCol h3, #subHpthreeColBlock .thirdCol h3 {
 	margin: 0;
	padding: 9px 0 4px 0;
}	 
#subHpthreeColBlock .firstCol a, #subHpthreeColBlock .secondCol a, #subHpthreeColBlock .thirdCol a {
 	display: block;
	margin: 0;
	padding: 0 0 6px 0;
}
#tsArea .firstCol, #tsArea .secondCol, #tsArea .thirdCol {
	width: 174px;
 	float: left;
	text-align: center;
 	padding: 0;
}	
#tsArea .tsDelta {
	min-height: 230px;
	height: auto;		
	background-image: url(/ccf/deprecated/s2/images/ts_delta_border.gif);
	background-position: top;
	background-repeat: no-repeat;
	text-align: left; 
	padding: 8px 0 3px 17px;
}	
#tsArea .tsDelta p {
	font-weight: normal;
	color: #666666;
	padding-bottom: 2px;
}	
/* nur fuer IE 5.5 - 6.x */
*html #tsArea .tsDelta { height: 230px; } 
/* nur vom IE 5.0 */
html + body #tsArea .tsDelta { height: 230px; } 

/* #####################################
### Bereichseintiegsseiten 
###################################### */
/* Girokonto, Anlagenkonto, Kredit, Depot... */
#productOverviewBlock {
	width: 580px;
	float: left;
	min-height: 500px;
}
#productOverviewHead {
	margin: 30px 0 32px 0;
}
#productOverviewBlock .productInfo {
	width: 550px;
	background: url(/ccf/deprecated/s2/images/border_top_productblock.gif) no-repeat top left;
	margin: 0 0 15px 0;
	padding: 15px 0 0 0px;
	float: left;
}
#productOverviewBlock .productInfoHeadline {
	margin-left: 15px;
	float: left;
	display: inline;
}
#productOverviewBlock .productInfoImage {
	margin-left: 15px;
	float: left;
	display: inline; 
}
#productOverviewBlock .productInfoText {
	float: left;
	margin: 0 15px;
	display: inline; 
}
#productOverviewBlock .productInfoText h3 {
	font-size: 11px;
	padding-bottom: 5px;
}
#productOverviewBlock .productInfoText a {
	padding: 4px 0 0px 14px;
	background: url(/ccf/deprecated/s2/images/bg_link.gif) no-repeat 0 4px;
}
#productOverviewBlock .productInfoText ul {
	margin-bottom: 4px;
}
#productOverviewBlock .productInfoText ul li {
	background: url(/ccf/deprecated/s2/images/bullet_grey_quadrat.gif) no-repeat 0 6px;
	padding: 0 0 0 8px;
	line-height: 14px;
}
/*	Styles fuer die Bereichseinstiegsseite WP		*/
#productOverviewBlock .productWPTsArea {
	width: 550px;
	background: url(/ccf/deprecated/s2/images/border_top_productblock.gif) no-repeat top left;
	margin: 0 0 0 0;
	padding: 0px 15px 20px 31px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 504px;
}
#productOverviewBlock .productWPTsHeadline {
	padding: 35px 0 19px 0; 
	float: left;
}
#productOverviewBlock .productWPTstsDelta {
	float: right; 
	padding-top: 8px;
}
#productOverviewBlock .productWPTstsDelta p {
	padding-bottom: 2px;
	font-weight: normal; 
	color: #666666; 
}
*html #productOverviewBlock .productWPTsArea { height: 125px; } 
/* nur vom IE 5.0 */
html + body #productOverviewBlock .productWPTsArea { height: 125px; } 
 
/* #####################################
### Buttons grau im Content-Bereich und Formular
###################################### */
#mainContentArea .contentCol .buttonBlock {
	float: left;
	margin: 0 20px 0 0;
}
#mainContentArea .buttons {
	float: left;
	margin-right: 33px;
}
#mainContentArea .buttons p {
	margin-top: 10px;
	font-size: 11px;
	line-height: 14px;
}


#mainContentArea a.button span, .cardContent a.button span, #geldautomatensuche .formBox a.button span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(/ccf/deprecated/s2/images/bt_bg_grau.gif) no-repeat scroll 0 0;
color:#000000;
display:block;
font-family:Verdana,Arial,sans-serif;
font-size:11px;
font-weight:bold;
padding:4px 20px 6px;
}

#mainContentArea a.button, .cardContent a.button, #geldautomatensuche .formBox a.button {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(/ccf/deprecated/s2/images/bt_bg_grau.gif) no-repeat scroll 100% 0;
display:block;
padding:0 5px 0 0;
text-align:left;
text-decoration:none;
white-space:nowrap;
}

#mainContentArea a.button.yellow{
  background: #fff url(/pbl/static/produkte/images/bt_bg_gelb.gif) 100% 0 no-repeat;
}

.tableButton a.button, #mainContentArea .tableButton a.button {
 background: transparent url('http://www.comdirect.de/pbl/static/produkte/images/tableButtonRight.gif') no-repeat scroll 100% 0;
 display:block;
 padding:0 5px 0 0;
 text-align:left;
 text-decoration:none;
 white-space:nowrap;
line-height:13px;
}

.tableButton a.button span, #mainContentArea .tableButton a.button span{
color:#000000;
display:block;
font-family:Verdana,Arial,sans-serif;
font-size:11px;
font-weight:normal;
padding: 4px 0 6px 15px;
background: transparent url('http://www.comdirect.de/pbl/static/produkte/images/tableButtonBg.gif') no-repeat scroll 0 0;
} 


#mainContentArea a.button span.yellow{
  background: #fff url(/pbl/static/produkte/images/bt_bg_gelb.gif) 0% 0 no-repeat;
}

#mainContentArea a.button.buttonXSmall {
    width: 114px;
}
#mainContentArea a.button.buttonSmall {
    width: 160px;
}
#mainContentArea a.button.buttonMarginSpace {
    margin-bottom: 8px;	
}
#mainContentArea .contentCol div.fliesstextSmall .imageText {
	padding-top: 7px;
}
#mainContentArea .contentCol div.fliesstextSmall .imageText img {
	float: left
}
#mainContentArea .contentCol div.fliesstextSmall .imageText div.textList {
	display: block;
	float: left;
	width: 300px;
	margin-top: -10px;
}
#mainContentArea .contentCol div.fliesstextSmall .imageText div.text {
	padding: 10px 0 0 25px;
	margin: 0;
}
/* #####################################
### LinkBlock allgemein
###################################### */	 
.linkBlock {	 	
 	float: left; 
}	
.linkBlock a {
	display: block;
	margin: 0;
	border-bottom: 1px solid #DADADC;	
	padding: 3px 0 4px 14px;
	background: url(/ccf/deprecated/s2/images/bg_link.gif) no-repeat 0 3px;
}
.linkBlock a .iconNew {
	margin-left: 4px;
}
.linkBlock div {
	display: block;
	margin: 0;
	padding: 3px 0 4px 0;
	position:relative;
}

/* #####################################
### LinkBlock Content
###################################### */	 
#productOverviewBlock .productWPTsArea .linkBlock a {
	width: 140px; 
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 125px;
}
#productOverviewBlock .productWPTsArea .linkBlockRight {
	margin-left: 30px;
}

/* #####################################
### LinkBlock ToggleBlock
###################################### */	
#mainContentArea .contentCol .toggleBoxLink a {
	display: block;
    text-decoration: none;
	margin: 10px 0 0 10px;
	padding: 3px 0 4px 14px;
	background: url(/ccf/deprecated/s2/images/bg_link.gif) no-repeat 0 3px;
}
/* #####################################
### Infospalte (rechts)
###################################### */	 
.contentColRight h3 {
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 11px;
	font-weight: bold;
}
.contentColRight h3 .iconH3 {
	float: left;
	margin-right: 5px;
}
.contentColRight .buttonBlock {	 	
 	float: left; 
	margin: 0 0 22px 0;	
}	
.contentColRight .linkBlock {	
	margin: 0 0 32px 0;	
}	
.contentColRight .linkBlock a {
	width: 165px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 150px;
}
.contentColRight .linkBlock .map {
	margin-top: 12px;
}
.contentColRight .formBlock {
	float: left;
	display: block;
	margin: 0 0 32px 0;
	width: 165px;
}
.contentColRight .formBlock form {
	display: block;
	padding-bottom: 4px;
	border-bottom: 1px solid #dadadc;
}
.contentColRight .formBlock input.text {
	width: 138px;
	margin-right: 5px;
	padding: 1px 0 0 1px;
	font-size: 10px;
	vertical-align: bottom;
}
.contentColRight .formBlock input.send {
	padding-top: 4px;
}
.contentColRight .textBlock {	
	margin: 0 0 32px 0;	
}	
.contentColRight .textBlock a {
	display: block;
	margin: 0;
	padding: 3px 0 4px 14px;
	border-bottom: 1px solid #DADADC;
	background: url(/ccf/deprecated/s2/images/bg_link.gif) no-repeat 0 3px;
	width: 165px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 150px;
}
.contentColRight .textBlock p {
	padding-bottom: 5px;
}
.contentColRight .formBlock form.borderBottomNone {
	border-bottom: none;
}
/* #####################################
### Skyscraper
###################################### */
.kontaktModul {
	padding: 0 7px 7px 0; 
	width: 150px;
}

/* #####################################
### Footer
###################################### */	
.footer {
    font-size: 10px;
    margin: 0;
    padding: 25px 0 20px 0;
    color: #999999;
    clear: both;
}
.footer a {
    margin: 0 1px 0 1px;
    color: #999999;
}

/* #####################################
### Clear
###################################### */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* ###################################
### Icon-Link
##################################### */
.icon {
	margin: 0 0 0 8px;
	vertical-align: top;
}
.iconLeft {
	margin: 0 8px 0 0;
	vertical-align: top;
}

/* #####################################
### Sitemap Layer
###################################### */
#PopupDiv{
	position:absolute; 
	left:118px; 
	top:56px; 
	display:none; 
	color:#000000; 
	z-index: 12;
}
#btnBackLayer {
	visibility: visible; 
	position: absolute;  
	left: 699px;  
	top: 29px;
}
#btnLayer {
	visibility: visible; 
	position: absolute;  
	left: 531px;  
	top: 29px;
}
#shadow {
	background-image: url(/ccf/deprecated/s2/images/shadow8.png);
	behavior: url(/ccf/deprecated/s2/js/iepngfix.htc); 
	width: 617px;	
}
#sitemap {
	width: 617px; 
	margin-left: -5px;
	position: relative;
}
.sitemapContent {
	float: left;
	width: 617px;
	padding-bottom: 6px;
	padding-left: 5px; 
	background: url(/ccf/deprecated/s2/images/sitemap_border.gif) repeat-y top; 
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 612px;
}
.sitemapColumn {
	float: left;
	display: inline;
	width: 188px;
	margin: 4px 7px 0 7px;	
	padding: 0 9px;
	background: url(/ccf/deprecated/s2/images/sitemap_column_bg.gif) no-repeat top left;
	min-height: 300px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 170px;
}
.sitemapContent h2 {	
	padding: 0px;
	margin: 7px 0 14px 0;
}
.sitemapContent h3 {	
	display: block;
	clear: both;
	padding: 0px 0 4px 14px;
	margin: 0px;
	border-bottom: 1px solid #DADADC;	
	font-size: 11px;
	font-weight: bold;
	background: url(/ccf/deprecated/s2/images/bg_link.gif) no-repeat 0 0px;
}
.sitemapContent h3 div {	
	margin-top: -22px;
}
.sitemapContent .linkBlock {
	margin: 0 0 33px 0;
	padding: 0;
}
.sitemapContent .linkBlock a {
	display: block;
	margin: 0;
	border-bottom: none;	
	padding: 3px 0 4px 14px;
	background: url(/ccf/deprecated/s2/images/bg_link.gif) no-repeat 0 3px;
}
.sitemapContent .linkBlock a span {
	display: none;
}
img#sitemap_btn_inactiv, img#sitemap_btn_activ, img#sitemapBottom{ 
	behavior: url(/ccf/deprecated/s2/js/iepngfix.htc); 
}
/* sitemap variante services */
.sitemapServices .sitemapColumn {
	padding: 14px 9px 0 9px;	
}
.sitemapServices .sitemapContent h3 {
	width: 156px; /*ie6 fix*/
}
.sitemapServices .sitemapContent .linkBlock {
	float: none;
}
/* #####################################
### Formular gewinnspiel
###################################### */
.formBlock {
	float: left;
	display: inline;/*IE*/
	margin: 0 0 0px 0;
	width: 485px;
}
.formBlock h4 {
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 0 0 3px 0;
	border-bottom: solid 1px #ccc;
}
.formBox {
	margin: 0 0 15px 0;
}
.buttonFormBox {
	margin: 19px 0 10px 0;
	border-top: 1px solid #7A7A88;	
	padding-top: 10px;
}
.formRadio {
	margin: 0 0 7px 0;
}
.formCheckBox {
	margin: 0 0 7px 0;
}
.formRadio .formField input {
	width: 15px;
	margin: 3px 5px 3px 0;	
	padding: 0;
	height: 14px; 
	overflow: hidden;
	border: none;
	vertical-align: middle;
}
.formCheckBox input {
	float: left;
	width: 14px;
	height: 14px;
	margin: 3px 5px 3px 0;
	padding: 0;
}
.label {
	float: left;
	width: 137px;
	min-height: 14px;
	_height: 14px;
	overflow: visible;
	margin-right: 10px;
	padding: 2px 0 2px 0;
}
.mandatory {
	font-weight: bold;
}
.formField {
	float: left;
	width: 227px;
	line-height: 23px;
}
.formField input {
	/*width: 219px;*/
	border: solid 1px #A2AAB0;
	padding: 2px 3px;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
/* alle Browser */
.formField .full {
	width: 225px;
	voice-family: "\"}\"";
	voice-family: inherit;
        width: 219px;
}
html>body .formField .full {
    width: 219px;
}
.formField .sLeft {
	float: left;
	width: 148px;
	margin-right: 11px;
}
.formField .xsLeft {
	float: left;
	width: 54px;
	margin-right: 11px;
}
.formField .sRight {
	float: left;
	width: 146px;
}
.formField .xsRight {
	float: left;
	width: 52px;
}
.formField select {
	width: 227px;
	line-height: 13px;
}
 
/*	#xsLeft#	*/
.formField .xsLeft {
	float: left;
	width: 60px;
	margin-right: 11px;
	font-weight: normal;
	voice-family: "\"}\"";
	voice-family: inherit;
        width: 54px;
}
html>body .formField .xsLeft {
    width: 54px;
}

/*	#sRight#	*/
.formField .sRight {
	float: left;
	width: 154px;
	voice-family: "\"}\"";
    width: 146px;
}
html>body .formField .sRight {
    width: 146px;
}
 
/*	#xsRight# 	*/
.formField .xsRight {
	float: left;
	width: 58px;
	voice-family: "\"}\"";
	voice-family: inherit;
    width: 52px;
}
html>body .formField .xsRight {
    width: 52px;
}

.formField select {
	width: 227px;
	line-height: 13px;
}
.formField textarea {
	width: 225px;
	height: 70px;
	line-height: 13px;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	border: 1px solid #A2AAB0;
}
.formCheckBox .label {
	width: auto;
}
.formCheckBox .label sup {
	font-size: 8px;
}

/* #####################################
### Formularseite Infomaterial
###################################### */
#infoBlock {
	margin-bottom: 33px;
	float: left;
}
#infoBlock .formBlock { 
	float: left;
	display: inline;/*IE*/
	margin: 0 0 0 0;
	width: 485px;
}
.cardContent .formBlock {
	float: left;
	display: inline;/*IE*/
	margin: 0 0 0 0;
	width: 445px;
}
#infoBlock .formBlock h3 {
	font-size: 11px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ccc; 
	padding: 3px 0 3px 0;
}
#infoBlock .formBox {
	margin: 0 0 0 0px;
}
#infoBlock .formRadio {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
}
#infoBlock .formRadio input {
	width: 15px;		
	margin: 0 10px 0 0;	
	padding: 0 0 0 0;
	height: 14px; 
	overflow: hidden;
	border: none;
	vertical-align: middle;
}
#infoBlock .label {
	float: left;	
	width: 350px;
	min-height: 14px;
	_height: 14px;
	overflow: visible;
	margin-right: 10px;
	padding: 0 0 2px 0;
}
.hintInfo {
	font-size: 10px;
	padding-bottom: 18px;
}

/* #####################################
### Subhomepage Services
###################################### */
#subindexArea {
	background: url(/ccf/deprecated/s2/images/bg_subindex_bordertop.gif) no-repeat top left;
	width: 575px;
	float: left;	
	margin-bottom: 10px;		
}
#subindexArea .borderBottom {
	height: 10px;
	width: 575px;
	background: url(/ccf/deprecated/s2/images/bg_subindex_borderbottom.gif) no-repeat bottom left;
	float: left;
}
#subindexArea .subindexBlock {
	padding: 30px 10px 0 30px;
	float: left;
}
#subindexArea .subindexBlock img {
	padding-bottom: 5px;
}
#subindexArea .subindexContent {
	float: left; 
	width: 355px;
	padding: 0;
	margin: 0;
}
#subindexArea .subindexBlock p {
	line-height: 18px;
	padding-bottom: 18px;
}
#subindexArea img.contentStoerer {
	float: right;
	padding: 10px 30px 0 0;
}
#subindexArea .linkBlock {	 	
 	float: left; 
}
#subindexArea .linkBlock a {
	display: block;
	margin: 0;
	border: none;
	padding: 3px 0 4px 14px;
	background: url(/ccf/deprecated/s2/images/bg_link.gif) no-repeat 0 3px;
}		
.subindexContent {
	float: left; 
	width: 355px;
}		
#searchForm {
	background: url(/ccf/deprecated/s2/images/bg_searchform.gif) no-repeat top left;
	width: 575px;
	height: 38px;
	float: left;	
	margin: 0px 0 30px 0;			
}
#searchForm p {
	padding: 8px 10px 0 10px;
	line-height: 18px;
}
#searchForm input.search {
	font-size: 11px;
	width: 177px;
	padding: 0 3px;
	vertical-align: middle;		
}		
#searchForm .searchButton {
	vertical-align: bottom;		
	padding: 0 0 1px 5px;	
}
/* #####################################
### TeaserModul Subhomepage Services (Accordion)
###################################### */
#infoArea .serviceBlock {
	width: 180px;
	margin: 0;
	padding: 0;
}	
dl#accordion dt a.link {
	display: block;
	margin: 0;
	padding: 3px 0 4px 14px;
	background: url(/ccf/deprecated/s2/images/bg_link.gif) no-repeat 0 3px;
}		
dl#accordion {
	width: 181px;
}
dl#accordion .container, #accordion .container dd {
	margin: 0pt;
	overflow: hidden;
	padding: 0pt;	
}
#accordion .container dd {
	display: block;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
}
#accordion .container dt {
	margin: 0px;
	padding-left: 10px;
}
#accordion .container dt a.service_teaser_headline {
	text-decoration: none;
	background: none;
	display: block;
	margin: 0;
}
#accordion .container dt.focus, #accordion .container dt.focus a, #accordion .container dd a, #accordion .container dd a:hover {
	margin: 0;
}
#accordion .container ul {
	list-style-image: none;
	list-style-type: none;
}	
#accordion .container ul li {
	display: block;
	margin: 0;
	padding: 0;
}	
#accordion div.container {
	background-image: url(/ccf/deprecated/s2/images/service_teaser_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 5px;
	float: left; 
	width: 181px;
}	
#accordion .container .formBlock {
	float: left;
	display: inline;/*IE*/
	width: 180px;
	padding-top: 10px;
}	
#accordion .container .formBlock .formField {
	float: left;
	width: 140px;
	line-height: 23px;
}	
#accordion .container formBlock .formButton {
	float: left;
}	
#accordion .container .formBlock .formField input {
	width: 129px;
	border: solid 1px #A2AAB0;
	padding: 2px 3px;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

/* #####################################
### Formatierung Body iFrame teaser
###################################### */
body.teaser {
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}

/* #####################################
### dynamische (fdm) Buttons
###################################### */
.buttonBox {
	position: static;
	padding-bottom: 10px;
}
.buttonBox div.button1 {
	position: relative;
	overflow: visible;
	z-index: 10;
}
.buttonBox div.button2 {
	position: relative;
	overflow: visible;
	z-index: 9;
}
.buttonBox div.button3 {
	position: relative;
	overflow: visible;
	z-index: 10;
}
.buttonBox div.button4 {
	position: relative;
	overflow: visible;
	z-index: 9;
}
.buttonBox div.button5 {
	position: relative;
	overflow: visible;
	z-index: 10;
}
.buttonBox div.button6 {
	position: relative;
	overflow: visible;
	z-index: 9;
}
.offButton {
    display: block;
    text-decoration: none;
}
.onButton {
	position: absolute;
	top: 0;
	width: auto;
	background: #EDECF2 url(/ccf/deprecated/s2/images/bg_layer_button.gif) repeat-x 0 1px;
    margin: -1px 0 0 0px;
    padding: 1px 0 0 0;
    display: none;	
}
.onButton .onButtonHlLink {
	border-left: solid 1px #A6A7B0;
	border-right: solid 1px #A6A7B0;
	border-bottom: solid 1px #A6A7B0;
}
.edgeLayerUl {
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.edgeLayerUr {
	position: absolute;
	bottom: 0px;
	right: -1px;
}
html>body .edgeLayerUr {
	right: 0px;
}
.contentCol .onButton {	
	left: 0;	
}
.contentColRight .onButton {	
	right: 0;
}
#mainContentArea .contentCol .onButton a.lnk, #mainContentArea .contentColRight .onButton a.lnk, #popupColumnBlock .popupRowBlockLast .onButton a.lnk {
    background-image: url(/ccf/deprecated/s2/images/bg_link.gif);
    background-repeat: no-repeat;
    background-position: center left;
    margin: 0 10px 0 7px;
    padding: 0 0 0 12px;
    color: #000;
	text-decoration: none;
    line-height: 30px;
    display: block;
	font-weight: bold;
}
.onButtonHl {
    margin: 0;
    font-weight: bold;
    color: #1b1b1b;
	padding: 4px 12px 0px 18px;
    height: 20px; 
	display: block;
    text-align: left;
}
html>body .onButtonHl {	
	padding: 4px 12px 0px 20px;
}
.divhr {
	height: 2px;
	margin: 0 7px;
	padding: 0;
	background: #fff url(/ccf/deprecated/s2/images/bg_lnk_line.gif) repeat-x;
	font-size: 1px;
}

/* #####################################
### Services - Formulare mit Card-Reiter
###################################### */
#popup .baufiContentPopup {
    margin: 0;
    padding: 0 0 0 12px;
    text-align: left;
}

.contentColumn {
	float: left;
    margin: 0;
    padding: 20px 0 0 0;
    width: 502px;
}
.contentColumnPopup {
	float: left;
    margin: 0;
    padding: 20px 0 0 0;
    width: 450px;
}
.contentColumn h1, .contentColumnPopup h1 {
    font-size: 17px;
    margin: 0;
    padding: 0 0 10px 0;
}
.contentColumn p, .contentColumnPopup p {
	padding: 0 0 15px 0;
}
.rightColumn {
    float: left;
    margin: 0 0 0 30px;
    width: 200px;
}
.cardReiter a, .cardReiter a:hover {
    font-size: 10px;
    background-color: #d7d7e0;
    margin: 2px 0 0 0;
    padding: 3px 11px;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    float: left;
    text-decoration: none;
    font-weight: bold;
}
.cardReiterOn {
    font-size: 10px;
    background-color: #ffcc00;
    margin: 0;
    padding: 5px 11px 3px 11px;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    float: left;
    font-weight: bold;
}
.cardReiterOff {
    font-size: 10px;
    background-color: #d7d7e0;
    margin: 2px 0 0 0;
    padding: 3px 11px;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    float: left;
    text-decoration: none;
    color: #999999;
    font-weight: bold;
}
.outerCard {
    width: 503px;
    background-color: #d7d7e0;
    float: left;
    margin: 0;
    padding: 0;
    border-top: 10px solid #d7d7e0;
    border-right: 11px solid #d7d7e0;
    border-left: 13px solid #d7d7e0;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 479px;	
}
.outerCardPopup {
    width: 430px;	
    background-color: #d7d7e0;
    float: left;
    margin: 0;
    padding: 0;
    border-top: 10px solid #d7d7e0;
    border-right: 11px solid #d7d7e0;
    border-left: 13px solid #d7d7e0;
	voice-family: "\"}\"";
	voice-family: inherit;	
}
.topCard {
    height: 10px;
    background-color: #ffffff;
    margin: 0 2px 0 0;
    padding: 0;
}
.innerCard {
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    border-right: 2px solid #7a7a88;
}
.cardContentCMS {
    margin: 0;
    padding: 8px 20px 7px 10px;
    clear: both;
    display: block;
}
.cardContentCMS .formIntroText {
	margin-bottom: 22px;
}
.bottomCard {
    background-color: #d7d7e0;
    padding: 0;
    margin: 0;
    clear: both;
}
.bottomCard div {
    background-color: #7a7a88;
    margin: 0 0 0 15px;
    padding: 0;
    height: 2px;
    clear: both;
}
.bottomCardBorder {
    background-color: #d7d7e0;
    margin: 0;
    padding: 0 0 20px 0;
    clear: both;
}
.infoboxHeader, .infoboxHeader a, .infoboxHeader a:hover {
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    padding: 1px 7px 2px 15px;
    margin: 0 0 1px 0;
    background-color: #d7d7e0;
    text-decoration: none;
}
.infoboxContent {
    padding: 12px 7px 19px 14px;
    margin: 0 0 1px 0;
    border-left: 1px solid #828182;
    font-size: 10px;
}
.infoboxContent p {
    padding: 0;
    margin: 0 0 5px 0;
}
.infoboxContent a {
	text-decoration: underline;
}
.formularPointBlock {
	margin: 0 0 17px 24px;
}
.formularPointBlock table.infoTable {
	margin-bottom: 16px;
	font-size: 11px;
	padding: 0;
}
#mainContentArea .formularPointBlock table.infoTable {
	margin-bottom: 16px;
}
.formularPointBlock table.infoTable td.bottom {
	vertical-align: bottom;
}
.formularPointBlock table.infoTable .secondColumn {
	text-align: right;	
}
.formularPointBlock table.infoTable .thirdColumn {
	padding: 0 46px 0 13px;
	text-align: right; 
}
.formularPointBlock table.infoTable .lastColumn { 
	padding: 0 0px 0 13px;
	text-align: right; 
}
.formularPointBlock table.infoTable a {
	margin: 0;
	padding: 3px 0 0 14px;
	background: url(/ccf/deprecated/s2/images/bg_link.gif) no-repeat 0 3px;
	vertical-align: bottom;
}
#mainContentArea .formularPointBlock table.infoTable a {
	text-decoration: none;	
}
#mainContentArea .formularPointBlock table.infoTable td {
	padding: 5px 0 0 0;
	border-bottom: none;
}
.formularPoint a.down {
	display: block;
	padding: 5px 0 5px 24px;
	background: url(/ccf/deprecated/s2/images/icons/formular_icon_down.gif) no-repeat 0 3px;
}
.formularPoint a.up {
	display: block;
	padding: 5px 0 15px 24px;
	background: url(/ccf/deprecated/s2/images/icons/formular_icon_up.gif) no-repeat 0 3px;
}
.textblockHeader {	
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #dadadc;
    clear: both;
}
.textblockSubHeader {
	font-weight: bold;
	padding-bottom: 5px;
}
.textblock {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.textblock a {
	display: block;	
	margin: 0;
	padding: 3px 0 4px 14px;
	background: url(/ccf/deprecated/s2/images/bg_link.gif) no-repeat 0 3px;
}

/* #####################################
### Services - Infomaterial
###################################### */
#bgLightgrey, .bgLightgrey {
    background-color: #dadadc;
}
.cardContent {
    margin: 0;
    padding: 0 0 0 10px;
    clear: both;
    display: block;
}
.cardContent p {
    margin: 0;
    padding: 7px 0 3px 0;
}
.cardContentFormCenter {
	padding: 8px 20px 7px 10px;
}
.cardContent .formIntroText {
	margin-bottom: 22px;
}
.formBorder input, .formBorder textarea {
    border: 1px solid #a5acb2;
    padding: 2px 3px 3px 3px;
}
a.fLinkList {
    font-size: 11px;
    text-decoration: none;
}
.formField input.radioWhite {
    background-color: #ffffff;
}
.formField p.half {
	float: left;
	padding: 0;
	margin: 0;
	width: 35%;
}

/* #####################################
### Popup - allgemeine Definition
###################################### */
body#popup, #popup {
	margin: 3px;
	width: auto;
}
body#popup #popupHeaderSmall, #popup #popupHeaderSmall {
	height: 67px;
	padding-right: 0px;
	border-bottom: 1px solid #C1C6D5;
	background: #EDEDF2 url(/ccf/deprecated/s2/images/logo_popup.gif) no-repeat top right;
}
#popup #popupHeaderSmallLogoFixed {
	height: 67px;
	padding-right: 0px;
	border-bottom: 1px solid #C1C6D5;
	background: #EDEDF2;
}

body#popup #popupHeader, #popup #popupHeader {
	height: 67px;
	padding-right: 0px;
	border-bottom: 1px solid #C1C6D5;
	background: #EDEDF2 url(/ccf/deprecated/s2/images/logo_popup_big.gif) no-repeat top right;
}
body#popup #popupHeaderSmall .headline, body#popup #popupHeader .headline, #popup #popupHeaderSmall .headline, #popup #popupHeader .headline {
	position: absolute; 
	top: 25px;  
	left: 30px; 
	vertical-align: top; 
	font-weight: bold;
}

body#popup #popupHeader span, #popup #popupHeader span {
	display: none;
}
body#popup #headerArea, #popup #headerArea {
	padding: 21px 0 0 25px; 	
}
body#popup #mainContentBlock, #popup #mainContentBlock {
	float: none; 
	width: auto;
	margin: 0px 0 0 20px;
}
body#popup #mainContentArea, #popup #mainContentArea {
	float: left; 
	width: auto;
	padding: 0 0 25px 0;	
}
body#popup #mainContentArea .contentCol, #popup #mainContentArea .contentCol {
	margin-top: 0;
}
body#popup a.lnk, #popup a.lnk {
	display: block;
	margin: 0;
	padding: 5px 0 4px 14px;
	background: url(/ccf/deprecated/s2/images/bg_link.gif) no-repeat 0 5px;
	text-decoration: none;
	line-height: 14px;
}
body#popup .label, #popup .label {
	width: 230px;
}

/* #####################################
### Popup - Geschaeftssstellensuche 
###################################### */
#card {
	position: relative;
	float: left;
	width: 315px;
	margin: 10px 0px 0 0px;
}
#agency div.displayAgency { 
	display: none; 
}
.displayAgency {
	position: absolute;
	top: 32px;
	left: 38px;
	width: 218px;
	border: 1px solid #7A7A88;
	padding: 10px 15px;
	background: #fff;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 194px;
}
.displayAgency h2 {
	color: #FFCC00;
	font-size: 18px;
}
.displayAgency .iconClose {
	position: absolute;
	top: 5px;
	right: 5px;
}
.displayAgency div {
	padding-top: 10px;
}
.displayAgency div div {
	margin-top: 7px;
	border-top: 1px solid #DADADC;
}
#selectAgency {
	margin: 20px 0 0px 0;
	padding-right: 15px;
}
#selectAgency h2 {
	padding-bottom: 5px;
	font-size: 14px;
}
#selectAgency .select {
	width: 180px;
	margin: 10px 0 35px 0;
	border: 1px solid #9C9C9C;
	padding: 1px 2px 1px 5px;
}
#selectAgency .buttons {
	margin-right: 0;
}

/* #############################################
### Popup - Produktvergleich 5 spaltig 
################################################ */

#popupColumnBlock .leftCol.narrow {
	float: left; 
	background: url(/ccf/deprecated/s2/images/border_left_popup.gif) no-repeat top left;
	width: 5px; 	
}

#popupColumnBlock .rightCol.narrow {	
	float: left; 
	background: url(/ccf/deprecated/s2/images/border_right_popup.gif) no-repeat;
	background-position: -20px 0px;
	width: 5px; 
}

.teaserContentBlock .column.narrow {
	width: 140px;
	margin-right: 7px;
	float: left;
	font-weight: normal;
	font-size: 11px;
	color: #333333;
}

.teaserContentBlock .column.narrow.last {
	margin-right: 0;
}

/* #############################################
### Popup - Produktvergleich 2 - 4 spaltig 
################################################ */
#headerArea .visualDepot {
	margin-top: 10px; 
	margin-bottom: 30px;
}
#popupColumnBlock {
	float: left;
	margin-bottom: 50px;
}	
#popupColumnBlock .leftCol {
	float: left; 
	background: url(/ccf/deprecated/s2/images/border_left_popup.gif) no-repeat top left;
	width: 25px; 	
}
#popupColumnBlock .teaserContentBlock {
	float: left;
	background: url(/ccf/deprecated/s2/images/bg_content_popup.gif) repeat-x top left;
}
.teaserContentBlock .column {
	width: 140px;
	margin-right: 45px;
	float: left;
	font-weight: normal;
	font-size: 11px;
	color: #333333;
}
.teaserContentBlock .column a { 
	display: block;
	margin-top: 5px;
	padding: 3px 0 4px 14px;
	background: url(/ccf/deprecated/s2/images/bg_link.gif) no-repeat 0 3px;
}
.teaserContentBlock .column a.bt { 
 margin: 0;
 padding: 0;
 background: none;
}
.teaserContentBlock .last {
	margin: 0;
}
.teaserContentBlock .column img.headline {
	margin-top: 18px;
	margin-bottom: 8px;
}
.teaserContentBlock .column img.subheadline {
	margin-bottom: 15px;
}
.teaserContentBlock .column img.last {
	margin: 0;
}
.teaserContentBlock .popupRowBlock {
	clear: both; 
	float: left;	
	padding: 7px 0 7px 0; 
	border-bottom: 1px solid #DADADC;
}
.fourColumn {
	width: 695px;
}
.threeColumn {
	width: 510px;
}
.twoColumn {
	width: 325px;
}
.teaserContentBlock .popupRowBlockLast {
	clear: both; 
	float: left;
	padding: 7px 0 7px 0;
}
#popupColumnBlock .popupRowBlockLast .buttonBlock {
	float: left;
	margin: 0;
}

#popupColumnBlock .buttons {
	float: left;
	/*margin-right: 33px;*/
}

#popupColumnBlock .buttons p {
	margin-top: 10px;
	font-size: 11px;
	line-height: 14px;
}

#popupColumnBlock a.button {
  display: block;
  padding: 0 5px 0 0;
  margin:0;
  background: #fff url(/ccf/deprecated/s2/images/bt_bg_grau.gif) 100% 0 no-repeat;
  white-space: nowrap;
  text-decoration: none;
  text-align: left;
}

#popupColumnBlock a.button span {
  display: block;
  padding: 4px 20px 6px 20px;
  background: #fff url(/ccf/deprecated/s2/images/bt_bg_grau.gif) 0% 0 no-repeat;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000;
  cursor: hand;
}

#popupColumnBlock .rightCol {	
	float: left; 
	background: url(/ccf/deprecated/s2/images/border_right_popup.gif) no-repeat top left;
	width: 25px; 
}
#popupColumnBlock, #popupColumnBlock .leftCol, #popupColumnBlock .teaserContentBlock, #popupColumnBlock .rightCol {
	min-height: 108px; 
	height: auto;
}
*html #popupColumnBlock, *html #popupColumnBlock .leftCol, *html #popupColumnBlock .teaserContentBlock, *html #popupColumnBlock .rightCol { 
	height: 108px; 
} 
/* nur vom IE 5.0 */
*html + body #popupColumnBlock, *html + body #popupColumnBlock .leftCol, *html + body #popupColumnBlock .teaserContentBlock, *html + body #popupColumnBlock .rightCol { 
	height: 108px; 
} 
.MoreOfferBlock .leftCol, .MoreOfferBlock .offerCol, .MoreOfferBlock .rightCol {	
	min-height: 114px; 
	height: auto;
}
/* nur fuer IE 5.5 - 6.x */
*html .MoreOfferBlock .leftCol, *html .MoreOfferBlock .offerCol, *html .MoreOfferBlock .rightCol {  
	height: 114px; 
} 
/* nur vom IE 5.0 */
html + body .MoreOfferBlock .leftCol, html + body .MoreOfferBlock .offerCol, html + body .MoreOfferBlock .rightCol { 
	height: 114px; 
} 
.MoreOfferBlock img.graphicalHeadline {
	margin: 0 0 0 20px;
}
.MoreOfferBlock .leftCol {
	float: left; 
	background: url(/ccf/deprecated/s2/images/light_border_left_popup.gif) no-repeat top left;
	width: 5px; 
}
.MoreOfferBlock .offerCol {
	float: left;
	padding: 15px 55px 0 10px;
	background: url(/ccf/deprecated/s2/images/light_border_top_popup.gif) repeat-x top left;	
}	
.MoreOfferBlock .offerCol img {
	float: left;
	margin: 0 15px 0 0;
}
.MoreOfferBlock .offerCol a {
	padding: 2px 0 0 14px;
	background: url(/ccf/deprecated/s2/images/bg_link.gif) no-repeat 0 3px;
	font-size: 11px;
	text-decoration: none;
}
.MoreOfferBlock .offerCol p {
	padding: 0 0 7px 0; 
}
.MoreOfferBlock .rightCol {
	float: left; 
	background: url(/ccf/deprecated/s2/images/light_border_right_popup.gif) no-repeat top left;
	width: 5px; 
}
.offerTwoColumn {
	width: 365px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 300px;
}
.offerThreeColumn {
	width: 550px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 485px;
}
.offerFourColumn {
	width: 735px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 670px;
}
.offerThreeColumn .adjoiningText {
	float: left; 
	width: 320px;
}
.formError {
	color: #cc0000; 
	font-size: 10px; 
	padding-bottom: 3px; 
	clear: both;
}
.toggleBox .bar {
	width: 483px;
	height: 30px;
	display: block;
	margin-bottom: 8px;
}
.toggleBox .up {
	background: #fff url(/pbl/cms/cms/produkte/templates/images/bg_bar_toggle_inactive.gif) no-repeat;
}
.toggleBox .down {
	background: #fff url(/pbl/cms/cms/produkte/templates/images/bg_bar_toggle_active.gif) no-repeat;
}
.toggleBox .bar img {
	margin: 5px 0 0 30px;
}
.toggleBox .barContent {
	background: #fff url(/pbl/cms/cms/produkte/templates/images/bg_layer_opened.gif) no-repeat;
	padding: 15px 8px;
	width: 467px;
}
.toggleBox .barContent .compareTable .compareRow {
	width: 222px;
	display: inline;
	float: left;
}
.toggleBox .barContent .compareTable .compareRow .rowCaption {
	background-color: #ECECF1;
	font-weight: bold;
	padding: 5px 7px;
	text-align: left;
}
.toggleBox .barContent .compareTable .compareRow .rowContent p {
	padding: 10px 8px 12px 8px;
	border-bottom: 1px solid #dadadc;
}
.toggleBox .barContent .compareTable .compareRow .rowContent p.last {
	border-bottom: 1px solid #7a7a88;
}
/* uebersichtsbreite */
#toggleOverviewBlock .toggleBox .bar {
	width: 550px;
	height: 30px;
	display: block;
	margin-bottom: 8px;
}
#toggleOverviewBlock .toggleBox .up {
	background: #fff url(/pbl/cms/cms/produkte/templates/images/bg_bar_toggle_inactive_wide.gif) no-repeat;
}
#toggleOverviewBlock .toggleBox .down {
	background: #fff url(/pbl/cms/cms/produkte/templates/images/bg_bar_toggle_active_wide.gif) no-repeat;
}
#toggleOverviewBlock .toggleBox .bar img {
	margin: 5px 0 0 30px;
}
#toggleOverviewBlock .toggleBox .barContent {
	background: #fff ;
	padding: 0 8px 15px 0;
	width: 550px;
}
#productOverviewBlock .minHeight200  {
   min-height: 200px; 
}
#productOverviewBlock #toggleOverviewBlock .stoerer_toggle { 
  position: relative; 
  float: right; 
  height: 0px; 
  width: 0px; 
  margin: 0px; 
  padding: 0px; 
}
#productOverviewBlock #toggleOverviewBlock .stoerer_toggle img  { 
  position: absolute; 
  top: -34px; 
  right: 31px; 
  height: 24px;
}
#productOverviewBlock #toggleOverviewBlock .toggleBox .productInfo .toggleBoxBulletWrapper {
  float: left;
  margin: 10px 0 15px 10px; 
  width: 350px;
}
*html #productOverviewBlock #toggleOverviewBlock .toggleBox .productInfo .toggleBoxBulletWrapper {
  margin: 10px 0 15px 5px; 
  display: inline; 
}
#productOverviewBlock #toggleOverviewBlock .toggleBox .productInfo .toggleBoxClearLeftAndWidthFull {
  clear: left; 
  width: 505px !important; 
  text-align: left;
  display: inline;
}
#productOverviewBlock #toggleOverviewBlock .toggleBox .productInfo .toggleBoxReFloLeft {
  position: static; 
  float: left;
  display: inline; 
}
#productOverviewBlock #toggleOverviewBlock .toggleBox .productInfo .productInfoText .marTo15 {
  margin-top: 15px !important;
}
#productOverviewBlock #toggleOverviewBlock .toggleBox .productInfo .productInfoText .noMarTop {
  margin-top: 0px !important;
}
.visualMitTextUmfluss {
  clear: both; 
  margin-bottom: 32px; 
  padding-right: 30px;
  margin-left: 15px;
}
.visualMitTextUmfluss img.visual {
  margin-right: 15px; 
  float: left; 
  display: inline;
}

img.star { margin: 3px 0 0 0; }
.buttonBox img.bgImgLeft {margin: 0; float: left;}
.buttonBox img.bgImgRight {margin: 0; float: right;}
.displayNone {display: none;}
.lh18 {line-height: 18px;}
.floatNone {float: none;}

.newsletter .fcRed {color: #cc0000;padding-bottom: 5px;font-size: 10px;}
.width502, .newsletter h4 {width: 502px;}

.layerFoot .footnote {
	clear: both;
	color: #535451;
	padding-top: 40px;
	padding-left: 0px;
}
.layerFoot .footnote a {
	text-decoration: underline;
	color: #535451;
}
.layerFoot .footnote a:hover {
	text-decoration: underline;
	color: #FFCC00;
}
div.visualMitTextUmfluss a {
	text-decoration: underline;
}
iframe.teaserDelta {width: 142px;height: 190px;}
iframe.teaserSigma {width: 364px;height: 96px;}
iframe.teaserOmega {width: 370px;height: 140px;}

/* bausteine */
.contentColRight .newsBlock {
  margin-bottom: 10px;
  width: 165px;
  font-size: 10px;
}
.newsBlock h3 {                       
  background: url(/pbl/static/produkte/images/bg_titel.jpg) 0 0 no-repeat;
  font-size: 11px;
  margin: 0;
  padding: 5px 0 8px 13px;
}
.newsBlock .content {
  border-left: solid 1px #dbdbdb;
  border-right: solid 1px #dbdbdb;
  padding: 10px 0 6px 0;
}              
.newsBlock .content ul {
  margin: 0 0 0 10px;
  padding: 0;
}
.newsBlock .content li {                     
  margin-bottom: 10px;
  margin-right: 5px;
}
.newsBlock .content span {
  color: #cc0000;
}
.newsBlock .content a {
  text-decoration: underline;
}
.newsBlock .content a.blockLnk,tabsTable a {
    display: block;
    margin: 0;
    border-bottom: 1px solid #DADADC;	
    padding: 3px 0 4px 14px;
    background: url(/ccf/deprecated/s2/images/bg_link.gif) no-repeat 0 3px;
    text-decoration:none;
    border:none;
}
.newsBlock .unten {
  height: 5px;
  background: url(/pbl/static/produkte/images/ecken_unten.gif) 0 100% no-repeat;
  /* noetig fuer ie6 */
  width: 165px; 
  float: left;
  font-size: 1px;
  line-height: 1.0;
}
.newsBlock .fuss {
  background: url(/pbl/static/produkte/images/bg_fuss.jpg) 0 100% no-repeat;
  padding: 2px 0;
  /* noetig fuer ie6 */
  width: 165px; 
  float: left;
  font-size: 1px;
  line-height: 1.0;
}
.newsBlock .fuss a.linkOeffnen {  
  font-size: 10px;
  padding: 2px 0 0 23px;
  background: url(/pbl/static/produkte/images/pfeil_unten_grau.gif) 11px 7px no-repeat;
}
.newsBlock .fuss a.linkOeffnen:hover {        
  background-image: url(/pbl/static/produkte/images/pfeil_unten_gelb.gif);
}
.newsBlock .fuss a.offen {  
  font-size: 10px;
  padding: 2px 0 0 23px;
  background: url(/pbl/static/produkte/pfeil_oben_grau.gif) 11px 7px no-repeat;
}
.newsBlock .fuss a.offen:hover {        
  background-image: url(/pbl/static/produkte/images/pfeil_oben_gelb.gif);
}
.newsBlock .fuss a.linkSchliessen {  
  font-size: 10px;
  padding: 2px 0 0 23px;
  background: url(/pbl/static/produkte/images/pfeil_oben_grau.gif) 11px 7px no-repeat;
}
.newsBlock .fuss a.linkSchliessen:hover {        
  background-image: url(/pbl/static/produkte/images/pfeil_oben_gelb.gif);
}

#interhypTable{
width:100%;
}
.tabsTable #interhypTable{
width:164px;
}

#iframeContent td.boxhead, td.zinstab, #interhypTable td.boxhead{
    text-align: left;
    font-size:10px;
    /*padding-right: 7px;*/
}
#iframeContent .boxhead, #interhypTable .boxhead {
	font-weight: bold;
}

div.interhypDate{border-top-color:#DBDBDB;border-top-style:solid;border-top-width:1px;color:#797979;font-family:Verdana;font-size:9px;padding-top:10px;margin-bottom:10px;}
div.interhypDateSmall{border-top-color:#DBDBDB;border-top-style:solid;border-top-width:1px;color:#797979;font-family:Verdana;font-size:9px;padding-top:10px;margin:10px 0 0 10px;}
div.nom5image {float:left;height:47px;width:83px;}
div.interhypProzent{padding-left:5px;float:left;font-family: Verdana; font-size: 27pt; color: rgb(255, 204, 0);}
div.eff5output{font-size:10px;font-family:Verdana;color:#797979;margin-bottom:10px;}

#iframeContent table td.zinstab, #interhypTable td.zinstab{
	border-top: 1px solid #DBDBDB;
}

#iframeContent img {
	width: auto;
	height: auto;
}
#mainContentArea .contentCol a.infoi {
	background:transparent url(/pbl/static/produkte/images/info_kl.gif) no-repeat scroll right center;
	padding-right:18px;
	text-decoration:none;
}

.contentColRight .flashStarterBlock {
	width: 165px;
	float: left;
}
.contentColRight .flashStarterBlock img.preview {
	margin: 4px 0 5px 0;
}
.contentColRight .flashStarterBlock .linkBlock {
 	margin-top: 10px;
}

/* #####################################
### Tabelle - Fondsdiamanten 
###################################### */
.detailModulTable table.fondsdiamant{
	width:700px;
	margin:0 0 20px 0;
}

.detailModulTable .fondsdiamant th{
	vertical-align:bottom;
	border-bottom: 1px solid #7a7a88;
}

.detailModulTable .fondsdiamant .finanz{
	background: url(/pbl/static/produkte/images/bg_fd_finanztest.gif) repeat-y 0 0;
	margin:0;
	padding:0 0 0 7px;
}

/* #####################################
### Wide-Box
###################################### */
.boxGreyWide {
	background: transparent url("/pbl/cms/cms/produkte/templates/images/bg_boxMiddleGreyWide.gif") repeat-y left top;	
}
.boxGreyWideHeader h2 {
	background: transparent url("/pbl/cms/cms/produkte/templates/images/bg_boxHeaderGreyWide.gif") no-repeat left top;
	padding-left: 10px;
	padding-top: 5px;
	height: 19px;
}
.boxGreyWideContent {
	padding-left: 10px;
	padding-bottom: 10px;
	width: 445px;
}
.boxGreyWideContent h2 {
	border-bottom: 1px solid #7A7A88;
	font-size: 11px;
	background: none;
	padding: 0;
	margin: 0;
}
#mainContentArea .contentCol .boxGreyWideContent table {
	margin: 0;
}
#mainContentArea .contentCol .boxGreyWideContent table td, #mainContentArea .contentCol .boxGreyWideContent table th {
	text-align: right;
}
#mainContentArea .contentCol .boxGreyWideContent table td.alignLeft, #mainContentArea .contentCol .boxGreyWideContent table th.alignLeft {
	text-align: left;
}
.boxGreyWideBottom {
	background: transparent url("/pbl/cms/cms/produkte/templates/images/bg_boxBottomGreyWide.gif") no-repeat left bottom;
}
#mainContentArea .contentCol h2.infoHeadline {
	margin-bottom: 20px;
}
.alignRight {
	text-align: right;
}
.imageContextLeft {
	float: left;
	width: 315px;
	margin-right: 20px;
}
.imageContextRight {
	float: left;
}

.boxGreyWideContent .linkBlock a {
	background:transparent url(/ccf/deprecated/s2/images/bg_link.gif) no-repeat scroll 0 4px;
	display:block;
	border-bottom:none;
	text-decoration:none !important;
	margin:0;
	padding:3px 0 4px 14px;
}

.relationModul {
	margin:10px 0;
	width:477px;
	font-size:10px;
	border-bottom:1px solid #dadadc;
	padding-bottom:10px;
}
#mainContentArea .contentCol .relationModul h3 {
	border-bottom:1px solid #dadadc; 
	font-size:11px; 
	padding:0 0 3px 0 !important;
	margin-bottom:14px;
	background: none;
}
.relationModul .comd {
	background-color:#ffeb9d;
	min-height:14px; 
	padding:0 0 2px 0;
	color:#535451;
	margin-bottom:4px;
	font-weight:bold;
}
.relationModul .other {
	background-color:#e0dfe3;
	min-height:14px; 
	padding:0 0 2px 0;
	color:#535451;
	margin-bottom:4px;
}
.relationModul .left {
	float:left;
	padding-left:5px;
}
.relationModul .right {
	float:right;
	padding-right:5px;
}
.relationModul .comd .right {font-size:11px;}

.consultantsFdmLeft {width:210px;margin-right:35px;}
.consultantsFdmRight{width:210px;}

table.fondsdiamant .tooltip {margin-left:4px;}
table.fondsdiamant td div {margin-top:3px;}
table.fondsdiamant td .buttonFonds a{
	background:url(/pbl/static/produkte/fondsportrait/images/bt_fonds.gif) no-repeat;
	position: relative;
	float: left;
	display:block;
	padding:3px 15px;
	margin-bottom: 5px;
	text-align:left;
	text-decoration:none !important;
	white-space:nowrap;
	cursor: pointer;
	font-size:11px;
}

div.tableBox{
		width:184px;
	}
div.tableBox .tabBox{
		border:0px;
		margin:0px;
	}
div.tableBox .tabBox ul.tabs{
		margin:0px;
		padding:0px;
	}
div.tableBox .tabBox ul.tabs li{
		margin:0;
		float:left;
		display:block;
		height:14px;
		background: url(/pbl/static/produkte/images/tab.gif) no-repeat scroll 100% 0;
		padding:0 1px 0 0;
}

div.tableBox .tabBox ul.tabs li span{
		height:14px;
		font-family: Verdana;
		font-size:9px;
		display:block;
		padding: 1px 6px 0 6px;
		background: url(/pbl/static/produkte/images/tab.gif) no-repeat scroll 0 0;
		cursor:pointer;
}

div.tableBox .tabBox ul.tabs li.active{
		background: url(/pbl/static/produkte/images/tab_hi.gif) no-repeat scroll 100% 0;
}

div.tableBox .tabBox ul.tabs li.active span{
		background: url(/pbl/static/produkte/images/tab_hi.gif) no-repeat scroll 0 0;
}

div.tableBox .tabsTable h2,div.tableBox .tabsTable span.nom5wert{
	margin:0px;
	padding:10px 0px;
	font-family:Verdana;
	font-size: 30px;
	color: #fc0;
	font-weight:bold;
}

div.tableBox .tabsTable h2, div.tableBox .tabsTable div.interhypWert{
	text-align:center;
}

div.tableBox .tabsTable span{
	color: #fc0;
	font-size: 10px;
	font-weight:bold;
}

div.tableBox .tabsTable h2 span {
	font-size:10px;
}
div.tableBox .tabsTable h2.black,.tabsTable h2.black span {
	color:#515356;
}

div.tableBox .tabsTable .interhypWert{
padding:10px 0px;
}

.tabsTable table{
	border-collapse:collapse;
	border-spacing:0;
	font-size:10px;
	width:164px;
	margin-left:10px;
}

.tabsTable th.boxhead, td.zinstab {
line-height:16px;
text-align:left;
}
.tabsTable .boxhead {
border-bottom:1px solid #DBDBDB;
font-weight:bold;
text-align:left;
padding:0px 0px 2px 0px;
vertical-align:bottom;
}
.tabsTable .boxhead2Spalten {
border-bottom:1px solid #DBDBDB;
font-weight:bold;
text-align:left;
padding:0px 0px 2px 0px;
vertical-align:bottom;
width:80px;
}

.tabsTable .zinstab{
border-top:1px solid #DBDBDB;
}
.clearfixTab:after {
  clear:both;
  content:".";
  display:block;
  height:0;
  visibility:hidden;
}

div.tableBox .tabsTable h2 span.small, div.tableBox .tabsTable div.interhypWert span.small{
font-size:9px;
}

.clearfixTab {
  clear:both;
  display:inline-block;
}

* html .clearfixTab {
  height:1%;
}

.clearfixTab {
  display:block;
}

.tabsTable table tr.lastRow td{
border-bottom:1px solid #DBDBDB;
}

.tabsTable table tr td a, .tabsTable div a.blockLnk{
font-size:10px;
background:transparent url(/ccf/deprecated/s2/images/bg_link.gif) no-repeat scroll 0 3px;
border:none;
display:block;
margin:0;
padding:3px 0 4px 14px;
text-decoration:none;
}


/** content right zinsbox **/
div.tableBox{width:164px;border-bottom:1px solid #ccc;}
div.tableBox .tabBox{border:0px;margin:0px;padding:0px;border-bottom:1px solid #ccc;}
div.tableBox .tabBox ul.tabs{margin:0px;padding:0px;list-style-type:none;}
div.tableBox .tabBox ul.tabs li{margin:0px 1px 0px 0px;float:left;display:block;height:14px;padding:0 1px 0 0;list-style-type:none;}
div.tableBox .tabBox ul.tabs li span{height:14px;font-family: Verdana;font-size:10px;display:block;float:left;padding: 1px 4px 0 4px;cursor:pointer;}
div.tableBox .tabBox ul.tabs li span.tabSingle{background: url(/pbl/static/produkte/images/tabnew.gif) no-repeat scroll 0 0;}

div.tableBox .displayNone {display:none;}
div.tableBox td.paddingTop5 {padding-top:5px;} 
div.tableBox td.paddingBottom10 {padding-bottom:10px;}

div.tableBox .tabBox ul.tabs li.active span.tabSingle{background: url(/pbl/static/produkte/images/tabnew_hi.gif) no-repeat scroll 0 0;}

#infoArea div.tableBox .tabsTable h2,div.tableBox .tabsTable span.nom5wert{margin:0px;padding:10px 0px;font-family:Verdana;font-size: 30px;color: #fc0;font-weight:bold;border:none;}
div.tableBox .tabsTable h2, div.tableBox .tabsTable div.interhypWert{text-align:center;}
div.tableBox .tabsTable span{color: #fc0;font-size: 10px;font-weight:bold;}
div.tableBox .tabsTable h2 span {font-size:10px;}
div.tableBox .tabsTable .interhypWert{padding:10px 0px;}

.tabsTable table{border-collapse:collapse;border-spacing:0;font-size:10px;width:164px;margin-left:10px;}
.tabsTable table td {padding:0;}
.tabsTable th.boxhead, td.zinstab {line-height:16px;text-align:left;}
.tabsTable .boxhead {border-bottom:1px solid #DBDBDB;font-weight:bold;text-align:left;padding:0px 0px 2px 0px;vertical-align:bottom;}
.tabsTable .boxhead2Spalten {border-bottom:1px solid #DBDBDB;font-weight:bold;text-align:left;padding:0px 0px 2px 0px;vertical-align:bottom;width:80px;}

.tabsTable .zinstab{border-top:1px solid #DBDBDB;}
.clearfixTab:after {  clear:both;  content:".";  display:block;  height:0;  visibility:hidden;}
div.tableBox .tabsTable h2 span.small, div.tableBox .tabsTable div.interhypWert span.small{font-size:9px;}
.clearfixTab { clear:both; display:inline-block;}
* html .clearfixTab {  height:1%;}
.clearfixTab {  display:block;}

.tabsTable table tr.lastRow td{border-bottom:1px solid #DBDBDB;}
.tabsTable table tr td a, .tabsTable div a.blockLnk{font-size:10px;background:transparent url(/ccf/deprecated/s2/images/bg_link.gif) no-repeat scroll 0 3px;border:none;display:block;margin:0;padding:3px 0 4px 14px;text-decoration:none;}
.tabsTable table tr td a.noLink{background:none;padding:3px 0 4px 0px;text-decoration:underline;color:#797979;margin-bottom:10px;}

div.interhypDate {border-top:1px solid #DBDBDB;color:#797979;font-family:Verdana;font-size:9px;margin-bottom:0px;padding-top:10px;}
/** ende content right zinsbox **/

.logoLinkPopup{position:absolute;top:12px;left:586px;}

/* #############################################
### Kontowechsel-Service 02.2010 
################################################ */

.accChangeService #toggleOverviewBlock {
	clear: both;
}

.accChangeService .textWithVisual {
	overflow: hidden;
	margin-top: 20px;
	padding:0 40px 0 10px;
}

.accChangeService .productInfo .textWithVisual {
	overflow: hidden;
	margin-top: 20px;
	padding:0;
}

.accChangeService#productOverviewBlock .productInfoText {
	margin:0 40px 0 25px;
}

#productOverviewBlock #toggleOverviewBlock div.accChangeServiceToggle {
	margin:0;
	padding: 40px 70px 0 30px;
	width: auto;
}

.accChangeService#productOverviewHead .productOverviewText.raster45 p {
	width: 480px;
}

.accChangeService#productOverviewHead .productOverviewText a.button {
	margin-top: 15px;
}

.margFlow {margin:0 0 32px 0;}