@charset "UTF-8";

/*
Projektname:   wiwo.de
Funktion:      globale Formate
Bearbeitet am: 05.05.2010 von MKue 
QS am:         05.05.2010 von MKue 
/*

/*
 * Reset
 * Reset > Custom
 * Helper
 *
 * Macro
 * Macro > Typographie
 * Macro > Typographie > Links
 * Macro > Layout
 * Macro > Forms
 * Macro > Tables
 *
 * Micro > Typographie
 * Micro > Typographie > Links + Active Items
 * Micro > Layout
 * Micro > Forms
 * Micro > Tables
 *
 * Formate fuer Topteaser, Zweispalter und Schwerpunkt
 * Formate fuer die Flashbuehne
 * Formate fuer plista teaser
 * Medienbuehne
 * neue Social-Bookmarks
 * Impressum
 * Print [Preview]
 */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

body {
line-height: 1;
color: black;
background: white;
margin-top: 5px;
}

ol, ul {
list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Reset > Custom*/

legend {
position: relative;
left: -5px;
}

strong, b { font-weight: bold; }
em, i { font-style: italic; }


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Helper */

/* >>> Clearfix */
.clearfix:after {
content: ".";
visibility: hidden;
display: block;
clear: both;
height: 0;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* >>> Clear */
.clear {
visibility: hidden;
clear: both;
height: 0;
line-height: 0;
}

.clear-left {
clear: left;
}

/* Elemente ausblenden - Screenreaderfreundlich */
.ahem {
display: block;
height: 0;
width: 0;
overflow: hidden;
font-size: 0;
line-height: 0;
position: absolute;
left: -4000px;
top: -4000px;
}

/* >>> Horizontal Lists */
/* Using Floats */
.hl {
margin: 0;
}

.hl li, .hl dd {
display: inline;
float: left;
padding-left: 0;
margin-bottom: 0;
background: none;
}

.hl li li, .hl dd dd {
float: none;
}

.hl li a,
.hl li em.active,
.hl li span.pseudo-link,
.hl li span.pseudo-link-hover,
.hl li.active em,
.hl dd a,
.hl dd em.active {
display: block;
float: left;
}

* html .hl li a,
* html .hl li em.active,
* html .hl dd a,
* html .hl dd em.active {
height: 1%;
}

/* Using display: inline */
.hl-inline {
margin: 0;
}

.hl-inline {
text-align: center;
}

.hl-inline li {
display: inline;
padding-left: 0;
background: none;
}

/* >>> Invisibility */
.invis {
position: absolute;
left: -9999px;
}

legend.invis {
height: 0;
line-height: 0;
text-indent: -9999px;
}

tr.invis {
font-size: 0;
}

/* >>> Neutral Font-Size */
.n { font-size: 1em }

/* >>> Links */
.links {
margin-left: 0;
}

.links li,
.links dd {
display: inline;
margin-left: 0;
padding-left: 0;
background: none;
voice-family:"\"}\"";
voice-family:inherit;
display: block;
}

.links a, .links span.pseudo-link, .links span.pseudo-link-hover {
display: block;
background-repeat: no-repeat;
}

* html .links,
* html .links li,
* html .links dd,
* html .links a,
* html .links span.pseudo-link,
* html .links span.pseudo-link-hover {
height: 1%;
}

.links span.pseudo-link,
.links span.pseudo-link-hover {
cursor: hand;
voice-family:"\"}\"";
voice-family:inherit;
cursor: pointer;
}

/* >>> Icons */
.icon {
background-position: left center;
background-repeat: no-repeat !important;
}

/* >>> Icons > .arrow */
.arrow-black a, a.arrow-black, span.arrow-black,
.arrow-cyan a, a.arrow-cyan,
.arrow-gold a,
.arrow-grey a, a.arrow-grey,
.arrow-red-left a, a.arrow-red-left,
.arrow-red a, a.arrow-red, span.arrow-red,
.arrow-beige a, a.arrow-beige, span.arrow-beige,
.arrow-bright-red a,
.arrow-dark-red a,
.arrow-white a,
.arrow-red-small-left a, a.arrow-red-small-left {
padding-left: 7px;
}

span.arrow-red-big {
padding-left: 10px;
}

.arrow-red-big-left a, a.arrow-red-big-left {
padding-left: 10px;
background-position: left .385em !important;
}

.arrow-red-big-right a, a.arrow-red-big-right {
padding-right: 10px;
background-position: right .385em !important;
}

.arrow-red-right a, a.arrow-red-right {
padding-right: 7px;
background-position: right .385em !important;
}

.arrow-black a, a.arrow-black,
.arrow-cyan a, a.arrow-cyan,
.arrow-gold a, a.arrow-gold,
.arrow-grey a, a.arrow-grey,
.arrow-red a, a.arrow-red,
.arrow-red-left a, a.arrow-red-left,
.arrow-beige a, a.arrow-beige,
.arrow-bright-red a, a.arrow-bright-red,
.arrow-dark-red a, a.arrow-dark-red,
.arrow-white a, a.arrow-white {
background-position: left .454em;
}

.arrow-black a       { background-image: url(../images/layout/arrow_black.gif); }
.arrow-cyan a        { background-image: url(../images/layout/arrow_cyan.gif); }
.arrow-gold a        { background-image: url(../images/layout/arrow_gold.gif); }
.arrow-white a       { background-image: url(../images/layout/arrow_white.gif); }
.arrow-bright-red a  { background-image: url(../images/layout/arrow_bright_red.gif); }

.arrow-black a, a.arrow-black, span.arrow-black {
background-image: url(../images/layout/arrow_black.gif);
}

/* Ausnahme Verlinkung in dt context_dossierlinkliste */
.arrow-black dt a {
background: none;
padding-left: 0;
}

.arrow-red-big-left a, a.arrow-red-big-left {
background-image:url(../images/layout/arrow_red_big_left.gif);
}

span.arrow-red-big,
.arrow-red-big-right a, a.arrow-red-big-right {
background-image:url(../images/layout/arrow_red_big_right.gif);
}

.arrow-red-right a, a.arrow-red-left {
background-image:url(../images/layout/arrow_red_left.gif);
}

.arrow-red-right a, a.arrow-red-right {
background-image:url(../images/layout/arrow_red.gif);
}

.arrow-cyan a, li.arrow-cyan a, a.arrow-cyan {
background-image: url(../images/layout/arrow_cyan.gif);
}

.arrow-grey a, a.arrow-grey {
background-image: url(../images/layout/arrow_grey.gif);
}

.arrow-red a, span.arrow-red, a.arrow-red {
background-image: url(../images/layout/arrow_red.gif);
}

.arrow-beige a, a.arrow-beige, span.arrow-beige {
background-image: url(../images/layout/arrow_beige.gif);
}

.arrow-dark-red a, a.arrow-dark-red {
background-image: url(../images/layout/arrow_dark_red.gif);
}

.arrow-red-small-left a, a.arrow-red-small-left {
background-image: url(../images/layout/arrow_red_small_left.gif);
}

.arrow-red-small-right a, a.arrow-red-small-right {
padding-right: 7px;
background-position: right center;
background-image: url(../images/layout/arrow_red_small_right.gif);
}

/* Weiterfuehrende Links */
.links .arrow-black a, .links a.arrow-black, .links span.arrow-black {
color: #000;
background-image:url(../images/layout/arrow_black.gif);
}

.links .arrow-cyan a, .links li.arrow-cyan a, .links a.arrow-cyan {
color: #467b80;
background-image: url(../images/layout/arrow_cyan.gif);
}

.links .arrow-grey a, .links a.arrow-grey {
background-image: url(../images/layout/arrow_grey.gif);
}

/* >>> Icons > .bullet */
.bullet-small-red {
padding-left: 10px;
background-position: left center;
}

.bullet-small-red a,
a.bullet-small-red {
background-image: url(../images/layout/bullet_small_red.gif);
}

/* >>> Icons > various */

/* .meta-service, .service */
.icon-rss-feed,
.icon-rss-feed-gold,
.icon-newsletter,
.icon-mobil,
.icon-podcast,
.icon-drucken,
.icon-artikel-senden,
.icon-permalink,
.icon-bookmarks {
background-position: left center;
}

/* .meta-service */
.icon-rss-feed {
background-image: url(../images/layout/icon_rss-feed.gif);
padding-left: 19px;
}

.icon-newsletter {
background-image: url(../images/layout/icon_newsletter.gif);
padding-left: 18px;
}

.icon-mobil {
background-image: url(../images/layout/icon_mobil.gif);
padding-left: 14px;
}

.icon-podcast {
background-image: url(../images/layout/icon_podcast.gif);
padding-left: 17px;
}

/* .service */
.icon-drucken,
.icon-artikel-senden,
.icon-bookmarks,
.icon-permalink,
.icon-kommentieren,
.icon-twitter,
.icon-twitter-blau,
.icon-facebook-blau {
padding-left: 20px;
}

.icon-drucken        { background-image: url(../images/layout/icon_drucken.gif); }
.icon-artikel-senden { background-image: url(../images/layout/icon_artikel_senden.gif); }
.icon-bookmarks      { background-image: url(../images/layout/icon_bookmarks.gif);}
.icon-permalink      { background-image: url(images/layout/icon_permalink.gif);}
.icon-kommentieren   { background-image: url(../images/layout/icon_kommentieren.gif);}
.icon-twitter        { background: url(../images/layout/icon-twitter-grau.gif) no-repeat 2px 42%; }
.icon-twitter-blau   { background: url(../images/layout/icon-twitter-blau.gif) no-repeat 2px 42%; }
.icon-facebook-blau  { background: url(../images/layout/icon-facebook-blau.gif) no-repeat 2px 42%; }

/* Service-Tools */
.icon-steuerrechner,
.icon-tarifrechner,
.icon-konjunkturdaten,
.icon-messe-knigge,
.icon-geschaeftsberichte,
.icon-immobilien,
.icon-haushaltsausgaben,
.icon-wetter-daten,
.icon-hotspot-suche {
padding-left: 20px;
}

.icon-steuerrechner,
.icon-tarifrechner {
background-image: url(../images/layout/icon_rechner.gif);
background-position: 1px center;
}

.icon-konjunkturdaten    { background-image: url(../images/layout/icon_konjunkturdaten.gif); }
.icon-messe-knigge       { background-image: url(../images/layout/icon_messe-knigge.gif); }
.icon-geschaeftsberichte { background-image: url(../images/layout/icon_geschaeftsberichte.gif); }
.icon-immobilien         { background-image: url(../images/layout/icon_immobilien.gif); }
.icon-haushaltsausgaben  { background-image: url(../images/layout/icon_haushaltsausgaben.gif); }
.icon-wetter-daten       { background-image: url(../images/layout/icon_wetterdaten.gif); }
.icon-hotspot-suche      { background-image: url(../images/layout/icon_hotspot-suche.gif);}

/* Votes */
.icon-5-stars,
.icon-4-stars,
.icon-3-stars,
.icon-2-stars,
.icon-1-stars,
.icon-0-stars {
padding-left: 65px !important;
background-image: url(../images/layout/wiwo_icon_votes.png) !important;
height: 12px;
line-height: 12px;
}

body.print #content .icon-5-stars,
body.print #content .icon-4-stars,
body.print #content .icon-3-stars,
body.print #content .icon-2-stars,
body.print #content .icon-1-stars,
body.print #content .icon-0-stars {
padding-left: 0 !important;
background-image: none !important;
}

* html .icon-5-stars,
* html .icon-4-stars,
* html .icon-3-stars,
* html .icon-2-stars,
* html .icon-1-stars,
* html .icon-0-stars {
overflow: hidden;
}

.icon-5-stars { background-position: left top !important; }
.icon-4-stars { background-position: left -22px !important; }
.icon-3-stars { background-position: left -44px !important; }
.icon-2-stars { background-position: left -66px !important; }
.icon-1-stars { background-position: left -87px !important; }
.icon-0-stars { background-position: left -107px !important; }

/* .tab-teaser */
.icon-rss-feed-orange {
padding-left: 15px !important;
background-image: url(../images/layout/icon_rss-feed_orange.gif) !important;
}

.icon-koepfe-der-wirtschaft,
.icon-video {
padding-left: 15px;
}

.icon-koepfe-der-wirtschaft {
background-image: url(../images/layout/icon_koepfe_der_wirtschaft.gif);
}

.icon-video {
background-image: url(../images/layout/icon_video.gif);
}

.icon-video-bigger {
padding-left: 18px;
background: url(../images/layout/icon_video_14x9px.gif) 0 3px no-repeat;
}

.icon-image-bigger {
padding-left: 14px;
background: url(../images/layout/icon_image_10x11px.gif) 0 3px no-repeat;
}

.icon-new-investor {
padding-left: 60px;
background-image: url(../images/layout/icon_new_investor.gif);
background-position: 0 1px;
}

.icon-exklusiv {
padding-left: 60px;
background-image: url(../images/layout/icon_exklusiv.gif);
background-position: left .3em;
}

.icon-kommentare {
padding-left: 80px;
background-image: url(../images/layout/icon_kommentar.gif);
background-position: left .3em;
}

.icon-interview {
padding-left: 70px;
background-image: url(../images/layout/icon_interview.gif);
background-position: left .3em;
}

.icon-kolumne {
padding-left: 61px;
background-image: url(../images/layout/icon_kolumne.gif);
background-position: left .3em;
}

.article-teaser-top .icon-new-investor {
background-position: 0 2px;
}

.article-teaser-top .icon-exklusiv {
background-position: 0 5px;
}

.article-teaser-top .icon-kommentare {
background-position: 0 5px;
}

.article-teaser-top .icon-kolumne {
background-position: 0 5px;
}

.icon-rss-feed-gold {
margin-right: 10px;
padding-left: 15px !important;
background-image: url(../images/layout/icon_rss-feed_gold.gif) !important;
}

.icon-podcast-colored {
padding-left: 25px;
background-image: url(../images/layout/icon_podcast_colored.gif);
}

/* .article-decoration wird auf alle Teaserbloecke angewendet,
ausser bei Darstellungen ohne Bild */
.article-decoration h3 {
float: right;
width: 269px;
}

/* Answer to question: Icon und Bild */
.article-decoration h3.atq-icon208 {
width: 208px;
}

/* Answer to question: Nur Icon */
.article-decoration h3.atq-icon378 {
width: 378px;
}

/* Video mit Icon */
.article-decoration h3.video-icon249 {
float: right;
width: 249px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Macro */

body {
font-family: Verdana, sans-serif;
font-size: 62.5%;
}



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Macro > Typographie */

h1 {
margin: 10px 0 5px;
font: bold 2.2em/1.182 "Trebuchet MS", sans-serif;
color: #7f232f;
}

#home #content h1 {
margin-bottom: -10px;
}

#error h1 {
margin: 15px 15px 10px;
}

#search h1 {
margin: 10px 0;
font: normal 1.3em/1.545em Verdana, Arial, sans-serif;
color: #000;
}

#special h1 {
margin-top: 0;
}

h1 a {
display: block;
}

h1 small {
display: block;
margin-bottom: 3px;
font: bold .5em Verdana, sans-serif;
color: #000;
}

h2 {
margin: 15px 0 5px;
font: normal 1.7em/1.176 "Trebuchet MS", sans-serif;
color: #7f232f;
}

/* Rebrush: gruene Ueberschriften in Contextspalte */
#home #context h2 {
color: #467b80;
}

#home h2,
#error h2 {
position: relative;
}


#home h2.rubrik,
#error h2.rubrik,
.rubrik-headline {
position: relative;
height: 1.444em;
line-height: 1.444em;
padding-left: 0;
padding-bottom: .1666em;
font-size: 1.8em;
font-weight: normal;
text-transform: uppercase;
color: #000;
background: #fff url(../images/layout/bg_rubrikenteaser.gif) repeat-x scroll 0 bottom;
}
/* Links in Rubriken-Headlines H2 */
#home h2.rubrik a,
#home h2.rubrik a:link,
#error h2.rubrik a {
color: #000;
text-transform: uppercase;
}

#home h2.rubrik a span {
color: #000;
text-transform: uppercase;
}

#home h2 a:hover,
#error h2 a:hover,
#home h2 a:focus,
#error h2 a:focus {
color: #7f232f;
}

.rubrik-headline {
margin-bottom: 15px;
}

#home h2.rss {
height: auto;
padding-left: 0;
background: none;
}

#home h2 small,
#error h2 small {
position: absolute;
right: 0;
top: .7273em;
font: normal .6111em Verdana, sans-serif;
}

/* Mehr-Links in Rubriken-Headlines H2 wieder zuruecksetzen */
#home  #wrapper h2 small a,
#error #wrapper h2 small a,
#home #wrapper h2.rubrik small a,
#error #wrapper h2.rubrik small a {
color: #7f232f;
text-transform: none;
}

#home h2.rss small {
position: relative;
right: auto;
top: auto;
}

/* Sonderklasse fuer h2 oberhalb von Artikelteasern */
.teaserheadline {
margin: 0 0 15px;
}

#kdw h3 span {
padding-left: 15px;
background: url(../images/layout/bullet_red.gif) center left no-repeat;
font-size: 0.8125em;
font-weight: bold;
line-height: 1em;
}

* html #home h2 span,
* html #error h2 span,
* html #kdw h3 span {
voice-family:"\"}\"";
voice-family:inherit;
position: relative;
top: 1px;
}

#home h2 small .icon-rss {
margin-right: 5px;
}

h3,
#rss h2,
h2.rss,
#home h2.rss {
margin: 10px 0 10px;
font: bold 1.6em/1.125 "Trebuchet MS", sans-serif;
color: #7f232f;
}

/* Rebrush: gruene Ueberschriften in Contextspalte */
#context h3 {
color: #467b80;
}

#rss h2,
h2.rss {
margin-top: 20px;
}

#search h3 {
margin: 0 0 1px;
font: bold 1.1em/1.363 Verdana, sans-serif;
}

h3 a {
display: block;
}

/* Rebrush: gruene Ueberschriften in Contextspalte */
#context h3 a {
color: #467b80;
}

#search h3 a {
display: inline;
}

h3 small,
#rss h2 small,
h2.rss small,
#home h2.rss small {
display: block;
margin-bottom: 2px;
font: .6875em/1.454 Verdana;
color: #000;
}

h3 small {
font-weight: bold;
}

#search h3 small {
margin-bottom: 0;
font-weight: normal;
font-size: .909em;
line-height: 1.3em;
}

h4 {
margin: 0 0 5px;
font: bold 1.3em/1.231 Verdana, sans-serif;
color: #7f232f;
}

/*
#context h4 {
margin-left: 5px;
margin-right: 5px;
}
*/

/* Rebrush: gruene Ueberschriften in Contextspalte */
#context h4 {
padding: 0 5px;
color: #467b80;
}

#context .box h4 {
padding: 0;
}

#context h4 a {
color: #467b80;
}

p, ul, ol, dl, table.minimal, a.p {
margin-bottom: 10px;
}

p,
blockquote,
ul li,
ol li,
dl dt,
dl dd,
img,
a.p,
table.minimal th,
table.minimal td {
font-size: 1.1em;
}

/* Gleiche Schriftgroessen bei mehreren Einrueckungen hintereinander */
blockquote p,
blockquote blockquote,
blockquote blockquote blockquote {
font-size: 1em;
line-height: 1.363;
}

p,
blockquote,
ul li,
ol li,
dl dt,
dl dd,
img,
a.p {
line-height: 1.363;
}

a.p {
display: block;
}

table.minimal th,
table.minimal td {
line-height: 1.2727;
}

ol, ul, dl, blockquote {
margin-left: 10px;
}

ol {
list-style: inside decimal;
}

ul li,
ol li,
dl dt,
dl dd {
margin-bottom: 3px;
}

ul li {
background: url(../images/layout/square.gif) left .45em no-repeat;
padding-left: 10px;
}

dl dt {
font-weight: bold;
}

ul li li { font-size: 1em; }
ol li li { font-size: 1em; }

dd li, dd label, dd button { font-size: 1em; }

blockquote {
font-style: italic;
}

legend {
margin-bottom: 5px;
font-weight: bold;
font-size: 1.4em;
line-height: 1.214;
color: #6b3133;
}

label, input, button, a.button, textarea, select { font-size: 1.1em; }

input, button, a.button, textarea, select { font-family: Verdana, sans-serif }

label input, label textarea { font-size: 1em; }

sup {
font-size: 90%;
vertical-align: top;
padding-left: 2px;
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Macro > Typographie > Links */

a {
text-decoration: none;
color: #7f232f;
}

/* Rebrush: gruene Ueberschriften in Contextspalte */
#context dt a {
color: #467b80;
}

a:hover {
text-decoration: underline;
}

em.active {
font-style: normal;
font-weight: bold;
}

#home h2 small a:visited {
color: #7f232f;
}

.ad-bottom li a {
color: #666;
}



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Macro > Layout */

html, body {
min-height: 100%;
}

* html,
* html body {
height: 100%;
}

body {
position: relative;
background: #eee;
}

body.popup {
background: #fff;
}

#outer-wrapper {
padding-top: 5px;
}

