/* ====== 0. Basis ====== */  
  
body {  
    font-family: Arial, Helvetica, sans-serif;  
    /* font-size: 11px;  */
    font-size: 62.5%;  
    background-color: #fff;  
    color: #505050; 
    text-align: center;
}
* { padding: 0; margin: 0;}
img, a img {     border: none;}
.klaerchen { clear: both; line-height: 0px; font-size: 1px; height: 0px; }
h1 { font-weight: normal; font-size: 1.6em; padding: 0; margin: 15px 0; color: #666; }
h2 { font-weight: bold; font-size: 1.2em; padding: 0; margin: 15px 0; color: #666; }
h2.aktuell { font-weight: bold; font-size: 1.2em; padding: 0; margin: 0; }
#content ul,#boxen ul{list-style-type:square; margin: 0px 0px 0px 6px; -margin: 0px 0px 0px 9px; padding: 0px 5px 0px 6px; }
#content ul li{font-size:1.1em;color:#333;}
#content p, #contentprodukte p { font-size: 1.1em; line-height: 1.6em; color: #333;}
td {font-size: 1.1em !important;}
#subnavcontent, h4, #navmainDiv { font-size: 1.2em;}
#content td.hell {background-color: #fff; color: #454646;}
.floatleft { float: left;}
.floatright { float: right;}
/* ====== 1. Struktur ====== */ 
 
#mainDiv { margin: 0 auto; width: 966px; }
/* ====== header ====== */   
#header { background-color: #fff; width: 965px; height: 100px;}
#logoleft { float: left; padding: 12px 0 0 12px;}
#logoright { float: right; padding-top: 35px;}
/* ====== Farbenzuordnung ueber body class (Hintergrund, contentnavi:hover)====== */       
/* ====== forum ====== */
body.blau #hauptbereich { background-color: #004F9D; text-align: left; }
body.blau #content a { color: #004F9D; text-decoration: none; font-weight: bold;}
body.blau #subnavcontent li a:hover { font-weight: bold; color: #7CA3DE; text-decoration: none; }
body.blau h3 { background-color: #7FA7CE; color: #00407F; font-size: 1.2em; padding: 2px 10px;}
body.blau #contentunterseite { background: url(/img/bg_finanzpyramide.gif) repeat-y top left; width: 966px;}
body.blau #boxen p, body.blau #boxen a { color: #fff !important;}
body.blau #contentunterseite #boxen p, body.blau #contentunterseite #boxen li, body.blau #contentunterseite #boxen a { color: #666 !important;}
body.blau #footer {background-color:#004f9d !important;}

/* ====== lounge ====== */
body.rot #hauptbereich { background-color: #8B0401;text-align: left; }
body.rot #subnavcontent li a:hover { font-weight: bold; color: #BF7574; text-decoration: none;  }
body.rot h3 { background-color: #BF7574; color: #660000; font-size: 1.2em; padding: 2px 10px;}
body.rot #content a { color: #A11818; text-decoration: none; font-weight: bold;}
body.rot #contentunterseite { background: url(/img/bg_lounge_unterseite.gif) repeat-y top left; width: 966px;}
body.rot #boxen td.hell {background-color: #EFDCDC; color: #600;}
body.rot #boxen p, body.rot #boxen a { color: #fff !important;}
body.rot #contentunterseite #boxen p, body.rot #contentunterseite #boxen li, body.rot #contentunterseite #boxen a, body.rot #contentunterseite #boxen p a.boxlink { color: #600 !important;}
body.rot #footer {background-color: #8B0401 !important;}

/* ====== kids ====== */
body.gelb #hauptbereich { background-color: #F7AD00; text-align: left; } 
body.gelb #subnavcontent li a:hover { font-weight: bold; color: #FBD273; text-decoration: none;  }
body.gelb h3 { background-color: #FBD273; color: #A27201; font-size: 1.2em; padding: 2px 10px;}
body.gelb #content a { color: #F7AD00; text-decoration: none; font-weight: bold;}
body.gelb #contentunterseite {    background: url() repeat-y top left;    width: 966px;}
body.gelb #boxen p, body.gelb #boxen a { color: #fff !important;}
body.gelb #contentunterseite #boxen p, body.gelb #contentunterseite #boxen li, body.gelb #contentunterseite #boxen a { color: #666 !important;}
body.gelb #footer {background-color: #F7AD00 !important;}

/* ====== trendshop ====== */       
body.grau #hauptbereich { background-color: #9E9FA3; text-align: left; }
body.grau #subnavcontent li a:hover { font-weight: bold; color: #CACACC; text-decoration: none;  }
body.grau h3 { background-color: #CACACC; color: #666; font-size: 1.2em; padding: 2px 10px;}
body.grau #content a { color: #9E9FA3; text-decoration: none; font-weight: bold;}
body.grau #contentunterseite { background: url(/img/bg_trendshop_unterseite.gif) repeat-y top left; width: 966px;}
body.grau #boxen p, body.grau #boxen a { color: #fff !important;}
body.grau #contentunterseite #boxen p, body.grau #contentunterseite #boxen li, body.grau #contentunterseite #boxen a { color: #666 !important;}
body.grau #footer {background-color:#9e9fa3 !important;}
 
/* ====== galerie braun ====== */       
body.braun #hauptbereich { background-color: #95b3d7; text-align: left; }
body.braun #subnavcontent li a:hover { font-weight: bold; color: #004F9D; text-decoration: none;  }
body.braun h3 { background-color: #95b3d7; color: #330000; font-size: 1.2em; padding: 2px 10px;}
body.braun #content a { color: #004F9D; text-decoration: none; font-weight: bold;}
body.braun #contentunterseite {    background: url(/img/bg_galerie_unterseite.gif) repeat-y top left;    width: 966px;}
body.braun #contentunterseite #boxen  { color: #300; }
body.braun #boxen p, body.braun #boxen a { color: #fff !important;}
body.braun #contentunterseite #boxen p, body.braun #contentunterseite #boxen li, body.braun #contentunterseite #boxen a { color: #300 !important;}
body.braun #footer {background-color: #95b3d7; !important;}

/* ====== galerie schwarz ====== */       
body.schwarz #hauptbereich { background-color: #000000; text-align: left; }
body.schwarz #subnavcontent li a:hover { font-weight: bold; color: #FFFFFF; text-decoration: none;  }
body.schwarz h3 { background-color: #A48A7A; color: #330000; font-size: 1.2em; padding: 2px 10px;}
body.schwarz #content a { color: #592A0D; text-decoration: none; font-weight: bold;}
body.schwarz #contentunterseite {    background: url(/img/bg_galerie_unterseite.gif) repeat-y top left;    width: 966px;}
body.schwarz #contentunterseite #boxen  { color: #300; }
body.schwarz #boxen p, body.braun #boxen a { color: #fff !important;}
body.schwarz #contentunterseite #boxen p, body.braun #contentunterseite #boxen li, body.braun #contentunterseite #boxen a { color: #300 !important;}
body.schwarz #footer {background-color: #000000 !important;}

/* ====== specials ====== */       
body.blaugrau #hauptbereich { background-color: #8CA7CF; text-align: left; }
body.blaugrau #subnavcontent li a:hover { font-weight: bold; color: #C0CFE5; text-decoration: none;  }
body.blaugrau h3 { background-color: #C0CFE5; color: #486EA9; font-size: 1.2em; padding: 2px 10px;}
body.blaugrau h4 { background-color: #C0CFE5; color: #486EA9; padding: 10px 0 15px 0;}
body.blaugrau #content a { color: #8CA7CF; text-decoration: none; font-weight: bold;}
body.blaugrau #contentunterseite{ background: url(/img/bg_events.gif) repeat-y top left;   width: 966px;}
body.blaugrau a.anmelden { color: #135CA4; padding: 10px 0; text-decoration: none; display:block;}
body.blaugrau #boxen { color: #355A91;}  
body.blaugrau #boxen p, body.blaugrau #boxen a { color: #fff !important;}
body.blaugrau #contentunterseite #boxen p, body.blaugrau #contentunterseite #boxen li { color: #333 !important;} /* #666*/
body.blaugrau #contentunterseite #boxen h3 { color: #5578AF;}
body.blaugrau #footer {background-color: #8CA7CF !important;}

/* ====== Hauptnavigation ====== */        
#navmainDiv { position: relative; background-color: #F3F4F8; width: 575px;  height: 18px; padding: 2px 0 0 2px; float: left; }
a.mainnavlink { color: #676769; background-color: #F3F4F8; text-decoration: none; font-weight: bold; margin: 0px 13px 0 13px; }
a.mainnavlink:hover { color: #004F9D; background-color: #F3F4F8; text-decoration: none; font-weight: bold; margin: 0px 13px 0 13px; }
a.mainnavlink:active { color: #004F9D; background-color: #F3F4F8; text-decoration: none; font-weight: bold; margin: 0px 13px 0 13px;}
  
#linkObenRechts { color: #fff; float: right; padding: 3px 15px 0px 0px;}
#linkObenRechts a { color: #fff; text-decoration: none; font-weight: bold;font-size: 1.1em;}
/* ==== Highlighting der aktiven Links in der Hauptnavigation === */
body.blau a#blau, body.rot a#rot, body.gelb a#gelb, body.grau a#grau, body.braun a#braun, body.blaugrau a#blaugrau {
 color: #004F9D !important;
 background-color: #F3F4F8;
}
/* ====== Subnavigationslayer horizontal ====== */   
#subnav_forum { background-color: #F3F4F8; position: absolute; top: 20px; left: 0px; width: 150px;  visibility: hidden; }
#subnav_lounge { background-color: #F3F4F8; position: absolute; top: 20px; left: 79px; width: 140px;  visibility: hidden; }
#subnav_kids { background-color: #F3F4F8; position: absolute; top: 20px; left: 150px; width: 120px; visibility: hidden;}
#subnav_trendshop { background-color: #F3F4F8; position: absolute; top: 20px; left: 249px; width: 120px;  visibility: hidden;   }
#subnav_galerie { background-color: #F3F4F8;    position: absolute; top: 20px; left: 340px; width: 140px;  visibility: hidden;   }
#subnav_spezial { background-color: #F3F4F8;    position: absolute; top: 20px; left: 476px; width: 101px;  visibility: hidden;   }
#visuallinks { float: left; border-right: 3px solid #fff;}
#visualrechts { float: right;}
      
/* ====== Dropdown liste ====== */
.subnav { text-align: left; list-style-type: none;   }
.subnav li { padding: 0 0 3px 12px; }
a.subnavlink { color: #676769; text-decoration: none; }
a.subnavlink:hover { color: #004F9D; text-decoration: none;} 
/* ====== Subnavigation vertikal. Der -hover- Zustand wird unter dem Punkt -Farbenzuordnung- gepflegt ====== */ 
#subnavcontent { float: left;  width: 123px; padding: 13px 0 0 15px;   }
#subnavcontent ul { list-style-type: none; }
#subnavcontent li { padding-bottom: 12px;}
#subnavcontent li a { font-weight: bold; color: #fff; text-decoration: none;  } 
/* ====== Contentbereich ====== */  
#content { float: left; background-color: #eff0f4; width: 343px; border-left: 3px solid #fff; border-right: 3px solid #fff; padding: 0 35px 2000px 55px; margin-bottom:-2000px;}  
div#content table { width: 343px; margin-bottom: 10px !important;}
#content td { 
    font-size: 1em !important; /* Damit sich die Schriftgroesse auf alle Faelle vererbt */ 
    padding: 3px 6px;
} 
#content td.weiss { background-color: #fff;}
 
#content p { margin-bottom: 10px;}
/* ====== Produktbereich ====== */  
#contentprodukte { float: left; width: 770px; border-left: 3px solid #fff; padding: 0 0 40px 55px;} 
#produktelinks { float: left; width: 377px;  border-right: 3px solid #fff; border-top: 3px solid #fff; border-bottom: 3px solid #fff;}
#produkterechts { width: 390px; float: right; border-top: 3px solid #fff; border-bottom: 3px solid #fff;}
.produkt { padding: 0 10px;}
.produktgrau { background-color: #DADADB; padding: 0 10px;}
.borderwhite {
 background-color: #fff;
 height: 3px;
}
/* ====== boxen rechts ====== */  
#boxen {
 width: 389px;
 color: #fff;
 float: right;
font-size: 1.1em;
}
.box, .boxborder {
 padding: 10px 10px;
 height: 92px;
}
#boxen > .box, #boxen > .boxborder { height: auto; min-height: 72px;}
.boxborder {
 border-bottom: 3px solid #fff;
}
a.boxlink {
 color: #fff;
 text-decoration: none;
 font-weight: bold;
}
p.boxlink { margin-top: 15px;}

div#boxen table { width: 343px; margin-bottom: 10px !important;}
div#boxen td { 
    font-size: 1em !important; /* Damit sich die Schriftgroesse auf alle Faelle vererbt */ 
    padding: 3px 6px;
} 
div#boxen td.weiss { background-color: #fff; }

/* ====== eventboxen rechts ====== */   
 
#contentunterseite #boxen div.eventbox {
 padding: 10px 10px 20px 10px;
 border-top: 1px solid #fff;
 background-color: #E3E9F3;
 color: #333 !important;
}
#contentunterseite #boxen div.eventbox div.activestuff {display:block;}
#contentunterseite #boxen div.eventbox div.notactivestuff {display:none;}
#contentunterseite #boxen div.eventbox h4 {color: #5578AF !important;background:none;}
#contentunterseite #boxen div.eventbox a {color: #5578AF !important;}
#contentunterseite #boxen div.eventbox a.eventboxlink:hover {color: #5578AF !important; background-color:#CBD7E9;}
#contentunterseite #boxen div.eventbox a.eventboxlink {
 display: block;
 width: 389px;
 w\idth: 369px;
 height: 18px;
 padding: 10px 10px;
 color: #333 !important;text-decoration:none;
}

/* ====== Finanzpyramide-Boxen rechts ====== */   
#pyramideboxeins a, #pyramideboxzwei a, #pyramideboxdrei a, #pyramideboxvier a {
 display: block;
 width: 369px;
 height: 16px;
 padding: 11px 10px;
}
/*
#pyramideboxeins, #pyramideboxzwei, #pyramideboxdrei, #pyramideboxvier {
 padding: 11px 10px;
}
*/
#pyramideboxeins {
 border-top: 1px solid #fff; 
}
#pyramideboxeinsopen {
 padding: 11px 25px 10px 10px;
 color: #fff;
 border-top: 1px solid #fff; 
 background-image: url(/img/bg_finanzpyramide_1_open.gif); 
 background-repeat: no-repeat;
 height: 172px; /* 193 */
 position: relative;
}
#pyramideboxzwei {
 color: #004F9D;
 border-top: 1px solid #fff; 
}
#pyramideboxzweiopen {
 padding: 11px 25px 10px 10px;
 color: #fff;
 border-top: 1px solid #fff; 
 background-image: url(/img/bg_finanzpyramide_2_open.gif); 
 background-repeat: no-repeat;
 height: 172px;
 position: relative;
}
#pyramideboxdrei {
 border-top: 1px solid #fff; 
}
#pyramideboxdreiopen {
 padding: 11px 25px 10px 10px;
 color: #fff;
 border-top: 1px solid #fff; 
 background-image: url(/img/bg_finanzpyramide_3_open.gif); 
 background-repeat: no-repeat;
 height: 172px;
 position: relative;
}
#pyramideboxvier {
 border-top: 1px solid #fff; 
}
#pyramideboxvieropen {
 padding: 11px 25px 10px 10px;
 color: #fff;
 border-top: 1px solid #fff; 
 background-image: url(/img/bg_finanzpyramide_4_open.gif); 
 background-repeat: no-repeat;
 height: 170px;
 position: relative;
}
/* ============ */
body.blau #hauptbereich #contentunterseite #boxen #pyramideboxeinslink, 
body.blau #hauptbereich #contentunterseite #boxen #pyramideboxzweilink, 
body.blau #hauptbereich #contentunterseite #boxen #pyramideboxdreilink, 
body.blau #hauptbereich #contentunterseite #boxen #pyramideboxvierlink { 
 color: #004F9D !important; 
 text-decoration: none; 
 font-weight: bold;
}
body.blau #hauptbereich #contentunterseite #boxen #pyramideboxeinslink:hover, 
body.blau #hauptbereich #contentunterseite #boxen #pyramideboxzweilink:hover, 
body.blau #hauptbereich #contentunterseite #boxen #pyramideboxdreilink:hover, 
body.blau #hauptbereich #contentunterseite #boxen #pyramideboxvierlink:hover { 
 color: #fff !important; 
}
body.blau #hauptbereich #contentunterseite #boxen #pyramideboxeinsopen p,
body.blau #hauptbereich #contentunterseite #boxen #pyramideboxzweiopen p,
body.blau #hauptbereich #contentunterseite #boxen #pyramideboxdreiopen p,
body.blau #hauptbereich #contentunterseite #boxen #pyramideboxvieropen p { color: #fff !important;}

