body, html {
    margin: 0px;
    padding: 0px;
    color: #383838;
}
body {
    /*
   *background-color: #e5e5e5;
  */
    background-color: #ffffff;
    font-size:12px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

img {
    border: none;
}
iframe {
    border: none;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
}
form, input, ul, ol, li, div, h1, h2, h3, h4, h5, p, figure {
    margin: 0px;
    padding: 0px;
}
p {
    margin-bottom: 10px;
}

input, select, textarea {
    color: #383838;
    background-color: #ffffff;
    border: 1px solid #D3D3D3;
    font-weight: normal;
  font-size:12px;
}

h1, h2, h3 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
}

h1, h2 {
    font-size:18px;
    height:18px;
    line-height: 18px;
    padding: 0px 0px 6px 0px;
    font-weight:bold;
    border-bottom: 1px solid #c7c7c7;
}
h2 {
    overflow:hidden;
    white-space: nowrap;
}
h3 {
    font-size:14px;
    margin-bottom: 10px;
}

sup {
    font-size: 10px;
    font-weight: normal;
    padding: 0px 2px 0px 1px;
    position: relative;
    top: -4px;
    vertical-align: baseline;
}

h2 span.comment {
    float: right;
}


hr {
  height:1px;
  margin:5px 0 5px 0;
  border: 0px solid #ddd;
  background-color:#ddd;
}



/*
--------------------------------------------------------------------------------
    Logo für Druckversion ausblenden
--------------------------------------------------------------------------------
*/

div.printhead {
  display:none;
}


/*
--------------------------------------------------------------------------------
    Beschreibung unter H2-Ueberschriften
--------------------------------------------------------------------------------
*/
div.descriptionBox {
  padding: 10px 0px;
    line-height: 17px;
}
div.descriptionBox img {
  float:left;
  margin: 0px 10px 5px 0px;
}

/*
--------------------------------------------------------------------------------
    Allgemeine Angaben
--------------------------------------------------------------------------------
*/
.r  { text-align: right;  }
.l  { text-align: left;   }
.c  { text-align: center; }

.lf { float: left !important; }
.rf	{ float: right !important; }

.v_top      { vertical-align: top !important; }
.v_middle   { vertical-align: middle !important; }
.v_bottom   { vertical-align: bottom !important; }

.b  { font-weight: bold; }
.bb { font-weight: bold; font-size: 13px; }