#wrapper {
position: relative;
z-index: 2;
}

#inner-wrapper {
float: left;
width: 797px;
margin: 0;
background: #fff url(../images/layout/bg_inner-wrapper.gif) right repeat-y;
}

#header,
#footer {
position: relative;
z-index: 999; /* bestimmt auch den z-index der Popup-Navigation */
}

#header {
padding: 0 2px 0 0;
margin-bottom: 10px;
background: url(../images/layout/bg_header.gif) no-repeat;
}

body.popup #header {
padding-right: 0;
}

#footer {
padding: 0 2px 10px 0;
background: url(../images/layout/bg_footer.png) bottom no-repeat;
}

#content,
#context {
margin-bottom: 10px;
}

#content {
overflow: visible;
float: left;
width: 439px;
padding: 0 0 0 15px;
width: 454px;
voice-family:"\"}\"";
voice-family:inherit;
width: 439px;
}

body.popup #content {
float: none;
width: auto;
padding: 0 15px;
}

.content-only #content {
width: auto !important;
padding-right: 12px !important;
}

#context {
overflow: hidden;
float: left;
padding: 5px 12px 0 20px;
width: 343px;
voice-family:"\"}\"";
voice-family:inherit;
width: 311px;
background: transparent url(../images/layout/bg_context.gif) repeat-y top left;
}

body.popup #context {
float: none;
width: auto;
padding: 0 15px;
}

.content-only #context {
display: none !important;
}

/* >>>> Ads */
#ad-top-wrapper {
position: relative;
z-index: 3;
width: 792px;
padding-left: 9px;
text-align: center;
background: url(../images/layout/ad_v.gif) 15px 24px no-repeat;
}

#ad-right-wrapper {
position: absolute;
z-index: 3;
left: 801px;
height: 500px;
}

#ad-right-wrapper #Skyscraper {
position: relative;
/* background: url(../images/layout/ad_h.gif) 76px top no-repeat; */
padding-top: 12px;
}




/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Macro > Forms */

/* >>> label.text, label.text input */
label.text, label.radio {
display: inline;
float: left;
}

label.text .label {
vertical-align: -1px;
}

*+html label.text .label {
vertical-align: 1px;
}

label.text input {
width: 99%;
padding: 2px 0 2px 1px;
vertical-align: middle;
}

/* IE 5.5 und 6 groesse verkleinert da sonst ein umbruch zustande kam */
* html #context label.text input {
width: 96%;
margin-right: -35px;
voice-family:"\"}\"";
voice-family:inherit;
width: 75%;
margin: 0;
}

/* IE 7 */
*+html label.text input {
width: auto;
padding: 1px 0 1px 1px;
}

label.radio {
margin-bottom: 5px;
}

label.radio input {
margin: 2px 1px 0 0;
vertical-align: -25%;
}

* html label.radio input {
vertical-align: middle;
}

*+html label.radio input {
margin-top: 0;
vertical-align: -3%;
}

input.image {
margin-top: -1px;
}

* html input.image {
margin: 0 0 0 -3px;
}

*+html input.image {
margin: 0 0 0 -3px;
}

label.checkbox input {
vertical-align: middle;
}

label.textarea {
display: block;
float: none;
}

label.textarea textarea {
display: block;
width: 99%;
padding: 2px 0 0 1px;
}

* html label.textarea textarea {
width: 98.5%;
}

div.one-of-two, div.two-of-two {
clear: none !important;
float: left;
width: 49.99%;
}

div.one-of-two label, div.two-of-two label {
display: block;
float: none;
}

div.one-of-two label {
margin-right: 7px;
}

div.two-of-two label {
margin-left: 8px;
}

div.one-of-two label.inside input,
div.two-of-two label.inside input {
display: block;
width: 98%;
}

* html div.one-of-two label.inside input,
* html div.two-of-two label.inside input {
width: 97.5%;
}



/* >>> Buttons */
button, a.button {
display: block;
float: left;
padding: 0;
margin: -2px 0 0 -3px;
border: 0;
text-decoration: none;
color: #000;
background: none;
cursor: hand;
voice-family:"\"}\"";
voice-family:inherit;
cursor: pointer;
margin: -2px 0 0 0;
}

button {
overflow: visible;
width: auto;
}

#content button.right, #content button.left {
margin: -2px -3px 0 0;
}

* html button {
margin-top: 0 !important;
margin-left: 0;
padding-right: 3px;
}

*+html button {
margin-top: 0 !important;
margin-left: 0 !important;
padding-right: 3px;
}

a.button {
padding-top: 1px;
}

* html a.button {
padding-top: 0;
margin-top: 0;
}

*+html a.button {
padding-top: 0;
margin-top: 0;
}

button span, a.button span {
display: block;
background: url(../images/layout/bg_submit.gif) repeat-x;
}

button span span, a.button span span {
display: block;
background: url(../images/layout/bg_submit_arrow_black.gif) top left no-repeat;
}

button span.red span, a.button span.red span {
display: block;
background: url(../images/layout/bg_submit_arrow_red.gif) top left no-repeat;
}

button span span span, a.button span span span {
display: block;
background: url(../images/layout/bg_submit_end.gif) top right no-repeat !important;
}

button span span span {
padding: 3px 7px 5px 26px;
}

a.button span span span {
padding: 4px 7px 6px 26px;
}

* html button span span span, * html a.button span span span {
padding: 4px 7px 5px 26px;
}

*+html button span span span, *+html a.button span span span {
padding: 4px 7px 5px 26px;
}

/* button.reverse */
button.button-reverse span span, a.button-reverse span span {
background: url(../images/layout/bg_submit_reverse_end.gif) top left no-repeat !important;
}

button.button-reverse span span span, a.button-reverse span span span {
padding: 3px 26px 5px 7px;
background: url(../images/layout/bg_submit_reverse_arrow_black.gif) top right no-repeat !important;
}

button.button-reverse span.red span span, a.button-reverse span.red span span {
background: url(../images/layout/bg_submit_reverse_arrow_red.gif) top right no-repeat !important;
}

button.button-reverse span span span {
padding: 3px 26px 5px 7px;
}

a.button-reverse span span span {
padding: 4px 26px 6px 7px;
}

* html button.button-reverse span span span, * html a.button-reverse span span span {
padding: 4px 26px 5px 7px;
}

*+html button.button-reverse span span span, *+html a.button-reverse span span span {
padding: 4px 26px 5px 7px;
}


button:active, a.button:active {
position: relative;
left: 1px;
top: 1px;
}



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Macro > Tables */

table.minimal {
margin-bottom: 10px;
}

table.minimal th,
table.minimal td {
padding-right: 5px;
padding-bottom: 3px;
}



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Micro > Typographie */

/* >>> Colors */
.cyan {
color: #467b80;
}

/* >>> #header, #footer */
#meta-login-register {
color: #a7000b;
}

/* Datum in Meta */
#meta-login-register li b {
color: #000000;
}

.search label.radio {
font-weight: bold;
color: #706949;
}

/* >>> .nojs-navigation */
.nojs-navigation {
line-height: 1.8;
}

.nojs-navigation dt {
font-weight: normal;
}


/* >>> Boxes */
.box dt,
.box h4,
.box-green dt,
.box-gold dt,
.box-beige dt,
.box-small dt,
.box-simple dt,
.box-ticker dt,
#videos #content dl.gallery dt,
#gallery #content dl.gallery dt,
#videos #content dl.video-gallery dt,
#gallery #content dl.video-gallery dt {
font: bold 1.3em/1.231 Verdana, sans-serif;
margin-bottom: 5px;
}

.box dt,
.box h4,
.box-small dt,
.box-simple dt,
.box-ticker dt {
color: #7f232f;
}

/* Boxenanpassung fuer Rebrush */
#context .box,
#context .box-small,
#context .box-green,
#context .box-gold,
#context .box-beige,
#context .box-simple,
#context .box-ticker,
#context .form-typ-02,
#context .multiple-teaser {
border: none;
padding: 10px 6px;
margin: 0 5px 20px 5px !important;
background: #fff url(none);
}

/* Rebrush: gruene Ueberschriften in Contextspalte */
#context .box dt,
#context .box h4,
#context .box-small dt,
#context .box-simple dt,
#context .box-ticker dt,
.box-green dt {
color: #467b80;
}

.box-gold dt,
.box-beige dt {
color: #000;
}

.box .ad-label {
color: #6b6b6b;
font-size: 1em;
line-height: 1.9;
font-weight: normal;
}

.box h4 .ad-label {
font-size: .7692em;
}

/* .tagcloud */
.tagcloud .size-1,
.tagcloud .size-2,
.tagcloud .size-3,
.tagcloud .size-4,
.tagcloud .size-5 {
line-height: 1.105;
}

.tagcloud .size-1 {
font-size: 1.1em;
}

.tagcloud .size-2 {
font-size: 1.3em;
}

.tagcloud .size-3 {
font-size: 1.4em;
}

.tagcloud .size-4 {
font-size: 1.7em;
}

.tagcloud .size-5 {
font-size: 1.9em;
}

body#kdw .tagcloud dt small {
color: #000;
font-size: .9231em;
}

/* #boerse-aktuell */
#boerse-aktuell p.last {
color: #467b80;
}

/* .image */
.image .caption {
color: #333;
font-size: 1em;
line-height: 1.2;
}

.image img {
display: block;
}

.image .copyright {
color: #999;
}

/* #yahoo-charts */
#yahoo-charts dt small {
color: #6b6b6b;
font-size: .7692em;
line-height: 1.9;
font-weight: normal;
}

#yahoo-charts ol {
margin-left: 0;
}

#yahoo-charts ol li {
line-height: 1.2726;
margin-bottom: 0;
}

/* .special */
#context .special dt {
color: #467b80;
font-size: 1.4em;
}

/* .coherences */
.coherences .arrow-red a {
color: #666;
}

.coherences .arrow-red a strong {
color: #7f232f;
}

.coherences .arrow-cyan a strong {
color: #467b80;
}

/* .gallery */
#videos #content dl.box-simple dt,
#gallery #content dl.box-simple dt {
margin: 15px 0 0;
font: normal 1.7em/1.176 "Trebuchet MS", sans-serif;
color: #7f232f;
}

#search #content dl.gallery,
#search #content dl.video-gallery {
margin-top: 0;
margin-bottom: 20px;
clear: left;
}

#search #context dl.gallery,
#search #context dl.video-gallery {
margin-top: -5px;
}

dl.gallery dd,
dl.video-galllery dd,
ul.gallery li,
ul.video-gallery li {
line-height: 1.182;
}

/* >>> Multiple Teaser */
.multiple-teaser li {
font-size: 1em;
}

.multiple-teaser h4 {
margin: 0;
font: bold 1.6em/1.125 "Trebuchet MS", sans-serif;
}

.multiple-teaser h4 a {
display: block;
}

.multiple-teaser h4 small {
display: block;
margin-bottom: 0;
font: bold .6875em/1.454 Verdana;
color: #000;
}

.multiple-teaser a.more {
font-size: 1.1em;
}

.multiple-teaser p a.more {
font-size: 1em;
}

.multiple-teaser li.tools h4 {
margin: 0 0 10px;
color: #467b80;
}

.multiple-teaser li.tools h4 small {
color: #000;
}

#search .multiple-teaser dl {
margin-left: 0;
margin-bottom: 0;
}

#search .multiple-teaser dt img {
margin-top: 3px;
}

/* >>> .notice */
#content p.notice {
padding: 5px 10px;
margin: 0 0 10px;
}

#context p.notice {
padding: 10px 6px;
margin: 0 5px 20px 5px;
}

/* >>> Article [Teaser] */

body.answer-to-question h1 {
color: #467b80;
}

/* .article-teaser */
.article-teaser h3 {
margin: 0 0 10px 0;
}

.article-teaser .links dt {
font: bold 1.4em "Trebuchet MS", sans-serif;
color: #7f232f;
}

h3.comments {
color: #000;
}

* html h3.comments {
margin-bottom: 10px;
}

* + html h3.comments {
margin-bottom: 10px;
}

body.answer-to-question h3.comments {
color: #467b80;
}

/* .tool-teaser */
.tool-teaser h2 {
padding: 2px 0 3px 30px;
margin-top: 0 !important;
}

/* .article-teaser-top */
.article-teaser-top h3 {
margin: 0 0 10px 0;
font: 1.8em/1.333 "Trebuchet MS", sans-serif;
color: #7f232f;
position: relative;
}
/* IE sorgt fuer korrekte Darstellung der Artikelfaehnchen bei zweizeiligen Ueberschriften */
* html .article-teaser-top h3 {
position: static;	
}
* + html .article-teaser-top h3 {
position: static;	
}

#special .article-teaser-top h3 {
margin-top: 0;
}

.article-teaser-top h3 small {
font-size: .611em;
line-height: 1.454;
padding-right: 80px;
}

/* weiterfuehrender Link */
.box-weiterlink {
display: block;
margin-top: 10px;
}

.box-weiterlink a {
font-size: 1.1em;
}

/* .article-info */
.article-info,
.article-info-abs {
font-size: 1em;
/*line-height: 1em;*/
line-height: 1.5em;
}

body #content .article-info-padding {
padding-top: 25px;
}

.article-info .comments,
.article-info .votes,
.article-info .date-time,
.article-info-abs .comments,
.article-info-abs .votes,
.article-info-abs .date-time {
color: #666;
}

.article-info .comments strong,
.article-info .votes strong,
.article-info-abs .comments strong,
.article-info-abs .votes strong {
color: #7F232F;
}

body.answer-to-question .article-info .comments strong,
body.answer-to-question .article-info .votes strong,
body.answer-to-question .article-info-abs .comments strong,
body.answer-to-question .article-info-abs .votes strong {
color: #467b80
}

.article-info .category,
.article-info-abs .category {
font-weight: bold;
color: #7F232F;
}

ul.article-info-abs {
margin-left: 0;
}

ul.article-info-abs li {
float: left;
position: relative;
padding: 0;
font-size: 1em;
background: transparent;
}

body.answer-to-question .article-info .category,
body.answer-to-question .article-info-abs .category {
color: #467b80;
}

body.answer-to-question .date-author a {
color: #467b80;
}

/* .service .service-bottom */
.service li dl.links dt,
.service-bottom li dl.links dt,
.service li dl.links dd,
.service-bottom li dl.links dd,
.service li,
.service-bottom li {
font-size: 1em;
line-height: 1.9;
margin-bottom: 0;
}

.service li dl.links dt,
.service-bottom li dl.links dt {
color: #000;
}

/* .show-all-comemnts */
.show-all-comments {
font-size: 1.1em;
}

/* .blog-news */
.blog-news h3 {
margin-bottom: 5px;
}

.blog-news ul {
margin: 0;
}

.blog-news ul li a {
color: #7f232f;
}

* html .blog-news li {
height: 1%;
}

*+html .blog-news li {
height: 1%;
}

/* >>> #rss */
#rss h2 small strong,
h2.rss small strong {
margin-right: 2px;
}

/* Schriftgroesse des Abo-Link ausserhalb von #rss anpassen */
a.rss-abo {
font-size: 0.909em;
}

/* >>> Various */

/* .copyright, .source */
.copyright, .source {
color: #666;
}

.copyright a {
color: #666;
text-decoration: underline;
}

small.copyright, small.source {
font-size: .909em;
}

/* a.more */
a.more {
margin-left: 5px;
}


/* .tabs */
.tabs li {
font-size: 1em;
font-weight: bold;
}

.tabs li a {
font-size: 1.1em;
}

.tabs li.active em {
font-size: 1.2em;
font-style: normal;
}

/* #der-aktuelle-tag Sponsor Link */
#der-aktuelle-tag dd.powered-by {
margin-top: 10px;
margin-bottom: 0;
font-size: 1em;
color: #666;
}

/* #der-aktuelle-tag Ticker neu */
.box-ticker {
position: relative;
margin: 0 0 10px 0;
padding: 10px;
background: #f5f6f6 url(../images/layout/bg_box.gif) repeat-x scroll 0 0;
border: 1px solid #e0e0e0;
}

#der-aktuelle-tag dt .left {
margin-top: 0;
}

#der-aktuelle-tag dt .right {
margin-top: 3px;
}

#der-aktuelle-tag dt small {
font-size: .769em;
font-weight: normal;
text-align: right;
color: #666;
}

/* auf maximal 4 Eintraege beschraenken */
#der-aktuelle-tag dd.scroll-ticker {
position: relative;
height: 72px;
overflow: hidden;
}

.scroll-ticker ul {
margin-bottom: 0;
}

.scroll-ticker li {
margin-bottom: 0;
padding-bottom: 3px;
}

/* Uhrzeit */
.scroll-ticker em {
font-style: normal;
color: #666;
background-image: url(../images/layout/arrow_red.gif);
background-position: left 0.454em;
padding-left: 7px;
}

/* ist der Eintrag zweizeilig, soll die zweite Zeile unterhalb der Uhrzeit eingerueckt werden */
.scroll-ticker em {
display: block;
float: left;
margin-right: 4px;
}

.scroll-ticker a {
float: left;
color: #000;
width: 245px;
}

.with-border {
border-top: 1px solid #e0e0e0;
padding-top: 3px;
margin-bottom: 0;
}

.with-border ul {
margin-left: 0;
margin-bottom: 0;
}

.with-border li {
display: inline;
float: left;
background: none;
padding-left: 0;
margin-left: 10px;
margin-bottom: 0;
}

.with-border li.first {
margin-left: 0;
margin-right: 63px;
}

.refresh {
background: url(../images/layout/icon_refresh.gif) no-repeat left top;
padding-left: 16px;
color: #666;
}

.frueher {
background: url(../images/layout/icon_scroll_down.gif) no-repeat left top;
padding-left: 16px;
color: #666;
}

.aktueller {
background: url(../images/layout/icon_scroll_up.gif) no-repeat left top;
padding-left: 16px;
color: #666;
}
/* Ende: #der-aktuelle-tag Ticker neu */

/* Ticker Uebersicht */
#newsfilter {
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #e0e0e0;
}

#newsfilter b {
margin-right: 5px;
}

.news-teaser {
margin-bottom: 10px;
}

.news-teaser em {
float: left;
display: block;
font-style: normal;
font-size: 1.1em;
color: #666;
margin-right: 10px;
padding-top: 23px;
}

.news-teaser img {
float: left;
display: block;
width: 14px;
margin-right: 5px;
padding-top: 20px;
}

.news-teaser h3 {
padding-left: 90px;
margin: 0 0 10px 0;
}

.news-teaser p {
clear: both;
padding-left: 90px;
}

.first-teaser {
border-bottom: 1px solid #e0e0e0;
margin-bottom: 30px;
}
/* Ende Ticker Uebersicht */

/* >>> Popup */
body.popup #print-header .icon-drucken,
body.popup #print-header a {
font-size: 1.1em;
}

/* dl.pagination */
dl.pagination dt {
font-size: 1.1em;
font-weight: normal;
color: #000;
}

/* Linkliste in Artikeln mit und ohne Seitenschalter */
.no-pagination {
clear: both;
padding-top: 10px;
}

.top-20 {
margin-bottom: 0;
}

/*>>>>>>>>>>>> Recommind-Suche >>>>>>>>*/

/* Reiternavigation */
#search .tab-list {
display: block;
}

#search .tabs a,
#search .tabs em,
#search .tabs span.fading {
padding: 7px 5px 3px 5px;
}

#search .tabs li.inactive {
background: url(../images/layout/bg_tabs_item_right_inaktiv.png) no-repeat right top;
}

.tabs li span.fading {
background: transparent url(../images/layout/bg_tabs_item_left.gif) no-repeat scroll left top;
}

#search .tabs .inactive span.fading {
font-size: 1.1em;
color: #afafaf;
display: block;
float: left;
}

/* Trefferanzahl in Reitern */
#search .hits {
font-size: 1em;
font-weight: normal;
}

/* Suchergebnisse in KdW */
.match-kdw {
padding-bottom: 7px;
border-bottom: 1px solid #d2d2d2;
}

/* Suchergebnisse Kurscharts */
.match-charts {
border-bottom: 1px solid #d2d2d2;
padding-bottom: 10px;
margin-bottom: 20px;
}

.match-charts .chart-wrapper {
float: left;
margin: 0;
padding: 0;
width: 200px;
}

.match-charts ul {
float: left;
width: 229px;
margin-bottom: 0;
}

.match-charts ul li {
background: none;
padding-left: 0;
margin-bottom: 3px;
}

.match-charts ul li.last {
margin-top: 7px;
}

.match-charts strong {
color: #7f232f;
}

.match-charts .timeindex {
margin-left: 10px;
}

.match-charts .wp1-positive {
color: #2d8900;
font-weight: bold;
}

.match-charts .wp1-negative {
color: #ce000e;
font-weight: bold;
}

/* Suchergebnisse */
/* Ueberschrift Suchergebnisse */
#search .match-content {
margin-bottom: 20px;
}

#search .match-content h3 {
display: inline;
line-height: 1.545em;
}

/* Quellenangabe */
.match-content cite {
font-size: 0.909em;
font-style: normal;
display: block;
margin: 3px 0 10px 0;
}