/* ======= Position der erlaeuternden Pfeile ========= */
#py1 {
 visibility: hidden;
 position: absolute;
 top: 143px;
 left: 10px;
 color: #004F9D;
}
#py2 {
 visibility: hidden;
 position: absolute;
 top: 143px;
 left: 46px;
 color: #004F9D;
}
#py3 {
 visibility: hidden;
 position: absolute;
 top: 143px;
 left: 81px;
 color: #004F9D;
}
#py4 {
 visibility: hidden;
 position: absolute;
 top: 143px;
 left: 116px;
 color: #004F9D;
}
#py5 {
 visibility: hidden;
 position: absolute;
 top: 143px;
 left: 151px;
 color: #004F9D;
}
#py6 {
 visibility: hidden;
 position: absolute;
 top: 143px;
 right: 172px;
 color: #004F9D;
 text-align: right;
 width: 205px;
}
#py7 {
 visibility: hidden;
 position: absolute;
 top: 143px;
 right: 137px;
 color: #004F9D;
 text-align: right;
}
#py8 {
 visibility: hidden;
 position: absolute;
 top: 143px;
 right: 103px;
 color: #004F9D;
 text-align: right;
}
#py9 {
 visibility: hidden;
 position: absolute;
 top: 143px;
 right: 66px;
 color: #004F9D;
 text-align: right;
}
#py10 {
 visibility: hidden;
 position: absolute;
 top: 143px;
 right: 31px;
 color: #004F9D;
 text-align: right;
}
.finanzpics {
 padding-top: 15px;
 width: 350px;
}
.finanzpics img { margin-right: 1px;}
/* ====== Aktuelle Angebote ====== */  
/*
.aktuellThumb {
 padding: 0 0 20px 0; 
}*/
.aktuellBeschreibung {
 padding: 0 0 0 15px;
 vertical-align: top;
line-height: 18px;
}
.aktuellTable {
 margin-top: 20px;
 width: 340px;
}
.aktuellLink {
 text-decoration: none;
    color: #004F9D;
}
/* ====== footer ====== */  
#footer {
 width: 966px;
 height: 22px;
 border-top: 3px solid #fff;
 font-size: 1.1em;
 overflow:auto;
 z-index:1;
}
#language {
 color: #fff;
 text-align: left;
 float: left;
 padding: 0 0 0 8px;
}
#footer #language a {
 color: #fff;
 text-decoration: none;
 padding: 0;
}
  
 #weiterempfehlen {
 color: #fff;
 text-align: left;
 float: left;
 padding: 0 0 0 8px;
}
#footer #weiterempfehlen a {
 color: #fff;
 text-decoration: none;
 padding: 0;
}
 #weiterempfehlen img { margin-right: 5px;}

