/*
 * CSS fuer alle Kunden
 */


/*+++++ GENERAL +++++*/
* {margin:0;padding:0;}

.ce, .ce th, .ce td {text-align:center;}
.le, .le th, .le td {text-align:left;}
.ri, .ri th, .ri td {text-align:right;}
.to, .to th, .to td {vertical-align:top;}
.mi, .mi th, .mi td {vertical-align:middle;}
.bo, .bo th, .bo td {vertical-align:bottom;}
tr.le th, tr.le td {text-align:left;}
tr.ce th, tr.ce td {text-align:center;}
tr.ri th, tr.ri td {text-align:right;}
tr.to th, tr.to td {vertical-align:top;}
tr.mi th, tr.mi td {vertical-align:middle;}
tr.bo th, tr.bo td {vertical-align:bottom;}
th.le, td.le {text-align:left !important;}
th.ce, td.ce {text-align:center !important;}
th.ri, td.ri {text-align:right !important;}
th.to, td.to {vertical-align:top !important;}
th.mi, td.mi {vertical-align:middle !important;}
th.bo, td.bo {vertical-align:bottom !important;}

.st {font-weight:bold;}
.nowrap {white-space:nowrap;}
.upper {text-transform:uppercase;}

.lfloat {float:left;}
.rfloat {float:right;}
.relative {position:relative;}
.block {display:block;}
.inline {display:inline;}
.z1 {z-index:1;}
.clearb{clear:both;}

.mapa0 {margin:0;padding:0;}
.ma0 {margin:0;}
.maL2 {margin-left:2px;}
.maL10 {margin-left:10px;}
.paL10 {padding-left:10px;}
.paHor10 {padding-left:10px;padding-right:10px;}
.maT6 {margin-top:6px;}
/*+++++ /GENERAL +++++*/


/*+++++ BASIC BLOCK POSITIONING (and obvious tags) +++++*/
#wrapBoard {width:820px;margin:0 0 20px 0;padding:10px 10px 0;}
#wrapHeader {position:relative;z-index:11;padding:30px 10px 15px 10px;}
#wrapNav {}
#wrapNav > ul > ul {display: none;}
#wrapInfoLine {padding:0 10px;min-height:2.5em;_height:2.5em;}
#wrapInfoLine p,#wrapInfoLine ul {margin:0;}
#wrapContent {margin:15px 0 10px;}
/*+++++ /BASIC BLOCK POSITIONING +++++*/


/*+++++ KOPF +++++*/
/* header */
#headertools {position:absolute;top:2px;right:1px;z-index:2;_width:176px;}
#headertools form {position:relative;margin:3px 10px 0 0;*display:inline;}
#headertools form .iconsearch {position:absolute;top:-3px;right:-10px;width:25px;height:25px;background:url(../images/icon_headertools.png) no-repeat 0 -30px;_background-image:url(../images/icon_headertools_ie6.png);}
#headertools form .iconsearch input {width:25px;height:25px;}
#headertools input.text {font-size:11px;width:117px;padding:1px 15px 1px 2px;margin:0;*margin-top:-1px;border:1px solid #ebebeb;}
#headertools .iconprint {width:29px;height:29px;background:url(../images/icon_headertools.png) no-repeat 0 0;_background-image:url(../images/icon_headertools_ie6.png);}

#logoMS {position:relative;z-index:1;}
#logoCUST {position:relative;z-index:1;}
/* navigation */
#topnav {list-style:none;padding:0 0 0 0;margin:0;}
#topnav li {z-index:10;float:left;position:relative;}
#topnav li ul {position:absolute;top:1.9em;font-size:12px;margin:0;padding:10px 0 30px 0;display:none;}
#topnav li ul li {float:none;display:block;padding:0 10px;border:none;}
#topnav a {display:block;height:1.5em;_height:auto;padding: 0.4em 10px 0 10px;_padding-bottom:0.4em;
  _line-height:1.0909em;text-decoration:none;font-size:12px;}
#topnav li ul a {width:14em;height:auto;padding:0.5em 0.3em 0.4em 0.3em;text-transform:none;}

#topnav li:hover ul,#topnav li.sfhover ul {display:block;}

#topnav li:hover ul a,#topnav li.sfhover ul a {background:none;}
#topnav li li:hover a,#topnav li li.sfhover a {zoom:1;}