/* Icons zur Artikelunterscheidung */
#search .match-content img.left {
margin-top: 2px;
}

.match-content .left {
display: inline;
margin-bottom: 0;
}

/* Icon Nur ein Platzhalter, kann spaeter entfernt werden */
.match-content .standard {
width: 26px;
height: 26px !important;
}

/* Icons */
.match-content .artikel,
.match-content .kurse,
.match-content .multimedia,
.match-content .kdw,
.match-content .audio,
.match-content .images,
.match-content .video {
width: 21px;
height: 26px !important;
}

/* Icon Euro */
.match-content .euro {
width: 12px;
height: 19px !important;
}

/* Icon aehnliche Suchergebnisse */
.match-content .related {
background: url(../images/layout/icon_related.gif) no-repeat left 4px;
padding-left: 20px;
padding-bottom: 7px;
border-bottom: 1px solid #d2d2d2;
}

/* Adwrapper immitiert Optik von match-content */
#search #content .adwrapper {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #d2d2d2;
}

/* Zusaetliche Icons in den Ueberschriften */
.match-content .icon-kommentare {
background-position: left 1px;
}

.match-content .icon-exklusiv,
.match-content .icon-new-investor,
.match-content .icon-koepfe-der-wirtschaft,
.match-content .icon-new-investor,
.match-content .icon-kolumne {
background-position: left 2px;
}

.match-content .icon-exklusiv {
padding-bottom: 2px;
}

.match-content .icon-kolumne {
padding-bottom: 2px;
}

.match-content .icon-video {
background-position: left 3px;
}

.match-content .icon-new-investor {
padding-bottom: 7px;
}

/* Treffermengenauswahl */
.matches {
margin-bottom: 40px;
}

.matches dl {
float: right;
}

.matches dt {
font-size: 1.1em;
font-weight: normal;
color: #000;
display: inline;
float: left;
margin-right: 5px;
}

.matches dd {
margin-left: 10px;
}

.matches dd a {
text-decoration: underline;
font-weight: bold;
}

/* Premium-Archiv, wirtschaftspresse.biz */
.premium-archiv h4 {
float: left;
color: #467b80;
display: inline;
padding-top: 9px;
}

.premium-info p {
margin-top: 10px;
}

.premium-info {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #d2d2d2;
}

.premium-link {
margin-top: 15px;
margin-bottom: 10px;
font-size: 1.1em;
}

.premium-archiv .match-content {
margin-top: 10px;
border-bottom: 1px solid #d2d2d2;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Micro > Typographie > Links + Active Items */

/* .arrow */
.arrow-black a, a.arrow-black, span.arrow-black {
color: #000;
}

/* Ausnahme Verlinkung in dt context_dossierlinkliste */
.arrow-black dt a {
color: #7f232f;
}

.arrow-cyan a, a.arrow-cyan, li.arrow-cyan a {
color: #467b80;
}

.arrow-gold a {
color: #8f896a;
}

.arrow-red a, a.arrow-red {
color: #7f232f;
}

.arrow-beige a, a.arrow-beige {
color: #958f71;
}

.arrow-dark-red a, a.arrow-dark-red {
color: #6b3133;
}

.arrow-bright-red a {
color: #a7000b;
}

.arrow-white a {
color: #fff;
}

.arrow-white em.active {
color: #fff;
}

.meta-navigation a { color: #fff !important; }

.meta-navigation li.active {
background: #578C90;
font-style: normal;
margin-left: -10px;
padding-left: 10px;
padding-right: 10px;
margin-right: 10px;
}

.meta-navigation li.active em {
color: #fff;
font-style: normal;
}

#footer-navigation a { color: #000;}
#meta-login-register a { color: #7f232f; }
#meta-navigation-2 a { color: #8F896A; }
.meta-service a { color: #fff !important; }

/* .gallery und video-gallery */
.gallery a:hover span.caption,
.video-gallery a:hover span.caption {
text-decoration: underline;
}

/* .image */
.image a.image-zoom:hover {
text-decoration: none;
}

/* #yahoo-charts */
#yahoo-charts ol a {
color: #000;
}

/* #der-aktuelle-tag */
#der-aktuelle-tag dd.powered-by a {
color: #ff6b00;
}

/* .service */
.service a,
.service-bottom a,
.service span.pseudo-link,
.service-bottom span.pseudo-link,
.service span.pseudo-link-hover,
.service-bottom span.pseudo-link-hover {
color: #666;
}

.service a:hover,
.service span.pseudo-link:hover,
.service span.pseudo-link-hover,
.service-bottom li.bookmarks a:hover,
.service-bottom li.bookmarks-click a:hover {
color: #000 !important;
text-decoration: underline !important;
}


/* >>> Article [Teaser] */

/* .pagination */
.pagination a {
font-weight: bold;
}


/* >>> Various [Teaser] */

/* >>> #search */
#search .highlight {
background: #d0e1e3;
}

/* >>> .nojs-navigation */
.nojs-navigation a {
color: #7f232f !important;
}


/* dl.pagination */
dl.pagination dd a {
text-decoration: underline;
}

dl.pagination dd.right a {
text-decoration: none;
}

/* .tabs */
.tabs li a:visited {
color: #6b3133;
}



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Micro > Layout */

/* >>> Common */

/* .left .right .center */
#content .left, #context .left {
float: left;
margin-right: 10px;
}

#content .right, #context .right {
float: right;
margin-left: 10px;
}

#content .right, #context .right,
#content .left, #context .left {
height: 1%;
margin-top: .35em;
}

/* Container fuer .mp3 und andere Audioinhalte */
#content .audio-box {
width: 160px;
height: 120px;
margin: 0.35em 10px 0 0;
overflow: hidden;
float: left;
background: #F5F6F6;
}

#content img.right, #context img.right,
#content img.left, #context img.left,
#content select.right, #context select.right,
#content select.left, #context select.left {
height: auto;
}

#content p.right, #context p.right,
#content p.left, #context p.left,
#content li.right, #context li.right,
#content li.left, #context li.left {
margin-top: 0;
}

#content img.center {
display: block;
margin-left: auto;
margin-right: auto;
}

/* .image */
/*
Fall: In einem Artikel ist ein Bild sehr lang und der Fliesstext im p etwas zu kurz. Dahinter folgt ein adwrapper.
Der "Anzeige"-Text rutscht dabei unter die Bildbeschreibung.
margin nach unten vergeben, .adwrapper fuer content clearen
*/
div.image {
margin-bottom: 10px;
}

/* IE6 */
* html div.image {
margin-bottom: 0;
}

/* IE7 */
* + html div.image {
margin-bottom: 0;
}

div.image a.image-zoom {
display: block;
position: relative;
}

div.image a.image-zoom span.icon-zoom,
div.image span.footnote,
div.image span.caption {
display: block;
}

div.image a.image-zoom span.icon-zoom {
position: absolute;
right: 10px;
bottom: 8px;
width: 17px;
height: 17px;
border: 1px solid #e0e0e0;
text-indent: -9999px;
background: #fff url(../images/layout/icon_zoom.gif) center no-repeat;
}

* html div.image a.image-zoom span.icon-zoom {
cursor: hand;
}

div.image span.caption {
background: #e9ebec;
padding: 10px;
border: 1px solid #e0e0e0;
border-top: 0;
}

div.image .image-zoom {
text-align: center;
background: #e9ebec;
}

div.image img {
margin: 0 auto;
}

/* .image-smaller */
div.image-smaller a.image-zoom {
padding-top: 10px;
}

/* .w */
.w240 {
width: 240px;
overflow: hidden;
}

/* Verhindert, dass Bilder im IE Drucklayout nicht richtig angezeigt werden */
* html body.print .w240 {
overflow: visible;
}

* + html body.print .w240 {
overflow: visible;
}

/* IE6 "fuer importierte und ueberbreite grafiken" */
* html .w480 {
width: 240px;
overflow: hidden;
position: relative;
clip: rect(0px, 240px, 168px, 0px);
}
* html div.w480 a.image-zoom {
width: 240px;
overflow: hidden;
}

/* IE7 */
* + html .w480 {
position: relative;
clip: rect(0px, 240px, 168px, 0px);
}

.w300 {
width: 300px;
}

.w360 {
width: 360px;
}


/* .tool .tip */
/* Solange die Tooltips noch nicht entfernt sind */
a.tool span.tip {
display: none;
}

/* >>> #header, #footer */
.logo {
display: block;
position: relative;
height: 93px;
background: #fff;
}

body.popup .logo {
height: 81px;
}

.logo a,
.logo span.active {
display: block;
position: absolute;
width: 207px;
height: 45px;
background: url(../images/layout/logo.gif);
}

body.popup .logo a,
body.popup .logo span.active {
width: 207px;
height: 45px;
}

body.popup .logo span.active {
background: transparent url(../images/layout/logo.gif) repeat-x;
}

/* login */
ul.login {
text-align: right;
display: block;
position: absolute;
right: 14px;
top: 59px;
width: 450px;
}

ul.login li {
display: inline;
background-image: none;
}

ul.login li a {
background: url(../images/layout/arrow_red.gif) no-repeat left 0.454em;
padding-left: 7px;
}
/* ENDE login */

/* .search */
.search {
position: absolute;
right: 5px;
width: 318px;
height: 36px;
}

* html .search {
right: 4px;
}

* + html .search {
right: 5px;
}

.meta-navigation,
#meta-login-register {
float: left;
}

.meta-service,
#meta-navigation-2 {
float: right;
}

.meta-navigation-service-wrapper,
.meta-login-navigation-wrapper {
padding: 0 12px 0 15px;
}

.meta-navigation-service-wrapper {
background: #90aeb0;
}

.meta-navigation li,
.meta-service {
padding: 5px 0 4px;
}

#meta-navigation-2 li,
.meta-service li {
margin-right: 15px;
}

.meta-navigation li {
margin-right: 20px;
}

#meta-login-register li.last,
#meta-navigation-2 li.last,
.meta-service li.last,
.meta-navigation li.last {
margin-right: 0;
}


/* >>> #header */
#header h1 {
margin: 0;
}

#header .logo a,
#header .logo span.active {
top: 6px;
left: 15px;
}

body.popup #header .logo a,
body.popup #header .logo span.active {
top: 16px;
left: 15px;
}

#header .search {
bottom: 29px;
}

* html #header .search {
bottom: 43px;
}

/* .meta-navigation-service-wrapper */
#header .meta-navigation-service-wrapper {
border-bottom: 1px solid #e5e5e5;
}

/* .meta-login-navigation-wrapper */
#header .meta-login-navigation-wrapper {
background: url(../images/layout/bg_header_top.gif) bottom repeat-x;
}

#meta-login-register,
#meta-navigation-2 {
padding: 8px 0;
}

#meta-navigation-2 {
float: right;
}

/* >>> #footer */
#footer .logo a,
#footer .logo span.active {
top: 36px;
left: 15px;
}

#footer .search {
top: 52px;
}

#footer-navigation {
background: url(../images/layout/bg_copyright.gif) top repeat-x;
padding-top: 15px;
margin-bottom: 10px;
}

#footer-navigation li {
border-right: 1px solid #666;
padding-right: 10px;
margin-right: 10px;
}

#footer-navigation li.last {
border: 0;
padding-right: 0;
margin-right: 0;
}

#footer .copyright {
text-align: center;
margin-bottom: 20px;
}


/* Holzbrink Service Button: Modul von extern */
#GvHsb_ul {
border: 1px solid #e0e0e0;
}

#GvHsb_Button {
width: 120px;
font-size: 1.1em;
z-index: 999;
padding-bottom: 2px;
}

#GvHsb_ul li {
background: none;
}

/* #GvHsb_Button ohne Link zur mobilen Seite */
.no-mobile {
margin: 0 0 10px 350px;
}

/* #GvHsb_Button mit Link zur mobilen Seite */
.with-mobile {
float: left;
margin: 0 0 10px 231px;
}

/* IE 6 */
* html .with-mobile {
margin-left: 116px;
}

/* Link zur mobilen Seite */
.mobile-link {
float: left;
padding-bottom: 2px;
padding-left: 15px;
border-left: 1px solid #666666;
}

.mobile-link a {
font-size: 1.1em;
color: #000;
}

/* >>> .navigation */
.navigation {
position: absolute;
width: 796px;
background: none;
}

#header .navigation {
bottom: 0;
}

* html #header .navigation {
bottom: -1px;
}

#footer .navigation {
z-index: 1;
top: 0;
}

.navigation li {
position: relative;
z-index: 999;
}

.navigation li a {
height: 32px !important;
text-indent: -9999px;
background: url(../images/layout/navigation.png);
}

/* navigation items */
.navigation li.unternehmer-und-maerkte a,
.navigation li.unternehmer-und-maerkte:hover a,
.navigation li.unternehmer-und-maerkte-hover a,
.navigation li.unternehmer-und-maerkte a.active {
width: 159px;
background-position: 0 top;
}

.navigation li.finanzen a,
.navigation li.finanzen:hover a,
.navigation li.finanzen-hover a,
.navigation li.finanzen a.active {
width: 92px;
background-position: -955px top;
}

.navigation li.politik a,
.navigation li.politik:hover a,
.navigation li.politik-hover a,
.navigation li.politik a.active {
width: 166px;
background-position: -251px top;
}

/* neuer Menuepunkt durch wiwo-Facelift */
.navigation li.management-erfolg a,
.navigation li.management-erfolg:hover a,
.navigation li.management-erfolg-hover a,
.navigation li.management-erfolg a.active {
width: 162px;
background-position: -417px top;
}

.navigation li.technik a,
.navigation li.technik:hover a,
.navigation li.technik-hover a,
.navigation li.technik a.active {
width: 132px;
background-position: -579px top;
background-color: #fff;
}

.navigation li.karriere a,
.navigation li.karriere:hover a,
.navigation li.karriere-hover a,
.navigation li.karriere a.active {
width: 84px;
background-position: -711px top;
}



/* navigation items >>> hovered & active */
/* .navigation li.technik:hover */
.navigation li.unternehmer-und-maerkte:hover,
.navigation li.unternehmer-und-maerkte-hover,
.navigation li.finanzen:hover,
.navigation li.finanzen-hover,
.navigation li.politik:hover,
.navigation li.politik-hover,
.navigation li.management-erfolg:hover,
.navigation li.management-erfolg-hover,
.navigation li.technik:hover,
.navigation li.technik-hover,
.navigation li.karriere:hover,
.navigation li.karriere-hover,
.navigation li.active {
z-index: 1;
}

.navigation li.unternehmer-und-maerkte:hover a,
.navigation li.unternehmer-und-maerkte-hover a,
.navigation li.unternehmer-und-maerkte a.active {
position: relative;
z-index: 1;
width: 160px;
margin-right: -1px;
background-position: 0 -32px;
}

.navigation li.finanzen:hover a,
.navigation li.finanzen-hover a,
.navigation li.finanzen a.active {
position: relative;
z-index: 1;
width: 93px;
margin-right: -1px;
background-position: -955px -32px;
}

.navigation li.politik:hover a,
.navigation li.politik-hover a,
.navigation li.politik a.active {
position: relative;
z-index: 1;
width: 167px;
margin-right: -1px;
background-position: -251px -32px;
}

/* neuer Menuepunkt durch wiwo-Facelift */
.navigation li.management-erfolg:hover a,
.navigation li.management-erfolg-hover a,
.navigation li.management-erfolg a.active {
position: relative;
z-index: 1;
width: 163px;
margin-right: -1px;
background-position: -417px -32px;
}

.navigation li.technik:hover a,
.navigation li.technik-hover a,
.navigation li.technik a.active {
position: relative;
z-index: 1;
width: 133px;
margin-right: -1px;
background-position: -579px -32px;
}

.navigation li.karriere:hover a,
.navigation li.karriere-hover a,
.navigation li.karriere a.active {
position: relative;
z-index: 1;
width: 84px;
margin-right: -1px;
background-position: -711px -32px;
}



/* #footer navigation items */
#footer .navigation li.unternehmer-und-maerkte a,
#footer .navigation li.unternehmer-und-maerkte:hover a,
#footer .navigation li.unternehmer-und-maerkte-hover a,
#footer .navigation li.unternehmer-und-maerkte a.active {
background-position: 0 64px;
}

#footer .navigation li.finanzen a,
#footer .navigation li.finanzen:hover a,
#footer .navigation li.finanzen-hover a,
#footer .navigation li.finanzen a.active {
background-position: -955px 64px;
}

#footer .navigation li.politik a,
#footer .navigation li.politik:hover a,
#footer .navigation li.politik-hover a,
#footer .navigation li.politik a.active {
background-position: -251px 64px;
}

/* neuer Menuepunkt durch wiwo-Facelift */
#footer .navigation li.management-erfolg a,
#footer .navigation li.management-erfolg:hover a,
#footer .navigation li.management-erfolg-hover a,
#footer .navigation li.management-erfolg a.active {
background-position: -417px 64px;
}

#footer .navigation li.technik a,
#footer .navigation li.technik:hover a,
#footer .navigation li.technik-hover a,
#footer .navigation li.technik a.active {
background-position: -579px 64px;
}

#footer .navigation li.karriere a,
#footer .navigation li.karriere:hover a,
#footer .navigation li.karriere-hover a,
#footer .navigation li.karriere a.active {
background-position: -711px 64px;
}


/* #footer navigation >>> hovered & active */
#footer .navigation li.unternehmer-und-maerkte:hover a, #footer .navigation li.unternehmer-und-maerkte-hover a, #footer .navigation li.unternehmer-und-maerkte a.active {
background-position: 0 bottom;
}

#footer .navigation li.finanzen:hover a, #footer .navigation li.finanzen-hover a, #footer .navigation li.finanzen a.active {
background-position: -955px bottom;
}

#footer .navigation li.politik:hover a, #footer .navigation li.politik-hover a, #footer .navigation li.politik a.active {
background-position: -251px bottom;
}

#footer .navigation li.management-erfolg:hover a, #footer .navigation li.management-erfolg-hover a, #footer .navigation li.management-erfolg a.active {
background-position: -417px bottom;
}

#footer .navigation li.technik:hover a, #footer .navigation li.technik-hover a, #footer .navigation li.technik a.active {
background-position: -579px bottom;
}

#footer .navigation li.karriere:hover a, #footer .navigation li.karriere-hover a, #footer .navigation li.karriere a.active {
background-position: -711px bottom;
}



/* navigation popups */
.navigation li ul {
position: absolute;
left: -9999px;
top: -9999px;
z-index: 999;
}

/* .navigation li ul, */
.navigation li:hover ul,
.navigation li.hover ul {
display: block !important;
left: -1px;
top: 25px;
padding: 5px 0;
margin: 0 0 0 1px;
border: 1px solid #e5e5e5;
background: #fff url(../images/layout/bg_schatten-popups.png) repeat-x 0 0;
z-index: 5;
z-index: 999;
}

.navigation li.karriere:hover ul {
right: -1px !important;
left: auto;
}

* html .navigation li.karriere-hover ul {
right: -2px;
left: auto;
}

#header ul.navigation li ul li a,
#footer ul.navigation li ul li a {
display: block;
float: none;
height: auto !important;
width: 170px !important;
padding: 2px 2px 2px 10px;
text-indent: 0;
color: #000;
background: none;
}

/* geringere Breite fuer Menuepunkt "Karriere" */
#header ul.navigation li.karriere ul li a,
#footer ul.navigation li.karriere ul li a {
display: block;
float: none;
height: auto !important;
width: 160px !important;
padding: 2px 2px 2px 10px;
text-indent: 0;
color: #000;
background: none;
}

/* IE6 */
* html #header ul.karriere li ul li a,
* html #footer ul.karriere li ul li a {
width: 160px !important;
}

* html #wrapper #header ul.navigation li.karriere ul li a,
* html #footer ul.navigation li.karriere ul li a {
width: 160px !important;
}

#header .navigation li ul li a:hover,
#footer .navigation li ul li a:hover,
#header ul.navigation li.karriere ul li a:hover,
#footer ul.navigation li.karriere ul li a:hover {
background: #f0f0f0;
}

#header .navigation li:hover ul,
#header .navigation li.hover ul {
border-top: 0;
}

#footer .navigation li:hover ul,
#footer .navigation li.hover ul {
top: auto;
bottom: 32px;
border-bottom: 0;
background-image: none;
}

/* >>> .breadcrumb */
.breadcrumb {
clear: both;
margin-left: 15px;
margin-bottom: 10px;
}

.breadcrumb-top {
margin-bottom: 10px;
}

.breadcrumb-bottom {
margin-top: 15px;
}

#content .breadcrumb {
margin-left: 0;
}

.breadcrumb li {
padding-right: 10px;
margin-right: 5px;
font-size: 1em;
background: url(../images/layout/arrow_gold.gif) right 55% no-repeat;
margin-bottom: 0;
}

.breadcrumb li.last {
padding-right: 0;
margin-right: 0;
background: none;
}

.breadcrumb li a,
.breadcrumb li strong {
color: #958f71;
font-weight: normal;
}

/* >>> .nojs-navigation */
.nojs-navigation {
margin-left: 15px;
}