.yellow { color:#bfbf00; }
.red 	{ color:#FD0002; }
.green  { color:#0C9C00; }
.orange	{ color:#fea002; font-size:inherit; }

.bgRed  { background-color:#FD0002; color: #fff; }
.bgGreen{ background-color:#0C9C00; color: #fff; }
.bgGrey { background-color:#C0C0C0; }
.bgRT 	{ background-color:#FEA002; }


.bline  { border-bottom: 1px solid #c7c7c7 !important; }
.bline2 { border-bottom: 5px solid #c7c7c7 !important; }
.tline  { border-top:    1px solid #c7c7c7 !important; }
.tline2 { border-top:    5px solid #c7c7c7 !important; }
.nline  { border:        none !important; }

.nw     { white-space:nowrap; }

/*
--------------------------------------------------------------------------------
    Links
--------------------------------------------------------------------------------
*/
a:link,
a:visited,
a:active {
    color:#295f95;
    text-decoration:none;
    font-size: 12px;
}
a:hover {
    text-decoration:underline;
}

a.red:link,
a.red:visited,
a.red:active {
    color:#FD0002;
}
a.green:link,
a.green:visited,
a.green:active {
    color: #0C9C00;
}

a.extern:link,
a.extern:visited,
a.extern:active {
    background-image: url(../images/icons/extern.gif);
    background-position: left 3px;
    background-repeat: no-repeat;
    padding-left:12px;
}
a.selector {
    display: block;
  padding: 1px 14px 0px 4px;
    background-image: url(../images/icons/dropdown_arrow.png);
    background-position: right center;
    background-repeat: no-repeat;
  border: 1px solid #c7c7c7;
  background-color: #f8f8f8;
}

a.quickChart {
    background-image: url(../images/icons/quickchart.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
  padding: 4px 0px 0px 20px;
  line-height: 25px;
}
a.quickNews {
    background-image: url(../images/icons/quicknews.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
  padding: 4px 0px 0px 20px;
  line-height: 25px;
}

a.blockMore {
    display: block;
    margin: 10px 0px;
    font-weight: bold;
    background-color: #D7E3EF;
    padding: 5px;
    text-align: center;
}

a.blockMorePlatow {
  display: block;
  margin: 10px 0px;
  font-weight: bold;
  background-color: #d84f17;
  padding: 5px;
  text-align: center;
  color:#fff;
  font-size:13px;
}

span.txtAlertRed {
    color: #BC001E;
    font-weight: bold;
    margin-left: 2px;
    padding: 0 2px;
}

span.pushActive {
    background-image: url(../images/icons/pushBlink.gif);
    background-position: 2px 2px;
    background-repeat: no-repeat;
    padding-left:16px;
}
span.pushInActive {
    background-image: url(../images/icons/pushBlinkRed.gif);
    background-position: 2px 2px;
    background-repeat: no-repeat;
    padding-left:16px;
}
span.pushActive a,
span.pushInActive a {
  margin: 0px !important;
}

div.ivwszm {
  width: 1px;
  height: 1px;
  line-height: 1px;
  margin: -1px 0px 0px -1px;
}

/*
--------------------------------------------------------------------------------
    Spaltenaufteilung
--------------------------------------------------------------------------------
*/
div.col_940 { margin: 0px 10px; width:940px; float:left; }
div.col_620 { margin: 0px 10px; width:620px; float:left; }
div.col_300 { margin: 0px 10px; width:300px; float:left; }
div.col_460 { margin: 0px 10px; width:460px; float:left; }
div.col_220 { margin: 0px 10px; width:220px; float:left; }
div.col_172 { margin: 0px 10px; width:172px; float:left; }
div.col_364 { margin: 0px 10px; width:364px; float:left; }

div.col_196 { margin: 0px 10px; width:196px; float:left; }
div.col_390 { margin: 0px 10px; width:404px; float:left; }
/* div.col_314 { margin: 0px 10px; width:314px; float:left; } */

/*
--------------------------------------------------------------------------------
    Pfeile
--------------------------------------------------------------------------------
*/
a.arrow:link,
a.arrow:visited,
a.arrow:active,
a.arrow:hover,
span.arrow {
    background-image:url(../images/icons/arrow_sprite.png);
    background-repeat:no-repeat;
    padding-right: 10px;
}
.a1 { background-position: right -106px; }
.a2 { background-position: right -131px; }
.a3 { background-position: right -156px; }
.a4 { background-position: right -181px; }
.a5 { background-position: right -205px; }


/*
--------------------------------------------------------------------------------
 Summe ueber Tabelle
--------------------------------------------------------------------------------
*/
span.total {
    position: absolute;
    top: 5px;
    right:0px;
    font-weight: bold;
}
span.total span {
    padding: 0px 8px 0px 8px;
}


/*
--------------------------------------------------------------------------------
  Chartkarussell (SEO optimized, minimized)
  fuer 5 Charts
--------------------------------------------------------------------------------
*/
div.ck {
    background-color: #f7f7f7;
  background-position:0 -220px;
  padding: 5px 6px;
  border-bottom:1px solid #d2d2d2;
  padding-bottom: 8px;
}

div.ck div.wrap {
  float:left;
  width: 175px;
  margin: 0px 5px;
}
div.ck div.wrap strong {
  display: block;
  clear:both;
    overflow: hidden;
    white-space: nowrap;
  margin:4px 0px 2px 0px;
}
div.ck div.wrap strong span {
  float: right;
  font-weight: normal;
  padding: 1px 0px;
}
div.ck div.wrap strong a.name {
  padding: 0px 3px;
}
div.ck div.wrap img {
  border: 1px solid #e2e2e2;
}
div.ck div.wrap div.more {
    background-color: #fff;
  border: 1px solid #e2e2e2;
}
div.ck div.wrap div.more a {
    padding: 1px 4px;
    display: block;
    font-size: 11px;
    text-align: center;
}
div.ck div.wrap div.more a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #508CCA;
}
div.ck div.indexlists {
  font-size:11px;
  margin-top:5px;
}
div.ck div.indexlists a {
  font-size:inherit;
  padding:0px 7px;
  border-right: 1px solid #C7C7C7;
}

/*
--------------------------------------------------------------------------------
    Chartkarussel - Kennzahlen
--------------------------------------------------------------------------------
*/
div.ck#c2,
div.ck#c4 {
  height:175px;
}
div.ck#c2 div.wrap {
    width: 290px;
}
div.ck#c4 div.wrap {
    width: 220px;
}

/*
    Realtime-Indikationen Homepage
*/
div.pushBlock div.push {
    display: block;
    width: 99px;
    height: 60px;
    border: 1px solid #fff;
    margin: 1px;
    float:left;
    text-align:center;
    padding: 8px 0px;
    color: #383838;
    background-color: #f2f2f2;
    position: relative;
    border:1px solid #f2f2f2;
    font-weight:bold;
}

div.pushBlock div.pc104 a,
div.pushBlock div.pc105 a,
div.pushBlock div.pc106 a {
    color: #295f95  !important;
}

div.pushBlock div.pc104{
    background:#f2f2f2 !important;
    border:1px solid #f2f2f2;
    color:#0d9d00 !important;
    font-weight:bold;
}
div.pushBlock div.pc105{
    background:#f2f2f2 !important;
    border:1px solid #f2f2f2;
    color:#383838 !important;
    font-weight:bold;
}
div.pushBlock div.pc106{
    background:#f2f2f2 !important;
    border:1px solid #f2f2f2;
    color:#df1801 !important;
    font-weight:bold;
}
div.pushBlock div.push:hover {
    border: 1px solid #383838;
}



/* Zugehörige OS / KO / Zertifikate */
div.pushBlock div.push div.associated {
  position: absolute;
  bottom:1px;
  left: 1px;
  height: 15px;
  width: 97px;
  background-color: rgba(255, 255, 255, 0.6);
}
div.pushBlock div.push div.associated a {
  color:#383838;
  margin: 0px 4px;
  font-size: 11px;
}

/* Zeile auffüllen */
div.pushBlock span.fill {
    display: block;
    width: 99px;
    height: 78px;
    border: 1px solid #fff;
    margin: 1px;
    float:left;
    background-color: #f7f7f7;
}

/* Zeile auffüllen mit Sponsor */
div.pushBlock div.bnp {
    background-color: #f7f7f7;
    background-image: url(../media/partner/bnp_grid_99x45.png);
    background-repeat: no-repeat;
    background-position: 205px 2px;
    border: 1px solid #fff;
    margin: 1px;
    height: 66px;
    width: 295px;
    padding: 5px;
    float: left;
    text-align: center;
}
div.pushBlock div.bnp a {
    font-weight: bold;
    padding: 0px 8px;
}
div.pushBlock div.bnp a.logo {
    display: block;
    background-image: url(../media/partner/bnp_134x35.png);
    background-repeat: no-repeat;
    margin: 2px 0px 6px 20px;
    width: 134px;
    height: 35px;
}
div.pushBlock span.kurs{
  display:inline-block;
  margin:1px;
  font-size:15px;
}
/*
  Analysen Urteile
    ac104 - positiv
    ac105 - neutral
    ac106 - negativ
*/
div.ac104,
div.ac105,
div.ac106 {
  font-weight: bold;
  padding: 10px;
}
div.ac104 span.urteil,
div.ac105 span.urteil,
div.ac106 span.urteil {
  font-size: 22px;
  padding-left: 10px;
}
div.ac104   { background-color:#0d9d00; color:#fff; }
div.ac105	 { background-color:#c0c0c0; }
div.ac106   { background-color:#df1801; color:#fff; }

/*
  Pushkurse farben
    pc104 - positiv
    pc105 - neutral
    pc106 - negativ
*/
.pushArrow {
  padding-right: 15px !important;
}
.pc103   { color:#fff !important; background-color:#34c327 !important; }

.pc104   { color:#fff !important; background-color:#0d9d00 !important; }
.pc104a  { color:#fff !important; background: #0d9d00 url(../images/icons/arrow_sprite.png) no-repeat right -228px !important; }
.pc104 a.name { color:#fff !important; }

.pc105	 { background-color:#c0c0c0 !important; }
.pc105a  { background: #c0c0c0 url(../images/icons/arrow_sprite.png) no-repeat right -278px !important; }

.pc106   { color:#fff !important; background-color:#df1801 !important; }
.pc106a  { color:#fff !important; background: #df1801 url(../images/icons/arrow_sprite.png) no-repeat right -328px !important; }
.pc106 a.name { color:#fff !important; }

.pc107   { color:#fff !important; background-color:#df6c5e !important; }


/*
--------------------------------------------------------------------------------
  Teaser Weltkarte
--------------------------------------------------------------------------------
*/
a.teaserWaehrungsrechner {
  display: block;
  width: 300px;
  height: 108px;
  background-image: url(../images/teaserworldmap.gif);
  background-repeat: no-repeat;
}


/*
--------------------------------------------------------------------------------
  btnBack, btnForward - Blaettern
  btnPlus - Suche (Basiswerte, Vorschlaege)
  btnCalendar - Kalender
--------------------------------------------------------------------------------
*/
a.btnPlus,
a.btnMinus,
a.btnCalendar,
a.btnBack,
a.btnForward,
span.btnBack,
span.btnForward {
  display: inline-block;
  border: 1px solid #244b6c;
  background-color: #2e6ba8;
  background-image: url(../images/icons/icons_sprite.png);
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
}

a.btnBack	   { background-position: -14px -132px; float:left;  }
a.btnForward   { background-position: -28px -132px; float:right; }
a.btnPlus	   { background-position: -42px -132px; border: 1px solid #d3d3d3; }
a.btnMinus	   { background-position: -42px -132px; border: 1px solid #d3d3d3; }
a.btnCalendar  { background-position: -57px -132px; border: 1px solid #d3d3d3; width: 15px; }
span.btnBack   { background-position: -14px -132px; float:left;  }
span.btnForward{ background-position: -28px -132px; float:right; }


/*
--------------------------------------------------------------------------------
    Icons + Buttons
--------------------------------------------------------------------------------
*/
/*
  Icons + Buttons
*/
a.btnUp,
a.btnDown,
a.btnLeft,
a.btnRight,
a.btnGo,
a.iconInsert,
a.iconPlus,
a.iconMinus,
a.iconInfo,
a.iconChart,
span.iconChange,
a.iconChange,
a.iconCalc,
span.iconEdit,
a.iconEdit,
a.iconDelete,
a.iconList,
a.iconNewNews,
span.iconNewNews,
a.iconNoNews,
a.iconNews,
a.iconPush,
a.iconPDF,
a.iconXLS,
a.iconVideo,
a.iconETF,
a.iconTV,
a.iconZert,
a.iconOS,
a.iconKO,
a.iconScroll,
a.iconBack,
a.iconExpired,
a.iconCheckDefaultInactive,
a.iconCheckDefaultActive,
span.iconExpired,
span.btnLeft,
span.btnRight,
span.iconPlus,
span.iconMinus,
span.btnNoRight,
span.iconAlert,
span.iconNoAlert,
span.iconNotiz,
span.iconInfo,
span.iconDelete,
span.iconNoInfo,
span.iconNoNews,
span.iconNoList,
span.iconNoChange,
span.iconBlank,
span.trendBg,
span.icon_row_arrow_up,
span.icon_row_arrow_down,
span.finanztreff,
div.orderLayer table.pp td a.bGreyLeft,
div.orderLayer table.pp td a.bRedRight {
  display: block;
  display: -moz-inline-box; vertical-align:top; /* FireFox 2.0 Fix */
  display: inline-block;
  background-color: #2e6ba8;
  background-image: url(../images/icons/icons_sprite.png);
  background-repeat: no-repeat;
  height: 12px;
  width: 12px;
  font-size:6px;
  margin: 2px 2px 0px 2px;
  border-radius:2px;
}
a.btnUp			{ background-position: -12px -146px; }
a.btnDown		{ background-position:   0px -146px; }
a.btnLeft		{ background-position: -24px -146px; }
a.btnRight  	{ background-position: -36px -146px; }
a.btnGo     	{ background-position:-129px  -89px; width: 18px; height: 18px; }
a.iconPush		{ background-position: -60px -158px; }
a.iconVideo		{ background-position: -12px -170px; width: 35px; }
a.iconTV		{ background-position:   0px -170px; }
span.iconInfo,
a.iconInfo	 	{ background-position: -48px -158px; }
span.iconEdit,
a.iconEdit	 	{ background-position: -48px -170px; }
a.iconDelete,
span.iconDelete { background-position: -72px -170px; }
a.iconList	 	{ background-position: -96px -170px; }
a.iconPDF	 	{ background-position: -72px -158px; width: 28px; }
a.iconXLS	 	{ background-position:-117px -158px; width: 28px; }
span.iconNewNews,
a.iconNewNews   { background-position: -48px -182px; }
a.iconNoNews    { background-position: -60px -182px; }
a.iconNews	 	{ background-position:-108px -170px; }
span.iconChange,
a.iconChange    { background-position: -24px -182px; }
a.iconChart     { background-position: -60px -170px; }
a.iconCalc      { background-position:-120px -170px; }
a.iconZert      { background-position:   0px -158px; }
a.iconOS        { background-position: -24px -158px; }
a.iconKO        { background-position: -36px -158px; }
a.iconETF	 	{ background-position: -99px -158px; width: 18px; }
a.iconPlus	 	{ background-position:-101px  -99px; background-color: transparent; width: 9px; height: 9px; }
a.iconMinus	 	{ background-position:-101px  -90px; background-color: transparent; width: 9px; height: 9px; }
a.iconScroll    { background-position:-111px -182px; background-color: transparent; width: 9px; margin: 1px 0px 0px 0px; }
a.iconBack      { background-position:-120px -182px; background-color: transparent; width: 9px; }
a.iconInsert    { background-position:-147px  -89px; width: 18px; height: 18px; }
a.iconCheckDefaultInactive	{ background-position:-72px  -146px; background-color: transparent; width: 12px; height: 12px; }
a.iconCheckDefaultActive	{ background-position:-84px  -146px; background-color: transparent; width: 12px; height: 12px; }

span.iconExpired,
a.iconExpired     { background-position:-132px  -170px;}

span.iconPlus	  { background-position:-101px  -99px; background-color: transparent; width: 9px; height: 9px; }
span.iconMinus	  { background-position:-101px  -90px; background-color: transparent; width: 9px; height: 9px; }
span.btnLeft	  { background-position: -24px -146px; }
span.btnRight	  { background-position: -36px -146px; }
span.btnNoRight	  { background-position: -60px -146px; }
span.iconAlert	  { background-position:   0px -182px; background-color: #e8ba1e; }
span.iconNoAlert  { background-position: -12px -182px; background-color: #fdf3d1; }
span.iconNotiz	  { background-position: -96px -182px; width: 15px; background-color: transparent; }
span.iconInfo	  { background-position: -48px -158px; }
span.iconNoInfo   { background-position: -72px -182px; }
span.iconNoNews   { background-position: -60px -182px; }
span.iconNoChange { background-position: -36px -182px; }
span.iconNoList   { background-position: -84px -182px; }
span.iconBlank	  { background: none; }
span.finanztreff  { background-position: -260px -72px; background-color: transparent; width: 79px; height: 15px; }

span.icon_row_arrow_up 	 { background-position: -154px -184px; background-color: transparent; width: 11px; height: 8px; margin-right:10px; }
span.icon_row_arrow_down { background-position: -166px -184px; background-color: transparent; width: 11px; height: 8px; margin-right:10px; margin-left:7px; margin-top:5px; }


a.feedbackbtn {
  display:block;
  width:300px;
  height:30px;
  text-align:center;
  background-color:#ff8000;
  border-radius:5px;
  margin-top:10px;
  color:#fff;
  font-weight:bold;
  font-size:18px;
  padding-top:10px;
  background: linear-gradient(135deg, #ffb500, #ff7b02);
}



/*
--------------------------------------------------------------------------------
  Trend
--------------------------------------------------------------------------------
*/
span.trendBg      {
  background-position: -73px -133px;
  width: 26px;
  height:13px;
  background-color: transparent;
  position:relative;
}
span.trendBg span {
  display: block;
  display: -moz-inline-box; vertical-align:top; /* FireFox 2.0 Fix */
  width:2px;
  height: 13px;
  background-color:#383838;
  font-size:6px;
  position:absolute;
}
span.trendBg span.marker1 {	left:0px; }
span.trendBg span.marker2 {	left:3px; }
span.trendBg span.marker3 {	left:6px; }
span.trendBg span.marker4 {	left:9px; }
span.trendBg span.marker5 {	left:12px; }
span.trendBg span.marker6 {	left:15px; }
span.trendBg span.marker7 {	left:18px; }
span.trendBg span.marker8 {	left:21px; }
span.trendBg span.marker9 {	left:24px; }


/*
--------------------------------------------------------------------------------
  Produkte im Fokus (Hot or Not)
--------------------------------------------------------------------------------
*/
table.pif th.name,
table.pif td.name {
  border-right: 1px solid #c7c7c7;
}
table.pif tr td.name a,
table.pif tr th.name span {
  padding-right: 28px;
  display: block;
}
table.pif tr td.name a span {
  color: #383838;
}
table.pif tr td.selected {
  background: #ececec url(../images/icons/aif_selected.png) no-repeat right top !important;
  border-right: none;
}
table.pif tr td.selected a {
  color: #ba0120;
  font-weight: bold;
}
table.pif tr td.name:hover {
  background: #ececec url(../images/icons/aif_selected.png) no-repeat right bottom;
}
table.pif tr td.products {
  background-color: #ececec;
  border-right: 1px solid #c7c7c7;
  padding: 15px 15px 0px 15px;
}
table.pif tr td.products div.emiBox {
  padding: 0px;
}


/*
--------------------------------------------------------------------------------
  Analysenrating und Relation
--------------------------------------------------------------------------------
*/
div.relation,
div.rating {
  background-image: url(../images/bg_relation.gif);
  background-position:center;
  width:32px;
  height:9px;
  margin: 3px auto 0px auto;
}
div.rating {
  width:80px;
}
div.relation div.neg,
div.rating div.neg {
  float:right;
  margin-right:17px;
  height:9px;
  background-image: url(../images/bg_relation_neg.gif);
  background-position: right;
}
div.rating div.neg {
  margin-right:41px;
}
div.relation div.pos,
div.rating div.pos {
  float:left;
  margin-left:17px;
  height:9px;
  background-image: url(../images/bg_relation_pos.gif);
  background-position: left;
}
div.rating div.pos {
  margin-left:41px;
}

table.kursliste td.branchen div.relation {
  width:70px;
}
table.kursliste td.branchen div.relation div.neg {
  margin-right:36px;
}
table.kursliste td.branchen div.relation div.pos {
  margin-left:36px;
}

/*
--------------------------------------------------------------------------------
 Wertpapiervergleich
--------------------------------------------------------------------------------
*/
table.vergleich a.portrait,
table.vergleich a.remove {
    display: block;
    background-image: url(../images/gradient_x_sprite.gif);
    background-position: 0px -720px;
    border: 1px solid #C7C7C7;
    padding: 2px 1px;
    text-align: center;
}
table.vergleich td.kurs div.arrow {
    background-image: url(../images/icons/arrow_sprite.png);
    background-repeat: no-repeat;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    padding-right: 30px;
}

table.vergleich td.kurs div.p0 { background:none; padding-right: 0px;} /* Zertifikate-Vergleich */
table.vergleich td.kurs div.p1 { background-position: right   0px; }
table.vergleich td.kurs div.p2 { background-position: right -20px; }
table.vergleich td.kurs div.p3 { background-position: right -40px; }
table.vergleich td.kurs div.p4 { background-position: right -60px; }
table.vergleich td.kurs div.p5 { background-position: right -80px; }


/*
--------------------------------------------------------------------------------
 Basiswert fuer Suche
--------------------------------------------------------------------------------
*/
div.searchBasiswert {
  padding:4px 2px 6px 2px;
  font-weight: bold;
}
div.searchBasiswert span {
  padding-left: 10px;
}

/*
--------------------------------------------------------------------------------
 KID (SRRI)
--------------------------------------------------------------------------------
*/
div.risikoKIID {
    background-color: #ECECEC;
    padding: 5px 8px;;
}
div.risikoKIID span {
    float:right;
}
table.risikoKIID tr td {
    border: 1px solid #C7C7C7;
    padding: 6px;
}
table.risikoKIID tr td.selected {
    background-color: #98B7D6;
    color: #FFFFFF;
}
/*
--------------------------------------------------------------------------------
  ChartLegende
--------------------------------------------------------------------------------
*/
div.chertLegende {
  display:inline-block;
  width:7px;
  height:7px;
  border:1px solid #383838;
  margin:3px 4px 0px 0px;
}
div.chertLegende#b1 { background-color:#9acd06; }
div.chertLegende#b2 { background-color:#fe0d0d; }
div.chertLegende#b3 { background-color:#ffce0d; }
div.chertLegende#b4 { background-color:#3b74af; }
div.chertLegende#b5 { background-color:#ff6600; }
div.chertLegende#b6 { background-color:#0c9c00; }
div.chertLegende#b7 { background-color:#ffcc04; }
div.chertLegende#b8 { background-color:#ff3300; }


/*
--------------------------------------------------------------------------------
    Container für Navigation, Content und Seite
--------------------------------------------------------------------------------
*/
div.wrapper {
  width: 1120px;
  margin: 0px auto 0px auto;
}
div.mainContainer {
    background-color: #fff;
    width: 960px;
    padding: 9px 9px 40px 9px;
  border:1px solid #e5e5e5;
  border-bottom: 0px;
  position:relative;
}

body.frame,
div.mainContainerLayer {
    background-color: #fff;
}
div.contentBox {
    margin-bottom: 30px;
    /*background-color: lime;*/
}
div.relative {
  position:relative;
}


div.contentBox div.left300  { width: 300px; float:left;  }
div.contentBox div.left600  { width: 600px; float:left;  }
div.contentBox div.left620  { width: 620px; float:left;  }
div.contentBox div.right300 { width: 300px; float:right; }

/*
--------------------------------------------------------------------------------
    Indexzeile mit Zeit und aktuellen Indexstaenden
    vwdgroup Logo
--------------------------------------------------------------------------------
*/
div.indizes {
    margin:0px 10px;
    height:26px;
    line-height:26px;
}
div.indizes a {
    margin-left:8px;
}
div.indizes span.vwdGroup {
    background-image: url(../images/icons/icons_sprite.png);
    background-position: -174px -68px;
    background-repeat: no-repeat;
    display: block;
    margin-top: 2px;
    float: right;
    width: 80px;
    height: 26px;
}
div.indizes span {
    padding-left: 5px;
}

/*
--------------------------------------------------------------------------------
    Social Media Integration
--------------------------------------------------------------------------------
*/
div.indizes span.soc {
    float: right;
}
div.indizes span.soc a,
div.indizes span.soc div {
    background-repeat:no-repeat;
    background-image: url(../images/icons/icons_sprite.png);
    float:right;
    width: 16px;
    height:15px;
    margin:6px 0 0 5px;
}
div.indizes span.soc div:hover 	  { cursor: pointer; }
div.indizes span.soc a.google     { background-position: -134px -294px; }
div.indizes span.soc div.facebook { background-position: -114px -294px; }
div.indizes span.soc div.twitter  { background-position: -154px -294px; }
div.indizes span.soc div.xing     { background-position: -174px -294px; }


/*
--------------------------------------------------------------------------------
    Social Media Integration groß (28x28)
--------------------------------------------------------------------------------
*/

div.socBig a,
div.socBig span {
    display: inline-block;
  background-repeat:no-repeat;
    background-image: url(../images/icons/icons_sprite.png);
    width: 28px;
    height:28px;
  margin-right:10px;
}
div.socBig span 			{ cursor: pointer; }
div.socBig a.google			{ background-position: -28px -293px; }
div.socBig span.facebook	{ background-position: 0px -293px; }
div.socBig span.twitter		{ background-position: -56px -293px; }
div.socBig span.xing		{ background-position: -84px -293px; }


/*
  Social Media Integration fuer Artikel & Kursportraits
*/
div.snapshot div.socialMedia {
  padding: 6px 20px 0px 20px;
  height: 25px;
  background-color: #F6F6F6;
}

/*
  Social Media Integration fuer EmittentenAdressBox
*/
div.soc {
  line-height: 16px;
}
div.soc span.facebook,
div.soc span.google,
div.soc span.twitter {
    float: left;
  background-repeat:no-repeat;
    background-image: url(../images/icons/icons_sprite.png);
    width: 16px;
    height:15px;
  margin: 0px 5px 0px 0px;
  cursor: pointer;
}
div.soc span.facebook { background-position: -114px -294px; }
div.soc span.google   { background-position: -134px -294px; }
div.soc span.twitter  { background-position: -154px -294px; }


/*
--------------------------------------------------------------------------------
    Kopfzeile und Fusszeile mit
    finanztreff.de Logo und Suche (Sprite)
--------------------------------------------------------------------------------
*/
div.vwdFondsService,
div.vwdFondsServicePortrait {
    position: relative;
    background-color: #ccdbed;
  background: linear-gradient(135deg, #98b7d6 10%,#ccdbed 60%, #f2f6fa 90%);
    height: 30px;
}
div.vwdFondsService a.topServiceFonds,
div.vwdFondsServicePortrait a.topServiceFonds {
    position: absolute;
    height: 30px;
    left: 5px;
    top: 0px;
    width: 170px;
    background-image: url(../images/logo_vwd_top_fonds.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
div.vwdFondsService a.topServiceFondsText,
div.vwdFondsServicePortrait a.topServiceFondsText {
    position: absolute;
    right: 5px;
    top: 7px;
}
div.vwdFondsServicePortrait {
  padding-top: 30px;
}

/*
--------------------------------------------------------------------------------
    Kopfzeile und Fusszeile mit
    finanztreff.de Logo und Suche (Sprite)
--------------------------------------------------------------------------------
*/
div.head {
    position: relative;
    margin:0px 10px;
    height:80px;
    background-color: #5184B9;
    background-image: url(../images/gradient_x_sprite.gif);
    background-position: 0px 0px;
    background-repeat: repeat-x;
}
div.head#bottom { height:50px;  }
div.head_print  { display:none; }

/*
    finanztreff.de logo
*/
div.head a.finanztreff_header,
div.head a.finanztreff_footer {
    background-image: url(../images/icons/icons_sprite.png);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    left: 12px;
}
div.head a.finanztreff_header {
    width: 190px;
    height: 38px;
    top:  15px;
    background-position: 0px -321px;
}
div.head a.finanztreff_footer {
    width: 140px;
    height: 30px;
    top:  10px;
    background-position: -192px -321px;
}


div.head div.find {
    position: absolute;
    top:   14px;
    right: 14px;
    background-color: #769fc9;
    border: 1px solid #98B7D6;
    width: 328px;
    padding:5px;
}

div.head#bottom div.find {
    top: 10px;
}

div.head div.find input.text {
    float:left;
    border: 1px solid #537AA1;
    width: 113px;
    padding: 1px 2px 2px 18px;
    margin-right:3px;
    background-image:url(../images/icons/icons_sprite.png);
    background-position: -232px -2px;
    background-repeat: no-repeat;
}

div.head div.find input.subFind {
    float:left;
    background-image:url(../images/icons/icons_sprite.png);
    background-repeat: no-repeat;
    background-position: -111px -89px;
    background-color:#676867;
    border: 0px;
    width:  18px;
    height: 18px;
}

/* Login */
div.head div.loginLink {
    position: absolute;
    top:   58px;
    right: 14px;
    color: #fff;
}
div.head div.loginLink a {
    font-weight:bold;
    color: #fff;
}
/*
div.head div.loginLink a.loginButton {
    background: linear-gradient(to bottom, #ff7a01 0%, #ffb501 100%) ;
    border-radius: 2px;
    color: #fff;
    padding: 2px 5px 2px 5px;
    margin:0 5px 0 5px;
}
*/
div.head div.loginLink a.loginButton {
    background-color:#ff9900;
    background: linear-gradient(to bottom, #ff7a01 0%, #ffb501 100%) ;
    border-radius: 2px;
    color: #fff;
    padding: 2px 5px 2px 5px;
    margin:0 5px 0 5px;
}




/*
--------------------------------------------------------------------------------
    Kursausfall / Neu auf ftreff / Rote Headline mit Seitenbuttons
--------------------------------------------------------------------------------
*/
div.important {
    padding: 8px;
    background-color: #B7001E;
    font-weight: bold;
    color: #fff;
}
div.important a {
    font-weight: bold;
    color: #fff;
}

div.newFeatures {
  margin: 10px 10px 0px 10px;
}

div.headlineContainer {
    position: relative;
    margin: 10px 10px 0px 10px;
    padding: 0px 5px;
    height: 26px;
    line-height: 26px;
    border-bottom: 1px solid #e3e3e3;
}
div.headlineContainer div.buttonContainer {
    position: absolute;
    right: 10px;
    bottom: -1px;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
    background-color: #fff;
    padding: 5px 3px 1px 3px;
}

div.formContainer div.bPortfolio,
div.formContainer div.bWatchlist,
div.headlineContainer div.buttonContainer div.button,
div.headlineContainer div.buttonContainer a.bHelp,
div.headlineContainer div.buttonContainer a.bPrint,
div.headlineContainer div.buttonContainer a.bReload,
div.headlineContainer div.buttonContainer a.bPortfolio,
div.headlineContainer div.buttonContainer a.bWatchlist,
div.headlineContainer div.buttonContainer a.bLimits,
div.headlineContainer div.buttonContainer a.bFacebook {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0px 2px 0px 2px;
    background-color: #2e6ba8;
    background-image:url(../images/icons/icons_sprite.png);
    background-repeat: no-repeat;
}


div.headlineContainer div.buttonContainer a.bPrint      {   background-position: -40px -89px; }
div.headlineContainer div.buttonContainer a.bHelp       {   background-position:  -0px -89px; }
div.headlineContainer div.buttonContainer a.bFacebook   {   background-position:-119px -69px; width:55px;}
div.headlineContainer div.buttonContainer a.bReload     {   background-position: -80px -69px; }

div.formContainer div.bPortfolio,
div.headlineContainer div.buttonContainer a.bPortfolio	{   background-position: -40px -25px; }
div.formContainer div.bWatchlist,
div.headlineContainer div.buttonContainer a.bWatchlist	{   background-position: -1px -25px; }
div.headlineContainer div.buttonContainer a.bLimits     {   background-position: -60px -25px; margin-right: 10px; }


/*
--------------------------------------------------------------------------------
    Breadcrump
--------------------------------------------------------------------------------
*/
div.bc {
  margin:0px 10px 20px 10px;
  padding:5px;
  color:#888;
  font-size:11px;
}
div.bc a {
  font-size:11px;
}

/*
--------------------------------------------------------------------------------
    Erstanmeldung
--------------------------------------------------------------------------------
*/
div.thankyou {
  border:2px solid #FFA200;
  padding: 0px 5px 0px 5px;
  background-color: #f8f8f8;
  border-radius: 2px;
}

/*
--------------------------------------------------------------------------------
    Realtimekennzeichnungen
--------------------------------------------------------------------------------
*/
div.delayTime,
span.delayTime,

table.kurs td.delayTime,
table.portraitKurse td.delayTime,
table.kursliste td.delayTime,
table.extendetKursliste td.delayTime {
    background-image: url(../images/icons/delay_sprite.png);
    background-repeat: no-repeat;
    width:  11px;
    height: 18px;
    padding: 0px;
    border:  0px;
}

div.kursline div.delayTime{
  height:35px;
  float: left;
  top:0;
  bottom:0;
  margin:0;
  padding:0;
  line-height:0;
}

.rtk {	background-position:    0px bottom;	}
.t05 {	background-position:  -11px bottom;	}
.t10 {	background-position:  -22px bottom;	}
.t15 {	background-position:  -33px bottom;	}
.t20 {	background-position:  -44px bottom;	}
.t25 {	background-position:  -55px bottom;	}
.t30 {	background-position:  -66px bottom;	}
.t35 {	background-position:  -77px bottom;	}
.t40 {	background-position:  -88px bottom;	}
.t45 {	background-position:  -99px bottom;	}
.t50 {	background-position: -110px bottom;	}
.t55 {	background-position: -121px bottom;	}
.t60 {	background-position: -132px bottom;	}
.t60p{	background-position: -143px bottom;	}

.rtkq {	background-position: -154px bottom;	}
.t05q {	background-position: -165px bottom;	}
.t10q {	background-position: -176px bottom;	}
.t15q {	background-position: -187px bottom;	}
.t20q {	background-position: -198px bottom;	}
.t25q {	background-position: -209px bottom;	}
.t30q {	background-position: -220px bottom;	}
.t35q {	background-position: -231px bottom;	}
.t40q {	background-position: -242px bottom;	}
.t45q {	background-position: -253px bottom;	}
.t50q {	background-position: -264px bottom;	}
.t55q {	background-position: -275px bottom;	}
.t60q {	background-position: -286px bottom;	}
.t60qp{	background-position: -297px bottom;	}

td.delayTime div { width:11px; }


/*
--------------------------------------------------------------------------------
    allgemeine Tabellenformatierung
--------------------------------------------------------------------------------
*/
table {
    border-collapse: collapse;
    width:100%;
}
td, th {
    vertical-align: top;
    text-align: left;
    padding: 2px 2px 2px 2px;
    line-height: 15px;
}

/*
--------------------------------------------------------------------------------
    alternierende Tabellenhintergrundfarben
--------------------------------------------------------------------------------
*/
tr.z1, td.z1, .z1,
tr.z2, td.z2, .z2,
tr.z3, td.z3, .z3,
tr.z4, td.z4, .z4 {
    background-color: #ffffff;
    border-bottom: 1px solid #c8c8c8;
}
tr.z1:hover ,
tr.z2:hover {
    background-color: #ececec;
}

/* Edit */
table.extendetKursliste tr.z3 td,
table.extendetKursliste tr.z4 td {
  padding-top: 10px;
  padding-bottom: 10px;
}
table.extendetKursliste tr.z3 td {
  background-color: #D6E2EE;
  border-top: 2px solid #ABC3DB;
  border-bottom: 1px solid #ABC3DB;
}
table.extendetKursliste tr.z4 td {
  border-bottom: 2px solid #ABC3DB;
}
table.extendetKursliste tr.z3 td input {
  padding:2px;
}




table.extendetKursliste tr > td:last-of-type {
  border-right:1px solid #ececec;
}

/*
--------------------------------------------------------------------------------
    Kurstabelle + erweiterte Kurstabelle mit Trenner
--------------------------------------------------------------------------------
*/
table.kursliste,
table.newsliste,
table.portraitKurse,
table.extendetKursliste {
  background-color:#fff;
  border-bottom: 1px solid #c7c7c7;
  border-left:1px solid #ececec;
  border-right:1px solid #ececec;
}
table.kursliste th,
table.newsliste th,
table.extendetKursliste th,
table.portraitKurse th {
    background-color: #ececec;
  padding: 3px 3px 2px 3px;

    border-bottom: 1px solid #c7c7c7;
  border-left: none;
  border-right: none;
}
table.extendetKursliste tr.th1 th {
  border-bottom: none;
}

table.extendetKursliste td ul {
    padding-left: 12px;
}


table.extendetKursliste td.editCell {
    padding:2px !important;
}
table.extendetKursliste td.editCell input {
    padding:2px;
    margin:0px;
}

table.kursliste td span.alert,
table.extendetKursliste td span.alert {
  color: #f90;
  font-weight: bold;
  padding-left:4px;
}

table.newsliste td,
table.kursliste td,
table.extendetKursliste td {
    padding: 3px 4px;


}
div.indent,
table.kursliste td.indent,
table.kursliste th.indent,
table.extendetKursliste td.indent {
  padding-left: 15px;
}

table.extendetKursliste td.hint,
table.kursliste td.hint,
table.newsliste td.hint {
  padding: 10px;
}

table.extendetKursliste td.old,
table.kursliste td.old,
table.newsliste td.old {
  color: #A9A9A9;
}
table.newsliste td span.quelle {
  font-size: 11px;
  color: #A9A9A9;
}

table.newsliste th.selected a,
table.kursliste th.selected a,
table.extendetKursliste th.selected a{
    color:#BA0120;
}
table.newsliste th.selected,
table.kursliste th.selected,
table.extendetKursliste th.selected {
    color:#BA0120;
    background-color: #D8D8D8;
}

table.newsliste td a.selected,
table.kursliste td a.selected,
table.extendetKursliste td a.selected {
    color:#BA0120;
    font-weight: bold;
}

a.rtk_order {
    float: right;
    padding: 1px 5px;
    color: #FFFFFF;
    background-color: #fe9704;
    font-weight: normal;
    border-bottom-left-radius: 3px;
    margin: 0px 0px 20px 0px;
}
table.extendetKursliste a.rtk_order {
    margin: -3px -2px 0px 0px;
}

table.extendetKursliste td.rt {
  border-right: none;
}
table.extendetKursliste td {
  border-right: 1px solid #d8d8d8;
}


/*
  Notizen
*/
table.kursliste td.notiz,
table.extendetKursliste td.notiz {
    background-image: url(../images/icons/icon_notiz_8x8.gif);
    background-position: right top;
    background-repeat: no-repeat;
}

table.extendetKursliste td.notizFull {
  white-space: normal;
  color: #666;
}

a.notizEdit {
  white-space: nowrap;
  font-weight:bold;
  background-color: #D7E3EF;
  padding: 1px 4px;
  margin: 0px 3px;
}
a.notizEdit:hover {
  text-decoration: none;
}


/*
--------------------------------------------------------------------------------
    Overflow in Tabellen
--------------------------------------------------------------------------------
*/
table.ov {
    table-layout: fixed;
}
table.ov tr th {
    padding: 3px 4px 2px 4px;
}
table.ov tr td {
    padding: 3px 4px 3px 4px;
    overflow: hidden;
    white-space: nowrap;
}
.ovCell {
    overflow: hidden;
    white-space: nowrap;
  display: inline-block;
}

/*
--------------------------------------------------------------------------------
    Portfolio / Watchlist-Zeile
--------------------------------------------------------------------------------
*/
div.depotPortfolio {
  position: relative;
}

div.depotPortfolio h1 {
    height: auto;
  font-size: 20px;
  padding: 5px 3px 7px;
}

div.depotPortfolio a.change {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 170px;
    border: 1px solid #C7C7C7;
    background-color:#3d6fa2;
    background: url('../images/sprite_portfolioDropdown.png') no-repeat right -23px, linear-gradient(to bottom, #5c9fe3 0%,#3d6fa2 100%);
    color:#fff;
    float: right;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 25px 5px 10px;
}

div.depotPortfolio a.change:hover {
  text-decoration: underline;
}

/*
div.depotPortfolio a.change {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 170px;
  border: 1px solid #C7C7C7;
  background-image: url(../images/sprite_portfolioDropdown.png);
    background-position: right 8px;
    background-repeat: no-repeat;
    float: right;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 25px 5px 10px;
}
div.depotPortfolio a.change:hover {
  text-decoration: none;
    color: #B7001E;
  cursor: pointer;
  background-color: #f8f8f8;
  border: 1px solid #295F95;
    background-position: right -23px;
}*/

div.depotPortfolioFacts {
    background-color: #f1f1f1;
    padding: 3px;
    height:19px; line-height:19px;
    margin-bottom: 15px;
}

div.depotPortfolioFacts span.desc {	padding-right:  3px; color: #888888; }
div.depotPortfolioFacts span.val  {	padding-right: 15px; }

div.depotPortfolioFacts span.val a.selected { color: #BA0120; }

/*
--------------------------------------------------------------------------------
    Wertpapier: Kurszeile - 1
--------------------------------------------------------------------------------
*/
div.wpKurs {
  position: relative;
}

div.wpKurs h1 {
    height: auto;
  font-size: 18px;
    padding: 5px 3px 7px 3px;
}
div.wpKurs h1 span {
    font-weight:normal;
    white-space:nowrap;
  font-size: 18px;
}

div.wpKurs table.kurs {
  position: absolute;
  top: 0px;
  right: 0px;
  width: auto;
  margin: 0px;
}
div.wpKurs table.kurs td {
  padding: 6px 5px 6px 5px;
  font-size: 18px;
  font-weight: bold;
}

div.wpKurs table.kurs td.delayTime {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  width: 11px;
  padding: 0px;
}
div.wpKurs table.kurs td.fade {
  width: 30px;
  border-right:10px solid white;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
}

div.wpKurs table.kurs td.aktuell {
  padding-right:10px;
  background-color: #fff;
}
div.wpKurs table.kurs td.change {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-right: 1px solid #fff;
  background:#8a8a8a;
  background: linear-gradient(to bottom, #6a6a6a 0%,#989898 100%) ;
  color: #fff;
}
div.wpKurs table.kurs td.change span {
  padding-left: 30px;
  font-size: 18px;
  background-image: url(../images/icons/arrow_sprite.png);
  background-repeat: no-repeat;
}

div.wpKurs table.kurs td.a1,
div.wpKurs table.kurs td.a2 {
  background: #10b902;
  background: linear-gradient(to bottom, #0c9f00 0%,#14cd04 100%);
}
div.wpKurs table.kurs td.a4,
div.wpKurs table.kurs td.a5 {
  background: #f32d18;
  background: linear-gradient(to bottom, #e11701 0%,#fe3b26 100%);
}
div.wpKurs table.kurs td.a1 span { background-position: 0px -353px; }
div.wpKurs table.kurs td.a2 span { background-position: 0px -383px; }
div.wpKurs table.kurs td.a3 span { background-position: 0px -413px; }
div.wpKurs table.kurs td.a4 span { background-position: 0px -443px; }
div.wpKurs table.kurs td.a5 span { background-position: 0px -473px; }

/*
--------------------------------------------------------------------------------
    Wertpapier: Kurszeile - 2
--------------------------------------------------------------------------------
*/
div.wpFacts {
    background-color: #f1f1f1;
    padding: 3px;
    height:19px; line-height:19px;
    margin-bottom: 15px;
}

div.wpFacts span.desc {	padding: 0px  3px 0px 0px; color: #888888; }
div.wpFacts span.val  {	padding: 0px 15px 0px 0px; }

div.wpFacts span.rf span.desc {	padding: 0px 0px 0px 15px; }
div.wpFacts span.rf span.val  {	padding: 0px 0px 0px  3px; }

/*
--------------------------------------------------------------------------------
    Kalender
--------------------------------------------------------------------------------
*/
table.calendar {
    background-color: #FFFFFF;
    border-bottom: 1px solid #c8c8c8;
    border-top: 1px solid #c8c8c8;
}
table.calendarSheet {
    border-bottom: 1px solid #c8c8c8;
}
table.calendar td {
  padding:5px;
}

table.calendar th,
table.calendarSheet th {
    background-color: #ECECEC;
    border-bottom: 1px solid #c8c8c8;
    padding: 3px;
}
table.calendar td .btnBack,
table.calendar td .btnForward {
    margin: 0px;
}
table.calendarSheet td {
  padding: 0px;
  width:12%;
}
table.calendarSheet td {
    border-right: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
}
table.calendarSheet td span.old {
  color:#A9A9A9;
}
table.calendarSheet td.kw {
    font-weight: bold;
}
table.calendarSheet td.selected a {
    color:#BA0120;
    font-weight: bold;
}
table.calendarSheet td:hover {
    background-color: #ececec;
}
table.calendarSheet td a,
table.calendarSheet td span {
  background-color: #fff;
  display:block;
  width:100%;
  height:100%;
  padding:3px 0 3px 0;
}
table.calendarSheet td a:hover,
table.calendarSheet td span:hover {
  background-color: #ececec;
}

/*
--------------------------------------------------------------------------------
  Investmentecke: Musterdepot PerformanceBar
--------------------------------------------------------------------------------
*/
table.musterdepotPerf {
  margin-bottom: 5px;
}
table.musterdepotPerf th a {
  font-size: 14px;
}
div.performanceBar {
  /*
   background-image: url(../images/arrow_mask.png);
   background-position: right center;
   background-repeat: no-repeat;
  */
  padding: 0px 3px;
  font-size: 11px;
}

/*
 --------------------------------------------------------------------------------
Tooltip(s)
  - tt - Allgemein
  - ttt - Filter im Trend
  - ttf - Filter im Portfolio
  - ttz - fuer Zertifikate
  - tth - fuer Hilfe im Potrfolio
--------------------------------------------------------------------------------
*/
div.tt,
div.ttt,
div.tth,
div.ttf,
div.ttz {
    position: absolute;
    background:url(../images/gradient_x_sprite.gif) repeat-x #eaeaea;
    background-position:0px -220px;
    border: 1px solid #999;
    padding: 4px 6px 0px 6px;
    border-radius: 4px;
    z-index: 1000;
    line-height: normal;
}
div.tt div.pin,
div.ttt div.pin,
div.ttf div.pin,
div.tth div.pin,
div.ttz div.pin {
    position: absolute; bottom: -5px; left: 40px;
    background:url(../images/icons/icons_sprite.png) no-repeat;
    background-position:-130px -186px;
    width: 9px;
    height: 6px;
}
div.tt#reloadTime {
    top: -39px;
    right: -12px;
    width: 120px;
    height: 35px;
}
/* Trend */
div.ttt#reloadTime {
    top: -30px;
    right: -30px;
    width: 180px;
    height: 20px;
}
div.ttt div.pin {
  left: 155px;
}


/* Hilfe */
div.tth {
    display: none;
    padding: 4px 6px;
    bottom: 20px;
    left: -30px;
    height: auto;
}
/* PortfolioFilter */
div.ttf {
    display: none;
    padding: 4px 6px;
    bottom: 35px;
    left: 60px;
    height: auto;
}
/* Zertifikate */
div.ttz {
    display: none;
    padding: 4px 6px;
    bottom: 100px;
    right: -8px;
    width: 170px;
    height: auto;
}
div.ttz div.pin {
    position: absolute;
    bottom: -5px;
    left: 160px;
}

/*
--------------------------------------------------------------------------------
  SnapShot
--------------------------------------------------------------------------------
*/
div.snapshot {
    background: #fff; /* Old browsers */
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3); /* Standard */
    border-radius: 5px;
  border:1px solid #f0f0f0;
  margin-left:-6px;
  margin-right:-6px;
}
div.snapshotPadding {
  padding:10px !important;
}
div.snapshot h2.snapshot {
  height: 20px;
  padding: 10px 0px 10px 20px;
}
div.snapshot a.rtk {
  position: absolute;
  font-weight: bold;
  top: 10px;
  left: 120px;
  border-radius: 3px;
  background-color: #FE9704;
  padding:2px 5px 2px 5px;
  color: #fff;
}

div.snapshot a.exchange {
  position: absolute;
  top: 10px;
  right: 20px;
    color: #295F95;
    padding: 0px 15px 0px 5px;
    display: block;
    width: 167px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #c7c7c7;
    background-image: url(../images/gradient_view_dd_sprite.png);
    background-position: right -18px;
}
div.snapshot a.exchange:hover {
   text-decoration: none;
   border: 1px solid #888888;
}

div.snapshot div.kursline,
div.quickchart div.kursline {
  height: 35px;
  background-color: #f6f6f6;
  padding: 0px 20px 0px 0px;
  border-bottom: 1px solid #c7c7c7;
}
div.snapshot div.kursline {
  margin-bottom: 20px;
}
div.quickchart div.kursline {
  margin-bottom: 0px;
}

div.snapshot div.kursline div,
div.quickchart div.kursline div {
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  margin: 0px 30px 0px 0px;
  display: inline-block;
}
div.snapshot div.kursline div.zeit,
div.snapshot div.kursline div.whrg,
div.snapshot div.kursline div.bidask,
div.quickchart div.kursline div.zeit,
div.quickchart div.kursline div.whrg,
div.quickchart div.kursline div.bidask {
  margin: 7px 7px 7px 0px;
  color: #aaa;
  font-size: 14px;
}
div.snapshot div.kursline div.zeit,
div.snapshot div.kursline div.whrg,
div.quickchart div.kursline div.zeit,
div.quickchart div.kursline div.whrg {
  margin: 7px 0px 7px 15px;
  float: right;
}
div.snapshot div.kursline div.kursarrow,
div.quickchart div.kursline div.kursarrow {
  background-image: url(../images/icons/arrow_sprite.png);
  background-repeat: no-repeat;
  padding-right: 30px;
  margin-top:7px;
}
div.snapshot div.kursline div.a1 { background-position: right   0px; }
div.snapshot div.kursline div.a2 { background-position: right -20px; }
div.snapshot div.kursline div.a3 { background-position: right -40px; }
div.snapshot div.kursline div.a4 { background-position: right -60px; }
div.snapshot div.kursline div.a5 { background-position: right -80px; }

div.quickchart div.kursline div.a1 { background-position: right   0px; }
div.quickchart div.kursline div.a2 { background-position: right -20px; }
div.quickchart div.kursline div.a3 { background-position: right -40px; }
div.quickchart div.kursline div.a4 { background-position: right -60px; }
div.quickchart div.kursline div.a5 { background-position: right -80px; }

div.quickchartArrow { position: relative; display: block; height: 55px; }
div.quickchartArrow a.prev { position:absolute; top: 5px; left: 5px;  }
div.quickchartArrow a.next { position:absolute; top: 5px; right: 5px; }

div.cBoxLeft {
  width: 381px;
  float: left;
  margin: 0px 20px 15px 20px;
}
div.cBoxRight {
  width: 191px;
  float: left;
  margin: 0px 0px 15px 0px;
}

/*
--------------------------------------------------------------------------------
    Vergroesserte Kusdarstellung
--------------------------------------------------------------------------------
*/
table.portraitKurse th {
    border-top: 1px solid #c7c7c7;
}
table.portraitKurse td {
    vertical-align: bottom;
    padding: 4px 3px 2px 4px;
}
table.portraitKurse td img {
    float:left;
}
table.portraitKurse td.delayTime {
    background-color:#E6E6E6;
    border-right: 1px solid #fff;
}

table.portraitKurse td.kurs,
table.portraitKurse td.relativ,
table.portraitKurse td.kurs a:link,
table.portraitKurse td.kurs a:visited,
table.portraitKurse td.kurs a:active {
    font-weight: bold;
    font-size:16px;
    line-height:20px;
    white-space: nowrap;
}
table.portraitKurse td.absolut {
    padding-right:25px;
    white-space: nowrap;
}
table.portraitKurse tr.z4 td {
    font-size: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
}
table.portraitKurse tr.z3 td *,
table.portraitKurse tr.z4 td * {
    font-size: 10px;
}
table.portraitKurse tr.z4 td span.light {
    color: #C7C7C7;
    padding: 0px 3px 0px 3px;
}
table.portraitKurse tr.z4 td span.whrg {
  float:left;
}


/*
--------------------------------------------------------------------------------
  Ueberschrift in den Charts - H2 fuer SEO
--------------------------------------------------------------------------------
*/
div.caption h2,
div.caption h4,
table.newsliste caption h4,
table.kursliste caption h4,
table.portraitKurse caption h4,
table.extendetKursliste caption h4 {
    overflow:hidden;
    white-space: nowrap;
    border:none;
    height: 18px; line-height: 18px;
    padding: 3px 0px 0px 3px;
}

/*
--------------------------------------------------------------------------------
    Suchvorschläge
--------------------------------------------------------------------------------
*/
div.searchHint {
    margin: 2px 0px 8px 0px;
}
div.searchHint a {
    display: block;
    font-weight: bold;
    padding: 3px 5px;
    background-color: #d7e3ef;
}
div.searchHint a span {
    float: right;
}
div.searchHint div.contains {
    line-height: 18px;
    padding: 1px 5px;
    overflow: hidden;
    white-space: nowrap;
}
div.searchHint div.description {
    line-height: 18px;
    padding: 1px 5px;
}

/*
--------------------------------------------------------------------------------
    Kursziele + trends
--------------------------------------------------------------------------------
*/
table.topKursziele {
  border-top: 1px solid #c7c7c7;
}
table.topKursziele td {
  border-bottom: 1px solid #c7c7c7;
  vertical-align:bottom;
}
table.topKursziele td.basis span {
  font-size:17px;
}
table.topKursziele td.basis {
  background-color: #f9f9f9;
  font-weight:bold;
  text-align:center;
  padding:10px;
  font-size:17px;
}
table.topKursziele td div.kursZielDerivat {
  white-space: nowrap;
  line-height: 18px;
  padding:2px;
  margin:4px 5px 4px 5px;
  background-color: #f6f6f6;
  border: 1px solid #c7c7c7;

}
table.topKursziele td div.kursZielDerivat a:hover {
  text-decoration:none;
}

table.topKursziele td.vertext {
    height:80px;
    border-bottom: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
    background-image: url(../images/sprite_verttext.png);
    background-position: -14px 100px;
    background-color: #ececec;
    background-repeat: no-repeat;
}

table.topKursziele td.vert1 {
    background-position: -37px 8px;
}

table.topKursziele td.vert2 {
    background-position: -61px 8px;
}

table.topKursziele td.vert3 {
    background-position: -85px 3px;
}
table.topKursziele td.vertext div {
  white-space:nowrap;
  width:20px;
  writing-mode: tb-rl;
  filter: flipv fliph;
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  font-weight:bold;
}


/*
--------------------------------------------------------------------------------
    Legende
--------------------------------------------------------------------------------
*/
div.delayLegende {
    border-top: 1px solid #dddddd;
    background-color: #f9f9f9;
    margin:0px 10px;
  padding: 5px 0px;
}
div.delayLegende table.kursliste {
  margin-top: 5px;
  background-color: transparent;
  border: none;
}
table.delayLegende tr td {
  font-size: 11px;
  line-height: normal;
  padding: 0px 2px 0px 2px;
  vertical-align: bottom;
  height: auto;
}
table.delayLegende tr th,
table.delayLegende tr th a {
  font-weight: normal;
  font-size: 11px;
}
table.delayLegende tr th a:hover {
  text-decoration: none;
}


div.crossLinks {
  position:relative;
    border-top: 1px solid #dddddd;
    padding: 10px;
    background-color: #f9f9f9;
    margin:0px 10px;
}
div.crossLinks div.symbol_rss,
div.crossLinks div.symbol_basics,
div.crossLinks div.symbol_search,
div.crossLinks div.symbol_mobile {
    float:left;
    width: 25px;
    height: 25px;
    background-image: url(../images/icons/icons_sprite.png);
    background-repeat:no-repeat;
    margin:3px 10px 3px 0px;
}
div.crossLinks div.symbol_rss    { background-position:   0px 0px; }
div.crossLinks div.symbol_basics { background-position: -25px 0px; }
div.crossLinks div.symbol_search { background-position: -50px 0px; margin-bottom:30px; }
div.crossLinks div.symbol_mobile { background-position: -75px 0px; }

div.crossLinks span {
    color:#999;
    padding: 0px 6px 0px 10px;
}
div.crossLinks a {
    background-image: url(../images/gradient_x_sprite.gif);
    background-position: right -676px;
    background-repeat: no-repeat;
    padding-right: 7px;
    margin-right: 4px;
}

/*
--------------------------------------------------------------------------------
  Impressum und Copyright
--------------------------------------------------------------------------------
*/
div.imp {
    border-top: 1px solid #dddddd;
    background-color: #f9f9f9;
    margin:0px 10px;
    line-height: 20px;
    padding: 6px 8px;
    position: relative;
}
div.imp span {
    float:right;
    padding-right: 90px;
}
div.imp a {
    white-space: nowrap;
    margin-right:10px;
}

div.crossLinks span.iqm {
  float: none;
  padding: 0px;
  cursor: pointer;
  color: #295F95;
}
div.crossLinks span.iqm div {
    display: inline-block;
    width: 12px;
    height:12px;
    background-image: url(../images/icons/icons_sprite.png);
    background-repeat: no-repeat;
    background-color: red;
    background-position: -141px -182px;
    margin: 0px 0px -2px 4px;
}

div.crossLinks span.vwdGroup {
  display: block;
  float:right;
  width: 305px;
}

div.crossLinks span.vwdGroup a {
  position:absolute;
    display: block;
  right:0px;
  top:7px;
    width: 75px;
    height: 20px;
    background-image: url(../images/icons/icons_sprite.png);
    background-position: -174px -68px;
    background-repeat: no-repeat;
}

/* Page Footer */

div.crossLinks h5{
  font-weight:normal;
}
div.crossLinks ul{
  list-style-type:none;
}
div.crossLinks li{
  float:left;
  line-height:18px;
}


/*
--------------------------------------------------------------------------------
    float: ende
--------------------------------------------------------------------------------
*/
div.clearline,
div.clearborder,
div.clearall {
    clear: both;
    font-size:1px;
    padding:0px;
    margin:0px;

    height: 1px;
    line-height:1px;
    border: none;
}
div.clearline {
    height: 20px;
    line-height: 20px;
}
div.clearborder {
    border-bottom: 1px solid #ddd;
}

/*
--------------------------------------------------------------------------------
  Tag Cloud
--------------------------------------------------------------------------------
*/
div.UsfTagCloud {
  padding: 10px 5px;
  text-align:center;
  border-bottom: 1px solid #c7c7c7;
  background-color: #f8f8f8;
  line-height:20px;
}
div.UsfTagCloud a {
  padding:1px 4px;
  font-weight:bold;
}
div.UsfTagCloud a.selected {
  text-decoration:none;
}
div.UsfTagCloud a:hover {
  text-decoration:none;
  border-radius: 2px;
    background:#295f95;
  color:#fff;
}
div.UsfTagCloud .UsfTag0 {font-size: 9px;}
div.UsfTagCloud .UsfTag1 {font-size:10px;}
div.UsfTagCloud .UsfTag2 {font-size:11px;}
div.UsfTagCloud .UsfTag3 {font-size:12px;}
div.UsfTagCloud .UsfTag4 {font-size:13px;}
div.UsfTagCloud .UsfTag5 {font-size:14px;}
div.UsfTagCloud .UsfTag6 {font-size:15px;}
div.UsfTagCloud .UsfTag7 {font-size:16px;}
div.UsfTagCloud .UsfTag8 {font-size:17px;}
div.UsfTagCloud .UsfTag9 {font-size:18px;}

/*
--------------------------------------------------------------------------------
    Legende
--------------------------------------------------------------------------------
*/
div.legende {
 border-bottom: 1px solid #c7c7c7;
 background-color: #F9F9F9;
 padding: 10px;
 line-height:17px;
}
div.legende div.column {
  float:left;
  margin-right:10px;
}
div.legende h3 {
  font-size: 12px;
  margin-bottom:8px;
}
div.legende * img {
  margin: 0px 10px 0px 0px;
}


/*
--------------------------------------------------------------------------------
Weiterfuehrende Links
--------------------------------------------------------------------------------
*/
span.more {
  font-weight:bold;
  display:block;
  text-align:right;
  padding: 5px 2px 0px 2px;
}
span.more a.important {
    background-color: #295F95;
    color: #fff;
    padding: 0px 3px;
    border-radius: 2px;
}
span.more a:link,
span.more a:visited,
span.more a:active {
  margin: 0px 0px 0px 10px;
}



/* Suche */
div.searchMore {
  padding: 12px 6px 0px 6px;
}
div.searchMore a {
  padding: 0px 5px;
}


/*
--------------------------------------------------------------------------------
Liste
--------------------------------------------------------------------------------
*/
ul.floatList {
    list-style-type: none;
    padding: 3px;
}
ul.floatList li {
    display: inline;
    line-height: 20px;
}
ul.floatList li.title {
    font-weight: bold;
    padding-right: 5px;

}
ul.floatList li a {
    margin-right: 10px;
  /*
   * Bug bei anderen Listen !!!
    white-space: nowrap;
  */
}
ul.floatList li a span {
  color:#383838;
}

/* ETF Marktueberblick, Fondsportrait */
div.floatList {
    padding: 10px 5px 0px 5px;
    border-bottom: 1px solid #c8c8c8;
    background-color: #f8f8f8;
}


/*
--------------------------------------------------------------------------------
News
--------------------------------------------------------------------------------
*/

div.newsBlock {
    padding:15px;
  background-color:#f3f3f3;
    line-height: 17px;
}
div.news {
  padding: 0px 5px;
}

div.news h1 {
  font-size: 24px;
  padding: 0px;
  line-height:normal;
  height: auto;
  border: none;
  margin-bottom: 10px;
}
div.news div.article {
  margin: 10px 0px;
}
div.news div.article,
div.news div.article * {
  line-height: 20px;
  font-size: 14px;
}

div.news div.article img {
  float: left;
    margin: 5px 10px 5px 0px;
  padding: 0px;
  max-width: 590px;
}

/*
  Schlagworte
*/
div.news div.tags {
  line-height: 17px;
  margin: 15px 0px;
}
div.news div.tags a,
div.news div.tags b {
  font-size: 14px;
}

div.news div.socialMedia {
  padding: 6px 0px 0px 0px;
  height: 25px;
}


/*
--------------------------------------------------------------------------------
Listen
--------------------------------------------------------------------------------
*/

div.news ol li,
div.news ul li,
div.teaserNews ol li,
div.teaserNews ul li,
div.importantNews ul li {
    margin-left: 20px;
}

div.news ul.indent li,
div.teaserNews ul.indent li {
    list-style-type: none;
}

div.teaserNews ol li.bmargin,
div.teaserNews ul li.bmargin {
    margin-bottom: 10px;
}

ul.check li {
  margin-left:19px !important;
    list-style-image: url(../images/icons/check.gif);
    list-style-position: outside;
}

div.news span.datum {
    display: inline;
  padding: 5px 0px 15px 0px;
    color: #999999;
}

/* Kommentare / Fussnoten */
div.comment,
span.comment {
  color: #888;
    line-height: 16px;
  font-size: 12px;
  font-weight: normal;
}


/*
--------------------------------------------------------------------------------
NewsListe zum Scrollen
--------------------------------------------------------------------------------
*/
div.scrollNews {
  position: relative;
  border-bottom: 1px solid #C8C8C8;
  line-height: 20px;
}
div.scrollNews span.time {
  padding-left: 3px;
}
div.scrollNews a {
  position: absolute;
  left: 50px;
}
div.scrollNewsHeader {
    background-color: #ececec;
    border-bottom: 1px solid #c8c8c8;
    font-weight: bold;
    line-height: 20px;
    padding-left: 3px;
    position: relative;
}

/*
--------------------------------------------------------------------------------
TeaserBox News
--------------------------------------------------------------------------------
*/
div.teaserNews {
  padding: 10px 0px;
    line-height: 17px;
}
div.teaserNews img {
  float:left;
  margin: 0px 10px 5px 0px;
}
div.expertenTeaser {
    margin-bottom: 10px;
}
div.teaserNews h3 a {
  font-size:18px;
  line-height: 22px;
}
div.teaserNews p {
  font-size:13px;
}
div.teaserNews span.datum {
    padding: 0px 5px 0px 0px;
  font-size:13px;
    color: #999999;
}

div.headlineList a,
div.headlineList span {
  line-height:20px;
  margin-top:0px;
  font-size:13px;
  font-weight:bold;
}
div.headlineList span {
  margin-top:-2px;
  padding-right: 4px;
  float:left;
}

div.teaserNews h3.emiNewsLine {
  background-color: #F8F8F8;
  height: 32px;
  line-height: 32px;
  padding: 0px 1px 0px 5px;
  margin: 10px 0px 0px 0px;
}



/*
--------------------------------------------------------------------------------
Kurzt- / Beschreibungstext News
--------------------------------------------------------------------------------
*/
div.shortDesc {
    line-height: 16px;
    font-size: 11px;
    color: #585858;
}
div.shortDesc h3 {
    font-size: 12px;
    margin-bottom: 10px;
}
div.shortDesc a {
    font-size: 11px;
}
div.shortDesc div.tp {
    font-weight: bold;
    background-color: #ececec;
    padding: 5px 10px;
}
div.shortDesc div.tp a {
    margin: 0px 15px 0px 10px;
}

/*
--------------------------------------------------------------------------------
  Hinweis-Box Derivate
--------------------------------------------------------------------------------
*/
div.importantNews {
  position: relative;
    padding:14px 5px 14px 30px;
    background-color: #ffcc15;
}
div.importantNews span.exclamationMark {
  position: absolute;
    font-weight: bold;
  top: 8px;
  left: 10px;
    font-size: 36px;
}

/*
--------------------------------------------------------------------------------
Lexikon
--------------------------------------------------------------------------------
*/
table.wordList td {
    padding: 0px 20px 0px 0px;
    line-height: 17px;
}
table.wordList td a {
    display: inline-block;
    padding: 2px 4px;
    width: 100%;
}
table.wordList td a:hover {
    background-color: #f2f2f2;
    border-radius: 2px;
}


/*
--------------------------------------------------------------------------------
Sitemap
--------------------------------------------------------------------------------
*/
ul.sitemap {}
ul.sitemap li {
    list-style-type: none;
    margin-bottom: 2px;
    border-radius: 3px;
}
ul.sitemap li a {
    display: block;
}
/*  E0-Ebene  */
ul.sitemap li.e0 { background-color: #295f95; }
ul.sitemap li.e0 a {
    padding: 5px 2px 5px 10px;
    font-weight: bold;
    color: #ffffff;
}

/*  E1-Ebene  */
ul.sitemap li.e1 { background-color: #f6f6f6; }
ul.sitemap li.e1 a {
    padding: 3px 2px 3px 10px;
    font-weight: bold;
}

/*  E2-Ebene  */
ul.sitemap li.e2 {}
ul.sitemap li.e2 a {
    padding: 3px 2px 3px 25px;
}

/*  E2-Ebene  */
ul.sitemap li.e3 {}
ul.sitemap li.e3 a {
    padding: 3px 2px 3px 40px;
}



/*
--------------------------------------------------------------------------------
  Gelbe Störerbuttons auf den Mobileseiten
--------------------------------------------------------------------------------
*/

div.mobile_eyecatcher_orange{
  background: #fff0d9; /* Old browsers */
  background: linear-gradient(to bottom,  #fff0d9 0%,#ff9900 70%); /* W3C */
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px 0px;
  padding:20px 0 20px  0;
  text-align:center;
  font-size:16px;
  font-weight:bold;
  margin-bottom:5px;
}


div.mobile_eyecatcher_orange a {
  font-size:24px;
  font-weight:bold;
  color:#383838;
  text-decoration:underline;
}



/*
--------------------------------------------------------------------------------
 carouFredSel
--------------------------------------------------------------------------------
*/
div.bdtFrame,
div.mediaFrame {
  background-color: #383838;
  background: linear-gradient(to bottom, #383838 0%, #545353 100%);
  color: #fff;
}
div.mediaFrame {
  padding: 0px;
}

div.mediaFrame h3 {
  font-size:20px;
}

div.mediaFrame div.news  {
  padding-right:20px;
}

div.bdtFrame {
  padding: 30px 0px;
}

div.bdtFrame img.bdt {
  border: 1px solid #fff;
  margin: 5px 0px 5px 40px;
}
div.image_carousel {
  position: relative;
  padding: 15px 0px 10px 0px;
  background-color: #383838;
  background: linear-gradient(to bottom, #383838 0%, #545353 100%);
}
div.image_carousel div.time {
  position: absolute;
  left: 0px;
  height: 15px;
  line-height: 15px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
}

div.image_carousel div.time p {
  margin: 0px 3px;
  font-size: 11px;
}
div.image_carousel div.time p span {
  font-size: 11px;
}

div.image_carousel a.headline {
  padding: 3px;
  height: 42px;
  margin: 0px;
  display: block;
  color: #fff;
  font-weight: bold;
}
div.image_carousel a.headline:hover {
  text-decoration: none;
}

/* Mediathek: 940px */
div.image_carousel div.slide_vid940 {
  position: relative;
  margin-left: 38px;
    float: left;
}
div.image_carousel div.slide_vid940 img {
  float: left;
  width: 187px; height: 105px;
}
div.image_carousel div.slide_vid940 div.time {
  top: 90px;
  width: 187px;
}
div.image_carousel div.slide_vid940 a.headline {
  width: 181px;
}


/*
  Weitere Videos
*/
div.mt_vteaser {
  background-color: #ececec;
    padding: 10px 5px;
}
div.mt_vteaser div.whois,
div.mt_vteaser div.video {
  padding: 5px;
  height: 200px;
}
div.mt_vteaser div.video {
  float:left;
  background-color: #fff;
  margin-right: 4px;
  width: 189px;
}
div.mt_vteaser div.video div.datum {
  margin: 5px 0px;
}
div.mt_vteaser div.video a.headline {
  overflow: hidden;
  font-weight: bold;
}
div.mt_vteaser div.video a.selected {
  color:#B7001E;
}

div.mt_vteaser div.whois {
  float:right;
  position:relative;
  width: 189px;
}
div.mt_vteaser div.whois p { padding-top: 3px; }
div.mt_vteaser div.whois a { position: absolute; bottom: 3px; }

div.mt_vteaser div.video img {
  border: 1px solid #383838;
  display: block;
  width: 187px;
  height: 105px;
}






/* Mediathek: 620px */
div.image_carousel div.slide_vid620 {
  position: relative;
  margin-left: 15px;
    float: left;
}
div.image_carousel div.slide_vid620 img {
  float: left;
  width: 187px; height: 105px;
}
div.image_carousel div.slide_vid620 div.time {
  top: 90px;
  width: 187px;
}
div.image_carousel div.slide_vid620 a.headline {
  width: 181px;
}

/* Mediathek: 300 */
div.image_carousel div.slide_vid300 {
  position: relative;
  margin-left: 13px;
    float: left;
}
div.image_carousel div.slide_vid300 img {
  float: left;
  width: 130px; height: 73px;
}
div.image_carousel div.slide_vid300 div.time {
  top: 58px;
  width: 130px;
}
div.image_carousel div.slide_vid300 a.headline {
  width: 124px;
}

/* Bild des Tages: 300 */
div.image_carousel div.slide_bdt300 {
  position: relative;
  margin-left: 15px;
    float: left;
}
div.image_carousel div.slide_bdt300 img {
  float: left;
  width: 100px; height: 100px;
}
div.image_carousel div.slide_bdt300 a.headline {
  display: block;
  float: left;
  margin-left: 10px;
  width: 150px; height:100px;
  padding: 0px;
}


/* Blättern */
a.prev,
a.next {
  background: url(../images/icons/carouFredSel_sprite.png) no-repeat transparent;
  width: 45px;
  height: 50px;
  display: block;
  position: absolute;
  top: 35px;
}
a.prev 			{   background-position:   0px    0px; left: -15px; }
a.prev:hover 	{   background-position:   0px  -50px; }
a.prev.disabled	{	background-position:   0px -100px !important; }
a.next 			{   background-position: -50px    0px; right: -15px; }
a.next:hover 	{   background-position: -50px  -50px; }
a.next.disabled {	background-position: -50px -100px !important; }

a.prev.disabled,
a.next.disabled  {	cursor: default; }

a.prev span,
a.next span {
  display: none;
}

span.new {
    background-color: #ba0120;
    color: #fff;
    display: inline-block;
    font-family: tahoma;
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    padding: 2px 4px;
}






/*
--------------------------------------------------------------------------------
Fragezeichen-Icon zur Contexthile
--------------------------------------------------------------------------------
*/

a.helpContext {
  float: right;
  text-decoration: none;
  font-size: 10px;
  font-weight: normal;
  margin: 5px 1px 0px 5px;
  width: 20px;
  line-height: 12px;
  text-align: center;
  background-color: #5184B9;
  color: #fff;
}

a.helpContext:hover {
  background-color: #295f95;
}



/*
--------------------------------------------------------------------------------
 Accordion
--------------------------------------------------------------------------------
*/
dl.Zebra_Accordion { width: 100%; margin: 0px; padding: 0px; }
dl.Zebra_Accordion dt {
    padding: 10px 3px 3px 3px;
    color: #295F95;
    font-weight: bold;
    cursor: pointer;

    border-bottom: 1px solid #C7C7C7;
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
}
dl.Zebra_Accordion dt span {
    font-weight: normal;
}
dl.Zebra_Accordion dt span.row {
    float: right;
    display: inline-block;
}
dl.Zebra_Accordion dt:hover {
    background-color: #ECECEC;
}
dl.Zebra_Accordion dd {
    padding: 0px;
    margin: 0px;
}
dl.Zebra_Accordion dd.indent {
    padding-left: 10px;
}

dl.Zebra_Accordion dd table tr {
    border-bottom-color: #ececec;
}

dl.Zebra_Accordion dt.Zebra_Accordion_Expanded {
    color: #B7001E;
}

/*
--------------------------------------------------------------------------------
BlockUI: unblock-Link
--------------------------------------------------------------------------------
*/
div.unblock {
    background-color: #ececec;
    padding: 2px;
    text-align: right;
    margin-bottom: 4px;
    line-height: 18px;
}
div.unblock a {
    margin-right: 4px;
}






/*
--------------------------------------------------------------------------------
RELAUNCH Hinweise am linken Content-Rand
--------------------------------------------------------------------------------
*/


div.ft3_advice_container {
  position:fixed;
  margin-left:-40px;
  margin-top:196px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background:#f90;
  background-image:url('../images/relaunch_advice_side.jpg');
  background-repeat:no-repeat;
  background-position: -157px 0;
  height:150px;
  width:30px;
  z-index:999;
  cursor:pointer;
}


div.ft3_advice_container:hover{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

div.ft3_advice_container div.ft3_adviceLayer {
  position:absolute;
  left:30px;
  top:0px;
  height:150px;
  width:340px;
  display:none;
  border-left:2px dotted #ffb800;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color:#ff8000;
}

div.ft3_advice_container div.ft3_adviceLayer span.link {
  color:#fff;
  font-weight:bold;
  font-size:18px;
  bottom:15px;
  left:20px;
  position:absolute;
}


div.ft3_advice2 {
  margin-top:360px;
  background-color:#ff8000;
  background-position: -28px 0;
}


#adviceLayer1 {
  width:480px;
}

#adviceLayer2 {
  background-color:#5a5a5a;
  border-left:2px dotted #838383;
}

div.ft3_advice_container div.ft3_adviceLayer h1 {
  color:#fff;
  border:none;
  margin:20px;
  margin-bottom:0px;
  line-height: normal;
  height: auto;
}

div.ft3_advice_container div.ft3_adviceLayer p {
  color:#fff;
  border:none;
  margin:20px;
  margin-top:0px;
}




@media (max-width: 1200px) {
  div.ft3_advice_container {
    margin-left:-10px;
    border-radius: 0px;
    width:16px;
    background-position: -199px 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  div.ft3_advice2 {
    background-position: -77px 0;
  }
  div.ft3_advice_container div.ft3_adviceLayer {
    left:16px;
  }
}

@media (max-height: 650px) {
  div.ft3_advice_container {
    margin-top:-9px;
  }

  div.ft3_advice2 {
    margin-top:156px;
  }
}

div.terminAlert {
    background-color:#383838;
    background:linear-gradient(to bottom, #383838 0%, #545353 100%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 10px;
    font-weight: bold;
}
div.terminAlert span.date  { color: #fea002; padding-right: 5px; }
div.terminAlert span.event { color: #ffffff; }