/* ########## PAGE CSS ########## */

body {font-family: Verdana; background: white; font-size: 11px; color: #1f1c17; float: left; padding: 0 0 0 ; margin: 0 0 0 0;}

#page {float: left; width: 920px; text-align: left;}

#skybanner {float:right;}

#header {float: left; height: 145px; width: 920px; background: url(img/header/header-bg.gif) repeat-x;}
#kurse {float: left; height: 30px; width: 920px; background-color: white; line-height: 30px;}
#visual {float: left; height: 86px; width: 240px; background: url(img/header/logo.gif)}
#visual a {display: block; height: 86px; width: 240px;}
#stempel {float: right; height: 88px; width: 183px; background: url(img/header/stempel.gif) no-repeat; padding-right: 100px;}

#content {background: url(img/body-bg.gif) repeat-y left top; float: left; width: 920px;}

#col-l {width: 580px; float: left; margin-bottom: 30px;}
#col-l_content {padding: 0 0 0 0;}
#col-r {width: 324px; float: right; background-color: #e8e7e8; border-right: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf;}
#col-r_content {float: left; margin-left: 10px;}
*html #col-r_content {margin-left: 5px;}
#col-r_contentx {float: left; margin-left: 10px;}
*html #col-r_contentx {margin-left: 5px;}

#breadcrumb {padding-left: 5px; font-size: 10px;  margin: 10px 10px 30px 0;}
#breadcrumb a {color: #1f1c17; font-weight: bold;}
#breadcrumb img {float: right;}

#footer {width: 560px; margin: 40px 0 0 10px; float: left; color: black;}
*html #footer {margin-left: 5px;}

#feedback {background-color: #f23c13; height: 100px; width: 25px; position: fixed; top: 45%; right: 0;}
/* ########## HEADER CSS ########## */


#nav {height: 59px; background: url(img/header/nav/nav-bg.gif) repeat-x left 5px; float: left; width: 920px;}

#start-nav {font-size: 12px; margin-right: -2px; float: left; padding: 10px 15px 0 15px; font-weight: bold; color: #1f1c17; text-decoration: none;}
#start-nav:hover {text-decoration: underline;}
       
#nav ul {margin: 0; padding: 0; list-style-type: none; width: 705px; display: table; float: left;}
  #nav #pri-nav li {float: left; height: 34px; border-left: 1px solid #fff;}
  #nav #pri-nav .active {background: #f23c13; border-left: 2px solid #fff; border-right: 2px solid #fff; height: 34px; margin-right: -2px;}
  #nav #pri-nav a {font-size: 12px; font-weight: bold; color: #1f1c17; line-height: 35px; padding: 0 15px 0 15px; text-decoration: none;}
  #nav #pri-nav .active a {color: white;}  
  
  #nav #sec-nav {padding-left: 5px;}
  #nav #sec-nav li {float: left; padding: 5px 10px 0 10px; background: url(img/header/nav/dotted-line.gif) no-repeat right top;}
  #nav #sec-nav a {font-size: 11px; text-decoration: none; color: white;}
  #nav #sec-nav .active a {font-weight: bold;}
 
  #nav #pri-nav a:hover, #nav #sec-nav a:hover {text-decoration: underline;}

/* ########## CONTENT CSS ########## */


h1 {font-size: 12px; margin: 0; padding: 5px 0 0 0; color: #f23c13; }
h2 {font-size: 11px; margin: 0; padding: 0; color: #1f1c17;}
h2 a {font-size: 11px; margin: 0; padding: 0; color: #1f1c17;}
h3 {font-size: 11px; margin: 0; padding: 0; font-weight: bold; color: #1f1c17; display: inline;}
h3 a p {color: #1f1c17; font-weight: normal; display: inline;}
h3 a:hover p {text-decoration: underline;}
h4 {font-size: 10px; margin: 0; padding: 0; font-weight: normal; color: #898373; display: inline;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.float-left {float: left;}
.float-right {float: right;}
.orange {color: #f23c13;}
.dark {color: #1f1c17;}
.red {color: #dc2424;}
.braun {color: #888373;}

.trennlinie {background: url(img/content/trennlinie.gif) repeat-x left; padding: 20px 0 20px 0;}
.trennlinie2 {background: url(img/content/trennlinie.gif) repeat-x left; padding: 5px 0 5px 0;}
.trennlinie2-2 {background: url(img/content/trennlinie.gif) repeat-x left; width: 560px; height: 1px; float: left; padding: 20px 0 5px 0;}
* html .trennlinie2-2 {padding: 5px 0 5px 0;}
.trennlinie3 {background: url(img/content/trennlinie.gif) repeat-x left; padding: 1px 1px 0;}
.trenner {background: url(img/content/trenner.gif) repeat-x left; padding: 0 0 0 0; width: 20px float: left;}
.trennernb {background: url(img/content/grau.gif) repeat-x left; padding: 5px 0 5px 0; width: 280px; height: 1px;}
* html .trennernb {padding: 0px;}
.trennernb2 {background: url(img/content/grau.gif) repeat-x left; padding: 5px 0 5px 0; height: 1px;}
* html .trennernb2 {padding: 0px;}
.contbox {background: url(img/content/box-verlauf.gif) repeat-x; display: block; padding: 10px 5px 0 5px; margin: 0 0 35px 0; }
.contbox2 {padding: 10px 5px 0 5px; margin: 35px 0 35px 0;}
.uebersicht {min-height: 44px; padding: 2px 0 2px 0;}
* html .uebersicht {height: 44px;}

.shadow {float: left; background-color: #c8c8c8; width: 302px; margin: 3px 0 20px 2px;}
* html .shadow {margin-left: 1px;}
.shadow2 {float: left; width: 280px; background-color: white; display:block; border: 1px solid #c8c8c8; padding: 10px 10px 10px 10px; position: relative; top: -2px; left: -2px;}
.shadowad {float: left; width: 300x; background-color: white; display:block; border: 1px solid #c8c8c8; padding: 10px 0 10px 0; position: relative; top: -2px; left: -2px;}
.contlbox {background: url(img/content/contlbox.gif) no-repeat left top; width: 560px; padding: 0 10px 0 10px; margin-bottom: 20px;}

.shadow2-nl {float: left; width: 280px; background-color: white; display:block; border: 1px solid #c8c8c8; position: relative; top: -2px; left: -2px;}
.shadow2-nl2 {float: left; width: 280px; background-color: white; display:block; padding: 0 10px 10px 10px;}

.shadow3 {float: left; width: 277px; background-color: white; display:block; border: 1px solid #c8c8c8; padding: 0 10px 10px 10px; position: relative; top: -2px; left: -2px;}
.shadow3 a {line-height: 25px; padding: 0 5px; float: left;}

.bb-box {float: left; width: 560px;}

.news-img-left {float: left; margin: 0 5px 0 0;}
.news-img-left img {border: 1px solid #CCCCCC; padding: 1px; background-color: white;}
.news-img-right {float: right; margin: 0 0 0 5px;}
.news-img-right img {border: 1px solid #CCCCCC; padding: 1px; background-color: white;}

.bb-img-left {float:left; margin:0 5px 0 0;}
.bb-img-left img {border:1px solid #CCCCCC; padding: 5px;}

.vv-img {margin:0 5px 0 0;}
.vv-img img {border:1px solid #CCCCCC; padding: 5px;}

.detail1 {padding: 3px 0 0 2px; vertical-align: middle; margin-top: 1px; float: left; height: 20px; width: 150px; background: url(img/content/detail-bg.gif) repeat-y; display: block;}
.detail1 IMG {vertical-align: middle;}
.detail2 {padding: 3px 0 0 4px; vertical-align: middle; margin-top: 1px; float: left; height: 50px; width: 150px; background: url(img/content/detail-bg.gif) repeat-y; display: block; margin-bottom: 20px;}

.detail1-l {padding: 4px 0 0 2px; vertical-align: middle; margin-top: 1px; float: left; height: 18px; width: 435px; background: url(img/content/detail-l-bg.gif) repeat-y; display: block;}
.detail1-l IMG {vertical-align: middle; padding-right: 5px;}
.detail2-l {width: 550px; float: left; margin-top: 20px;}

#bb-rubriken {width: 560px; float: left; margin-bottom: 35px;}
.bb-rubrik1 {width: 178px; height: 245px; border: 1px solid #CCCCCC; float: left;}
.bb-rubrik2 {width: 178px; height: 245px; border: 1px solid #CCCCCC; float: left; margin: 0 10px 0 10px;}
.bb-rubrik-text {padding: 5px;}

.border {border: 1px solid #f23c13; width: 250px; font-size: 12px;}
.border2 {border: 1px solid #bdbdbd; width: 300px;}
.border3 {border: 1px solid #bdbdbd; width: 440px;}
.tdtext {width: 130px; height: 26px;}
* html .tdtext {height: 19px;}
.tdtext2 {width: 230px; height: 26px;}
* html .tdtext2 {height: 19px;}

.long input {width: 180px;}

.span-right {float: right; height: 14px; padding: 5px 0 0 0;}

a {color: #f23c13; text-decoration: none;}
a:hover {text-decoration: underline;}

p {margin: 0;}

.icon {margin-right: 5px; margin-bottom: -2px;}

input,textarea {margin: 0; padding: 0;}
.checkbox {border: none;}
img {border: none;}
.submit {float: right; border: none;}


table {border-spacing: 0; width: 560px; text-align: left; font-size: 11px;}
td {padding: 1px 0 1px 5px;}
.th {background: url(img/content/box-verlauf.gif) repeat-x; padding: 7px 5px 13px 5px;}

.odd td {background: #e2e1e2; border-bottom: 1px solid #fff;}
.even td {background: #efeeef; border-bottom: 1px solid #fff;}
.white td {background: white; border-bottom: 1px solid #fff;}
.info {font-weight: normal; display: block;}

.div-fehler {background: #ffe6e6; margin: 0 10px 10px 10px; color: #dc2424; font-weight: bold; font-size: 11px; padding: 10px; border: 1px solid #FF0000;}
.div-erfolg {background: #e2ffe7; margin: 0 10px 10px 10px; color: #24b539; font-weight: bold; font-size: 11px; padding: 10px; border: 1px solid #00ff4e;}

#contentrbox {float: left; width: 301px;}
#suche1 {float: left; background: url(img/content/suchbox/suche1-bg.gif) no-repeat; border: none; color: black; height: 40px; width: 301px;}
#suche1input {height: 18px; width: 150px; margin: 11px 0 0 80px; border: 1px solid white; float: left;}
#suche1button {height: 20px; width: 21px; float: left; margin: 10px 0 0 10px;}
#suche2 {float: left; border: none; background-color: white; height: 150px; display: none; padding: 5px; width: 288px; border: 1px solid #c8c8c8; border-right: 2px solid #c8c8c8;}
#suche2-open {float: left; border: none; background-color: white; height: 150px; display: block; padding: 5px; width: 288px; border: 1px solid #c8c8c8; border-right: 2px solid #c8c8c8;}
#toggleleiste {float: left; background: url(img/content/suchbox/toggleleiste.gif) no-repeat; border: none; height: 20px; width: 301px; padding: 2px 0 0 0; margin-bottom: 20px;}
#toggleleiste p {padding-left: 25px; margin-bottom: 20px; color: white; font-size: 10px; cursor: pointer;}
#suche2-2 {float: left;}
#suche2-2 b {float: left; padding-top: 4px;}
#suche2input {margin: 0 8px 0 15px; font-size: 11px; float: left; background-color: #e8e7e8; border: 1px solid #f23c13; height: 18px; width: 170px; padding: 3px 0 0 10px;}
#suche2button {float: left; height: 20px; width: 21px;}

.standard input {font-family: Verdana; font-weight: normal; font-size: 11px; height: 17px;}
.standard textarea {font-family: Verdana; font-weight: normal; font-size: 11px;}
.standard file {width: 250px;}
.standard select {font-family: Verdana; font-weight: normal; font-size: 11px; width: 170px;}

.tx-ttnews-browsebox {width: 1px;}

.kommentare1 {background: #efeeef; height: 20xpx; padding: 5px 5px 5px 5px; margin-top: 25px;}
.kommentare1-bw {height: 20xpx; padding: 5px 5px 5px 5px; margin-top: 25px;}
.kommentare2 {background: #efeeef; padding: 5px 5px 5px 5px;}

#kursticker {float: left; font-family: Verdana; width: 400px; color: black; padding: 15px 0 0 260px;}
#kursticker .spalte {float: left; width: 180px; padding-right: 20px;}
#kursticker .zeile {width: 180px; height: 12px;}
#kursticker .index {float: left; width: 60px;}
#kursticker .kurs {float: left; width: 60px; text-align: right;}
#kursticker .performanceminus {float: left; width: 60px; text-align: right; color: #DC2424;}
#kursticker .performanceplus {float: left; width: 60px; text-align: right; color: #24B539;}
#kursticker .break {background: url(img/content/trennlinie.gif) repeat-x; padding: 1px 0 1px 0;}

.note {text-align: center; color: #263248; font-size: 18px; font-weight: bold;}
.note2 {text-align: left; color: #263248; font-size: 18px; font-weight: bold;}

.button  {background: #7e8aa2 url(img/content/buttons/button.gif); cursor: pointer; padding-bottom: 1px; height: 20px; width: 100px; border: 0px; text-align: center; font-family: Verdana; font-size: 11px; font-weight: bold; color: #fff;}
.button-float-right  {float: right; background: #7e8aa2 url(img/content/buttons/button.gif); cursor: pointer; padding-bottom: 1px; height: 20px; width: 100px; border: 0px; text-align: center;  font-family: Verdana; font-size: 11px; font-weight: bold; color: #fff;}
.button-float-none  {background: #7e8aa2 url(img/content/buttons/button.gif); cursor: pointer; padding-bottom: 1px; height: 20px; width: 100px; border: 0px; text-align: center;  font-family: Verdana; font-size: 11px; font-weight: bold; color: #fff;}

#content-suche {background: white; float: left; width: 920px; margin-top: 30px; padding-left: 10px;}

.contlbox table a {padding-top: 10px;}

#cse-search-results {font-size: 11px; width: 580px;}

.tx-ttnews-browsebox table {width: 250px; padding-left: 5px;}


#topview {width: 560px; height: 240px; margin: 10px 0 10px 10px;}
#topview li {display: inline;}

#tab1 {background: url(img/topview/topview1.gif) no-repeat; float: left; width: 560px; height: 200px; margin-bottom: 10px;}
#tab1 a {display: block; width: 560px; height: 200px;}
#tab2 {display: none; background: url(img/topview/topview2.gif) no-repeat; float: left; width: 560px; height: 200px; margin-bottom: 10px;}
#tab2 a {display: block; width: 560px; height: 200px;}
#tab3 {display: none; background: url(img/topview/topview3.gif) no-repeat; float: left; width: 560px; height: 200px; margin-bottom: 10px;}
#tab3 a {display: block; width: 560px; height: 200px;}
#tab4 {display: none; background: url(img/topview/topview4.gif) no-repeat; float: left; width: 560px; height: 200px; margin-bottom: 10px;}
#tab4 a {display: block; width: 560px; height: 200px;}
#topview-logo {background: url(img/topview/topview-logo.gif) no-repeat; float: left; width: 90px; height: 20px;}
#topview-nav {float: right;}
#topview-nav li {float: left; line-height: 20px; background: url(img/topview/0.gif) no-repeat;}
#topview-nav li a {float: left; display: block; padding-left: 6px; font-weight: bold; color: white; text-decoration: none; width: 20px; height: 20px;}
#topview-nav .activeli {float: left; line-height: 20px; background: url(img/topview/0a.gif) no-repeat;}

.top10bb {width: 250px;}
.top10bb i {color: #888373;}
.top10bb b {font-size: 12px;}
.top10w {font-size: 12px;} 
/* Tooltip */

img.tooltip {
margin-right: 5px;
}

a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active {
position: relative;
text-decoration: none;
font-style: bold;
border-bottom:0px dotted #4dbcf3;
}

a.tooltip:hover {
background: transparent;
z-index: 100;
cursor: default;
}

a.tooltip span {
display: none;
text-decoration: none;
}

a.tooltip:hover span {
display: block;
position: absolute;
top: 30px;
left: 0;
width: 200px;
z-index: 100;
color: #000000;
border: 1px solid;
border-color: #FFFFFF #D5D7DB #D5D7DB #FFFFFF;
border-left: 4px solid #ff9800;
padding: 2px 10px 2px 10px;
background: #EEEEEE;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-style: Normal;
text-align: left;
}