.nojs-navigation dt {
display: inline;
padding: 2px 5px;
margin-right: 5px;
background: #F0EBD7;
}

.nojs-navigation dd {
display: inline;
border-right: 1px solid #666;
padding-right: 10px;
margin-right: 6px;
}

* html .nojs-navigation dd {
padding-right: 4px;
margin-right: 8px;
}

*+html .nojs-navigation dd {
padding-right: 4px;
margin-right: 8px;
}

.nojs-navigation dd.last {
border-right: 0;
}

/* >>> Boxes */
.box,
.box-simple,
.box-small,
.box-green,
.box-gold,
.box-beige {
position: relative;
margin-left: 0;
margin-top: 0;
}

.box,
.box-small,
.box-green,
.box-gold,
.box-beige {
border: 1px solid;
padding: 10px;
}

fieldset.box legend {
position: relative;
top: 40px;
background: none;
}

#content .box,
#content .box-green,
#content .box-gold,
#content .box-beige,
#content .box-simple,
#content .box-flash {
margin-bottom: 30px;
}

#kdw #content .box {
margin-bottom: 20px;
margin-top: 0;
}

/* Klasse "keinabstand" verhindert zu grosse
Abstaende vor bzw. ueber der Bildgalerie
fuer alle Seitentypen ausser "#gallery" */
#content dl.keinabstand {
margin-top: 0;
}

#context .box,
#context .box-green,
#context .box-gold,
#context .box-beige,
#context .box-simple,
#context .box-flash {
margin-bottom: 10px;
}

.box,
.box-small {
border-color: #e0e0e0;
}

.box {
background: #f5f6f6 url(../images/layout/bg_box.gif) repeat-x;
}

.box-green {
border-color: #91afb1;
background: #c9d8d9 url(../images/layout/bg_box_green.jpg) repeat-x;
}

.box-gold {
border-color: #e0e0e0;
background: #f7f4e9 url(../images/layout/bg_box_gold.png) repeat-x;
}

.box-beige {
border-color: #d8d0b3;
background: #efe9d4 url(../images/layout/bg_box_beige.png) repeat-x;
}

.box-small {
background: #f3f3f3;
}

ul.box-small li.last {
margin-bottom: 0;
}

.box .ad-label {
position: absolute;
top: 5px;
right: 10px;
}

/* .box >>> .scroll */
.box .scroll {
position: relative;
overflow: hidden;
height: 90px;
}

.box .scroll .links li {
padding-right: 20px;
}

.box dd .scroll .links li {
padding-right: 0;
font-size: 0.9091em;
}

/* validiert nicht */
.box .scroll .overlay-gradient {
position: absolute;
bottom: -1px;
z-index: 1;
height: 10px;
width: 100%;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/customer/images/layout/overlay_gradient.png');
}

.box .scroll .overlay-gradient[class] {
background: url(../images/layout/overlay_gradient.png) repeat-x;
}

.box .scroll .scroll-up,
.box .scroll .scroll-down {
position: absolute;
right: 0;
}

.box .scroll .scroll-up {
top: 5px;
}

.box .scroll .scroll-down {
top: 45px;
}

/* .dossierteaser */
#content .dossierteaser h2,
#context .dossierteaser h2 {
height: auto;
margin: 0 0 10px;
padding: 0;
font-family: Verdana, Arial, sans-serif;
font-size: 1.3em;
font-weight: bold;
line-height: 1.231em;
background: none;
}

/* Rebrush: gruene Ueberschriften in Contextspalte */
#context .dossierteaser h2 {
color: #467b80;
}

#content .dossierteaser h3,
#context .dossierteaser h3 {
margin: 0 0 5px;
font-family: Verdana, Arial, sans-serif;
font-size: 1.1em;
color: #000;
}

.dossierteaser h3 strong {
color: #7f232f;
}

/* Rebrush: gruene Ueberschriften in Contextspalte */
#context .dossierteaser h3 strong {
color: #467b80;
}

.dossierteaser dl {
clear: both;
margin-left: 0;
}

.dossierteaser h4 {
width: 150px;
}

.dossierteaser img {
float: left;
margin: 0 10px 0 0;
}

.dossierteaser dt {
margin-top: 10px;
font-size: 1.1em;
color: #000;
}

.dossierteaser p {
margin-bottom: 0;
}

/* Dossier Keyvisual */
.dossier-keyvisual {
margin-bottom: 20px;
padding: 10px;
background-color: #ebe5ca;
}

#content .dossier-keyvisual h2 {
height: auto;
margin: 7px 0 27px 1px;
padding: 0 0 0 15px;
background: transparent url(../images/layout/bullet_red_11px.gif) no-repeat scroll left 3px;
font-size: 1.6em;
font-weight: bold;
line-height: 1em;
}

#content .dossier-keyvisual h3 {
margin: 0;
line-height: 1em;
font-family: "Trebuchet MS", sans-serif;
font-size: 1.8em;
font-weight: normal;
}

/* .tagcloud-small, .coherences, .koepfe-der-wirtschaft */
.tagcloud-small,
.coherences,
.koepfe-der-wirtschaft-teaser {
width: 240px;
voice-family:"\"}\"";
voice-family:inherit;
width: 218px;
}

#context .koepfe-der-wirtschaft-teaser {
width: auto;
}

/* .coherences */
.coherences ul,
.coherences li.last {
margin-bottom: 0;
}

/* .koepfe-der-wirtschaft */
.koepfe-der-wirtschaft-teaser dt a {
color: #467b80;
}

.koepfe-der-wirtschaft-teaser dd {
margin-bottom: 5px;
}

.koepfe-der-wirtschaft-teaser .more {
display: block;
margin-top: 10px;
}


/* .service-tools */
.service-tools dt a {
color: #467b80;
}

.service-tools dd {
float: left;
border-top: 1px solid #c1c1c1;
margin-bottom: 0;
}

.service-tools dd {
width: 50%;
}

.service-tools dd a {
display: block;
border: 1px solid #ebebeb;
border-bottom: 0;
border-right: 0;
color: #000;
background: #fff;
width: auto;
}

* html .service-tools dd a {
height: 1%;
}

.service-tools dd a span {
display: block;
padding: 4px 4px 4px 20px;
margin-left: 4px;
}

/* .service-tools .first-col */
.service-tools dd.first-col a {
border-right: 0;
}

.service-tools dd.first-col a span {
border-right: 0;
}

/* .service-tools .first-row */
.service-tools dd.first-row a {
background: #fff;
}

/* .service-tools .last-col */
.service-tools dd.last-col a {
border: 1px solid #ebebeb;
border-right-color: #c1c1c1;
border-bottom: 0;
}

.service-tools dd.last-col a span {
border-right: 1px solid #ebebeb;
}

/* .service-tools .last-row */
.service-tools dd.last-row {
border-bottom: 1px solid #c1c1c1;
}

.service-tools dd.last-row a {
border-bottom: 1px solid #ebebeb;
}

/* .service-tools .more */
.service-tools dd.more {
display: block;
float: none;
width: auto !important;
border-top: 0;
}

.service-tools dd.more a {
position: absolute;
right: 5px;
top: 11px;
height: auto !important;
border: 0;
color: #467b80;
background: url(../images/layout/arrow_cyan.gif) center left no-repeat;
}

/* .tab-teaser */
/* .tab-teaser */
.tab-teaser .hl li a,
.tab-teaser .hl .active em {
font-weight: bold;
font-style: normal;
color: #6b3133;
}

.tab-teaser .hl li.active {
font-size: 1.3em;
line-height: 1.3846em;
}

#content .tab-teaser .box {
margin-top: 0;
}

.tab-teaser .hl {
position: relative;
z-index: 1;
top: 1px;
}

#context .tab-teaser .hl {
margin-left: 5px;
}

.tab-teaser .hl li {
margin: 2px 1px 0 0;
background: url(../images/layout/bg_tab-teaser-icon_item_right.gif) no-repeat right -44px;
}

.tab-teaser .hl .active {
margin-top: 0;
background: url(../images/layout/bg_tab-teaser_item_right_context.gif) no-repeat scroll right top;
}


.tab-teaser .hl li em {
color: #6b3133;
padding: 5px 10px 4px;
}

* html .tab-teaser .hl li a,
* html .tab-teaser .hl li em {
width: .1em;
white-space: nowrap;
}

.tab-teaser .hl li a {
padding: 5px 10px 4px;
}

.tab-teaser .hl li.active em {
padding-top: 6px;
background: none;
}

.tab-teaser .links {
margin-bottom: 0;
}

.tab-teaser .links .last {
border-bottom: 1px solid #e0e0e0;
padding: 0 10px 10px;
margin: 0 -10px 5px;
}

* html .tab-teaser .links {
position: relative;
}

* html .tab-teaser .links .last {
position: relative;
width: 100%;
}

*+html .tab-teaser .links .last {
width: 100%;
}

.tab-teaser .links .left,
.tab-teaser .links .right {
padding-top: 4px;
margin-bottom: -2px;
}

* html .tab-teaser .links .left,
* html .tab-teaser .links .right {
margin-bottom: 0;
voice-family:"\"}\"";
voice-family:inherit;
margin-bottom: -5px;
}

*+html .tab-teaser .links .left,
*+html .tab-teaser .links .right {
margin-bottom: -6px;
}

* html .tab-teaser .links .left a,
* html .tab-teaser .links .right a {
display: inline;
margin-bottom: 0 !important;
}

/* neue Variante Icons in Tabs */
.tab-teaser-icon .hl li {
margin: 6px 1px 0 0;
}

/* IE 6 */
* html .tab-teaser-icon .hl li {
margin-top: 7px;
}

/* IE 7 */
* + html .tab-teaser-icon .hl li {
margin-top: 7px;
}

.tab-teaser-icon .hl .active {
margin-top: 0;
background: url(../images/layout/bg_tab-teaser-icon_item_right.gif) no-repeat right top;
}

#context .tab-teaser-icon .hl .active {
background: url(../images/layout/bg_tab-teaser_item_right_context.gif) no-repeat scroll right top;
}

.tab-teaser-icon .hl li a,
.tab-teaser-icon .hl li em {
background: url(../images/layout/bg_tab-teaser_item_left.gif) no-repeat left top;
padding: 3px 10px;
}

.tab-teaser-icon i {
display: block;
font-style: normal;
}

.tab-teaser-icon .ico-topbewertet {
text-indent: 1.2em;
background: url(../images/layout/bg_ico_reiter_topbewertet.gif) no-repeat 0 2px;
}

.tab-teaser-icon .active .ico-topbewertet {
text-indent: 1em;
background: url(../images/layout/bg_ico_reiter_topbewertet_aktiv_neu.gif) no-repeat 0 2px;
}

.tab-teaser-icon .ico-topkommentiert {
text-indent: 1.6em;
background: url(../images/layout/bg_ico_reiter_topkommentiert.gif) no-repeat 0 3px;
}

.tab-teaser-icon .active .ico-topkommentiert {
text-indent: 1.3em;
background: url(../images/layout/bg_ico_reiter_topkommentiert_aktiv_neu.gif) no-repeat 0 3px;
}

.tab-teaser-icon .ico-topgesucht {
text-indent: 1.3em;
background: url(../images/layout/bg_ico_reiter_topgesucht_aktiv.gif) no-repeat 0 1px;
}


/* tabs fuer Verwandte Beitraege */

.related-tab-teaser .hl li a,
.related-tab-teaser .hl li em {
padding: 5px 3px 6px;
}



#context .related-tab-teaser .active {
padding: 3px 2px 4px;
font-size: 1.049em;
line-height: 1.5em;
}

.related-teaser li {
margin-bottom: 5px;
}

.related-teaser li cite {
font-size: 0.909em;
font-style: normal;
color: #666;
padding-left: 7px;
}
/* Ende tabs fuer Verwandte Beitraege */

/* .tagcloud */
.tagcloud {
vertical-align: bottom;
}

body#kdw #content .tagcloud {
margin-top: 0;
margin-bottom: 20px;
}

body#kdw .tagcloud dt small {
display: block;
}

.tagcloud dd {
display: inline;
}

.tagcloud dd a {
padding: 0 1px;
}

.tagcloud dd.more {
position: absolute;
left: 10px;
bottom: 8px;
display: block;
margin: 10px 0 0;
margin-top: 10px;
}

.tagcloud dd.more a {
font-weight: bold;
}

/* .tagcloud-small */
.tagcloud-small dd {
margin-right: 10px;
}

.tagcloud-small dd a {
background-position: left center;
white-space: nowrap; /* IE */
}

/* .tagcloud-kdw */
#wrapper .tagcloud-kdw {
height: 180px;
}

/* .navi */
.navi {
margin-top: 0 !important;
}

.navi li.center {
display: block;
float: none;
text-align: center;
}

.navi li.center ul {
display: inline;
margin: 0;
}

.navi li.center ul li a,
.navi li.center ul li.active em {
display: inline;
float: none;
}

.navi li.center ul li a {
font-weight: bold;
text-decoration: underline;
padding: 0 2px;
}

.navi li.center ul li a:hover {
text-decoration: none;
}

.navi li.center ul li.active em {
font-style: normal;
font-weight: bold;
}

/* dl.gallery und dl.video-gallery [Multiple Images] */
dl.gallery,
dl.video-gallery,
ul.gallery,
ul.video-gallery {
position: relative;
z-index: 1;
}

.box dl.gallery,
.box dl.video-gallery,
.box ul.gallery,
.box ul.video-gallery {
margin: 0;
}

#kdw #content-wide ul.gallery,
#kdw #content-wide ul.video-gallery {
margin-bottom: 20px;
}

dl.gallery dt,
dl.video-gallery dt {
margin-bottom: 0px;
}

#content dl.gallery dt,
#content dl.video-gallery dt {
float: left;
width: 290px; /* Verhindert ein Ueberschneiden von langen Ueberschriften mit dem Link "Bildgalerie oeffnen". */
}

#gallery #content dl.gallery dt,
#gallery #content dl.video-gallery dt,
#content dl.gallery dt.alt,
#content dl.video-gallery dt.alt {
float: none;
width: auto;
}

/* IE6 */
* html #content dl.gallery dt,
* html #content dl.video-gallery dt {
float: none;
}

/* IE7 */
* + html #content dl.gallery dt,
* + html #content dl.video-gallery dt {
float: none;
}

dl.gallery dd,
ul.gallery li,
dl.video-gallery dd,
ul.video-gallery li {
float: left;
}

/* Reguliert Abstaende zwischen den Thumbnails */
dl.gallery dd,
ul.gallery li {
margin: 10px 8px 0 0;
}

/* IE 6 */
* html dl.gallery dd,
* html ul.gallery li {
margin-right: 7px;
}

#content dl.video-gallery dd,
#content ul.video-gallery li {
margin: 10px 29px 0 0;
}

#content dl.video-gallery dd.first,
#content ul.video-gallery li.first {
margin-right: 28px;
}

#context dl.video-gallery dd,
#context ul.video-gallery li {
margin: 10px 49px 0 0;
}

ul.gallery li,
ul.video-gallery li {
padding-left: 0;
background: none;
}

dl.gallery dd,
ul.gallery li,
dl.video-gallery dd,
ul.video-gallery li {
overflow: hidden; /* Schneidet zu lange Woerter ab und verhindert Umbruch des naechsten Elements im IE. */
}

/* IE 6 */
* html dl.gallery dd,
* html ul.gallery li,
* html dl.video-gallery dd,
* html ul.video-gallery li {
height: 1%;
}

/* IE 6 */
* html #content dl.video-gallery dd,
* html #content ul.video-gallery li {
margin-right: 26px;
}

/* IE 6 */
* html #context dl.video-gallery dd,
* html #context ul.video-gallery li {
margin-right: 46px;
}

/* Verschiedene Thumbnailgroessen */
#content dl.gallery dd,
#content ul.gallery li {
width: 98px;
}

#content dl.video-gallery dd,
#content ul.video-gallery li {
width: 120px;
}

#kdw #content-wide ul.gallery li,
#kdw #content-wide ul.video-gallery li {
width: 160px;
margin-right: 20px;
}

#context dl.gallery dd,
#context ul.gallery li {
width: 90px;
}

#context dl.video-gallery dd,
#context ul.video-gallery li {
width: 120px;
}

dl.gallery dd.first,
dl.video-gallery dd.first,
ul.gallery li.first,
ul.video-gallery li.first {
clear: both;
height: 1%;
}

#kdw #content-wide ul.gallery li.first,
#kdw #content-wide ul.video-gallery li.first {
display: inline;
margin-left: 20px;
}

dl.gallery dd.last,
dl.video-gallery dd.last,
ul.gallery li.last,
ul.video-gallery li.last {
margin-right: 0 !important;
}

#kdw #content-wide ul.gallery li.last,
#kdw #content-wide ul.video-gallery li.last {
float: left;
}

/* IE 6 */
* html dl.gallery dd.last,
* html dl.video-gallery dd.last,
* html ul.gallery li.last,
* html ul.video-gallery li.last {
float: none;
height: 1%;
}

/* IE 7 */
* + html dl.gallery dd.last,
* + html dl.video-gallery dd.last,
* + html ul.gallery li.last,
* + html ul.video-gallery li.last {
float: none;
}

/* Thumbnail-Images */
dl.gallery img,
dl.video-gallery img,
ul.gallery img,
ul.video-gallery img {
display: block;
}

dl.gallery .thumbnail,
ul.gallery .thumbnail,
dl.video-gallery .thumbnail,
ul.video-gallery .thumbnail {
display: block;
width: 80px;
height: 80px;
border: 1px solid #e0e0e0;
overflow: hidden;
padding: 0;
margin: 0;
}

/* Anderes Format fuer Videothumbnails */
dl.video-gallery .thumbnail,
ul.video-gallery .thumbnail {
width: 120px;
border: none;
}

dl.gallery .thumbnail img,
dl.video-gallery .thumbnail img,
ul.gallery .thumbnail img,
ul.video-gallery .thumbnail img {
border: 0;
padding: 0;
margin: 0;
}

/* Bildunterschriften */
dl.gallery .caption,
dl.video-gallery .caption,
ul.gallery .caption,
ul.video-gallery .caption {
display: block;
margin-top: 5px;
}

dl.gallery a span.caption-tooltip,
dl.video-gallery a span.caption-tooltip,
ul.gallery a span.caption-tooltip,
ul.video-gallery a span.caption-tooltip {
display: none;
position: absolute;
top: 98px;
left: 0;
padding: 10px 10px 5px;
border: 1px solid #000;
text-decoration: none;
white-space: nowrap;
color: #000;
background: #fff;
}

dl.gallery a:hover span.caption-tooltip,
dl.video-gallery a:hover span.caption-tooltip {
display: block;
}

dl.gallery a span.caption-tooltip span.title,
dl.video-gallery a span.caption-tooltip span.title,
ul.gallery a span.caption-tooltip span.title,
ul.video-gallery a span.caption-tooltip span.title {
display: block;
font-size: 1.0909em;
font-weight: bold;
white-space: nowrap;
}

dl.gallery a span.caption-tooltip span.copyright,
dl.video-gallery a span.caption-tooltip span.copyright,
ul.gallery a span.caption-tooltip span.copyright,
ul.video-gallery a span.caption-tooltip span.copyright {
margin-top: 5px;
display: block;
}

/* Galerie oeffnen Link */
dl.gallery dd.more,
dl.video-gallery dd.more {
clear: left;
float: right;
display: block;
border-top: 0;
padding-top: 0px;
}

#content dl.gallery dd.more,
#content dl.video-gallery dd.more,
#context dl.gallery dd.more,
#context dl.video-gallery dd.more {
margin: -16px 0 0 0;
width: auto;
}

/* Galerie oeffnen Link, unten */
#content dl.gallery dd.unten,
#content dl.video-gallery dd.unten,
#context dl.gallery dd.unten,
#context dl.video-gallery dd.unten {
clear: left;
float: right;
display: block;
margin: 3px 0 0 0;
}

#content dl.gallery dd.more a,
#content dl.video-gallery dd.more a {
white-space: nowrap;
}

/* Ende: dl.gallery und dl.video-gallery [Multiple Images] */

/* dl.gallery.two-per-row */
#content dl.two-per-row dd {
width: 161px;
}

#content dl.two-per-row dd.first {
margin-left: 30px;
margin-right: 40px;
}

/* div.gallery [One Image] */
div.gallery {
overflow: hidden;
padding-right: 7px;
}

div.gallery img {
margin-bottom: 10px;
}

div.gallery .navi {
border-top: 1px solid #e0e0e0;
padding: 10px 10px 0px;
margin: 0 -10px 0;
}

* html div.gallery .navi {
margin: 0;
voice-family:"\"}\"";
voice-family:inherit;
position: relative;
margin: 0 -10px 0;
width: 100%;
}

* + html div.gallery .navi {
width: 100%;
}

/* Bilder in Multiple Choice */
.mchoice dl.gallery {
margin-left: 0;
}

.mchoice dl.gallery span.thumbnail {
display: block;
overflow: hidden;
width: 80px;
height: 52px;
border: 1px solid #e0e0e0;
padding: 0;
margin: 0;
}

