/* =============================== */
/* ALL STYLES FOR THE RIGHT COLUMN */
/* =============================== */


/* ======================= */
/* Horizontal Ruler styles */
/* ======================= */

/* 9px row at the top */

/* Aktuell */
#rightColumn hr.areaRowAktuell {
  color: #525864; /* for IE */
  background-color: #525864; /* for Mozilla */
  border: none;
  width: 100%;
  height: 9px;
  margin: 0;
}
* html #rightColumn hr.areaRowAktuell { margin-top: -8px; }
/* Krankenkasse */
#rightColumn hr.areaRowKrankenkasse {
  color: #d90303; /* for IE */
  background-color: #d90303; /* for Mozilla */
  border: none;
  width: 100%;
  height: 9px;
  margin: 0;
  font-size: 1px;
}
* html #rightColumn hr.areaRowKrankenkasse { margin-top: -8px; }
/* Zusatzversicherung */
#rightColumn hr.areaRowZusatzversicherung {
  color: #ff533c; /* for IE */
  background-color: #ff533c; /* for Mozilla */
  border: none;
  width: 100%;
  height: 9px;
  margin: 0;
}
* html #rightColumn hr.areaRowZusatzversicherung { margin-top: -8px; }
/* PrivatVersichert */
#rightColumn hr.areaRowPrivatVersichert {
  color: #fd7438; /* for IE */
  background-color: #fd7438; /* for Mozilla */
  border: none;
  width: 100%;
  height: 9px;
  margin: 0;
}
* html #rightColumn hr.areaRowPrivatVersichert { margin-top: -8px; }
/* FinanzVorsorge */
#rightColumn hr.areaRowFinanzVorsorge {
  color: #5896c4; /* for IE */
  background-color: #5896c4; /* for Mozilla */
  border: none;
  width: 100%;
  height: 9px;
  margin: 0;
}
* html #rightColumn hr.areaRowFinanzVorsorge { margin-top: -8px; }
/* Gruenes Geld */
#rightColumn hr.areaRowGruenesGeld {
  color: #47ac32; /* for IE */
  background-color: #47ac32; /* for Mozilla */
  border: none;
  width: 100%;
  height: 9px;
  margin: 0;
}
* html #rightColumn hr.areaRowGruenesGeld { margin-top: -8px; }

/* =========================== */
/* styles for the teaser boxes */
/* =========================== */

/* move the form button */
.lightTeaser form, .areaTeaserAktuell form, .areaTeaserKrankenkasse form,
.areaTeaserZusatzversicherung form, .areaTeaserPrivatVersichert form,
.areaTeaserFinanzVorsorge form, .areaTeaserGruenesGeld form,
.areaTeaserKrankenkasse_First form {
  margin: 9px 0;
  padding: 0;
  text-align: center;
}

/* ============================= */
/* first teaser, dark background */
/* ============================= */

#spacer2Px {
  margin-top: 2px;
}

#firstTeaser {
  margin: 0;
  /*margin-top: 2px;*/
  padding: 10px 0;
  background-color: #d4d5d8;
}
* html #rightColumn #firstTeaser {
  margin-top: -5px;
  padding: 1px 0;
}
/* text for first teaser */
#firstTeaser p  {
  color: #525864;
  padding: 0 10px;
  margin: 0;
}
/* headline for first teaser */
#firstTeaser b {
  color: #525864;
  margin: 0;
  padding: 0 10px;
}
#firstTeaser a {
  background-image: url(../images/rightcolumn/redarrow.gif);
  background-repeat: no-repeat;
  background-position: 7px 50%;
  margin: 0;
  padding: 0 15px;
  color: #525864;
}
/* HR for whitespace */
#firstTeaser hr {
  color: #ffffff; /* for IE */
  background-color: #ffffff; /* for Mozilla */
  border: none;
  width: 100%;
  height: 2px;
  margin: 0;
  margin: 6px 0;
  font-size: 1px;
}
/* IE renders HRs differently */
* html #firstTeaser hr {
  margin-top: -1px;
  margin-bottom: -1px;
}
/* move the form button */
#firstTeaser form {
  margin: 9px 0;
  padding: 0;
  text-align: center;
}
/* Button */
#btnmembership {
  width: 112px;
  height: 19px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../images/rightcolumn/button-mitglied-werden.gif) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#btnmembership span {
  display: none;
}