#meta {
 color: #fff;   
 text-align: right;
 padding: 3px 12px 0 0;
}
#footer #meta a {
 color: #fff;
 text-decoration: none;
 padding: 0 7px;
}
 
/* ===== Produktetabelle NEU ==== */
#produktetabelle {  border-collapse: collapse; }
#produktetabelle td { border-top: 3px solid #fff; border-bottom: 3px solid #fff; color: #666; line-height: 1.6em;}
#produktetabelle td strong { color: #666;}
#produktetabelle td a { color: #145fa3; text-decoration: none;}
#produktetabelle td p { width: 230px !important; font-size: 1em !important;}
#contentprodukte {
 float: left;
 background-color: #eff0f4;
 width: 770px;
 border-left: 3px solid #fff;
 padding: 0 0 40px 55px;
}
#contentprodukte p { width: 350px;}
#contentprodukte table { margin-top: 10px;}
.hellerhintergrund, .dunklerhintergrund { padding: 15px 10px 0 10px; }
body.grau .dunklerhintergrund { background-color: #DADADB;}
body.blau .hellerhintergrund { background-color: #e2e9f3;}
body.blau .dunklerhintergrund { background-color: #bdcfe3;}

/* ====== Startseite ====== */
body.index #visualrechts, body.index #visuallinks { border: none;}
body.index #visualrechts, body.index #visuallinks  {  border-top: 3px solid #fff;}
body.index #visuallinks { width: 574px;}
body.index #visualrechts { width: 392px;}
body.index #hauptbereich {
 background-color: #b7cfe7;
 text-align: left;
}
body.index #subnavcontent li a:hover {
 font-weight: bold;
 font-size: 12px;
 color: #7CA3DE;
 text-decoration: none;
}
body.index a.contentlink {
 text-decoration: none;
 font-weight: bold;
}
body.index h3 {
 background-color: #7FA7CE;
 color: #039;
 font-size: 13px;
 padding: 2px 10px;
}
body.index #content {  border: none; margin-left: 123px; display: inline; } /* Die Breite der sonst vorhandenen Subnavigation als margin */
body.index #content a {
 color: #8CA7CF;
 text-decoration: none;
 font-weight: bold;
}
body.index #boxen {  width: 392px; border: none; }
body.index #hauptbereich { background-color: #b7cfe7;}/* #bad0e8 */
body.index #contentunterseite { background: #b7cfe7 url(/img/start_hintergrund.gif) repeat-y top left; width: 966px;}
body.index #footer, body.index #linkObenRechts { background: #b7cfe7; color: #fff;} /* #00349a */
body.index #subnavcontent { display: none;}
body.index div.indexteaser, body.index div.indexteaser a, body.index #content h1, body.index #content, body.index #content a  { color: #039 !important; }
body.index div.indexteaser a, body.index #content h1  { font-weight: bold; text-decoration: none;}
body.index div.indexteaser ul { margin: 0px 10px 0px 12px !important; -margin: 0px 0px 0px 15px !important; padding: 0px 0px 0px 15px !important; width: auto;  } /* margin-right: 5 --> 10 */
body.index div.indexteaser p { margin: 5px 11px 5px 14px; width: auto; } /* margin-right: 0 --> 11 */
body.index div.indexteaser h3 { margin: 10px 11px 10px 14px; font-size: 1.3em; font-weight: bold; background: none; padding: 0; } /* margin-right: 0 --> 11 */
body.index div#teaser1 {float: left; width: 196px; } 
body.index div#teaser2 { float: right; width: 196px; }
/* ======= dynamische Teaser ====== */
div.q110-aktuell a { color: #0033a7 !important;}
div.q110-aktuell-visual {
 width: 196px;
 height: 116px;
 text-align: right;
 }
div.q110-aktuell img { border: 0;}
.q110-aktuell div a img { margin: 7px 4px 0 0;}

div.q110-aktuell-textblock { width: 179px;}

#hauptbereich {overflow:hidden;}
#footer {overflow:auto;}
html > body #footer {overflow:auto; float: left;} /* no float for the IE 6 */

#content {padding-bottom:2000px;margin-bottom:-2000px;}

/* =Trendshop tooltip= */
.maplayer {padding:10px 10px 0 10px}
.maplayer p{line-height:1.3em;font-size:1em;margin:0 0 0.9em 0;}
.maplayer .footnote {font-size:0.9em}