/* Weitere Informationen in Multiple Choice */
.mchoice .box a.arrow-red,
.mchoice-teaser a.arrow-red {
color: #7f232f !important; /* IE6 */
text-decoration: none !important; /* IE6 */
}

.mchoice .box a:hover.arrow-red,
.mchoice-teaser a:hover.arrow-red {
text-decoration: underline !important; /* IE6 */
}

.mchoice .box a.arrow-red {
display: block;
margin: 10px 0 0 0;
}

/* Sonderfall Ueberschrift h2 wie h1 */
h2.mchoice-header {
font-size: 2.2em;
font-weight: bold;
line-height: 1.182;
margin: 10px 0 5px;
}

h2.mchoice-header small {
color: #000000;
display: block;
font-family: Verdana,sans-serif;
font-size: 0.5em;
font-weight: bold;
margin-bottom: 3px;
}

/* Ergebnisausgabe Multiple Choice */
.mutliplechoice-resultlist {
margin-top: 0 !important;
}

.mutliplechoice-resultlist h2 {
margin-top: 0;
}

.mutliplechoice-resultlist dl {
margin-left: 0;
border-bottom: 1px solid #d2d2d2;
}

.mutliplechoice-resultlist dt small {
display: block;
margin-bottom: 2px;
font: .846em/1.182em Verdana;
color: #000;
font-weight: bold;
}

.mutliplechoice-resultlist em {
color: #9f0000;
font-weight: bold;
}

.mutliplechoice-resultlist em strong {
color: #39752d;
font-weight: bold;
}

/* Hervorhebung der "Gruppe" im Ergebnis */
.mutliplechoice-resultlist div.ihre-gruppe {
border: 1px solid #7F232F;
margin: 0 -3px 5px -3px;
padding: 2px;
background: #f8f9f9;
}

dl.multiplechoice-resultsummary {
margin-bottom: 0;
border-bottom: none;
}

.multiplechoice-resultsummary strong {
color: #7f232f;
}

/* Ergebnisausgabe Voting */
div.voting-ergebnis dl,
div.voting-ergebnis p {
margin-left: 0;
}

/* .survey */
.survey {
width: 289px;
margin: auto;
}

/* .comment */
#kdw .comment {
margin-top: 30px !important;
margin-bottom: 30px !important;
}

.comment p {
margin: 10px 0 0;
}

.comment .comment-info {
position: relative;
top: -20px;
margin-bottom: -20px;
padding-top: 20px;
background: url(../images/layout/bg_comment.gif) no-repeat;
}

.comment .comment-response {
padding-top: 10px;
margin: 10px 0 0 10px;
border-top: 1px solid #cfd2d3;
}

/* .comment-form */
.comment-form {
margin-top: 20px !important;
}

/* #boerse-aktuell */
#boerse-aktuell h4 {
float: left;
}

#boerse-aktuell h4 a {
color: #467b80;
}

#boerse-aktuell form {
float: right;
margin-bottom: 10px;
}

#boerse-aktuell .navi,
#boerse-aktuell-kursplattform .navi {
background: #fff;
border-bottom: 1px solid #dbdbdb;
}

#boerse-aktuell .navi li a,
#boerse-aktuell .navi li em.active,
#boerse-aktuell-kursplattform .navi li a,
#boerse-aktuell-kursplattform .navi li em.active {
padding: 5px 13px;
border-right: 1px solid #dbdbdb;
}

#boerse-aktuell .navi li a,
#boerse-aktuell .navi li a:visited,
#boerse-aktuell-kursplattform .navi li a,
#boerse-aktuell-kursplattform .navi li a:visited {
color: #000;
}

#boerse-aktuell .navi li a.active,
#boerse-aktuell-kursplattform .navi li a.active {
background: #d0e1e3;
}

#boerse-aktuell .navi li a.active:hover,
#boerse-aktuell-kursplattform .navi li a.active:hover {
text-decoration: none;
}

#boerse-aktuell .navi li.last a,
#boerse-aktuell .navi li.last em.active,
#boerse-aktuell .navi li.last a.active {
border-right: 0;
padding-right: 14px;
}

#boerse-aktuell-kursplattform .navi li.last a,
#boerse-aktuell-kursplattform .navi li.last em.active,
#boerse-aktuell-kursplattform .navi li.last a.active {
border-right: 0;
padding-right: 10px;
}


#boerse-aktuell .chart-table-wrapper {
display: block;
padding: 10px 0 15px;
margin-bottom: 10px;
background: #fff;
width: 290px;
}

#boerse-aktuell img.left {
margin: 0 5px 0 2px;
}

#boerse-aktuell .chart-table-wrapper .table-wrapper-hidden {
margin: 0;
width: 130px;
overflow: hidden;
}

#boerse-aktuell .arrow-cyan li {
margin-right: 20px;
}

#boerse-aktuell p.last {
margin-bottom: 0;
}

#boerse-aktuell p.last a {
margin-left: 10px;
}

/* #aktuelle-ausgabe */
#aktuelle-ausgabe .left {
margin-top: .15em;
}

#aktuelle-ausgabe div.wrapper {
margin-bottom: 3em;
}

#aktuelle-ausgabe b {
display: block;
margin-bottom: 4px;
font-size: 1.1em;
}

#aktuelle-ausgabe p {
margin-bottom: 20px;
}

#aktuelle-ausgabe .hl {
position: absolute;
left: 0;
bottom: 10px;
padding-left: 125px;
}

#aktuelle-ausgabe .hl li {
margin-right: 10px;
}

#aktuelle-ausgabe .hl li.last {
margin-right: 0;
}

/* #wiwo-exklusiv */
#wiwo-exklusiv dt {
width: 144px;
height: 24px;
margin-bottom: 10px;
background: url(../images/layout/wiwo_exklusiv.gif) no-repeat;
}

/* Icon klickbar machen */
#wiwo-exklusiv dt a {
display: block;
width: 144px;
height: 24px;
}

/* #uni-ranking */
#uni-ranking {
margin-left: 0;
}

#uni-ranking dt a {
color: #467b80;
}

#uni-ranking dd {
margin-bottom: 0;
}

/* Fliesstext erhaelt die richtige Schriftgroesse. */
#uni-ranking dd p {
font-size: 1em;
margin-bottom: 0;
}

.further-dossiers {
clear: left;
display: block;
}

#uni-ranking img {
margin-bottom: 10px;
}

#uni-ranking ol {
font-weight: bold;
margin-bottom: 0;
}

#uni-ranking ol li span.regular {
font-weight: normal;
}

#uni-ranking ol li.last {
margin: 5px 0 0 0;
list-style: none;
}

*+html #uni-ranking ol li.last {
text-indent: -15px;
}

* html #uni-ranking ol li.last {
text-indent: -15px;
}

/* .ticker */
.dossier-ticker {
margin-left: 0;
}

/* #video-teaser */
#video-teaser p {
font-size: 1em;
line-height: 1.363em;
}

#video-teaser dd {
margin-bottom: 0;
}

/* mehr Abstand unter das Bild, damit der Fliesstext nicht direkt unter dem Bild klebt */
#video-teaser img {
margin-bottom: 10px;
}

#video-teaser .videoplayer {
margin-bottom: 0;
}

/* #yahoo-charts */
#yahoo-charts dt small {
position: absolute;
right: 10px;
}

/* .special */
#context .special {
margin-bottom: 30px;
}

#context .special dd.last {
margin-bottom: 0;
}

/* .rss-legend */
.rss-legend ul.last {
margin-bottom: -.3em;
}

#rss .rss-legend {
margin-top: 20px;
margin-bottom: 20px;
}

/* Zuletzt besuchte Seiten */
#last-visits h4 {
float: left;
width: 190px;
font-size: 1.3em;
line-height: 1.462em;
margin-bottom: 0;
}

#last-visits span.more {
float: right;
padding-top: 5px;
padding-bottom: 3px;
}

/* IE6 */
* html #last-visits span.more {
padding-top: 6px;
}

/* IE7 */
* + html #last-visits span.more {
padding-top: 6px;
}

#last-visits ul {
margin-top: 7px;
padding-bottom: 0;
border-bottom: 1px solid #e0e0e0;
}

#last-visits ul li {
margin-bottom: 0;
padding-bottom: 7px;
}

#last-visits ul li a {
color: #000;
}

#last-visits .back-to-search {
text-align: right;
}

/* #koepfe-der-wirtschaft-a-z, #koepfe-der-wirtschaft-suchen */
#koepfe-der-wirtschaft-a-z dd.index {
font-size: 1.2em;
font-weight: bold;
}

#koepfe-der-wirtschaft-a-z dd.index ul {
margin-left: 0;
}

#koepfe-der-wirtschaft-a-z dd.index ul li {
margin-right: 15px;
line-height: 1.6666;
}

#koepfe-der-wirtschaft-a-z dd.index ul li.active em {
font-style: normal;
}

#koepfe-der-wirtschaft-a-z dd.index ul li a {
color: #467b80;
text-decoration: underline;
}

#koepfe-der-wirtschaft-a-z dd.results {
margin-top: 15px;
margin-bottom: 0;
}

#koepfe-der-wirtschaft-a-z dd.results ul {
margin-bottom: 0;
}

#koepfe-der-wirtschaft-a-z dd.results ul li.arrow-red {
margin-bottom: 0;
}

#koepfe-der-wirtschaft-a-z dd.form {
float: none !important;
border-top: 1px solid #93a2a4;
padding-top: 10px;
margin-top: 10px;
}

#koepfe-der-wirtschaft-suchen dt a {
color: #467b80;
}

#koepfe-der-wirtschaft-a-z dd.form label.text input,
#koepfe-der-wirtschaft-suchen dd.form label.text input {
width: 190px;
margin-right: 4px;
}

#koepfe-der-wirtschaft-a-z dd.form,
#koepfe-der-wirtschaft-suchen dd.form {
margin-bottom: 0;
}

/* #nachrichten-zu-person */
#nachrichten-zu-person dd.more {
margin-top: 10px;
margin-bottom: 0;
}

/* >>> Various */

/* .banner */
.banner {
display: block;
}

#content .article-teaser-top .banner {
margin-bottom: 10px;
}

#content .banner {
margin-bottom: 30px;
}

#context .banner {
margin-bottom: 20px;
}

#content form .banner, #context form .banner {
display: block;
margin-bottom: 5px;
}

/* .multiple-teaser */
.multiple-teaser {
margin-left: 0;
}

.multiple-teaser li {
padding-left: 0;
margin-bottom: 5px;
background: none;
}

/* .videoplayer */
.videoplayer {
position: relative;
margin-bottom: 18px;
}

.article-teaser-wrapper .videoplayer {
margin-bottom: 10px;
}

#search .videoplayer {
margin-bottom: 0;
}

/* .tabs */
.tabs {
position: relative;
z-index: 1;
top: 1px;
margin-bottom: 20px;
border-bottom: 1px solid #e0e0e0;
}

.tabs li {
margin: 2px 1px 0 0;
background: url(../images/layout/bg_tabs_item_right.png) no-repeat right top;
}

.tabs li.last {
margin-right: 0;
}

.tabs li a {
background: url(../images/layout/bg_tabs_item_left.gif) no-repeat left top;
padding: 7px 18px 3px;
}

* html .tabs li a,
* html .tabs li em {
width: .1em;
white-space: nowrap;
}

.tabs li.active {
position: relative;
z-index: 2;
margin-top: 0;
margin-bottom: -1px;
border: 1px solid #e0e0e0;
border-bottom: 0;
background: #fff;
}

.tabs li.active em {
padding: 6px 18px 5px;
background: none;
}

/* .two-cols */
.two-cols {
margin-left: 0;
}

.two-cols li,
.two-cols dd {
display: inline;
float: left;
width: 49.99%;
padding-left: 0;
background: none;
}

body.kdw-suchergebnis #content .two-cols li {
margin-bottom: 10px;
}

.two-cols li.first,
.two-cols dd.first {
clear: left;
}

/* #jobturbo */
/* Context */
#jobturbo input {
padding: 2px;
margin-bottom: 3px;
width: 199px;
voice-family:"\"}\"";
voice-family:inherit;
width: 196px;
}

#jobturbo button {
margin-top: 0 !important;
}

/* Content */
#content #jobturbo label {
font-weight: bold;
line-height: 1.909em;
text-transform: uppercase;
color: #7f232f;
float: left;
margin: 0 0 10px 10px;
width: 32%;
}

#content #jobturbo input {
float: right;
margin-bottom: 10px;
padding: 2px;
width: 217px;
voice-family:"\"}\"";
voice-family:inherit;
width: 209px;
}

#content #jobturbo h3,
#content #jobturbo img,
#content #jobturbo button {
margin-top: 0;
}

* html #content #jobturbo button {
margin-right: -1px;
}

#content #jobturbo p {
margin-bottom: 20px;
}
/* Ende Jobturbo */

/* Linkatory */
.linkatory dd {
margin-bottom: 0;
}

.linkatory dd dd {
margin-bottom: 10px;
}

.linkatory p {
font-size: 1em;
}

.linkatory .last {
margin-bottom: 0;
}

.linkatory strong {
display: block;
}

.linkatory p strong,
.linkatory p a {
display: inline;
}

/* Devisenauswahl Wechselkurse, nicht #kursplattform */
#select-currency h2 {
color: #578c90;
}

#select-currency h2 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.4em;
font-weight: bold;
margin: 0 0 10px;
}

#select-currency dl.indizes {
margin: 0 0 20px;
}

#select-currency dl.indizes dd.indizes-first {
border-left: 0px solid #000;
padding: 0 2px 0 0;
}

#select-currency dl.indizes dd a.active {
color: #000;
font-weight: bold;
}

#select-currency dl.indizes dd {
border-left: 1px solid #000;
padding: 0 2px 0 6px;
}

#select-currency dl.indizes dd,
#select-currency dl.indizes dt {
display: inline;
}

/* >>> Article [Teaser] */

/* .article-teaser */
.article-teaser {
margin-bottom: 0;
padding-bottom: 20px;
padding-top: 25px;
}

/* .no-info, wenn keine Dachzeile erscheint */
#content .no-info {
margin-bottom: 20px;
padding-top: 0;
padding-bottom: 0;
}

/* mehr Abstand nach unten fuer den umfliessenden Text */
#content .article-teaser img {
margin-bottom: 10px;
}

/* Nach Umstellung des H3Tags fuer SEO-Optimierung lief die Ueberschrift
im Safari bei Verwendung von Icons immer in den Context-Bereich, daher display: none ! */
.article-teaser-top .invis,
.article-teaser .invis {
display: none;
}

/* Sonderstile fuer multiplechoice article-info */
span.no-topmargin {
margin-top: 0;
}

/* IE6 */
* html span.no-topmargin {
margin-top: -2px;
}

/* IE7*/
* + html span.no-topmargin {
margin-top: -2px;
}

.mchoice-teaser {
padding-top: 0 !important;
}

/* .article-teaser-wrapper */
.article-teaser-wrapper {
position: relative;
}

img.atq {
float: right;
margin: 4px 10px 0 0;
}

/* IE6 */
* html img.atq {
margin-top: 3px;
}

/* IE7 */
* + html img.atq {
margin-top: 3px;
}

p.atq-clear {
clear: right;
}

/* .article-info */
.article-info {
display: block;
margin-top: 7px;
margin-bottom: 15px;
}

/* .article-info-abs */
.article-info-abs {
display: block;
position: absolute;
top: -25px;
left: 0;
}

.links-article-teaser {
margin-top: 0;
margin-bottom: 0;
}

#home .article-teaser {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}

#home .links-article-teaser {
margin-top: 0;
margin-bottom: 10px;
padding-bottom: 0;
}

/* Wenn die Liste im div Container ist,
 den float aufheben, um die listenbullets
 hinter der Grafik und falsche Abstaende zu vermeiden */
div.article-teaser ul.links-article-teaser {
clear: both;
}

.links-article-teaser-mehr-abstand {
margin-top: 0;
margin-bottom: 20px;
padding-bottom: 0;
}

#special .article-teaser {
margin-bottom: 0;
padding-top: 25px;
padding-bottom: 20px;
}

#special .links-article-teaser {
margin-top: -10px;
margin-bottom: 0;
padding-bottom: 30px;
}

* html #special .article-info-abs {
left: 0;
}

#special .article-teaser-top {
margin-bottom: 10px;
}

/* .article-teaser-visual */
/* Visual im Content volle Contentbreite */
.article-teaser-visual .visual {
width: 439px;
overflow: hidden;
margin-bottom: 5px;
}

#wrapper .article-teaser-visual .article-teaser {
margin-bottom: 0;
padding: 0 0 10px;
}

#search .article-teaser {
margin-bottom: 10px;
}

#search .links-article-teaser {
margin-top: -10px;
margin-bottom: 10px;
}

.article-teaser-alt {
margin-bottom: 20px;
}

/* .article-teaser-top */
.article-teaser-top {
margin-bottom: 0;
/* soll keinen Abstand nach unetn mehr haben,
wegen der smarty Vorlage "weitere Links".
alter Wert war: padding-bottom: 20px; */
padding-bottom: 0px;
}

.links-article-teaser-top {
margin-top: 20px;
margin-bottom: -10px;
}

/* .tool-teaser */
.tool-teaser {
margin-bottom: 0 !important;
}

.article-info .author {
border: none;
display: block;
margin-bottom: 7px;
}

.article-info .category,
.article-info .comments,
.article-info .date-time,
.article-info .votes,
.article-info .date,
.article-info-abs .category,
.article-info-abs .comments,
.article-info-abs .date-time,
.article-info-abs .votes,
.article-info-abs .date {
padding-right: 7px;
margin-right: 5px;
border-right: 1px solid #666;
}

.article-info .last,
.article-info-abs .last {
border-right: 0 !important;
}

/* .pagination, .service-bottom */
.pagination, .service-bottom {
margin-top: 15px !important;
}

/* .pagination */
.pagination .arrow-red {
margin-left: 10px;
}

* html .pagination .arrow-red {
voice-family:"\"}\"";
voice-family:inherit;
margin-left: 5px;
}

*+html .pagination .arrow-red {
margin-left: 5px;
}

/* dl.pagination */
dl.pagination {
margin-bottom: 10px;
}

/* Seitennavigation in Suchergebnissen */
/* "Ergebnisseite" wird nicht dargestellt|angezeigt */
dl.pagination dt {
height: 0;
width: 0;
font-size: 0;
line-height: 0;
overflow: hidden;
position: absolute;
left: -4000px;
top: -4000px;
}

dl.pagination dd {
float: left;
margin: 0;
width: 32%;
}

dl.pagination dd.mitte {
text-align: center;
width: 38%;
}

dl.pagination dd a.arrow-red,
dl.pagination dd a.arrow-red-left {
background-position: 0 0.61em !important;
text-decoration: none;
}

dl.pagination dd a.arrow-red:hover,
dl.pagination dd a.arrow-red-left:hover,
dl.pagination dd a.arrow-red:focus,
dl.pagination dd a.arrow-red-left:focus {
text-decoration: underline;
}

dl.pagination dd ul li {
float: left;
margin-right: 8px;
}

dl.pagination dd ul li a {
text-decoration: underline;
}

dl.pagination dd ul li a:hover,
dl.pagination dd ul li a:focus {
text-decoration: none;
}

dl.pagination dd.right {
margin-top: 0 !important;
width: auto;
}

/* .service-bottom */
.service-bottom li,
.service-bottom dt,
.service-bottom dd {
white-space: nowrap;
}

.service-bottom li {
margin-right: 5px;
}

.service-bottom span.icon-bookmarks {
padding-left: 17px;
}

.service-bottom li.last {
margin-right: 0;
}

.service-bottom li a {
position: relative;
z-index: 1;
text-decoration: none !important;
}

.service-bottom a:hover {
text-indent: 0;
}

.service-bottom li span.invis {
display: none;
}

.service-bottom li.hover span.invis,
.service-bottom li:hover span.invis,
.service-bottom a:hover span.invis {
display: block !important;
bottom: 23px;
left: -5px;
border: 1px solid #e0e0e0;
padding: 5px;
font-weight: bold;
color: #000;
background: #eaebec;
}

.service-bottom li.bookmarks,
.service-bottom li.bookmarks-click {
position: relative;
z-index: 1;
}

*+html .service-bottom li.bookmarks,
*+html .service-bottom li.bookmarks-click {
height: 1%;
}

.service-bottom dl.links {
display: none;
position: absolute;
z-index: 4;
bottom: 13px;
left: -5px;
padding: 3px 5px;
background-color: #fff;
}

.service-bottom li.bookmarks-click dl.links {
display: block !important;
}

.service-bottom dl.links dt {
z-index: 999;
position: relative;
width: 100px;
}

* html .service-bottom dl.links dt {
display: block;
height: 1% !important;
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/customer/images/layout/overlay_arrow_white.png'); */
}

*+html .service-bottom dl.links dt {
height: 1% !important;
}

.service-bottom dl.links dd {
display: block;
clear: both;
}

.service-bottom li dl.links dd a {
background: url(../images/layout/bookmark_icons.gif) no-repeat;
padding-left: 22px;
padding-right: 5px;
}