/* ============ */
/* light teaser */
/* ============ */

.areaTeaserKrankenkasse_First {  
  background-image: url(../images/rightcolumn/redline.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 4px 0;  
  padding-bottom: 10px;
  margin: 0;
  margin-top: 2px;  
}
* html .areaTeaserKrankenkasse_First {
  margin-top: -5px;
  margin-bottom: 5px;
}
.lightTeaser, .areaTeaserAktuell, .areaTeaserKrankenkasse,
.areaTeaserZusatzversicherung, .areaTeaserPrivatVersichert,
.areaTeaserFinanzVorsorge, .areaTeaserGruenesGeld {
  background-image: url(../images/rightcolumn/redline.gif);
  background-repeat: no-repeat;
  padding-top: 11px;
  padding-bottom: 10px;
  margin: 0;
}
* html .lightTeaser, * html .areaTeaserAktuell, * html .areaTeaserKrankenkasse,
* html .areaTeaserZusatzversicherung, * html .areaTeaserPrivatVersichert,
* html .areaTeaserFinanzVorsorge, * html .areaTeaserGruenesGeld,
* html .areaTeaserKrankenkasse_First {
  padding-top: 7px;
}
.lightTeaser b, .areaTeaserAktuell b, .areaTeaserKrankenkasse b,
.areaTeaserZusatzversicherung b, .areaTeaserPrivatVersichert b,
.areaTeaserFinanzVorsorge b, .areaTeaserGruenesGeld b,
.areaTeaserKrankenkasse_First b {
  margin: 0;
  padding: 0 10px;
}
.lightTeaser p, .areaTeaserAktuell p, .areaTeaserKrankenkasse p,
.areaTeaserZusatzversicherung p, .areaTeaserPrivatVersichert p,
.areaTeaserFinanzVorsorge p, .areaTeaserGruenesGeld p,
.areaTeaserKrankenkasse_First p {
  margin: 0;
  padding: 0 10px 2px 10px;
}
/* HR for whitespace */
.lightTeaser hr, .areaTeaserAktuell hr, .areaTeaserKrankenkasse hr,
.areaTeaserZusatzversicherung hr, .areaTeaserPrivatVersichert hr,
.areaTeaserFinanzVorsorge hr, .areaTeaserGruenesGeld hr,
.areaTeaserKrankenkasse_First hr {
  color: #ffffff; /* for IE */
  background-color: #ffffff; /* for Mozilla */
  border: none;
  width: 100%;
  height: 2px;
  margin: 0;
  margin: 6px 0;
  font-size: 1px;
}
/* IE renders HRs differently */
* html .lightTeaser hr, * html .areaTeaserAktuell hr, * html .areaTeaserKrankenkasse hr,
* html .areaTeaserZusatzversicherung hr, * html .areaTeaserPrivatVersichert hr,
* html .areaTeaserFinanzVorsorge hr, * html .areaTeaserGruenesGeld hr,
* html .areaTeaserKrankenkasse_First hr {
  margin-top: -1px;
  margin-bottom: -1px;
}
/* image below HR has to be moved up */
.lightTeaser img.imageUnderHR, .areaTeaserAktuell img.imageUnderHR, .areaTeaserKrankenkasse img.imageUnderHR,
.areaTeaserZusatzversicherung img.imageUnderHR, .areaTeaserPrivatVersichert img.imageUnderHR,
.areaTeaserFinanzVorsorge img.imageUnderHR, .areaTeaserGruenesGeld img.imageUnderHR,
.areaTeaserKrankenkasse_First img.imageUnderHR {
  margin-top: -6px;
}
.lightTeaser a, .areaTeaserAktuell a, .areaTeaserKrankenkasse a,
.areaTeaserPrivatVersichert a, .areaTeaserFinanzVorsorge a, 
.areaTeaserGruenesGeld a, .areaTeaserKrankenkasse_First a,
.areaTeaserZusatzversicherung a {
  margin: 0;
  padding: 0 15px;
  background-image: url(../images/rightcolumn/redarrow.gif);
  background-repeat: no-repeat;
  background-position: 7px 50%;
}


/* reduce margins in case we show a promoButton */

.lightTeaser span.noArrowLink img {
  margin-top: -4px;
  margin-bottom: -10px;
}

* html .lightTeaser span.noArrowLink img {
  margin-top: 0px;
  margin-bottom: -13px;
}



/* ================== */
/* COLOR CODED TEASER */
/* ================== */

.lightTeaser {
  background-color: #ededed;
}
.lightTeaser a, .lightTeaser p, .lightTeaser b {
  color: #525864;
}
.areaTeaserAktuell {
  background-color: #ededed;
}
.areaTeaserAktuell a, .areaTeaserAktuell p, .areaTeaserAktuell b {
  color: #525864;
}
.areaTeaserAktuell a {}
.areaTeaserKrankenkasse, .areaTeaserKrankenkasse_First {
  background-color: #c91014;
  color: #ffffff;
}
.areaTeaserKrankenkasse a , .areaTeaserKrankenkasse p, .areaTeaserKrankenkasse b,
.areaTeaserKrankenkasse_First a , .areaTeaserKrankenkasse_First p, .areaTeaserKrankenkasse_First b {
  color: #ffffff;
}
.areaTeaserKrankenkasse a, .areaTeaserKrankenkasse_First a {
  background-image: url(../images/rightcolumn/whitearrow.gif);
  background-repeat: no-repeat;
  background-position: 7px 50%;
}
.areaTeaserZusatzversicherung {
  background-color: #ff3f00;
}
.areaTeaserZusatzversicherung a, .areaTeaserZusatzversicherung p, .areaTeaserZusatzversicherung b {
  color: #ffffff;
}
.areaTeaserZusatzversicherung a {
  background-image: url(../images/rightcolumn/whitearrow.gif) !important;
  background-repeat: no-repeat;
  background-position: 7px 50%;
}
.areaTeaserPrivatVersichert {
  background-color: #ff8c00;
}
.areaTeaserPrivatVersichert a, .areaTeaserPrivatVersichert p, .areaTeaserPrivatVersichert b {
  color: #ffffff;
}
.areaTeaserPrivatVersichert a {
  background-image: url(../images/rightcolumn/whitearrow.gif);
  background-repeat: no-repeat;
  background-position: 7px 50%;
}
.areaTeaserFinanzVorsorge {
  background-color: #5896c4;
}
.areaTeaserFinanzVorsorge a, .areaTeaserFinanzVorsorge p, .areaTeaserFinanzVorsorge  b {
  color: #ffffff;
}
.areaTeaserFinanzVorsorge a {
  background-image: url(../images/rightcolumn/whitearrow.gif);
  background-repeat: no-repeat;
  background-position: 7px 50%;
}
.areaTeaserGruenesGeld {
  background-color: #47ac32;
}
.areaTeaserGruenesGeld a, .areaTeaserGruenesGeld p, .areaTeaserGruenesGeld b {
  color: #ffffff;
}
.areaTeaserGruenesGeld a {
  background-image: url(../images/rightcolumn/whitearrow.gif);
  background-repeat: no-repeat;
  background-position: 7px 50%;
}

/* ======================== */
/* IE 7 FIXES | Ben Reichwald (17.06.08)*/
/* ======================== */

* +html #firstTeaser{
  padding-top: 2px;
}