#topnav li.last {float:right;border-right:none;}
#topnav li.last ul {right:0;}
/* breadcrumb */
#breadcrumb {float:left;padding:5px 0 6px;}
#breadcrumb ul {list-style:none;padding-top:1px;}
#breadcrumb ul li {display:inline;}
#breadcrumb ul a {}
#breadcrumb ul span {position:relative;top:-1px;padding-left:0.4em;} /* zB Trennzeichen */

/* Login/Logout */
#myMSStatus {float:right;}
#myMSStatus p {padding-top:3px;*padding-top:4px;}
#myMSStatus .login {padding:4px 0;*padding:3px 0;}
#myMSStatus .logout {padding:4px 0 4px 0;*padding:3px 0 3px;}
/*+++++ /KOPF +++++*/


/*+++++ FOOTER +++++*/
.wrapFooterCnt {clear:both;padding:6px 15px;}
.blockFooterCnt {border:1px solid #d9d9d9;background:#ffffff;}
.blockFooterList {border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
.wrapFooterList {margin:6px 0;padding:0 0 0 15px;float:left;position:relative;left:-20px;overflow:hidden;}
.wrapFooterList ul {float:left;width:126px;margin:0;padding:0 0 0 20px;}
.wrapFooterList li {margin:0.7em 0;}
.trennerFoot {position:absolute;width:1px;height:1000px;font-size:0;border-left:1px solid #d9d9d9;}
.wrapFooterList .trA {left:170px;}
.wrapFooterList .trB {left:316px;}
.wrapFooterList .trC {left:462px;}
.wrapFooterList .trD {left:608px;}
.wrapFooterList ul {list-style:none;}
.wrapFooterList ul a {padding-right:9px;}
/*+++++ /FOOTER +++++*/


/*+++++ CONTENT-CONTAINER +++++*/
/* Spaltenaufteilung */
.col2left {float:left;width:49%;} /* Aufteilung 1:1 */
.col2right {float:right;width:49%;}
.col2left32 {float:left;width:58%;} /* Aufteilung ca. 3:2 */
.col2right32 {float:right;width:41%;}
.col2left73 {float:left;width:70%;} /* Aufteilung ca. 7:3 */
.col2right73 {float:right;width:29%;}
.col3left {float:left;width:33%;margin-right:1%;} /* Aufteilung 1:1:1 */
.col3center {float:left;width:32%;}
.col3right {float:right;width:33%;}

/* Schnellsuche */
.quicksearch_container {clear:both;position:relative;height:0;}
#headertools .quicksearch_container {left:-188px;top:-7px;}
.quicksearch {display:none;position:absolute;z-index:999;zoom:1;top:0px;left:0px;width:291px;padding:10px;}
.quicksearch .inner {padding:5px 4px;background:#ffffff;}
.quicksearch table {margin:0 0 5px !important;}
.quicksearch p {margin:0;text-align:center;}

/* Standard-Block */
.blockA {position:relative;zoom:1;margin:0 0 6px 0;padding:4px 0 0 3px;}
.blockA .bg-tr, .blockA .bg-bl, .blockA .bg-br {background-repeat:no-repeat;/*IE6 kein bg-bild, da alpha-png:*/_background-image:none !important;}
.blockA .bg-tr {position:absolute;top:0;right:0;height:4px;width:3px;font-size:0;background-position: -14px 0;}
.blockA .bg-bl {position:absolute;bottom:0;left:0;height:4px;width:3px;font-size:0;background-position: -7px 0;}
.blockA .bg-br {background-position: right bottom;}
.blockA .outer {position:relative;top:-4px;left:-3px;padding:12px 10px;background:#ffffff;border-top:1px solid #ebebeb;border-left:1px solid #ebebeb;/*IE6: border komplett, da kein bg-bild:*/_border:1px solid #ebebeb;}

/* Teaser-Block */
.blockB {margin:0 0 6px 0;}
.blockB .outer {position:relative;border:1px solid #ffffff;background:#ffffff;}
.blockB .inner {padding:5px 0;margin:0px 0;background:#ffffff;}
.blockB .inner_blanco {padding:0 0 0 0;margin:0px 0;background:#ffffff;}
.blockB .B-QL {position:relative;overflow:hidden;} /* Quicklinks */
.blockB .B-QL .a, .blockB .B-QL .b {position:absolute;top:0;height:300px;width:49%;font-size:0;background-color:#f3f3f3;}
.blockB .B-QL .a {left:0;}
.blockB .B-QL .b {right:0;}
.blockB .B-QL_inner {position:relative;padding:10px 10px 10px;min-height:5.6em;_height:5.6em;}
.blockB .trennerLine {clear:both;font-size:0;height:0;margin:5px 0 5px;}

/* Block mit Farbteilung bei xx% z.B. Formulare */
.blockC {position:relative;zoom:1;overflow:hidden;}
.blockC .bg66, .blockC .bg50, .blockC .bg75 {position:absolute;top:0;right:0;height:3000px;}
.blockC .bg66 {width:66%;}
.blockC .bg50 {width:50%;}
.blockC .bg75 {width:75%;}

/* Block um Links fuer vor,zurueck,mehr */
.blockWeitere {margin:4px 0;}

/* Block Hervorhebung im Text */
.blockD {position:relative;margin:5px;padding:5px;width:40%;}

/* Weitere */
.newsdetail {} /* Block um Nachrichtendetail */
#wmap object,#wmap embed {z-index:9;position:relative;} /*devisen worldmap*/

/*+++++ /CONTENT-CONTAINER  +++++*/


/*+++++ BASE TAGS +++++*/
img {border:0;}
p,ul{line-height:1.2727em;margin-bottom:0.3636em;/* = 14px bei 11px Basis*/}
ul {margin-left:20px;}
ol {margin-left:20px;} ol li {margin-bottom:0.3636em;}
h1 {margin:0 0 0.7em 0;font-size:20px;font-weight:normal;}
h2 {margin:0 0 0.7em 0;font-size:18px;font-weight:normal;}
h3 {margin:0 0 0.7em 0;font-size:14px;}
h4 {margin:0 0 0.4em 0;font-size:13px;}
h5 {margin:0 0 0.4em 0;font-size:12px;}
h6 {margin:0 0 0.1em 0;}
pre {margin:5px 0;padding:5px;position:relative;overflow:auto;font-size:11px;border:1px solid #ededed;/*white-space:pre-wrap;*/}
pre {*overflow-x:scroll;*overflow-y:auto;_width:442px;} /*IE6/7*/
/*+++++ /BASE TAGS +++++*/


/*+++++ FORMULARE +++++*/
select, textarea, input.text {margin:0;min-height:11px;}
input.text, textarea {padding:2px 2px 1px 2px;}
select.text {padding:1px 1px 1px 0px;}

textarea {overflow:auto;}
.checkbox {margin:0;padding:0;height:13px;width:13px;margin-top:1px;}

.formrow {position:relative;margin:6px 0;}

.formA {padding:5px 8px;position:relative;}

.formBlockZertLeft {width:520px;float:left;}
.formBlockZertRight {width:220px;float:right;}

.boersenauswahl {width:170px;height:22px;padding:4px 0 0 2px;}

/*+++++ /FORMULARE +++++*/


/*+++++ TABELLEN +++++*/
table.sty {width:100%;margin:0 0 0 0;border-collapse:collapse;border-spacing:0;border:0;}

.tableA th {padding:3px 3px 3px;}
.tableA tr.flat th, .tableA th.flat {padding-top:2px;padding-bottom:2px;}
.tableA th.ascdes a,.tableA th.des a,.tableA th.asc a {display:block;padding:0 7px 0 0;background: no-repeat right 4px;}
.tableA th.des a {background-position:right -41px;}
.tableA th.asc a {background-position:right -87px;}
.tableA td {padding:2px 3px;}

table.tableKursinfo {border:0px transparent;border-style:hidden hidden;*border:1px solid #ffffff;}
.tableKursinfo td {border:1px dotted #000000;padding:2px 15px 2px 15px;}
.kursheader {padding:0 0 0 2px;}
.kurs {font-size:22px;}
.kurssmall, .kurssmall td, .kurssmall th {border:1px solid #fff; padding:2px 17px 2px 17px;}
.kurssmall th.edg_siegel {border:0;padding:0;}

table.tableB {} /* zB. Allgemeine Suche Zertifikate */
table.tableB td {padding:5px;border:1px solid #ccc;vertical-align:top;}

.topper {font-size:26px;font-weight:bold;}

/*EDG-Bilder*/
div.edgrk1f, div.edgrk2f, div.edgrk3f, div.edgrk4f, div.edgrk5f, div.edgrk1s, div.edgrk2s, div.edgrk3s, div.edgrk4s, div.edgrk5s {
background:url(../../images/rk_sprite.png) no-repeat;background-repeat:no-repeat;font-size:0;line-height:0;width:10px;height:11px;margin:1px 0 0 2px;float:right;}
div.edgrk1s {background-position:0 0;}
div.edgrk2s {background-position:-13px -11px;}
div.edgrk3s {background-position:-26px -22px;}
div.edgrk4s {background-position:-39px -33px;}
div.edgrk5s {background-position:-52px -44px;}
div.edgrk1f, div.edgrk2f, div.edgrk3f, div.edgrk4f, div.edgrk5f {width:62px;}
div.edgrk1f {background-position:0 0;}
div.edgrk2f {background-position:0 -11px;}
div.edgrk3f {background-position:0 -22px;}
div.edgrk4f {background-position:0 -33px;}
div.edgrk5f {background-position:0 -44px;}

/*+++++ /TABELLEN  +++++*/


/*+++++ LISTEN +++++*/
.listA {margin:0;list-style:none;}

.list_blocknav {list-style:none;margin:3px 0;padding:2px 0;}
.list_blocknav li {float:left;margin:1px 0;}
.list_blocknav li a {display:block;padding:2px 5px 2px 11px;}
.list_blocknav2 {list-style:none;margin:3px 0;padding:3px 0;}
.list_blocknav2 li {float:left;width:2.5em;text-align:center;}
.list_blocknav2 li a {display:block;padding:0px 2px 0px 3px;margin:2px 0;}

.list_weitere {list-style:none;margin:0;}
.list_weitere li {display:inline;}
.list_weitere a {float:left;white-space:nowrap;padding-right:9px;margin:1px 15px 1px 0;}

.listTC {list-style:none;margin:0;} /* TagCloud */
.listTC li {display:inline;}
.listTC li a {padding:1px 2px;line-height:1.2em;}
.listTC li a:hover {text-decoration:none;}
.listTC .s1 {font-size:10px;}
.listTC .s2 {font-size:11px;}
.listTC .s3 {font-size:12px;}
.listTC .s4 {font-size:13px;}
.listTC .s5 {font-size:14px;}
.listTC .s6 {font-size:15px;}
.listTC .s7 {font-size:16px;}
.listTC .s8 {font-size:17px;}
.listTC .s9 {font-size:19px;}
.listPaging {list-style:none;padding:4px 0;margin:0;} /* Blaettern */
.listPaging li {display:inline;}
.listPaging a {padding:0 2px;}
/*+++++ /LISTEN +++++*/


/*+++++ TEXT +++++*/
.errorblock {margin:10px 0;padding:3px 5px;color:#ee0000;border:1px solid #ee0000;background-color:#ffffff;}
.errorblock p {margin:0;padding:1px 0;}
.errorblock a {color:#ee0000;font-weight:bold;text-decoration:underline;}
.errorform input, .errorform textarea, .errorform select,
input.errorform, textarea.errorform, select.errorform {color:#ee0000 !important;border:1px solid #ee0000 !important;}
.erroricon {width:13px;height:13px;background:url(../images/bg_error.png) no-repeat 1px 1px;}
.errortext {color:#ee0000;}

.explain {font-size:10px;}
/*+++++ /TEXT +++++*/


/*+++++ SONSTIGES +++++*/

/* Chartfarben */
.chartcolorA,.chartcolorB,.chartcolorC {width:5px;height:5px;margin-top:7px;border-right:20px solid #f00; }
.chartcolorA {border-right-color:#f00;}
.chartcolorB {border-right-color:#0f0;}
.chartcolorC {border-right-color:#00f;}

.pushpos {background-color:#006633 !important;color:#ffffff !important;}
.pushneg {background-color:#cc0033 !important;color:#ffffff !important;}
.pushneu {background-color:#c0c0c0 !important;color:#000000 !important;}

/* Farben Risikoklassen (Reiter Zertifikate) */
.colored_rk1 {border-bottom:5px solid #98D860;}
.colored_rk2 {border-bottom:5px solid #D0E858;}
.colored_rk3 {border-bottom:5px solid #F8F858;}
.colored_rk4 {border-bottom:5px solid #F8C860;}
.colored_rk5 {border-bottom:5px solid #F87868;}

/* Abstaende */
.w25 {width:25px;} input.w25 {width:19px;}
.w50 {width:50px;} input.w50 {width:44px;}
.w66 {width:66px;} input.w66 {width:60px;}
.w100 {width:100px;} input.w100, textarea.w100 {width:94px;}
.w120 {width:120px;} input.w120, textarea.w120 {width:114px;}
.w130 {width:130px;} input.w130, textarea.w130 {width:124px;}
.w140 {width:140px;} input.w140, textarea.w140 {width:134px;}
.w180 {width:180px;} input.w180, textarea.w180 {width:174px;}
.w200 {width:200px;} input.w200, textarea.w200 {width:194px;}
.w300 {width:300px;} input.w300, textarea.w300 {width:294px;}
.w26p {width:26%;}
.w35p {width:35%;}
.w52p {width:52%;}
.trenner6 {clear:both;height:6px;font-size:0;}
.trenner10 {clear:both;height:10px;font-size:0;}
.trenner15 {clear:both;height:15px;font-size:0;}
.trennerhor21 {clear:both;height:10px;font-size:0;border-bottom:1px dotted #000000;margin-bottom:10px;}

img.arrowR {padding:0 0 0 2px;/*vertical-align:1px;*/} /*Top/Flop-Pfeil neben Text*/

/* jquery.hoverbox */
.tooltip {cursor:help;}
#tooltip {z-index:1000;color:#000;font-size:11px;font-family:Arial;padding: 5px 7px;background: #ffffbb;border: 1px solid #000;opacity: 0.90;max-width:250px;}

/*+++++ /SONSTIGES +++++*/


/*+++++ WERBUNG +++++*/
#ad_space {_font-size:0;height:0;width:840px;} /* EDIT XXX: Hoehe des Block vor dem Content, je nach Banner */
.adHeader_A {position:absolute;top:20px;left:0px;width:820px;text-align:center;font-size:10px;}
.adContentFull_A {position:relative;zoom:1;margin:15px 0 15px 0;background:#ffffff;text-align:center;font-size:12px;}
.adContentFull_A .inner {padding:10px 0;border:1px solid #d9d9d9;}
.adContentFull_A .sponsored {position:absolute;top:1px;left:5px;color:#999;font-size:11px;}
.adContentFull_A p {margin:0;}
span.hintAdvertising {font-size: 9px;font-weight: normal;text-transform: none;color: rgb(170, 170, 170);padding: 0px 2px;}
/*+++++ /WERBUNG +++++*/


/*+++++ CLEAR FLOATING (clearfix) +++++*/
.clearfix:after {content: "."; clear: both; height: 0; visibility: hidden; display: block;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clearflow {overflow:hidden; _width:100%; border-bottom:1px solid #ffffff; margin-bottom:-1px;}
/*+++++ /CLEAR FLOATING (clearfix) +++++*/

/*
--------------------------------------------------------------------------------
	vwd TopServiceFonds
--------------------------------------------------------------------------------
*/
.outer > div.topServiceFondsSwitch {position:absolute;top:10px;right:10px;}
.outer > h3.headlineBlock+form.formA > div.topServiceFondsSwitch {position:absolute;top:-28px;right:8px;}
div.topServiceFondsSwitch {
	position: relative;
	border: 1px solid #d3d3d3;
    background-color: #f6f6f6;
	height: 16px;
    color:#383838;
    font-weight: normal;
	padding: 5px 0px 0px 25px;
    width: 200px;
	font-size:11px;
	line-height:12px;
}
div.topServiceFondsSwitch label,
form.searchcontainer div.sc_head div.topServiceFondsSwitch label {
	margin: 0px;
	float: none;
}
div.topServiceFondsSwitch input.option {
	position: absolute;
	top: 4px;
	left: 5px;
}
div.topServiceFondsSwitch a.topServiceFonds {
	background-image: url(../images/gradient_vwd_top_fonds.png);
    background-position: -615px -6px;
    background-repeat: no-repeat;
    height: 21px;
    width: 21px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.outer > div.topServiceFondsSwitchIcon {position:absolute;top:0;right:0;}
div.topServiceFondsSwitchIcon a.topServiceFondsIcon {
	background-image: url(../images/gradient_vwd_top_fonds.png);
    background-position: -615px -6px;
    background-repeat: no-repeat;
    height: 21px;
    width: 21px;
    position: absolute;
    right: 0px;
    top: 0px;
}