/* ############################################################
# #
# allgemeine Definitionen #
# #
############################################################ */
/* ---------- headlines ------------- */
h1, h2, h3, h4 {
margin: 0;
padding: 0px;
display: block;
}
h1 {
font-size: 16px;
font-weight: bold;
}
h2 {
font-size: 14px;
font-weight: bold;
}
/* ---------- //headlines ------------- */
/* ---------- diverse tags ------------- */
img, a img {
margin: 0;
padding: 0px;
border: 0px;
}
table, tr, td, p, form, a {
margin: 0;
padding: 0px;
font-family:Verdana,Arial,Helvetica,Tahoma,Sans-Serif;
font-size: 12px;
}
dd, dl, dt {
margin: 0;
padding: 0px;
}
ul, li {
list-style: square outside;
margin-left:11px;
line-height:150%;
}
hr.trennlinie {
height: 1px; color: #777; text-align: center; width: 100%;
}
hr.blue {
height: 1px; color: #1d2d4b; text-align: center; width: 100%; border: 0px; background: #1d2d4b;
}
.content form, .content #mailform, .content .csc-mailform {
padding: 0px;
border: 0px;
}
.content #mailform {
padding: 10px;
line-height:25px;
}
.content .csc-mailform-field {
clear: both;
border: 0px;
}
.content .csc-mailform-field label {
float: left;
width: 120px;
}
.content #mailform input, .content #mailform textarea, .content #mailform select{
float: left;
width: 200px;
}
#leasingform .content #mailform input, #leasingform .content #mailform textarea, #leasingform .content #mailform select{
width: 410px;
}
.content #mailform textarea {
height: 80px;
font-size: 12px;
text-align: top left;
}
.content .csc-mailform-field #mailformInformationen {
width: 12px;
margin-top: 6px;
}
.content .csc-mailform-field #mailformformtype_mail {
width: auto!important;
margin-left: 120px;
display: inline;
}
/* ---------- //diverse tags ------------- */
/* ---------- links ------------- */
a { color: #000; }
a:visited { color: #000; }
a:hover { color: #1d2d4b; }
a.internal-link, a.internal-link:visited {
color: #000;
font-weight: bold;
text-decoration:underline;
}
a.internal-link:hover {
/* color: #777;*/
font-weight: bold;
text-decoration:none;
}
a.mail img{
padding-right:5px;
}
/* ---------- //links ------------- */
/* ############################################################
# #
# Definitionen bezogen auf best. Content-Elemente #
# #
############################################################ */
/* -------------- Infoboxen -------------- */
.infobox_content, .infobox_content p, .infobox_content .boxText, .infobox_content a, .infobox_content a:visited {
color: #333;
font-size: 11px;
line-height: 16px;
}
.infobox_content a:hover {
text-decoration: underline;
color: #fb7115;
}
td.infobox_content {
padding: 5px;
}
.boxText input, .boxText select, .boxText option { /* Schriftart für Formulare */
font-family: Verdana,Arial,Helvetica,Tahoma,Sans-Serif;
font-size: 12px;
}
.navigation_left_wrapper .infoBoxHeading {
font-size: 14px;
font-weight: bold;
color: #000;
background: #fb7115;
background: #fff;
padding: 0 2px;
}
/* -------------- //Infoboxen -------------- */
/* -------------- Content -------------- */
.content, .content p, .content .boxText, .content a, .content a:visited {
color: #333;
font-size: 12px;
text-decoration: none;
line-height: 16px;
}
.content a:hover {
text-decoration: underline;
color: #fb7115;
}
.content .infoBoxHeading {
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #000;
background: #d6d6d6;
padding: 2px;
}
.content .pageHeading, .content .main, .content .main p, .content .main h3, .content .main h2, .content .main span, .content .main ul {
padding: 5px;
}
.content .main ul {
margin-left: 25px;
}
/* -------------- //Content -------------- */
/* -------------- Produktvorschauen im Inhaltsbereich 3x3 Produkte -------------- */
.content table.teaser_content_product {
padding: 11px;
background: url(/fileadmin/templates/images/produktliste_background.gif);
padding: 0px;
margin: 5px;
border: 0px dotted #900;
}
.content .productListing-model, .content .productListing-data, .content .teaser_content_desc, .content .teaser_content_desc a {
font-size: 11px;
line-height: 13px;
padding: 3px;
text-align: center;
color: #555;
}
.content .teaser_content_desc {
height: 50px;
}
.content .productListing-image, .content .teaser_content_image {
font-size: 12px;
padding: 0px;
text-align: center;
}
.content .productListing-price, .content .teaser_content_price {
font-size: 14px;
font-weight: bold;
font-style: italic;
padding: 3px;
text-align: right;
background: #eaa577;
}
.content .productListing-price {
background: transparent;
}
.content .productListing-odd, .content .productListing-odd .productListing-price {
background: #f0f0f0;
border-bottom: 0px dotted #666;
}
.content .productListing-even {
border-bottom: 0px dotted #666;
}
/* -------------- //Produktvorschauen im Inhaltsbereich 3x3 Produkte -------------- */
/* -------------- Klickpfad -------------- */
.klickpfad, .klickpfad .headerNavigation, .klickpfad a, .klickpfad a:link, .klickpfad a:visited {
color: #666;
font-size: 11px;
}
.klickpfad a:hover {
text-decoration: underline;
color: #fb7115;
}
/* -------------- //Klickpfad -------------- */
/* -------------- Teaser rechts -------------- */
.teaser_right, .teaser_right .infoBoxContents, .teaser_right p, .teaser_right .boxText, .teaser_right a, .teaser_right a:visited {
color: #333;
font-size: 11px;
line-height: 16px;
}
.teaser_right a:hover {
text-decoration: underline;
color: #fb7115;
}
td.teaser_right {
padding: 5px;
}
.teaser_right .infoBoxHeading {
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #000;
background: #d6d6d6;
padding: 2px;
}
/* -------------- //Teaser rechts -------------- */
/* -------------- Footer -------------- */
.boxfooter, .boxfooter a, .boxfooter a:visited {
font-size: 10px;
color: #888;
text-decoration: none;
font-size: 10px;
}
.boxfooter a:hover {
font-size: 10px;
color: #e20015;
text-decoration: underline;
}
/* -------------- //Footer -------------- */
/* ---------- Sitemap ---------- */
.csc-sitemap, .csc-sitemap ul {
padding: 10px;
line-height:20px;
}
.csc-sitemap1 ul, .csc-sitemap1 ul li ul, .csc-sitemap1 li {
margin: 0;
padding: 0;
}
.csc-sitemap a, .csc-sitemap a:visited {
text-decoration:none;
font-size: 13px;
}
.csc-sitemap a:hover {
text-decoration:underline;
}
.csc-sitemap ul li, .csc-sitemap ul li a {
list-style: disc;
font-weight:bold;
}
.csc-sitemap ul li ul li, .csc-sitemap ul li ul li a {
list-style: disc;
font-weight:bold;
}
.csc-sitemap ul li ul li ul li, .csc-sitemap ul li ul li ul li a {
list-style: disc;
font-weight:normal;
}
/* Elemente der ersten Ebene */
.csc-sitemap ul li, .csc-sitemap ul li a {
list-style: none;
font-weight: bold;
}
/* Elemente der zweiten Ebene */
.csc-sitemap ul li ul li, .csc-sitemap ul li ul li a {
list-style: none;
font-weight: normal;
}
/* ---------- // Sitemap ---------- */
/* ############################################################
# #
# alte Formate, ggf. entfernen #
# #
############################################################ */
/* -------------- 1sp-Boxen Content-Formate -------------- */
.box1sp-text1sp p, .box1sp-text1sp50 p {
padding: 7px;
}
.box1sp-text1sp h2, .box1sp-text1sp50 h2 { /* H2: unten kein Padding, damit Abstand zu Text nicht zu groß wird */
padding: 7px 7px 0 7px;
}
/* -------------- //1sp-Boxen Content-Formate -------------- */
/* -------------- 2sp-Boxen Content-Formate -------------- */
.box2sp-text1sp p {
padding: 7px;
}
.box2sp-text1sp h2 { /* H2: unten kein Padding, damit Abstand zu Text nicht zu groß wird */
padding: 7px 7px 0 7px;
}
/* -------------- //2sp-Boxen Content-Formate -------------- */
/* -------------- 3sp-Boxen Content-Formate -------------- */
.box3sp-text3sp p {
padding: 7px;
}
.box3sp-text3sp h2 { /* H2: unten kein Padding, damit Abstand zu Text nicht zu groß wird */
padding: 7px 7px 0 7px;
}
/* -------------- //3sp-Boxen Content-Formate -------------- */
/* -------------- 4sp-Boxen Content-Formate -------------- */
.box4sp-text4sp p {
padding: 7px;
}
.box4sp-text4sp h2 { /* H2: unten kein Padding, damit Abstand zu Text nicht zu groß wird */
padding: 7px 7px 0 7px;
}
/* -------------- //4sp-Boxen Content-Formate -------------- */
/* -------------------- Center / Content ----------------------- */
/* ---------- allgemeingültige Textformate ------------- */
#center p.bodytext, #center h2 {
color: #000000;
padding: 10px;
z-index: 1;
display: block;
}
#center h2 {
padding-bottom: 0px;
}
/* ---------- //allgemeingültige Textformate ------------- */
/* ---------- Boxen 1-spaltig ohne Border ------------- */
#center .box1sp {
width: 206px;
margin: 0px 0px 0px 0px;
padding: 0px;
/* background: #d6d6d6;*/
border: 0px;
}
#center .boxen1sp td {
background: #d6d6d6;
border: 0px;
border-right:1px solid #fff;
}
#center #teaser_homepage_1sp { /* Startseiten: Rahmen um 1sp Teaser */
border: 1px solid #777;
}
#center #teaser_homepage_1sp table, #center #teaser_homepage_1sp table td {
border: 0;
}
#center #box1sp3, #center #box1sp6, #center #box1sp9 { /* letzte Box jeder Reihe ohne Right Margin */
margin-right:0px;
}
#center .box1sp h1, #center .box1sp csc-firstHeader {
/* IE 5 Hack */
width: 186px;
height: 20px;
overflow: hidden;
margin: 0;
padding: 4px 10px 0px 10px;
font-size: 12px;
font-weight:bold;
color: #ffffff;
background: #777777;
border: 0px;
}
/* weißen Balken (durch CSS-Styled-Content) unter Bild entfernen */
#center .box1sp DIV.csc-textpic.csc-textpic-center .csc-textpic-image { /* Box 1,5-spaltig */
margin: 0px;
padding: 0px;
}
/* ---------- //Boxen 1-spaltig ohne Border ------------- */
/* ---------- Boxen 1,5-spaltig mit Border ------------- */
#center .box15sp {
float: left;
width: 306px;
margin: 0px 2px 0px 0px;
padding: 0px;
background: #fff;
border: 1px solid #777777;
color: #000000;
}
#center #box15sp2, #center #box15sp4, #center #box15sp6 { /* letzte Box jeder Reihe ohne Right Margin */
margin-right:0px;
}
#center .box15sp h1 {
/* IE 5 Hack */
width: 286px;
height: 20px;
overflow: hidden;
margin: 0;
padding: 5px 10px 0px 10px;
font-size: 12px;
font-weight:bold;
color: #ffffff;
background: #777777;
border: 0px;
}
#center .box15sp .csc-textpic-imagewrap { /* Bild-umschließendes DIV */
margin: 0;
padding: 0;
}
#center .box15sp img, #center .box15sp p img { /* Bild */
float: left;
padding: 0;
margin: 0;
}
/* Problem: Text läuft nicht richtig um in den 1,5 spaltigen Boxen (Alternative: in mehrere Content-Elemente auftrennen), Korrektur der CSS Styled Content Formate */
#center .box15sp .csc-textpic.csc-textpic-intext-left { /* umschliessendes DIV mit Text und Bild */
float: left;
/* background: #0f0; zum Testen */
margin: 0px;
padding: 0px;
}
#center .box15sp .csc-textpic-text { /* DIV mit Text neben dem Bild */
width: 135px;
float: left;
margin: 0px;
padding: 0px;
/* background: #00f; zum Testen */
}
/* bodytext Text-Formatierung in 1,5 spaltigen Boxen */
/*#center .box15sp .bodytext {
float: left;
width: 135px;
margin: 0px;
padding: 10px 0 10px 0;
border: 0px solid #FF0000;
}*/
#center .box15sp h2 { /* H2 Text-Formatierung in 1,5 spaltigen Boxen */
margin: 0px;
padding: 10px 0 0 0;
}
/* weißen Balken (durch CSS-Styled-Content) unter Bild entfernen */
#center .box15sp DIV.csc-textpic.csc-textpic-intext-left .csc-textpic-image { /* Box 1,5-spaltig */
float: left;
text-align: left;
margin: 0px;
padding: 0px;
margin-right:-5px;
padding-right:-5px;
}
/* ---------- //Boxen 1,5-spaltig mit Border ------------- */
/* ---------- Boxen 3-spaltig mit/ohne Border ------------- */
#center .box3sp, #center .box3sp_grey, #center .box3sp_wo_border {
margin: 0;
padding: 0px;
background: #fff;
color: #000000;
border: 0px;
}
#center .box3sp_grey, #center .boxen3sp_grey td {
background: #d6d6d6;
}
#center .boxen3sp td {
border: 1px solid #777777;
}
#center .box3sp h1, #center .box3sp_grey h1, #center .box3sp_wo_border h1 {
/* IE 5 Hack */
width: 598px;
height: 20px;
overflow: hidden;
margin: 0;
padding: 4px 10px 0px 10px;
font-size: 12px;
font-weight:bold;
color: #ffffff;
background: #777777;
border: 0px;
}
#center .box3sp img , #center .box3sp p img { /* Image in */
float: left;
margin: 0px;
padding: 0px;
/* _margin: 0 0px -5px 0;*/ /* IE only Hack */
/* margin: -5px 5px -5px -5px;*/
}
#center .box3sp div, #center .box3sp csc-textpic csc-textpic-center csc-textpic-above, #center .box3sp img {
margin: 0px;
padding: 0px;
}
/* weißen Balken (durch CSS-Styled-Content) unter Bild entfernen */
#center .box3sp DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { /* Box 3-spaltig */
margin: 0px;
padding: 0px;
}
#center .boxen3sp td.fkuebersicht { /* in den Firmenkunden- & Allgemeinseiten-Übersichtstabellen keine Rahmen einfügen */
border: 0;
/*border-right:1px solid #fff;*/
}
#center .boxen3sp td.fkuebersicht .button_grey { /* Breite der Buttons um 1px reduzieren in den Firmenkunden- & Allgemeinseiten-Übersichtstabellen, damit sie in die Tabelle passen */
width: 195px;
height: 12px;
padding: 5px;
text-align: left;
font-size: 10px;
font-weight:bold;
color: #1d2d4b;
background: #d6d6d6 url(/fileadmin/templates-tv/images/content/button_grey_back_transp.gif);
background-repeat: no-repeat;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
}
/* ---------- //Boxen 3-spaltig mit/ohne Border ------------- */
/* ---------- Korrekturen wg. CSS-Styled-Content ---------- */
/* ---------- //Korrekturen wg. CSS-Styled-Content ---------- */
/* -------------------- //Center / Content ----------------------- */
/* -------------------- Navigation left ----------------------- */
#left .menu {
width: 150px;
margin: 0;
list-style: none;
padding: 0px;
/* border-top: 1px solid #777; */
}
#left li {
height: 20px;
width: 150px;
margin: 0;
padding: 0px;
/* border-bottom:1px solid #777; */
}
#left td {
margin: 0;
padding: 0;
}
#left input { /* allg. Definitionen für kleine Formulare links (PLZ/Suche) */
height: 17px;
margin: 0;
padding: 0px;
border: 0px;
color: #1d2d4b;
font-size: 11px;
vertical-align:middle;
padding-top:3px;
_margin-top: -3px; /* IE only */
_height: 19px; /* IE only */
}
#left input.stichwort { /* ">> suchen"-Textfeld */
width: 84px;
}
#left .suchesubmit { /* ">> suchen"-Button */
width: 56px;
height: 20px;
margin: 0;
padding: 0;
_margin-top: -1px; /* IE only */
_margin-bottom: -1px; /* IE only */
}
#left input.plz { /* PLZ-Suche Textfeld */
width: 59px;
}
/* Abstände bei den Suchfeldern korrigieren */
#navi_permanent02 {
margin-bottom:5px;
/*_margin-bottom:0px; *//* IE only */
}
#navi_permanent03 {
margin-top:5px;
margin-bottom:5px;
/*_margin-bottom:0px; *//* IE only */
}
/* -------------------- //Navigation left ----------------------- */
/* -------------------- Navigation right ----------------------- */
#right .box, #right .box_wo_border, #right .box_white {
width: 206px;
margin: 0;
padding: 0px;
/* background: #d6d6d6; // alt */
background: #fff;
border: 0px solid #777777;
}
#right .box_white {
background: #fff;
}
#right td.box {
border: 1px solid #777777; /* Rahmen über td erzeugen */
}
#right td.box_wo_border {
border: 0px; /* td ohne Rahmen erzeugen */
}
#right .box h1, #right .box_wo_border h1, #right .box_white h1 {
/* IE 5 Hack */
width: 186px;
height: 20px;
overflow: hidden;
margin: 0;
padding: 5px 10px 0px 10px;
font-size: 12px;
font-weight:bold;
color: #ffffff;
background: #777777;
border: 0px;
}
#right .box img, #right .box_wo_border img, #right .box_white img {
width: 206px;
color: #000000;
padding: 0;
margin: 0 0 5px 0;
}
#right .box_white DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image, #right .box_white img, #right .box DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image, #right .box img, #right .box_wo_border DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image, #right .box_wo_border img { /* kein Margin unter Bild bei T8 und allen anderen */
margin: 0px;
padding: 0px;
}
#right .box p, #right .box h2, #right .box_wo_border p, #right .box_wo_border h2, #right .box_white p, #right .box_white h2 { /* p + H2-Definition */
color: #000000;
padding: 10px;
margin: 0px;
}
#right .box h2, #right .box_wo_border h2, #right .box_white h2 { /* H2-Korrektur: kein Margin unten */
padding-bottom:0px;
}
#right .box .subhead, #right .box_wo_border .subhead, #right .box_white .subhead { /* graue Subheadline wie in T8 */
margin: 0;
padding: 0px;
width: 186px;
height: 12px;
padding: 5px 10px 5px 10px;
text-align: left;
font-size: 12px;
font-weight:bold;
color: #000000;
background: #d6d6d6;
}
#right .box .subhead2, #right .box_wo_border .subhead2, #right .box_white .subhead2 { /* wie subhead nur ohne Abstand unten für 2-/mehr-zeilige Subheads */
margin: 0;
padding: 0px;
width: 186px;
height: 12px;
padding: 5px 10px 0px 10px;
text-align: left;
font-size: 12px;
font-weight:bold;
color: #000000;
background: #d6d6d6;
}
#right .teaser_table { /* Tabelle z.B. Teaser rechts Kontakt */
margin: 0 10px 0 10px;
}
#right .teaser_table td { /* Tabellenzelle im Teaser-Table */
padding: 5px 0 5px 0;
}
#right .teaser_table td img, #right .teaser_table img { /* Tabellenzelle im Teaser-Table */
border: 1px solid #777;
padding: 0px;
margin: 0px;
}
#right .teaser_table a, #right .teaser_table a:visited {
text-decoration: none;
}
#right .teaser_table a:hover {
text-decoration: underline;
}
/* -------------------- //Navigation right ----------------------- */
/* -------------------- Zusatztools-Box im Inhalt ----------------------- */
#center #zusatztools {
padding: 0;
margin: 15px 10px 5px 10px;
}
#center #zusatztools .zusatztools_table, #center #zusatztools .zusatztools_table td {
padding: 0px;
margin: 0px;
border: 0px dotted #777;
}
#center #zusatztools img {
padding: 0;
margin: 0 0 0 8px;
text-align: right;
}
#center #zusatztools a {
text-decoration: none;
}
#center #zusatztools a:hover {
text-decoration: underline;
}
/* -------------------- //Zusatztools-Box im Inhalt ----------------------- */
/* ---------- Klickpfad ------------- */
DIV.klickpfad {
height: 15px;
padding: 0 0px 0 0px;
margin: 0;
/* background: #ddd; zum Testen */
}
.klickpfad_einzug {
margin: 0 0 0 10px;
}
DIV.klickpfad a, DIV.klickpfad a:visited, DIV.klickpfad a:active, DIV.klickpfad_einzug a, DIV.klickpfad_einzug a:visited, DIV.klickpfad_einzug a:active {
color: #000;
text-decoration: none;
}
DIV.klickpfad a:hover, DIV.klickpfad_einzug a:hover {
color: #1d2d4b;
text-decoration: underline;
}
/* ---------- //Klickpfad ------------- */
/* ---------- Button-Formate für alle Spalten ------------- */
/* ---------- blauer Button rechtsbündig */
#center p.button_blue, #right p.button_blue {
float: right;
text-align: right;
margin: 10px;
margin-top: 0px;
padding: 3px 10px 3px 10px;
font-size: 11px;
font-weight:bold;
color: #fff;
background: #1d2d4b;
border: 0px;
z-index: 10;
}
#center .box15sp p.button_blue { /* in 1,5 spaltigen Boxen mit Bild: rechter Rand = 0 */
margin-right:0px;
}
.button_blue a, .button_blue a:visited {
color: #fff;
text-decoration:none;
}
.button_blue a:hover {
color: #fff;
text-decoration:underline;
}
.button_blue a:active {
color: #d6d6d6;
text-decoration:underline;
}
/* //blauer Button rechtsbündig */
/* ---------- grauer Button über ganze Breite */
#center .box1sp .button_grey, #right .box .button_grey, #right .box_wo_border .button_grey, #center .box3sp .button_grey {
/* float: right;*/
width: 191px;
height: 12px;
padding: 5px 5px 5px 10px;
text-align: left;
font-size: 11px;
font-weight:bold;
color: #1d2d4b;
background: #d6d6d6 url(/fileadmin/templates-tv/images/content/button_grey_back_transp.gif);
background-repeat: no-repeat;
border-bottom:1px solid #fff;
}
#center .button_grey a, #right .button_grey a, #center .button_grey a:visited, #right .button_grey a:visited {
color: #1d2d4b;
text-decoration:none;
font-size: 11px;
}
#center .button_grey a:hover, #right .button_grey a:hover {
text-decoration:underline;
font-size: 11px;
}
#center .button_grey a:active, #right .button_grey a:active {
color: #d6d6d6;
text-decoration:underline;
font-size: 11px;
}
/* //grauer Button über ganze Breite */
/* ---------- weißer Button als Platzhalter */
#center .box1sp .button_white { /* weißer Button als Platzhalter! über ganze Breite mit */
/* float: right;*/
width: 196px;
height: 12px;
padding: 5px;
text-align: left;
font-size: 11px;
font-weight:bold;
color: #1d2d4b;
background: #fff;
border-bottom:1px solid #fff;
}
#right p.button_darkgrey { /* Button rechts grau */
/* float: right;*/
margin: 0px;
padding: 5px;
text-align: left;
font-size: 10px;
font-weight:bold;
color: white;
background: #777375 url(/fileadmin/templates-tv/images/content/button_darkgrey_back_transp.gif);
background-repeat: no-repeat;
border-bottom:1px solid #fff;
}
/* ---------- //Button-Formate für alle Spalten ------------- */
/* ---------- Diverse Einzelsachen ------------- */
#logo img { /* Logo im Header */
margin-top: 10px;
}
/* ---------- //Diverse Einzelsachen ------------- */
/* ---------- Textnavigation links ------------- */
#menu-level-01 {
margin: 0;
padding: 0;
list-style: none;
color: #fff;
font-weight:bold;
font-family:Tahoma;
font-size:11px;
}
#menu-level-01 li a, #menu-level-01 li a:visited { /* Listenpunkte formatieren */
display: block;
width: 200px;
padding: 5px 10px 5px 10px;
color: #fff;
text-decoration:none;
font-size: 11px;
font-family:Tahoma;
font-size: 11px;
}
#menu-level-01 li a:hover { /* Mouseover Format */
background: #eae7d8;
color: #1d2d4b;
}
/* MouseOver-Formate für Privatkunden-Bereich */
#menu-level-01 li a:hover, #menu-level-01 li.menu-level1-current-active a, #menu-level-01 li.menu-level1-current-active a:visited { /* Mouseover Format */
background: #eae7d8;
color: #1d2d4b;
}
/* Abstände bei den Suchfeldern korrigieren */
#navi_permanent02 #menu-level-01 {
margin-bottom:5px;
_margin-bottom:0px; /* IE only */
}
#navi_permanent03 #menu-level-01 {
margin-top:5px;
margin-bottom:5px;
_margin-bottom:0px; /* IE only */
}
/* ---------- //Textnavigation links ------------- */
/* ---------- Textnavigation oben ------------- */
#menu-oben {
margin: 0;
padding: 0;
list-style: none;
color: #1d2d4b;
font-weight:bold;
text-decoration:none;
text-align: center;
font-family:Arial;
font-size: 11px;
}
#menu-oben table {
text-align: center;
}
#menu-oben a, #menu-oben a:visited { /* Listenpunkte formatieren */
display: block;
padding: 5px 10px 5px 10px;
color: #1d2d4b;
font-weight:bold;
text-decoration:none;
font-family:Arial;
font-size: 11px;
}
#menu-oben a:hover { /* Mouseover Format */
background: #1d2d4b;
color: #fff;
text-decoration:none;
font-family:Arial;
}
/* MouseOver-Formate für Privatkunden-Bereich */
/* #menu-oben a:hover, #menu-oben .menu-oben-current-active a, #menu-oben .menu-oben-current-active a:visited {
background: #eae7d8;
color: #1d2d4b;
text-decoration:none;
}*/
/* ---------- //Textnavigation oben ------------- */
/* ---------- Textnavigation oben Privat-/Firmenkunden ------------- */
#menu-privat {
margin: 0;
padding: 0;
list-style: none;
color: #1d2d4b;
background: #eae7d8;
font-weight:bold;
text-decoration:none;
text-align: left;
width: 140px;
}
#menu-privat table {
text-align: center;
}
#menu-privat a, #menu-privat a:visited { /* Listenpunkte formatieren */
display: block;
padding: 5px 10px 5px 10px;
color: #1d2d4b;
font-weight:bold;
text-decoration:none;
font-size: 11px;
font-family:Arial;
font-size: 11px;
}
#menu-privat a:hover { /* Mouseover Format */
background: #1d2d4b;
color: #fff;
text-decoration:none;
}
/* Firmenkunden */
#menu-firmen {
margin: 0;
padding: 0;
list-style: none;
color: #1d2d4b;
background: #bfb088;
font-weight:bold;
text-decoration:none;
text-align: left;
width: 140px;
}
#menu-firmen table {
text-align: center;
}
#menu-firmen a, #menu-firmen a:visited { /* Listenpunkte formatieren */
display: block;
padding: 5px 10px 5px 10px;
color: #1d2d4b;
font-weight:bold;
text-decoration:none;
font-size: 11px;
font-family:Arial;
font-size: 11px;
}
#menu-firmen a:hover { /* Mouseover Format */
background: #1d2d4b;
color: #fff;
text-decoration:none;
}
/* ---------- //Textnavigation oben Privat-/Firmenkunden ------------- */
/* ---------- Sitemap ---------- */
#center table.sitemaptable, #center table.sitemaptable td {
border: 0px;
padding: 0px;
margin: 10px;
color: #000;
border: 0px dotted #f00;
vertical-align: top;
}
#center .ksSitemapFullWidTable td, #center .ksSitemapFullWidTable table, #center .ksSitemapFullWidTable table td {
border: 0px;
padding: 0px;
margin: 0px;
color: #000;
}
#center .ksSitemapHeadline {
/* color: #e23322;*/
font-size: 12px;
font-weight: bold;
border: 0px;
}
#center .ksSitemapFullWidTable {
width: 250px;
border: 0px;
}
#center .ksSitemapLeftMargMin {
margin-left: 9px;
border: 0px;
}
#center .ksSitemapL0TD {
/* background-color:#d6d6d6;*/
height: 25px;
padding-left: 10px;
margin-top: 7px;
padding-top: 7px;
border: 0px;
color: #000;
vertical-align: middle;
}
#center .ksSitemapL1TopSpace {
margin-top: 10px;
}
#center .ksSitemapL1TD {
border-top: solid 1px #375475;
border-bottom: solid 1px #375475;
border-right: solid 1px #375475;
border-left: solid 1px #375475;
border: 0px;
/* background: #d6d6d6;*/
height: 20px;
}
/* ------------- Sitemap Level 0: */
a.ksSitemap0, a.ksSitemap0:link, a.ksSitemap0:visited, a.ksSitemap0:active {
font-size: 12px; color: #000; font-weight: bold; text-decoration: none;
}
a.ksSitemap0:hover {
font-size: 12px; color: #000; font-weight: bold; text-decoration: underline;
}
/* ------------- Sitemap Level 1: */
a.ksSitemap1, a.ksSitemap1:link, a.ksSitemap1:visited, a.ksSitemap1:active {
font-size: 12px; color: #000; font-weight: bold; text-decoration: none;
}
a.ksSitemap1:hover {
font-size: 12px; color: #000; font-weight: bold; text-decoration: underline;
}
/* ------------- Sitemap Level 2: */
a.ksSitemap2, a.ksSitemap2:link, a.ksSitemap2:visited, a.ksSitemap2:active {
font-size: 12px; color: #000; text-decoration: none;
}
a.ksSitemap2:hover {
font-size: 12px; color: #000; text-decoration: underline;
}
/* ------------- Sitemap Level 3: */
a.ksSitemap3, a.ksSitemap3:link, a.ksSitemap3:visited, a.ksSitemap3:active {
font-size: 12px; color: #000; text-decoration: none; font-weight:normal;
}
a.ksSitemap3:hover {
font-size: 12px; color: #000; text-decoration: underline;
}
/* ------------- Sitemap Level 4: */
a.ksSitemap4, a.ksSitemap4:link, a.ksSitemap4:visited, a.ksSitemap4:active {
font-size: 12px; color: #000; text-decoration: none; font-weight:normal;
}
a.ksSitemap4:hover {
font-size: 12px; color: #000; text-decoration: underline;
}
/* ---------- // Sitemap ---------- */
/* ---------- Such-Seiten ---------- */
#center DIV.tx-indexedsearch {
font-size: 12px;
margin: 10px;
padding: 0px;
}
#center .tx-indexedsearch-searchbox, #center .suchesubmit {
margin: 0;
padding: 0;
}
#center .tx-indexedsearch-searchbox-sword {
font-size: 12px;
height: 14px;
margin: 0;
}
#center .tx-indexedsearch-searchtable table, #center .tx-indexedsearch-searchtable td {
border: 0;
}
#center .tx-indexedsearch-searchtable td {
padding-right: 10px;
}
#center .tx-indexedsearch-searchbox input, #center .tx-indexedsearch-searchbox select {
font-size: 12px;
margin-bottom:10px;
}
#center .tx-indexedsearch-res table, #center .tx-indexedsearch-res td { /* Ergebnisse: Tabellen-Format */
border: 0;
}
#center .tx-indexedsearch-res .tx-indexedsearch-result-title, #center .tx-indexedsearch-res .tx-indexedsearch-result-title td { /* Ergebnisse: erste Tabellenzeile (Title, Icon etc.) */
background: #d6d6d6;
padding: 3px 0 3px 0;
}
#center .tx-indexedsearch-res .tx-indexedsearch-title { /* Ergebnisse: Seiten-Titel */
padding: 0 3px 0 0;
}
#center .tx-indexedsearch-res .tx-indexedsearch-percent { /* Ergebnisse: Prozent-Anzeige */
color: #777;
}
#center .tx-indexedsearch-res .tx-indexedsearch-descr { /* Ergebnisse: Text-Beschreibung */
font-size: 9px;
padding-top:5px;
}
#center .tx-indexedsearch-res .tx-indexedsearch-info, #center .tx-indexedsearch-res .tx-indexedsearch-path a { /* Ergebnisse: Info & Pfad */
font-size: 9px;
padding-top:2px;
}
#center DIV.tx-indexedsearch-whatis { /* Ergebnisse: Rahmen überhalb dem whatis-Teil */
border-top: 1px solid #777;
}
#center DIV.tx-indexedsearch-whatis p { /* Ergebnisse: Abstand zum Rahmen überhalb dem whatis-Teil */
padding-top:10px;
}
/* ---------- //Such-Seiten ---------- */
/* ---------- Marktplatz ---------- */
#center #marktplatz {
padding: 10px;
}
#center .marktplatz_table table, #center .marktplatz_table td {
margin: 0px;
padding: 0px;
border: 0px;
}
#center .marktplatz_table .button_blue {
margin-bottom: 0px;
margin-right: 0px;
}
hr.marktplatz_hr {
height: 1px;
border: 1px solid #777;
}
#center #marktplatz img {
border: 1px solid #777;
}
/* ---------- //Marktplatz ---------- */
/* ---------- Formulare ---------- */
#center #kontakt_form {
padding: 10px;
border: 0px;
}
#center .kontakt_table table, #center .kontakt_table td {
margin: 0px;
padding: 3px 0 3px 0;
border: 0px;
}
#center #login_form td {
padding: 5px;
}
#center #kontakt_form input, #center #kontakt_form select {
font-size: 11px;
}
#center input.kontakt_text, .kontakt_text {
border: 1px solid #1d2d4b;
font-size: 11px;
width: 165px;
}
#center input.kontakt_text_kurz, .kontakt_text_kurz {
border: 1px solid #1d2d4b;
font-size: 11px;
width: 130px;
}
#center .kontakt_area, .kontakt_area {
border: 1px solid #1d2d4b;
font-size: 11px;
font-family: Arial, Helvetica, Verdana, Tahoma, Sans-Serif;
width: 459px;
}
#center .kontakt_table .button_blue {
margin-bottom: 0px;
margin-right: 0px;
}
#center #kontakt_form .button_blue, #center #login_form .button_blue { /* Sende-Button */
float: right;
text-align: right;
margin: 10px;
margin-top: 0px;
margin-right:0px;
padding: 3px 10px 3px 10px;
font-size: 11px;
font-weight:bold;
color: #fff;
background: #1d2d4b;
border: 0px;
width: 90px;
}
hr.black {
height: 1px;
color: #000;
background-color:#000;
border: 0px solid #000;
}
#center #kontakt_form .padding {
padding: 5px;
}
/* ---------- //Formulare ---------- */
/* ---------- Aktien-Anzeige ---------- */
#right #aktien {
padding: 10px;
border: 0px;
}
#right .aktien_table table {
margin: 0px;
border: 0px;
}
#right .aktien_table td {
margin: 0px;
border: 0px;
padding: 3px 3px 3px 3px;
font-size: 11px;
}
#right .aktien_table .row0 {
background: #d6d6d6;
}
#right .aktien_table .row1 {
background: #fff;
}
/* ---------- //Aktien-Anzeige ---------- */
/* ---------- Zinsbox-Anzeige ---------- */
#right #zinsbox {
padding: 10px 10px 10px 0px;
border: 0px;
text-align: center;
}
#right #zinsbox table {
width: 196px;
margin: 0px;
border: 0px;
}
#right #zinsbox td {
margin: 0px;
border: 0px;
padding: 3px 0px 3px 0px;
font-size: 11px;
text-align: center;
}
#right #zinsbox .input {
background: #d6d6d6;
}
#right #zinsbox img {
clear: both;
width: 1px;
visibility: hidden;
}
#right .zinsbox_table .row0 {
background: #d6d6d6;
}
#right .zinsbox_table .row1 {
background: #fff;
}
#right #zinsbox #stand, #right #aktien #stand {
text-align: left;
font-size: 10px;
margin-left:2px;
}
#right #zinsbox #stand {
margin-left:10px; /* nur bei der Zinsbox notwendig */
}
/* ---------- //Zinsbox-Anzeige ---------- */
/* ---------- Weiterempfehlung ---------- */
#center #weiterempfehlung {
padding: 10px;
border: 0px;
}
/* ---------- //Weiterempfehlung ---------- */
/* ---------- Beratersuche ---------- */
#center #beratersuche { /* umgebendes DIV */
margin: 10px;
border: 0px;
}
#center #beratersuche .table_berater {
border: 0px;
width: 598px;
}
#center #beratersuche td {
border: 0px;
padding: 3px 0 3px 0;
}
#center #beratersuche td a {
text-decoration: none;
}
#center #beratersuche td a:hover {
text-decoration: underline;
}
#center hr.berater {
height: 1px;
color: #777;
margin: 0 0 7px 0;
padding: 0px;
}
#center #beratersuche input.plz { /* PLZ-Suche Textfeld */
margin: 0px;
padding: 2px;
width: 70px;
height: 14px;
font-size: 12px;
vertical-align:middle;
}
#center #beratersuche .button_blue { /* Sende-Button */
padding: 2px 10px 3px 10px;
height: 22px;
font-size: 11px;
font-weight:bold;
color: #fff;
background: #1d2d4b;
border: 0px;
width: 90px;
_margin-top:2px; /* IE Hack */
}
/* ---------- //Beratersuche ---------- */
/* ---------- allgemeingültige Textformate ------------- */
/* Schriftgrößen anpassen für Tabelle */
.font8px, .font8px p.bodytext { font-size: 8px; }
.font9px, .font9px p.bodytext { font-size: 9px; }
.font10px, .font10px p.bodytext { font-size: 10px; }
/* ---------- //allgemeingültige Textformate ------------- */
/* ---------- Diverse Modifier/Sonderklassen ---------- */
#nopadding, #nopadding img { /* Div/Bild ohne Padding/Margins */
padding: 0px;
margin: 0px;
text-align: center;
_margin-right: -5px;
}
.align_right {
text-align: right;
}
#center #noborder, #center #noborder table, #center #noborder table td, #center #noborder td {
border: 0px solid;
}
#center p.spacer {
margin: -10px;
padding: -10px;
height: 1px;
}
/* ---------- //Diverse Modifier/Sonderklassen ---------- */
/* ---------- Gewinnspiel ---------- */
#gewinnspielform {
padding:10px 45px 10px 45px;
}
#gewinnspielform fieldset {
margin:20px
}
#gewinnspielform label {
display:block;
float:left;
width: 85px;
}
#gewinnspielform .inputText {
width: 200px;
}
#gewinnspielform legend {
font-weight: bold;
}
#gewinnspielform label.teilnahmebedingungen {
width: 240px;
}
#gewinnspielform #inputSubmit {
margin: 10px 0 10px 0;
}
#gewinnspielform .error {
margin: 0 0 10px 0;
font-weight: bold;
color: red;
}
#gewinnspielform .danke {
padding: 10px ;
font-weight: bold;
}
/* ---------- //Gewinnspiel ---------- */
/* ---------- Newsletter ---------- */
.newsletter_subscription {
margin-bottom:10px;
background-color:#ebebeb;
/*height: 190px;*/
}
.newsletter_subscription p {
padding:8px;
font-size:12px;
}
.newsletter_subscription form {
padding:10px;
}
.newsletter_subscription label {
clear:both;
display:block;
width: 50px;
float:left;
padding:3px 0 5px 0;
}
.newsletter_subscription #name, .newsletter_subscription #email{
width: 130px;
float:left;
margin:0;
}
.newsletter_subscription #subscribe {
clear:both;
width: 188px;
margin:10px 0 0 0;
}
#nl_edit_form label {
font-weight:bold;
display:block;
width:125px;
margin-bottom:10px;
}
#nl_edit_form input.textinput {
width:200px;
margin-bottom:15px;
}
#nl_edit_form div.unsubscripe {
margin-top: 20px;
}
#nl_create_form fieldset.nl-interval {
border:0;
clear:both;
margin:0;
padding:0;
}
#nl_create_form .nl-interval label{
float:none;
width:150px;
display:inline;
padding:0;
}
/* ---------- //Newsletter ---------- */
/* NUR IE7 Abstand zwischen Boxen in rechter Spalte */
* + html #teaser_right .csc-header {
!margin-top:10px;
}
* + html #teaser_right .csc-header-n1 {
!margin-top:0!important;
}
/* ---------- //Bookmarks ---------- */
.tx-timtabsociable-pi1 {
width:200px;
float:left;
background:#ebebeb;
margin-bottom:10px;
padding:10px 0 5px 10px;
}
.tx-timtabsociable-pi1 {
float:left;
width:200px;
cursor:pointer;
}
.tx-timtabsociable-pi1 a {
text-decoration:none !important;
cursor:pointer;
font-family: Verdana, Arial !important;
}
.tx-timtabsociable-pi1 a span.bookmarkItem span{
font-size: 11px !important;
}
.tx-timtabsociable-pi1 a img {
text-decoration:none;
border:0;
}
.tx-timtabsociable-pi1 .bookmarkItem {
float:left;
width:100px;
height:28px;
cursor:pointer;
text-decoration:none;
}
.tx-timtabsociable-pi1 .bookmarkItem span{
padding-left:5px;
font-weight:bold;
text-decoration:none;
cursor:pointer;
}
/* Box "versandkostenfrei" auf Startseite */
table.infoBoxLeft {
width:213px;
background: #ebebeb;
}
table.infoBoxLeft td.infoBoxHeading {
background:#FB7115;
color:#000000;
font-family:Verdana,Arial,Helvetica,Tahoma,Sans-Serif;
font-size:12px;
font-weight:bold;
height:17px;
padding: 2px;
}
.tx-timtabtwitter-pi1 td a {
font-weight:bold;
}