* +html #rightColumn #firstTeaser {
  margin-top: -5px;
  padding: 1px 0;
}


* +html #firstTeaser hr{
  margin-top: -1px;
  margin-bottom: -2px;
}

* +html .areaTeaserKrankenkasse_First {
  margin-top: -4px;
  margin-bottom: 0px;
}

* +html #rightColumn hr.areaRowAktuell, 
* +html #rightColumn hr.areaRowKrankenkasse,
* +html #rightColumn hr.areaRowZusatzversicherung,
* +html #rightColumn hr.areaRowPrivatVersichert,
* +html #rightColumn hr.areaRowFinanzVorsorge,
* +html #rightColumn hr.areaRowGruenesGeld{
    margin-top: -8px; 
    margin-bottom:-8px;
}

/* IE renders HRs differently */
* +html .lightTeaser hr, 
* +html .areaTeaserAktuell hr, 
* +html .areaTeaserKrankenkasse hr,
* +html .areaTeaserZusatzversicherung hr, 
* +html .areaTeaserPrivatVersichert hr,
* +html .areaTeaserFinanzVorsorge hr, 
* +html .areaTeaserGruenesGeld hr,
* +html .areaTeaserKrankenkasse_First hr {
  margin-top: -1px;
  margin-bottom: -10px;
}