.service-bottom li dl.links dd.close {
z-index: 4;
top: -1px;
right: 14px;
}

.service-bottom li dl.links dd.close a {
position: absolute;
top: -1px;
right: -1px;
z-index: 4;
background: none;
font: 1em Arial;
background: #e0e0e0;
padding: 0 5px 2px;
}

.service-bottom li dl.links dd.spacer {
border-bottom: 1px solid #e0e0e0;
margin-bottom: .3em;
}

.service-bottom li dl.links dd.spacer a {
padding-bottom: .3em;
}

.service-bottom li dl.links dd.browser a {
background-position: 0 3px !important;
}

.service-bottom li dl.links dd.webnews a {
background-position: 0 -25px !important;
}

.service-bottom li dl.links dd.delicious a {
background-position: 0 -55px !important;
}

.service-bottom li dl.links dd.mister-wong a {
background-position: 0 -83px !important;
}

.service-bottom li dl.links dd.tausendreporter a {
background-position: 0 -116px !important;
}

.service-bottom li dl.links dd.linkarena a {
background-position: 0 -147px !important;
}

.service-bottom li dl.links dd.yigg a {
background-position: 0 -178px !important;
}

.service-bottom li dl.links dd.google a {
background-position: 0 -208px !important;
}

.service-bottom li dl.links dd.mein-yahoo a {
background-position: 0 -236px !important;
}

.service-bottom li dl.links dd.last {
position: relative;
background: url(../images/layout/overlay_arrow_white_down.gif) 4px bottom no-repeat;
padding-bottom: 15px;
margin-bottom: -14px;
}

/* #rating */
#rating {
margin: 5px 0 20px !important;
height: 30px;
}

.rating-box {
margin: 5px 0 20px !important;
height: 30px;
}

/* .mc-rating-box wird fuer Multiplechoice gebraucht, id kann hier nicht verwendet werden. */
.mc-rating-box {
margin: 5px 0 20px !important;
}

/* Artikel-Bewertung */
div.votes strong {
float: left;
font-size: 1.2em;
line-height: 1.167em;
display: inline;
padding: 1px 0 0 0;
margin: 0 10px 0 0;
}

.popup div.votes {
display: none;
}

ul.rating {
/*float: left;*/
float: right;
width: 95px;
height: 17px;
overflow: hidden;
/*margin: -1px 8px 2px 0;*/
margin: -1px 0 2px 0;
display: inline;
padding: 0;
position: relative;
background: url(../images/layout/wiwo_icon_votes_big.png) no-repeat 0 0;
}

ul.nostar {background-position: 0 0}
ul.onestar {background-position: 0 -17px}
ul.twostar {background-position: 0 -34px}
ul.threestar {background-position: 0 -51px}
ul.fourstar {background-position: 0 -68px}
ul.fivestar {background-position: 0 -85px}

ul.rating li {
background: none;
cursor: pointer;
/*ie5 mac doesn't like it if the list is floated\*/
float: left;
/* end hide*/
text-indent: -999em;
}

ul.rating li a {
position: absolute;
left: 0;
top: 0;
z-index: 200;
width: 19px;
height: 17px;
text-decoration: none;
}

ul.rating li.star-1 a {left: 0}
ul.rating li.star-2 a {left: 19px;}
ul.rating li.star-3 a {left: 38px;}
ul.rating li.star-4 a {left: 57px;}
ul.rating li.star-5 a {left: 76px;}

ul.rating li a:hover {
z-index: 2;
width: 96px;
height: 17px;
overflow: hidden;
left: 0;
background: url(../images/layout/wiwo_icon_votes_big.png) no-repeat 0 0
}

ul.rating li.star-1 a:hover {background-position: 0 -102px; }
ul.rating li.star-2 a:hover {background-position: 0 -119px; }
ul.rating li.star-3 a:hover {background-position: 0 -136px; }
ul.rating li.star-4 a:hover {background-position: 0 -153px; }
ul.rating li.star-5 a:hover {background-position: 0 -170px; }

/* Multiplechoice */
.mc-rating-box p.rating-result-info {
float: right;
}

.mc-rating-box p.rating-info {
font-size: 0.9em;
float: left;
width: 290px;
padding-top: 4px;
}

.mc-rating-box p.mc-rating-result {
float: right;
padding-top: 2px;
}
/* Ende Multiplechoice */

div#rating p.rating-info,
.rating-box p.rating-info {
font-size: 0.9em;
clear: both;
width: 290px;
padding-top: 4px;
}

.rating-box p,
.mc-rating-box p {
margin-bottom: 0;
}

.rating-result {
position: absolute;
right: 0;
top: 30px;
padding-right: 10px;
}

/* Legende Artikel bewerten */
#rating-caption p {
margin-bottom: 20px;
}

#rating-caption dl {
float: left;
padding-right: 50px;
margin-bottom: 30px;
}

#rating-caption dt,
#rating-caption dd {
width: 200px;
}

#rating-caption dl a{
font-weight: normal;
}

/* Allg. Stile fuer Ratingtabelle */
table.ratingtabelle {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
font-size: 1.1em;
width: 100%;
margin: 0;
}

table.ratingtabelle tbody tr td.star {
width: 19px;
}

table.ratingtabelle tbody tr td,
table.ratingtabelle tbody tr th {
padding: 5px 0 0 0;
}

table.ratingtabelle tbody tr td {
border-bottom: 1px solid #cfd2d3;
width: 90%;
white-space: nowrap;
}

table.ratingtabelle .noborder {
border-bottom: none;
}

table.ratingtabelle .firstcell {
border-bottom: none;
}

table.ratingtabelle tbody tr td.infocell {
padding: 0 0 2px 0;
font-weight: bold;
color: #7f232f;
text-align: right;
}

table.ratingtabelle tbody tr td.lastcell {
text-align: right;
font-weight: bold;
border-bottom: none;
width: 1%;
padding: 0 0 3px 5px;
}

table.ratingtabelle tbody tr td.lastrow {
padding: 12px 0 5px 0;
font-weight: bold;
}

.rating-showall p {
margin-top: 10px;
}

.rating-showall p.ratingresult-right {
text-align: right;
}

.nodisplay {
display: none;
}

/* .show-all-comments */
.show-all-comments {
margin-top: -25px;
}

.show-all-comments a {
padding-bottom: 2px;
}

/* .service */
.service {
z-index: 2;
padding: 3px 5px;
}

* html .service {
width: .1em !important;
}

.service li,
.service dt,
.service dd {
white-space: nowrap;
}

.service li.bookmarks,
.service li.bookmarks-click {
position: relative;
}

*+html .service li.bookmarks,
*+html .service li.bookmarks-click {
height: 1%;
}

.service li.bookmarks-click dl.links {
display: block !important;
}

.service li.bookmarks-click span.pseudo-link,
.service li.bookmarks-click span.pseudo-link-hover {
text-decoration: underline !important;
color: #000;
}

.service dl.links {
display: none;
position: absolute;
z-index: 4;
top: 26px;
right: -25px;
padding: 3px 5px;
background-color: #fff;
}

* html .service dl.links {
voice-family:"\"}\"";
voice-family:inherit;
right: -43px;
top: 28px;
}

*+html .service dl.links {
right: -42px;
top: 28px;
}

.service dl.links dt {
z-index: 999;
position: relative;
padding-top: 19px;
margin-top: -19px;
width: 100px;
}

* html .service dl.links dt {
display: block;
height: 1% !important;
background: transparent url(../images/layout/overlay_arrow_white.gif) no-repeat;
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/customer/images/layout/overlay_arrow_white.png'); */
}

*+html .service dl.links dt {
height: 1% !important;
}

.service dl.links[class] dt {
background: url(../images/layout/overlay_arrow_white.png) no-repeat;
}

* html .service dl.links dd {
display: block;
}

.service li dl.links dd a {
background: url(../images/layout/bookmark_icons.gif) no-repeat;
padding-left: 22px;
padding-right: 5px;
}

.service li dl.links dd.close {
position: absolute;
z-index: 1;
top: -1px;
right: 14px;
}

.service li dl.links dd.close a {
position: absolute;
z-index: 1;
background: none;
font: 1em Arial;
background: #e0e0e0;
padding: 0 5px 2px;
}

.service li dl.links dd.spacer {
border-bottom: 1px solid #e0e0e0;
margin-bottom: .3em;
}

.service li dl.links dd.spacer a {
padding-bottom: .3em;
}

.service-bottom li dl.links dd a {
background: url(../images/layout/bookmark_icons.gif) no-repeat;
padding-left: 22px;
padding-right: 5px;
}

.service-bottom li dl.links dd.spacer {
border-bottom: 1px solid #e0e0e0;
margin-bottom: .3em;
}

.service-bottom li dl.links dd.spacer a {
padding-bottom: .3em;
}

.service li dl.links dd.browser a {
background-position: 0 3px !important;
}

.service li dl.links dd.webnews a {
background-position: 0 -25px !important;
}

.service li dl.links dd.delicious a {
background-position: 0 -55px !important;
}

.service li dl.links dd.mister-wong a {
background-position: 0 -83px !important;
}

.service li dl.links dd.tausendreporter a {
background-position: 0 -116px !important;
}

.service li dl.links dd.linkarena a {
background-position: 0 -147px !important;
}

.service li dl.links dd.yigg a {
background-position: 0 -178px !important;
}

.service li dl.links dd.google a {
background-position: 0 -208px !important;
}

.service li dl.links dd.mein-yahoo a {
background-position: 0 -236px !important;
}

/* .presseschau */
.presseschau,
.presseschau-alt {
padding: 8px 10px 10px;
}

.presseschau-alt {
background: #f5f6f6 !important;
}

.presseschau ul.links,
.presseschau-alt ul.links {
margin: 0 !important;
padding-left: 115px;
background-repeat: no-repeat;
background-position: left 2px;
}

/* RSS-Feed hb.com */
#content .rss-hb h4 {
float: left;
}

#content .rss-hb span {
font-size: 1.1em;
line-height: 1.091em;
margin-left: 0 !important;
margin-top: 3px !important;
}

#context .rss-hb p {
padding-top: 8px !important;
margin-bottom: 0 !important;
}

.rss-hb .presseschau {
padding: 8px 0 0 0;
}

.rss-hb .presseschau ul.links {
padding-left: 0;
}

.rss-hb .presseschau li.last{
margin-bottom: 0;
}

/* >>> Error */
#error .box-beige {
margin-top: 0;
margin-bottom: 0;
}

#error #footer-navigation {
background: none;
}

/* >>> Popup */
* html body.popup {
position: static;
overflow: hidden;
height: 100%;
margin: 0;
padding: 32px 0 0 0;
voice-family:"\"}\"";
voice-family:inherit;
padding: 44px 0 0 0;
}

body.popup #header {
position: fixed;
width: 100%;
}

* html body.popup #header {
position: absolute;
z-index: 999;
top: 0;
left: 0;
}

body.popup #header .close {
position: absolute;
z-index: 1;
right: 0;
top: 15px;
right: 15px;
}

body.popup #content {
padding-top: 92px;
}

* html body.popup #content {
overflow: auto;
height: 100%;
width: 100%;
margin: 0;
padding-top: 10px;
}

* html body#rating-caption #content {
padding-top: 64px;
}

/* body .print */
body.print #content {
padding-top: 154px;
}

* html body.print #content {
padding-top: 118px;
}

* + html body.print #content {
padding-top: 118px;
}

body.popup #print-header .right {
float: right;
}

body.popup #print-header .left {
float: left;
}

body.popup #print-header {
padding: 10px 15px 20px;
margin-bottom: 10px;
border-bottom: 2px solid #b2b2b2;
background: #fff;
}

/* >>> Search */
#search #context dl.links {
margin-top: 15px;
}

#search p.did-you-mean {
margin: 5px 15px 0;
}

/* >>> Portalbuilder Message */
#pb-message-green,
#pb-message-red {
position: relative;
z-index: 999;
padding: 10px;
}

#pb-message-green h6,
#pb-message-red h6 {
margin-bottom: 10px;
font-size: 2em;
}

#pb-message-green {
color: #fff;
background-color: green;
}

#pb-message-red {
color: #fff;
background-color: #c00;
}

/* >>> Ads */

/*
Fall: In einem Artikel ist ein Bild sehr lang und der Fliesstext im p etwas zu kurz. Dahinter folgt ein adwrapper.
Der "Anzeige"-Text rutscht dabei unter die Bildbeschreibung.
.adwrapper fuer content clearen
*/
#content .adwrapper {
clear: left;
}

/* IE6 */
* html #content .adwrapper {
height: 1%;
}

/* IE7 */
* + html #content .adwrapper {
height: 1%;
}

.adwrapper {
display: block;
text-align: center;
margin-bottom: 30px;
}

/* Anpassung fuer Rebrush */
#context .adwrapper {
margin-bottom: 20px;
}

/* master.css (Linie 5225) ueberstimmen
fuer die ADs auf der Blog Uebersichtsseite */
body.blogs div#content div.adwrapper {
margin-top: 20px;
}

.no-adwrapper {
display: none;
margin-bottom: 0;
}

#content .ad,
#context .ad {
padding-top: 12px;
background: url(../images/layout/ad_h.gif) 1px 0 no-repeat transparent;
}

#context .ad300 {
background: url(../images/layout/ad_h.gif) 1px 0 no-repeat transparent;
}

#context .ad336 {
background: url(../images/layout/ad_h.gif) 1px 0 no-repeat transparent;
}

#context .ad360 {
background: url(../images/layout/ad_h.gif) 1px 0 no-repeat transparent;
}

#footer .ad {
background: url(../images/layout/ad_h.gif) 15px 15px no-repeat transparent;
}

.ad300 {
width: 300px;
margin: auto;
}

.ad360 {
width: 360px;
margin: 0 auto;
}

#context .ad336,
#context .ad360 {
width: 336px;
overflow: hidden;
margin-left: 5px;
margin-right: -10px;
}

.ad-right {
position: absolute;
top: 5px;
}

.ad-bottom ul {
margin-left: 0;
border-top: 1px solid #c6c6c6;
padding: 28px 12px 0 15px;
}

.ad-bottom ul li {
background-image: none;
padding-left: 0;
}

.sponsored-links h4 {
font-size: 1.1em;
padding-top: 10px;
margin-bottom: 0;
}

.sponsored-links p {
color: #666;
margin-bottom: 0;
}

.sponsored-links p a {
color: #000;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Micro > Forms */

/* .search */
.search label.text input {
width: 223px;
margin-right: 5px;
}

* html .search label.text input {
width: 226px;
}

* + html .search label.text input {
width: 226px;
}

.search label.radio {
font-size: 1em;
margin-right: 10px;
}

* html .search label.radio {
margin: -8px 0 0 -3px;
voice-family:"\"}\"";
voice-family:inherit;
margin: -5px 0 0 -2px;
}

*+html .search label.radio {
margin: -5px 0 0 -2px;
}

/* #yahoo-charts */
#yahoo-charts form label.text input {
width: 190px;
margin-right: 4px;
}

/* #rating */
#rating p.left {
margin-right: 4px;
}

* html #rating p.left {
padding-top: 5px;
}

#rating label.radio {
margin-right: 5px;
}

#rating label.last {
margin-right: 0px;
}

#rating p {
margin-bottom: 0;
}

/* .comment-form */
.comment-form legend {
margin-bottom: 10px;
}

.comment-form .captcha p,
.comment-form .captcha img {
float: left;
}

.comment-form .captcha p {
width: 50%;
font-size: 1em;
color: #666;
}

.comment-form label.text,
.comment-form label.textarea {
margin-bottom: 10px;
}

.comment-form .captcha label.text {
float: right;
width: 90px;
margin-top: 4px;
margin-right: 3px;
padding-left: 10px;
background: url(../images/layout/arrow_black.gif) left center no-repeat;
}

*+html .comment-form .captcha label.text input {
width: 87px;
}

/* #boerse-aktuell */
#boerse-aktuell label.text {
margin-right: 4px;
}

/* .survey */
.survey label.radio input {
margin-right: 2px;
}

.survey div.button {
margin-top: 8px;
}

/* .yahoo-search */
.yahoo-search label.text .label {
margin-right: 5px;
}

.yahoo-search label.text {
margin-right: 3px;
}

.yahoo-search label.text input {
width: 239px;
}

* html .yahoo-search {
padding: 10px 10px 5px 10px !important;
voice-family:"\"}\"";
voice-family:inherit;
padding: 10px 10px 10px 10px !important;
}

/* .waehrungsrechner */
#content .waehrungsrechner #spalte1 {
clear: none;
float: left;
width: 48.99%;
}

#context .waehrungsrechner #spalte1 {
clear: none;
float: left;
width: 180px;
}

#content .waehrungsrechner #spalte2 {
clear: none;
float: right;
width: 48.99%;
}

#context .waehrungsrechner #spalte2 {
clear: none;
float: right;
width: 100px;
}

.waehrungsrechner  img {
float: left;
margin-right: 3px;
}

#calc {
clear: both;
}

#calc p {
padding-top: 8px;
}

* html #calc p {
padding-top: 3px;
}

* + html #calc p {
padding-top: 3px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Micro > Tables */

/* #boerse-aktuell */
#boerse-aktuell table td {
font: .9em/1 Arial;
padding: 0 2px 5px 0;
white-space: nowrap;
}

#boerse-aktuell table tr.last td {
padding-bottom: 0;
}

#boerse-aktuell table td.up {
color: #346913;
}

#boerse-aktuell table td.down {
color: #aa1e1f;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Kursplattform */

.floataufheben { /* Hebt den float vor der Reiternavi auf */
clear: both;
}

#kursplattform abbr,
#kursplattform acronym {
cursor: help;
}

#content-wide { /* Content laeuft ueber gesamte Breite */
padding: 0 0 0 15px;
margin-bottom: 10px;
width: 785px;
voice-family:"\"}\"";
voice-family:inherit;
width: 770px;
}

/* Banner ueber volle Breite */
.visual-vollebreite {
display: block;
width: 770px;
overflow: hidden;
}

#kursplattform h1,
#kursplattform h2 {
color: #578c90;
}

#kursplattform h1 {
width: 40%;
float: left;
}
#kursplattform h2.nachrichten {
margin: 15px 0 5px;
font: normal 1.7em/1.176 "Trebuchet MS", sans-serif;
color: #7f232f;
}
#kursplattform h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-weight:bold;
margin: 0px 0px 10px 0px;
}
#kursplattform h5 {
font-size: 1.1em;
font-weight:bold;
}

#kursplattform .kurse ul {
margin: 0px 0px 0px 0px;
}
#kursplattform .kurse ul li {
display: block;
float: left;
width: 172px;
margin-right: 20px;
margin-bottom: 15px;
padding-left: 0;
list-style-type: none;
background-image: none;
font-weight: bold;
}

#kursplattform .kurse ul .last {
margin-right: 0;
}

#kursplattform div.kurse ul li img {
/* float:left; */
margin: 5px 0px 0px 0px;
border: 10px solid #fff;
}

/* 2te Navigationsebene Kursplattform */
#kursplattform dl.kurs-navigation {
background: #a5bdbe url(../images/layout/bg_box_blue.png) repeat-x;
}
#kursplattform dl.kurs-navigation dt {
color: #fff;
}
#kursplattform dl.kurs-navigation dd a {
font-weight: bold;
color: #fff;
}
#kursplattform dl.kurs-navigation em.active {
font-weight: bold;
color: #333;
padding-left: 7px;
background: url(../images/layout/arrow_black.gif) no-repeat 0px 4px;
}

/* 2te Navigationsebene Kursplattform rechts mit float */
#kursplattform .kurs-navigation-float {
float: right;
width: 311px;
}

/* Suchergebnis-Anzahl bei Kurssuche auf Kursplattform */
#kursplattform #kurs-suchergebnis {
background: url(../images/layout/bg_kursplattform_kurs-suchergebnis.gif) no-repeat 0 26px;
margin: 0px 0px 10px 0px;
}

#kursplattform #kurs-suchergebnis h3,
#kursplattform #kurs-suchergebnis h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
margin: 0px 0px 5px 0px;
color: #578c90;
}

#kursplattform #kurs-suchergebnis .kurs-gattung,
#kursplattform #kurs-suchergebnis .kurs-handelsplatz {
float: left;
border: none;
}

#kursplattform #kurs-suchergebnis .kurs-gattung {
background: #f0f1f2 url(../images/layout/bg_kurssuche_ergebnis.gif) no-repeat top right;
width: 47.4%;
}

* html #kursplattform #kurs-suchergebnis .kurs-gattung {
width: 50%;
voice-family:"\"}\"";
voice-family:inherit;
width: 47.4%;
}

#kursplattform #kurs-suchergebnis .kurs-handelsplatz {
background: #f0f1f2;
width: 47.3%;
}

#kursplattform #kurs-suchergebnis ul {
padding: 0;
margin: 0;
}

#kursplattform #kurs-suchergebnis ul li {
list-style-type: none;
background-image: none;
padding: 0px 2px 0px 0px;
margin: 0;
display: inline;
}
#kursplattform #kurs-suchergebnis ul li a,
#kursplattform #kurs-suchergebnis ul li span {
font-weight: bold;
}

/* Navigationsebene hor. mit pipe serparierte Links in Definitionsliste */

#kursplattform dl.indizes {
margin: 0px 0px 20px 0px;
}

#kursplattform dl.indizes dd,
#kursplattform dl.indizes dt {
display: inline;
}

#kursplattform dl.indizes dd {
border-left: 1px solid #000;
padding: 0 2px 0 6px;
}

#kursplattform dl.indizes dt {
margin: 0px 5px 0px 0px;
color: #578c90;
}

#kursplattform dl.indizes dd.indizes-first {
border-left: 0px solid #000;
padding: 0 2px 0 0;
}

#kursplattform dl.indizes dd a.active {
color:#000;
font-weight:bold;
}

#kursplattform dl.indizes dd em.active {
color:#000;
font-weight:normal;
}
/* Seitenschaltung Suchergebnisse */

#kursplattform dl.seitenschaltung {
text-align:center;
margin: 10px auto;
}

#kursplattform dl.seitenschaltung dt {
display: none;
}

#kursplattform dl.seitenschaltung dd {
display: inline;
}

#kursplattform dl.seitenschaltung dd {
border-left: 1px solid #000;
padding: 0 2px 0 6px;
}

#kursplattform dl.seitenschaltung dd.seitenschaltung-first {
border-left: 0px solid #000;
padding: 0 2px 0 0;
}

#kursplattform dl.seitenschaltung dd a {
font-weight:bold;
}

#kursplattform dl.seitenschaltung dd a.active {
color:#000;
}

/* Tooltipp zur Kursgrafik (rote gruene Pfeile) */

#kursplattform .datentabelle a.tool {
position: relative;
color: #000000;
text-decoration: none;
cursor: help;
font-weight: normal;
}

#kursplattform .datentabelle a.tool span {
display: none;
}

#kursplattform .datentabelle  a.tool:hover span {
display: block !important;
position: absolute !important;
left: -50px !important;
top: -50px !important;
z-index: 1000 !important;
background-color: #fff;
border: 1px solid #5e5f5f !important;
color: #000000 !important;
width: 200px !important;
height: auto !important;
padding: 5px !important;
margin: 0 !important;
overflow: visible;
}

#kursplattform .datentabelle a:hover.tool {
display: inline !important;
}

#kursplattform .datentabelle .datentabelle span.tip {
text-decoration: none !important;
}

#kursplattform .datentabelle a:hover.tool {
text-decoration: none;
display: block;
}

#kursplattform .datentabelle a:hover.tool span {
display: block;
}

/* soll global gelten, nicht nur auf #kursplattform */
table.datentabelle tbody tr td a.einzelwerte {
font-weight: normal;
}

/* Boersen Tops und Flops */

/* #content Anpassung der Reiternavigation */
.tops-flops ul.hl li.last {
margin-right: 0;
}

.tops-flops ul.hl li a {
padding: 5px 16px 4px;
}

.tops-flops ul.hl li.active a {
color: #000;
}

/* Anpassung der Datentabelle */
.tops-flops .datentabelle {
width: 100%;
margin-bottom: 0;
}

/* Rebrush */
#context .tops-flops .datentabelle {
width: 100%;
margin-left: 0;
margin-right: 0;
}

.tops-flops .datentabelle th,
.tops-flops .datentabelle td {
border: none;
background: none;
padding-left: 0;
}

.tops-flops .datentabelle td {
border-bottom: 1px solid #d2d2d2;
}

.tops-flops .datentabelle tr.last td {
border-bottom: none;
}

.tops-flops .datentabelle th.bezeichnung,
.tops-flops .datentabelle td.bezeichnung {
width: 60%;
}

.tops-flops .datentabelle .wert {
text-align: right;
width: 20%;
}

/* #context Anpassung der Reiternavigation */
#context .tops-flops h4 {
color: #578c90;
}

#context .reduced-tabnavi {
border-bottom: 1px solid #dbdbdb;
}

#context .reduced-tabnavi li {
background: #fff;
border-top: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
border-left: 1px solid #dbdbdb;
}

#context .reduced-tabnavi .active {
background: #d0e1e3;
}

/* em wird fuer AJAX-Funtionen benoetigt */
#context .reduced-tabnavi li a,
#context .reduced-tabnavi li a:visited,
#context .reduced-tabnavi li em {
color: #000;
padding: 5px 12px;
}

#context .reduced-tabnavi .navi li em {
display: block;
float: left;
font-style: normal;
}

/* #context Anpassung der Datentabelle */
#context div.table-wrapper {
background: #fff;
border: 1px solid #dbdbdb;
border-top: none;
padding: 0 5px;
}
/* Ende Boersen Tops und Flops */

/* In Datentabelle integrierter Boersenverlauf (wie Boerse Aktuell) */
table.datentabelle #boerse-aktuell-kursplattform .chart-table-wrapper {
width: 200px;
padding: 0px;
margin: 10px 0 5px 0;
}

table.datentabelle #boerse-aktuell-kursplattform ul li a,
table.datentabelle #boerse-aktuell-kursplattform ul li em.active {
font-weight: normal;
padding: 5px 11px;
border-right: 1px solid #b1c6c9;
}

table.datentabelle #boerse-aktuell-kursplattform ul li em.active,
table.datentabelle #boerse-aktuell-kursplattform ul li a.active {
color: #000;
background: #F0F1F3;
}

table.datentabelle #boerse-aktuell-kursplattform ul li.last a {
padding: 5px 10px;
}

table.datentabelle tr td.chartcontainer {
background: #fff;
width: 200px;
}

/* kurstrend - icon */
table.datentabelle tr td.kurs-trend span {
display: block;
margin-bottom: 4px;
}

table.datentabelle tr td.kurs-trend div {
float: left;
}

/* Allg. Stile fuer Datentabellen */

table.datentabelle {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
font-size: 1.1em;
/*width: 100%;*/
margin: 0px 0px 20px 0px;
}

/* Anpassung Datentabelle fuer Rebrush */
#context table.datentabelle {
margin-left: 5px;
margin-right: 5px;
}

#search table.datentabelle {
margin-top: 5px;
margin-bottom: 0;
}

table.datentabelle th.center,
table.datentabelle td.center {
text-align: center;
}

table.datentabelle td small {
font-family: Arial, sans-serif;
font-size: 1em;
}

table.datentabelle td.nowrap {
white-space: nowrap;
}

table.datentabelle caption {
font-weight: bold;
background: #b1c6c9;
padding: 8px 4px 8px 10px;
font-size: 1em;
}

/* wenn die Tabellenueberschrift nicht farbig hinterlegt sein soll (z. B. bei den Treffern der Kursabfrage) */
table.datentabelle caption.ohne-bg {
background: #FFFFFF;
padding-left: 0;
}

table.datentabelle thead tr th {
font-weight: bold;
background: #b1c6c9;
padding: 4px 4px 4px 10px;
}

table.datentabelle thead tr th span {
font-weight: normal;
}

table.datentabelle thead tr th img {
margin-left: 3px;
}

table.datentabelle tbody tr td,
table.datentabelle tbody tr th {
background: #f0f1f3;
padding: 5px 4px 5px 10px;
}

#search table.datentabelle thead tr th,
#search table.datentabelle tbody tr td {
padding: 5px 6px;
}

table.datentabelle thead tr th,
table.datentabelle tbody tr td,
table.datentabelle tbody tr th {
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}

table.datentabelle tbody tr th {
border-right: 0px solid #fff;
font-weight: bold;
}

table.datentabelle .lastcell {
/* Zusatzklasse verhindert border-right bei der letzen Spalte */
border-right: 0;
}

table.datentabelle tbody tr td a {
font-weight: bold;
}

table.datentabelle sup {
font-size: 0.909em;
vertical-align: 2px;
padding-left: 2px;
}

* html table.datentabelle sup {
vertical-align: 4px;
}

* + html table.datentabelle sup {
vertical-align: 4px;
}

body#kdw .datentabelle tbody tr td a {
font-weight: normal;
}

table.datentabelle tbody tr td span.wp1-positive {
color: #2d8900;
}
table.datentabelle tbody tr td span.wp1-negative {
color: #ce000e;
}

/* Allg. Stile fuer Datentabelle Waehrungsrechner */
table.waehrungstabelle {
width: 100%;
margin-bottom: 0;
}

/* Anpassung Waehrungsabelle fuer Rebrush */
#context table.waehrungstabelle {
margin-left: 0;
margin-right: 0;
}

table.waehrungstabelle th,
table.waehrungstabelle td {
text-align: right;
}

table.waehrungstabelle caption {
font-size: 1em;
font-weight: bold;
background: none;
margin-top: 2px;
padding: 0 0 3px 0;
}

* html table.waehrungstabelle caption{
padding-top: 5px;
}

* + html table.waehrungstabelle caption{
padding-top: 5px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Koepfe der Wirtschaft */
body#kdw #content-wide {
margin-bottom: 0;
}

body#kdw .header {
padding: 0 10px;
margin-bottom: 20px;
border: 1px solid #91afb1;
background: #acc2c3;
}

body#kdw .header h1 {
font-weight: normal;
font-size: 1.8em;
background: url(/customer/images/layout/bullet_big_red.gif) left center no-repeat;
padding-left: 20px;
}

body#kdw .header h1 .title {
color: #fff;
}

body#kdw .header h1 .title a {
display: inline;
color: #fff;
}

body#kdw .header h1 .title a:hover {
text-decoration: none;
}

body#kdw .header .tabs {
float: left;
margin-bottom: 0;
}

* html body#kdw .header .tabs {
margin-bottom: -5px;
}

*+html body#kdw .header .tabs {
margin-bottom: -5px;
}

body.kdw-start .header .tabs li a,
body.kdw-suchergebnis .header .tabs li a {
padding-left: 12px;
padding-right: 11px;
}

body.kdw-start .header .tabs li em,
body.kdw-suchergebnis .header .tabs li em {
padding-left: 11px;
padding-right: 11px;
}

body.kdw-suchergebnis h2 {
margin: 0 0 10px;
}

body.kdw-suchergebnis h2 small {
display: block;
margin-top: 2px;
font-family: Verdana, sans-serif;
font-size: .6471em;
color: #000;
}

/* Ranking Tabellen in KdW, Namen mit DAX30 Icon */
body#kdw #content .datentabelle th,
body#kdw #content .datentabelle td {
font-size: 1em;
line-height: 1.5;
}

/* >>> .timeframe */
body#kdw ul.timeframe li {
margin-bottom: 10px;
}

body#kdw ul.timeframe li strong.date {
display: block;
}


/* >>> .steckbrief */
body#kdw .steckbrief {
margin-top: 0;
}

body#kdw .steckbrief .left {
margin-top: 0;
}

body#kdw .steckbrief .inner {
float: left;
width: 247px;
}

body#kdw .steckbrief h2 {
margin: 0;
}

body#kdw .steckbrief h2 small {
display: block;
color: #000;
font-family: Verdana, sans-serif;
font-size: .6471em;
line-height: 1.363;
}

/* Sterbedatum (optional) */
body#kdw .steckbrief h2 span {
color: #000;
font-size: 0.8em;
}

body#kdw .steckbrief dl {
margin-left: 0;
}

body#kdw .steckbrief dt {
display: inline;
clear: left;
float: left;
color: #000;
font-size: 1.1em;
}

/* IE 6 */
* html body#kdw .steckbrief dt {
margin-right: -9999px;
}

body#kdw .steckbrief dd {
padding-left: 9.5454em;
}

body#kdw .steckbrief dd.info-txt {
padding-left: 0;
line-height: 1.182em;
margin-bottom: 7px;
}

body#kdw .steckbrief .copyright {
/* position: absolute;
bottom: 10px; */
}

/* IE7 */
* + html body#kdw .steckbrief .copyright {
width: 247px;
}


/* DAX30 */
/* Trennlinie */
.border-bottom {
border-bottom: 1px solid #d6d6d6;
}

/* Regel fuer "dax30_unternehmen_uebersicht" */
.detaillinks div {
border-bottom: 1px solid #d6d6d6;
margin-bottom: 10px;
position: relative;
}

.detaillinks div p {
float: left;
width: 350px;
margin-bottom: 4px;
}
/* IE6 */
* html .detaillinks div p {
margin-bottom: 0;
padding-bottom: 4px;
}
/* IE7 */
* + html .detaillinks div p {
margin-bottom: 0;
padding-bottom: 4px;
}

.detaillinks div p img {
margin-bottom: 4px;
}

.detaillinks div p a.unternehmen {
font-size: 1.2em;
font-weight: bold;
}

.detaillinks div a.anzeigen {
float: right;
width: auto;
font-size: 1.1em;
position: absolute;
bottom: 7px;
right: 0;
background-position: 0 3px;
}
/* IE6 */
* html .detaillinks div a.anzeigen {
bottom: 6px;
}
/* IE7 */
* + html .detaillinks div a.anzeigen {
bottom: 6px;
}

.detaillinks p.ohne-abstand {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
/* ENDE Regel fuer "dax30_unternehmen_uebersicht" */

.dax30-unternehmen {
margin-bottom: 20px;
}

.dax30-unternehmen dl {
margin-left: 0;
}

.dax30-unternehmen p {
margin-bottom: 0;
}

.dax30-unternehmen p.copyright {
text-align: right;
}

/* Link um Unternehmenslogo */
#content .dax30-unternehmen p a.u-logo img {
text-decoration: none;
margin-right: 0;
width: 100px;
height: 70px;
}

/* Infos zu den Unternehmen */
span.u-uebersicht {
display: block;
padding-left: 110px;
}

/* Positive und negative Kurswerte */
/* Regeln allgemeingueltig */
.positive {
color: #2d8900;
}
.negative {
color: #ce000e;
}
/* kurse in "kdw_dax30_unternehmen_info" fetten */
.kurs-info .positive,
.kurs-info .negative {
font-weight: bold;
}
/* in Links */
a.positive         { color: #2d8900; }
a.positive:visited { color: #2d8900; }
a.positive:hover   { color: #2d8900; }
a.positive:focus   { color: #2d8900; }
a.positive:active  { color: #2d8900; }

a.negative         { color: #ce000e; }
a.negative:visited { color: #ce000e; }
a.negative:hover   { color: #ce000e; }
a.negative:focus   { color: #ce000e; }
a.negative:active  { color: #ce000e; }

/* Unternehmensuebersicht und Kursdaten zum Unternehmen */
/* jeweiliges Logo des Unternehmens */
.dax30-logo {
float: left;
width: 100px;
margin-right: 10px;
margin-bottom: 0;
overflow: hidden;
}

#content .dax30-logo img.left {
margin-top: 3px;
width: 100px;
height: 70px;
}

.kurs-info {
clear: none;
display: block;
float: left;
margin-bottom: 0;
}

/* Angleichung der Hoehen fuer IE */
.kurs-info dl {
width: auto;
margin: 3px 0 0 0;
}

.kurs-info dt {
display: none;
}

.kurs-info dd {
display: block;
float: none;
width: auto;
font-size: 1em;
line-height: 1.182em;
}
/* Ende: Unternehmensuebersicht und Kursdaten zum Unternehmen */

/* DAX30 Koepfe */
/* Listen links rechts */
.dax-koepfe ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
width: 49.9%;
}

.dax-koepfe ul li {
background-image: none;
margin: 0 0 10px 0;
padding: 0;
min-height: 65px;
clear: left;
}

/* "Kopf"-Grafik */
.dax-koepfe ul li a {
float: left;
display: block;
width: 60px;
margin: 0;
padding: 0;
}

/* text und Link rechts von "Kopf"-Grafik */
.dax-koepfe ul li span {
float: left;
display: block;
width: 155px;
margin: 0;
padding: 0;
}

.dax-koepfe ul li span a {
float: none;
display: inline;
width: auto;
}

.dax-koepfe p.copyright[class] {
margin-top: -10px;
float: none;
clear: left;
}
/* IE6 */
* html .dax-koepfe p.copyright {
margin-top: 8px;
}

/* ENDE DAX30 Koepfe */
.dax-koepfe h4 {
border-bottom: 1px solid #D6D6D6;
}

.dax-koepfe h4.headline-hoch {
margin-top: -1.7em;
padding-left: 16em;
}

/* text und Link rechts von "Kopf"-Grafik */
.less-margin .dax-koepfe ul li span {
width: 140px;
}

/* Chartvergleich */
.dax30-charts h4 {
color: #000;
font-size: 1.1em;
line-height: 1.182em;
margin-bottom: 10px;
}

.dax30-charts ul {
margin: 0;
}

.dax30-charts li {
background-image: none;
display: block;
float: left;
list-style-type: none;
margin: 0 17px 0 0;
padding-left: 0;
width: 200px;
color: #666666;
}

.dax30-charts li.last {
margin-right: 0;
}

.dax30-charts li img {
margin-top: 3px;
}

/* aemter */
.aemter p {
clear: left;
margin-bottom: 10px;
}

/* fuer mehr und Copyright */
.aemter p.ohne-abstand {
margin-bottom: 0;
}

/* abstand durch img bei kurzen Absaetzen */
#content .aemter p img {
margin-top: 3px;
margin-bottom: 10px;
}
/* ENDE aemter */

/* Netzwerke */
.netzwerke dl {
margin-bottom: 0;
}

.netzwerke dt {
margin-bottom: 0;
}

/* IE 6 */
* html .netzwerke .dax30-logo {
margin-right: 7px;
}

.netzwerke dt,
.netzwerke dd {
font-size: 1.1em;
line-height: 1.182em;
}

.netzwerke dt {
color: #000;
}

.netzwerke dl.adresse {
float: left;
width: 160px;
}

.netzwerke dl.kurse {
float: right;
width: 145px;
}

.netzwerke dl.adresse dt,
.netzwerke dl.adresse dd,
.netzwerke dl.kurse dt,
.netzwerke dl.kurse dd {
font-size: 1em;
line-height: 1.182em;
}

.netzwerke dl.adresse dt {
margin-bottom: 3px;
}

.netzwerke dl.kurse dt {
display: none;
}

.netzwerke dl.kurse dd {
font-weight: bold;
text-align: right;
}

.karriere-link {
color: #467b80;
margin-top: -15px; /* "zieht" den Link wieder hoch zur dazugehoerigen box */
margin-bottom: 20px;
}

/* Liste DAX Unternehmen und ihre Amtsinhaber */
h3.icon-dax30 {
margin-bottom: 0;
line-height: 1.625em;
background-image: url(../images/layout/icon-dax-kopf-gross.gif);
background-position: left top;
padding-left: 66px;
}

/* Hintergrund DAX30 */
#content .bgdax30 {
background: #f5f6f6 url(../images/layout/bg_dax30box.gif) no-repeat top right;
padding-left: 0;
padding-right: 0;
}

.bgdax30 p {
margin: 0 10px;
}

/* Regeln fuer "Die Koepfe der DAX30 Unternehmen" */
/* Container um Listen der Unternehmen */
div.daxliste {
width: 352px;
min-height: 320px;
margin: 0 0 0 10px;
padding: 0;
font-weight: bold;
}

/* 2spaltige Listen */
div.daxliste ul {
width: 176px;
float: left;
margin: 0;
padding: 0;
}

/* Listeneintraege */
div.daxliste ul li {
background-image: none;
border-bottom: 1px solid #fff;
padding: 0;
margin: 0;
}

/* Links mit rotem Pfeil */
div.daxliste ul li a {
background: url(../images/layout/arrow_red.gif) no-repeat 0 8px;
padding: 2px 10px 4px 8px;
display: block;
}
/* ENDE Regeln fuer "Die Koepfe der DAX30 Unternehmen" */

/* KdW: DAX30 Auswahlfeld Unternehmen */
form.dax30auswahl {
padding-left: 20px;
margin-bottom: 10px;
}

form.dax30auswahl select {
width: 228px;
margin-right: 5px;
}

/* Icon DAX30 */
.icon-dax30-klein {
background-image: url(../images/layout/icon-dax-kopf-klein.gif);
background-position: left 1px;
padding-left: 42px;
}
/* IE6 */
* html .icon-dax30-klein {
background-position: left top;
}
/* IE7 */
* + html .icon-dax30-klein {
background-position: left top;
}

/* Icon DAX30, nach hinten gestellt */
.icon-dax30-klein-hinten {
background-image: url(../images/layout/icon-dax-kopf-klein.gif);
background-position: right top;
height: 13px;
width: 35px;
display: inline-block;
}

/* Zeilenhoehe fuer Icondarstellung erhoehen */
.topkdw-dax30 a {
line-height: 1.545em;
}

/* Logonavigation */
/* aus karriere uebernommen */
#qs-shop-nav-wrapper {
background: #fff;
height: 80px;
overflow: hidden;
width: 100%;
z-index: 1;
margin: 10px 0;
}

#qs-shop-nav {
display: block;
width: 730px;
height: 80px;
overflow: hidden;
margin: 0 auto;
padding-top: 2px;
position: relative;
}

#content #qs-shop-nav {
width: 406px;
}

/* neu */
#context #qs-shop-nav {
width: 267px;
}

#qs-shop-nav span.fader-left {
position: absolute;
width: 30px;
height: 77px;
margin-left: 30px;
z-index: 99;
background: url(../images/layout/shopnav_fade_left.png) no-repeat 0 0;
}

/* IE6 PNG Hack */
* html #qs-shop-nav span.fader-left {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/layout/shopnav_fade_left.png', sizingMethod='scal'); /* PNG Hack */
}

#qs-shop-nav span.fader-right {
position: absolute;
width: 30px;
height: 77px;
margin-left: 660px;
z-index: 99;
background: url(../images/layout/shopnav_fade_right.png) no-repeat 0 0;
}

/* IE6 PNG Hack */
* html #qs-shop-nav span.fader-right {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/layout/shopnav_fade_right.png', sizingMethod='scal'); /* PNG Hack */
}

#content #qs-shop-nav span.fader-right {
margin-left: 355px;
}

/* neu */
#context #qs-shop-nav span.fader-right {
margin-left: 214px;
}

.jcarousel-skin-qs.jcarousel-container {
display: block;
margin: 0 auto;
position: relative;
width: 730px;
}

#content .jcarousel-skin-qs.jcarousel-container {
width: 406px;
}

/* neu */
#context .jcarousel-skin-qs.jcarousel-container {
width: 267px;
}

#qs-shop-nav .previous-button {
z-index: 999;
position: absolute;
display: block;
width: 22px;
height: 20px;
left: 0;
top: 25px;
}

#qs-shop-nav .next-button {
z-index: 999;
position: absolute;
width: 22px;
height: 20px;
right: 4px;
top: 25px;
}

#content #qs-shop-nav .next-button {
right: 0;
}

/* neu */
#context #qs-shop-nav .next-button {
right: 0;
}

.jcarousel-clip {
width: 660px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
z-index: 2;
margin-left: 30px;
}

#content .jcarousel-clip {
width: 345px;
}

/* neu */
#context .jcarousel-clip {
width: 206px;
}

#mycarousel {
left: -154px;
width: 2464px;
margin-left: 0;
}

.jcarousel-list {
left: 0;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
top: 0;
z-index: 1;
}

#wrapper #mycarousel li {
float: left;
padding: 0;
margin-right: 2px;
text-align: center;
background: none;
}

#wrapper #mycarousel li a {
text-decoration: none;
font-size: 0.909em;
color: #000;
}

#wrapper #mycarousel li a:hover {
color: #7f232f;
}

#mycarousel li a img {
display: block;
border: 1px solid #d6d6d6;
margin: 2px;
/* opacity: 0.4; */
}

#wrapper #mycarousel li a:hover img {
border: 1px solid #7f232f;
}
/* Ende: aus karriere uebernommen */
/* Ende DAX30 */

/* >>> .ihre-bewertung */
.ihre-bewertung .one-of-two,
.ihre-bewertung .two-of-two {
margin-bottom: 10px;
}


/* ### Regeln fuer Video-ADs */
#gallery #content {
position: relative;
z-index: 2;
}

/* Container fuer position der AD-Inhalt */
#video-overlay-ad {
position: absolute;
top: 0; /* alter Wert = top: 24px; */
left: 454px;
z-index: 9999;
background: url(../images/bg_ad-70prozent.png) repeat;
color: #fff;
width: 515px;
height: 337px;
margin: 0;
padding: 0;
}

/* IE6 */
* html #video-overlay-ad {
/* fake-grafik */
background: url(../images/0.gif);
/* validiert nicht */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_ad-70prozent.png');
}

/* Container fuer AD-Inhalt */
#video-overlay-ad div {
vertical-align: middle;
text-align: center;
margin: 45px auto 0 auto;
padding: 0;
width: 300px;
height: 250px;
overflow: hidden;
}

/* Anzeige-Text */
small.ad-info {
color: #fff;
position: absolute;
top: 2px;
right: 25px;
line-height: 1.3em;
}

/* "x" button bzw. link */
a.schliessen {
background: #999;
color: #000;
font-weight: normal;
padding: 2px 5px 4px 5px;
position: absolute;
top: 2px;
right: -513px;
z-index: 10000;
}
a.schliessen:hover {
background: #ccc;
color: #000;
}
/* ### ENDE Regeln fuer Video-ADs */

/* Infobox Partner */
.partner h3 {
margin-top: 0;
}

.partner div {
margin-bottom: 20px;
}

/* Formate fuer Topteaser, Zweispalter und Schwerpunkt */
.zweispalter {
padding: 10px 0;
/* siehe Mail von: HJK "Abstand zwischen TT+Links MK"
padding: 27px 0 3px 0; */
}

/* als Klasse fuer den ersten, obersten Zweispalter
zusaetzliche zu "zweispalter" */
#content .top {
padding: 0 0 10px 0;
}

/* Zweispalter in Schwerpunkt */
.schwerpunkt .zweispalter {
border-top: 1px solid #cedcdd;
padding: 10px 0;
}

/* Artikelteaser wenn im Zweispalter */
.zweispalter .article-teaser {
position: relative;
z-index: 8;
width: 210px;
float: left;
margin: 0;
padding: 0;
}

/* Container fuer Artikelteaser rechts */
.zweispalter .article-teaser.rechts {
z-index: 7; /* muss tiefer liegen als .article-teaser auf linker Seite, 
sonst Stack-Order Bug in IE 6/7 */
width: 205px;
margin-left: 5px;
float: right;
}

/* Grafiken */
.zweispalter .article-teaser img {
background: #fff;
}

/* Ueberschrift */
.zweispalter .article-teaser h3 {
position: relative;
z-index: 1;
margin: 0;
font-size: 1.4em;
font-weight: bold;
}
/* IE sorgt fuer korrekte Darstellung der Artikelfaehnchen bei zweizeiligen Ueberschriften */
* html .zweispalter .article-teaser h3 {
position: static;	
}
* + html .zweispalter .article-teaser h3 {
position: static;	
}


/* Dachzeile */
#content .article-teaser h3 small {
padding-right: 60px; /* verhindert Ueberschneidung mit .article-bubble */
font-size: 0.75em;
}

/* Version "Schwerpunkt" */
.schwerpunkt {
width: 437px;
border: 1px solid #cedcdd; /* alt #E0E0E0 */
border-bottom: 5px solid #cedcdd;
margin-bottom: 20px;
}

/* Formate fuer "Schwerpunkt" Version des Zweispalters ueberstimmen */
.schwerpunkt .article-teaser {
width: 203px;
float: left;
}
.schwerpunkt .rechts {
border-left: 1px solid #cedcdd;
margin: 0 0 0 10px;
padding-left: 10px;
}

/* "article-teaser-top" und "zweispalter" */
.schwerpunkt div {
margin: 0 5px;
}

/* "article-teaser" */
.schwerpunkt div div {
margin: 0;
}

/* Abstaende und Breiten fuer schmalere Version mit Rahmen */
.schwerpunkt .article-teaser-top {
margin-top: 0;
margin-bottom: 10px;
padding: 0;
width: 427px;
}

/* Neue Klasse ".toplink" auf dem Link um die Grafik 
ersetzt das bisherige overflow: hidden auf ".article-teaser-top" */
.schwerpunkt .article-teaser-top a.toplink {
display: block;
width: 427px;
overflow: hidden;
}

/* Ueberschrift fuer "Schwerpunkt" */
#content .schwerpunkt h2 {
margin: 0 0 5px 0;
padding: 2px 5px;
font-size: 1.6em;
height: auto;
background: #cedcdd;
color: #000;
display: block;
text-transform: none;
background-image: none;
font-weight: bold;
line-height: 1.375;
}

/* Sonderauszeichnung in Ueberschrift */
#content .schwerpunkt h2 em {
font-style: normal;
background-image: none;
text-transform: uppercase;
padding-right: 5px;
color: #7F232F;
}

/* abstand zwischen "weitere Links" und "smarty weitre Links"
in .article-teaser-top reduzieren */
#content .article-teaser-top ul {
margin-bottom: 3px;
}

/* Weitere Links aus Smarty formatieren wie die Linkliste */
a.smarty-icon {
display: inline-block;
margin: 0 0 3px 0;
font-size: 1.1em;
line-height: 1.363;
}
/* IE6 braucht mehr Abstand */
* html a.smarty-icon {
margin: 0 0 5px 0;
}

a.smarty-icon img {
margin-right: 5px;
}

/* "mehr" Link in (Top-) Teaser */
.more-link {
background: url(../images/layout/arrow_red.gif) no-repeat 0 6px;
padding-left: 5px;
font-weight: bold;
}

/* Icons (Faehnchen) in MK - Zweispalter */
.zweispalter .icon {
background-position: left 2px;
}

/* Icon fuer Video, Tabelle, Bildgalerie, Infografik
hier erscheint das Fähnchen anstatt der Dachzeile. */
.icon-dachzeile {
padding-top: 17px;
position: relative; /* Darstellung IE */
}
/* ENDE Formate fuer Topteaser, Zweispalter und Schwerpunkt */

/* Formate fuer die Flashbuehne
ueber die volle Breite der Seite
(content + context) = 770px */
.flashbuehne {
width: 770px;
height: auto;
margin: 10px 12px 20px 15px;
}
/* ENDE Formate fuer die Flashbuehne */

/* Impressum */
dl.liste-redaktion {
margin-left: 0;
}

/* Formate fuer plista teaser */
div.plista {
margin: 10px 0 20px 0;
}

/* Ueberschrift Abschnitt */
.plista h4 {
float: left;
margin: 0 0 10px 0;
}

/* Ueberschrift Empfehlung */
.plista h5 {
font-weight: bold;
font-size: 1.2em;
line-height: 1.1;
}

/* Dachzeile */
.plista h5 small {
display: block;
color: #000;
font-size: 0.8em;
}

/* Teasergrafik */
.plista-bild {
clear: left;
display: block;
float: left;
width: 80px;
height: 60px;
margin: 0 10px 2px 0;
}

/* powered by Plista */
a.plista-link {
display: block;
text-align: right;
clear: both;
line-height: 1.6em;
color: #000;
}
a.plista-link:hover {
color: #000;
}
/* ENDE Formate fuer plista teaser */

/* Formate fuer weitere_links_bild_teaser */
div.weitere-links-teaser {
margin: 10px 0 20px 0;
}

div.weitere-links-teaser div {
clear: left;
margin-bottom: 10px;
}

/* Ueberschrift */
.weitere-links-teaser h5 {
font-weight: bold;
font-size: 1.2em;
line-height: 1.3;
}

/* Link */
.weitere-links-teaser a {
font-weight: bold;
}

.weitere-links-teaser .arrow-red {
margin-left: 10px;
}

/* Dachzeile */
.weitere-links-teaser h5 small {
display: block;
color: #000;
font-size: 0.8em;
}

/* Teasergrafik */
.teaser-bild {
clear: left;
display: block;
float: left;
width: 80px;
height: 60px;
margin: 0 10px 10px 0;
}
/* ENDE Formate fuer weitere_links_bild_teaser */


/* Medienbuehne */
div.mb {
border: 1px solid #dbdbdb;
margin: 0 0 20px 0;
padding: 5px 0 0 0;
background: #f4f4f4 url(../images/layout/bg_mb-verlauf.jpg) repeat-x 0 0;
position: relative;
}

/* Listen */
.mb ul,
.mb ul li {
list-style: none;
background-image: none;
margin: 0;
padding: 0;
}

/* Buehnen-Umschalter oben */
.mb-pagination {
text-align: center;
margin: 0 0 5px 0;
}

/* Abstaende der Navigationselemente */
.mb-pagination img {
margin: 0 5px 0 0;
}
.mb-pagination a img {
margin: 0;
}
.mb-pagination a {
margin: 0 5px 0 0;
}

/* Schalter Links und Rechts (vor, zurueck) */
ul li.mb-zurueck,
ul li.mb-weiter {
position: absolute;
top: 72px;
left: 4px;
}
ul li.mb-weiter {
left: auto;
right: 4px;
}

/* Container fuer alle Medien */
ul li.mb-buehne {
margin: 0 0 0 33px;
width: 370px;
overflow: hidden;
}

.movie-container {
position: relative; /* position: relative; erzeugt in 
der statischen Version einen Darsellungsfehler (im IE6), 
wird aber fuer die dynamische Version zwingend gebraucht */
overflow: hidden;
width: 370px;
}

/* Platz schaffen fuer X Medien */
ul li.mb-buehne ul {
width: 3000px;
}

/* Medien auf der Buehen */
.mb-buehne ul li {
width: 110px;
height: 150px;
overflow: hidden;
float: left;
margin: 0 20px 0 0;
}

/* "Headlines" */
.mb-buehne ul li strong {
display: block;
margin: 0 0 5px 0;
border-bottom: 1px solid #ccc; /* dbdbdb war zu hell */
}

/*  Links um Grafik und Text */
.mb-buehne ul li a {
display: block;
width: 111px;
}

/* ein Artikel usw. */
.mb-buehne .mb-artikel strong,
.mb-buehne .artikel strong,
.mb-buehne .dossier strong,
.mb-buehne .spezial strong,
.mb-buehne .servicetool strong,
.mb-buehne .pb-survey-voting strong,
.mb-buehne .media-gallery strong,
.mb-buehne .pb-survey-test strong,
.mb-buehne .pb-survey-lottery strong,
.mb-buehne .pb-survey-poll strong,
.mb-buehne .blog-blog strong,
.mb-buehne .blog-article strong {
background: url(../images/layout/icon_artikel_mb.gif) no-repeat 0 1px;
padding: 0 0 0 13px;
}

/* ein Video */
.mb-buehne .pb-video strong,
.mb-buehne .mb-video strong {
background: url(../images/layout/icon_video.gif) no-repeat 0 3px;
padding: 0 0 0 15px;
}

/* eine Bildgalerie */
.mb-buehne .media-gallery strong,
.mb-buehne .mb-bildgalerie strong {
background: url(../images/layout/icon_image_10x11px.gif) no-repeat 0 1px;
padding: 0 0 0 14px;
}

/* eine Infografik */
.mb-buehne .infografik strong {
background: url(../images/layout/icon_infografik.gif) no-repeat 0 2px;
padding: 0 0 0 15px;
}
/* ENDE Medienbuehne */


/* neue Social-Bookmarks Icons */
.service li dl.links dd.bm-twitter a {
background: url(../images/layout/bm_twitter.gif) no-repeat 1px 0;
}

.service li dl.links dd.bm-facebook a {
background: url(../images/layout/bm_facebook.gif) no-repeat 1px 0;
}

.service li dl.links dd.bm-studivz a {
background: url(../images/layout/bm_studivz.gif) no-repeat 0 0;
}

.service li dl.links dd.bm-oneview a {
background: url(../images/layout/bm_oneview.gif) no-repeat 0 1px;
}

.service li dl.links dd.bm-mr-wong a {
background: url(../images/layout/bm_mr-wong.gif) no-repeat 0 1px;
}
/* ENDE neue Social-Bookmarks */

/* Infographiken */
.article-teaser .icon-infografik {
background: url(../images/layout/icon_infografik.gif) no-repeat 0 3px;
padding-left: 15px;
}
/* IE6 */
* html .article-teaser .icon-infografik {
background-position: 0 2px;
}

/* Abstand nicht auf headline, sondern auf Link in Headline */
.icon-infografik a {
padding-left: 15px;
}

/* Icon in Listen neu ausrichten und Abstand direkt auf Link */
ul.links li a.icon-infografik {
padding-left: 15px;
background-position: 0 2px;
overflow: hidden;
}
/* ENDE Infographiken */


/* Kommentar bubble */
.kommentar-bubble {
position: relative; 
}

/* Link bzw. Anker zu Kommetaren */
.kommentar-bubble a {
background: url(../images/icon_kommentar-bubble.gif) no-repeat 1px 0;
text-decoration: none;
padding-left: 20px;
height: 13px;
text-decoration: none;
display: inline-block;
}
.kommentar-bubble a:hover {
text-decoration: none;
}

/* jetzt kommentieren Bubble */
.kommentar-bubble a span.tooltip { 
display: none;
}
.kommentar-bubble a:hover span.tooltip,
.kommentar-bubble a.ie-hover span.tooltip {
display: block;
position: absolute; 
left: 0px; 
top: -6px; 
z-index: 3333;
background: url(../images/icon_hover_kommentar-bubble.gif) no-repeat 0 0; 
width: 117px;
height: 19px;
overflow: visible;
cursor: pointer;
}

/* plaintext in jetzt kommentieren Bubble nie anzeigen */
.kommentar-bubble a span.tooltip span,
.kommentar-bubble a:hover span.tooltip span { 
display: none;
}

/* Anzahl der Kommentare (wenn vorhanden) */
.anzahl-kommentare {
color: #7F232F;
font-style: normal;
}
/* IE7 */
* + html .anzahl-kommentare {
position: relative;
top: -2px;
}

/* auf Artikelseiten und Rubrikenseiten */
.kommentar-bubble {
border-right: 1px solid #666666;
margin-right: 5px;
padding-right: 3px;
}

/* wird zur korrekten Positionierung des "kommentar-bubble" benoetigt */
.article-teaser-top,
.article-teaser {
position: relative;
}

/* Im Schwerpunkt, Topteaser, MKino */
.article-teaser-top .kommentar-bubble,
.article-decoration .kommentar-bubble,
.article-teaser .kommentar-bubble {
display: block;
border-right: 0;
margin: 0;
padding: 0;
position: absolute;
top: 108px;
right: 0;
z-index: 8; /* Vorsicht: darf nicht hoeher als die Navigation liegen */
}

.article-teaser-top .kommentar-bubble {
top: 214px;
}

.article-decoration .kommentar-bubble {
top: 4px;
}

.ohne-bild .kommentar-bubble {
top: 3px;
}

/* Kommentarbubble in .article-info-abs */
.article-teaser .article-info-abs .bubble-wrapper {
z-index: 100; /* IE 6 */
width: 57px;
height: 14px;
margin-right: 5px;
padding-right: 5px;
border-right: 1px solid #666;
}
/* IE 6 */
* html .article-teaser .article-info-abs .bubble-wrapper {
line-height: 1.8em;
}
/* IE 7 */
* + html .article-teaser .article-info-abs .bubble-wrapper {
line-height: 1.8em;
}

.article-teaser .article-info-abs .kommentar-bubble {
top: 0;
right: auto;
left: 0;
}

/* Nuer fuer IE6 */
* html #content {
position: relative;
z-index: 1;
}
* html #context {
position: relative;
z-index: 0;
}

/* Nuer fuer IE7 */
* + html #content {
position: relative;
z-index: 1;
}
* + html #context {
position: relative;
z-index: 0;
}


/* ENDE Kommentar bubble */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Print [Preview] */
body.print .service,
body.print form#rating,
body.print div.comment,
body.print form.comment-form,
body.print h3.comments,
body.print p.pagination,
body.print div.show-all-comments,
body.print ul.service-bottom,
body.print span.article-info a.comments,
body.print span.article-info a.votes,
body.print .adwrapper,
body.print .ad,
body.print span.icon-zoom,
body.print h2 small a.icon {
display: none !important;
}

body.print #content {
font-family: "Times New Roman", serif;
}

body.print #content p,
body.print #content li,
body.print #content dd,
body.print #content span.article-info {
font-size: 12pt;
}

body.print #content span.article-info span {
border-right: 0;
}

body.print #content span.caption,
body.print #content span.caption {
font-size: 10pt;
}

/* um Grafiken z. b: in "context_navigation_spezial" als Block auszuzeichnen */
img.bildblock {
display: block;
}

/* Abstand ueber Grafik */
.abstand-oben {
margin-top: 24px;
}

/* haendisch pfegbare navi in context Navi-box-Beige */
div.box-beige ul {
margin-left: 0;
margin-bottom: 0;
}
div.box-beige ul li {
display: inline;
margin-left: 0;
padding-left: 0;
background: none;
voice-family:"\"}\"";
voice-family:inherit;
display: block;
font-weight: bold;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Archiv, Sitemap */
#archiv #year,
#archiv #month {
margin-bottom: 10px;
}

#archiv p {
font-size: 1.1em;
line-height: 1.363em;
}

#archiv span {
float: left;
width: 80px;
font-size: 1.1em;
line-height: 1.363em;
}

#archiv em {
font-weight: bold;
font-style: normal;
}

#archiv li {
line-height: 1.5em;
}

#archiv  #year li,
#archiv #month li {
float: left;
padding: 0 10px;
}

#archiv #month{
width: 80%;
}

#archiv #month.list {
width: 100%;
}

#archiv #month.list li {
width: 120px;
}

#archiv #month li li {
padding: 0 3px;
margin-right: 3px;
}

#archiv #day li {
float: left;
padding: 0 3px;
margin-right: 3px;
}

#archiv li.empty,
#archiv li li.empty {
border: 1px solid #d6d6d6;
background: none;
color: #d6d6d6;
}

#archiv li.not-empty,
#archiv li li.not-empty {
border: 1px solid #7F232F;
background: none;
}
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Archiv, Sitemap */