/* =============================== */
/* ALL STYLES FOR THE WELCOME PAGE */
/* =============================== */

/* Overwrite standard tags */
body {
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  font-family: Arial, Geneva, sans-serif;
}
img {
  border: 0;
}

/* create margin for the page */
#fullContent {
  width: 976px;
  margin-left: 10px;
  margin-top: 30px;
}
/* skip navigation link for text browsers */
.skiplink {
  display:none
}

/* ======================== */
/* Styles for TopNavigation */
/* ======================== */

#topnav {
    
}

#topnav hr {
  margin-top: 10px;
}

* html #topnav hr{
margin: 0;
}




/* right side, TopNavigation */
#topnav .right {
  float: right;
  /*padding-right:0px;*/
  /*margin-right:-0px;*/
  margin-top: 21px;
}

* html #topnav .right {
  margin-top: 20px;
}

#topnav .left {
  padding:0px;
  margin:0px;
}

/* list in the top navigation */
#topnav .right ul {
  display: inline;
  margin: 0;
  padding: 0;
  padding-right:7px;
  color: #525864;
}

#topnav .right ul li {
  display: inline;
}

/* TopNavi List styles */
.right li.menu_level0_hilfe_no {
  background-image: url(../images/top/icon-help.gif);
  background-repeat: no-repeat;
  background-position: 0px 80%;
  padding-left: 12px;
  padding-right: 3px;
  margin: 0;
}
.right li.menu_level0_kontakt_no {
  background-image: url(../images/top/icon-contact.gif);
  background-repeat: no-repeat;
  background-position: 0 80%;
  padding-left: 23px;
  padding-right: 3px;
}
.right li.menu_level0_sitemap_no {
  background-image: url(../images/top/icon-sitemap.gif);
  background-repeat: no-repeat;
  background-position: 0px 80%;
  padding-left: 20px;
  padding-right: 0px;

}
.right li.menu_level0_onlineservice_no {
  padding-left: 25px;
  padding-right: 5px;
  margin: 0;
}
/* links within the list */
#topnav .right li a {
  font-size: 0.7em;
  color: #525864;
}

/* ================================ */
/* Styles for optional header image */
/* ================================ */


/* move image higher since we can't reliably change the margin of HR's */
#headerBanner img,
#headerBanner embed,
#headerBanner object {
  margin-top: -5px;
  margin-bottom: -5px;
}
/* the same for IE, but with different offsets because of strange HR rendering */
* html #headerBanner img,
* html #headerBanner embed,
* html #headerBanner object {
  margin-top: -4px;
  margin-bottom: -4px;
}
/* horizontal ruler */
#topnav hr, #headerBanner hr {
  float: none;
  height: 1px;
  border: none;
  color: #929daf; /* for IE */
  background-color: #929daf; /* for Mozilla */
}



/* ======================================================================== */
/* Styles for the framework, content and right column */
/* ======================================================================== */


/* move framework higher since we can't reliably change the margin of HR's */
#frameWork {
  width: 976px;
  margin-top: -8px;
}
/* the same for IE, but with different offsets because of strange HR rendering */
* html #frameWork {
  margin-top: -7px;
}

/* content float */
#content {
  float: left;
  width: 779px;
  max-width: 779px;
  margin-left: 0px;
  margin-right: 6px;
  margin-top: -10px;
  margin-bottom: 31px;
  padding-bottom: 4px;
}

/* right column float */
#rightColumn {
  width: 191px;
  float: right;
  margin-top: 0px;
  margin-left: 0px;
  padding-bottom: 4px;
}
.clear {
  clear: both;
  font-size: 1px;
}

/* =================== */
/* content area styles */
/* =================== */

#content h2 {
  font-size: 0.9em;
  color: #525864;
  margin: 0;
  padding: 0;
  padding-left: 11px;
  text-transform: uppercase;
  margin-bottom: -2px;
}

#content hr {
  height: 1px;
  color: #929daf; /* for IE */
  clear: both;
  background-color: #929daf; /* for Mozilla */
  border: none;
  width: 100%;
  margin: 10px 0;
  padding: 0;
  font-size: 1px; /* for NN6+ */
}

* html #content hr {
  margin: 3px 0;
}

#content p {
  font-size: 0.7em;
  color: #525864;
  margin: 0;
  padding: 0 11px 0 0;
}

#content p a {
  background-image: url(../images/content/arrow-listview.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0 0 0 8px;
  color: #525864;
}

#content .noArrowLink {
  background-Image:none;
  padding: 0;
  color: #525864;
}

/* ======================= */
/* Color Row, Standard Row */
/* ======================= */


/* Content Backgrounds */
.standardRow {
  background-color: #ffffff;
  line-height: 0.9em;
}
.standardRow {
  padding: 0;
  margin: 0;
}

.standardRow p {
  margin-bottom: 10px;
}

.standardRow p b{
  font-size: 1.25em;
  text-transform: uppercase;
}

/* Listview */

#listView img {
  float: left;
  margin: 0;
  padding: 0px 20px 10px 0;
}

* html #listView img {
  float: left;
  padding: 0 20px 0 0;
  margin-left: -2px;
}

#listView hr {
  /*margin: 10px 0;*/
  clear: both;

}

* html #listView hr {
  /*margin:3px 0;*/
}

#listView p {
  margin: 0;
  line-Height: 1.3em;
}
#listView p b {
  color: #525864;
}


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

.lightTeaser, .areaTeaserAktuell, .areaTeaserKrankenkasse,
.areaTeaserZusatzversicherung, .areaTeaserPrivatVersichert,
.areaTeaserFinanzVorsorge, .areaTeaserGruenesGeld {
  margin: 0;
  margin-bottom: 4px;
  padding: 10px 8px 5px 8px;
}
* html .lightTeaser, * html .areaTeaserAktuell, * html .areaTeaserKrankenkasse,
* html .areaTeaserZusatzversicherung, * html .areaTeaserPrivatVersichert,
* html .areaTeaserFinanzVorsorge, * html .areaTeaserGruenesGeld {
  padding-top: 7px;
}
.lightTeaser b, .areaTeaserAktuell b, .areaTeaserKrankenkasse b,
.areaTeaserZusatzversicherung b, .areaTeaserPrivatVersichert b,
.areaTeaserFinanzVorsorge b, .areaTeaserGruenesGeld b {
  font-size: 0.8em;
  font-weight: bold;
  text-transform: uppercase;
}
.lightTeaser p, .areaTeaserAktuell p, .areaTeaserKrankenkasse p,
.areaTeaserZusatzversicherung p, .areaTeaserPrivatVersichert p,
.areaTeaserFinanzVorsorge p, .areaTeaserGruenesGeld p {
  font-size: 0.7em;
  padding: 3px 0 0 0;
  margin: 0;
}

.imgTeaser {
  margin-bottom: 4px;
  padding:0;
}

* html .imgTeaser {
  padding: 0;
  margin: 0;  
}



.lightTeaser a, .areaTeaserAktuell a, .areaTeaserKrankenkasse a,
.areaTeaserZusatzversicherung a, .areaTeaserPrivatVersichert a,
.areaTeaserFinanzVorsorge a, .areaTeaserGruenesGeld a {
  font-size: 0.7em;
  line-height: 1.4em;
  margin: 0;
  padding: 0 10px;
  background-repeat: no-repeat;
  background-position: 0px 50%;
}



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

.lightTeaser {
  background-color: #ededed;
}
.lightTeaser b {
  color: #525864;
}
.lightTeaser a, .lightTeaser p {
  color: #525864;
}
.lightTeaser a {
  background-image: url(../images/rightcolumn/whitearrow.gif);
}



.areaTeaserAktuell {
  background-color: #ededed;
}
.areaTeaserAktuell b {
  color: #525864;
}
.areaTeaserAktuell a, .areaTeaserAktuell p {
  color: #525864;
}
.areaTeaserAktuell a {
  background-image: url(../images/rightcolumn/redarrow.gif);
}



.areaTeaserKrankenkasse {
  background-color: #c91014;
  color: #ffffff;
}
.areaTeaserKrankenkasse a , .areaTeaserKrankenkasse p, .areaTeaserKrankenkasse b {
  color: #ffffff;
}
.areaTeaserKrankenkasse a {
  background-image: url(../images/rightcolumn/whitearrow.gif);
}



.areaTeaserZusatzversicherung {
  background-color: #ff3f00;
}
.areaTeaserZusatzversicherung a, .areaTeaserZusatzversicherung p, .areaTeaserZusatzversicherung b {
  color: #ffffff;
}
.areaTeaserZusatzversicherung a {
  background-image: url(../images/rightcolumn/whitearrow.gif);
}



.areaTeaserPrivatVersichert {
  background-color: #ff8c00;
}
.areaTeaserPrivatVersichert a, .areaTeaserPrivatVersichert p, .areaTeaserPrivatVersichert b {
  color: #ffffff;
}
.areaTeaserPrivatVersichert a {
  background-image: url(../images/rightcolumn/whitearrow.gif);
}



.areaTeaserFinanzVorsorge {
  background-color: #5896c4;
}
.areaTeaserFinanzVorsorge a, .areaTeaserFinanzVorsorge p, .areaTeaserFinanzVorsorge  b {
  color: #ffffff;
}
.areaTeaserFinanzVorsorge a {
  background-image: url(../images/rightcolumn/whitearrow.gif);
}



.areaTeaserGruenesGeld {
  background-color: #47ac32;
}
.areaTeaserGruenesGeld a, .areaTeaserGruenesGeld p, .areaTeaserGruenesGeld b {
  color: #ffffff;
}
.areaTeaserGruenesGeld a {
  background-image: url(../images/rightcolumn/whitearrow.gif);
}


/* ============= */
/* Footer Styles */
/* ============= */


/* footer text style */
#footer {
  font-size: 0.7em;
  color: #525864;
  margin-top: 30px;
}

* html #footer {
  margin-top: 20px;
}

/* inline footer list */
#footer ul {
  display: inline;
  margin: 0;
  padding: 0;
}
/* faking pipe symbol via borders */
#footer ul li {
  border-left: 1px solid #d12e24;
  list-style: none;
  display: inline;
  padding-left: 5px;
}
/* but not on the first list item */
#footer ul li.first {
  border-left: none;
}
/* link text style */
#footer ul li a {
  font-size: 11px;
  color: #525864;
}


/* ==================================================== */
/* Styles for the horizontal navigation on welcome page */
/* ==================================================== */

/* Horizontal navigation float */
#welcomenav {
  width: 976px;
  float: left;
  padding: 0;
  margin: 3px 0 30px 0;
}

* html #welcomenav {
  margin-top:0px;
}

/* General formatting */
#welcomenav ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: left;
}

#welcomenav ul li {
  float: left;
}

#welcomenav ul li a {
  float: left;
  height: 36px;
  width: 191px;
  padding-right: 5px;
  background-repeat: no-repeat;
  text-indent: -1000em;
  text-decoration: none;
}


/* default */
#welcomenav ul li.menu_level1_krankenkasse_no a {background-image: url(../images/welcomenav/level1_krankenkasse_no.gif);}
#welcomenav ul li.menu_level1_zusatzversicherung_no a {background-image: url(../images/welcomenav/level1_zusatzversicherungen_no.gif);}
#welcomenav ul li.menu_level1_privatversichert_no a {background-image: url(../images/welcomenav/level1_privatversichert_no.gif);}
#welcomenav ul li.menu_level1_finanzvorsorge_no a {background-image: url(../images/welcomenav/level1_finanzvorsorge_no.gif);}
#welcomenav ul li.menu_level1_gruenesgeld_no a {
  background-image: url(../images/welcomenav/level1_gruenesgeld_no.gif);
  margin-right: 0;
  padding-right: 0; /* Remove right padding for last item in horizontal navigation*/
  margin-left: 1px;
}

/* rollover */
#welcomenav ul li.menu_level1_securvitaaktuell_no a:hover {background-image: url(../images/welcomenav/level1_securvitaaktuell_hi.gif);}
#welcomenav ul li.menu_level1_krankenkasse_no a:hover {background-image: url(../images/welcomenav/level1_krankenkasse_hi.gif);}
#welcomenav ul li.menu_level1_zusatzversicherung_no a:hover {background-image: url(../images/welcomenav/level1_zusatzversicherungen_hi.gif);}
#welcomenav ul li.menu_level1_privatversichert_no a:hover {background-image: url(../images/welcomenav/level1_privatversichert_hi.gif);}
#welcomenav ul li.menu_level1_finanzvorsorge_no a:hover {background-image: url(../images/welcomenav/level1_finanzvorsorge_hi.gif);}
#welcomenav ul li.menu_level1_gruenesgeld_no a:hover {background-image: url(../images/welcomenav/level1_gruenesgeld_hi.gif);}



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

* +html #topnav hr{
    margin:0;
}
* +html #headerBanner{
    padding-bottom:0;
    line-height:0;
    height:200px;
}

* +html #headerBanner img,
* +html #headerBanner embed,
* +html #headerBanner object {
  margin-top: -4px;
  margin-bottom: -4px;
}

* +html #headerBanner hr{
    margin:0;
    height:1px;
    padding:0;
}
* +html #frameWork hr{
    margin-top: 0px;
}

* +html #content hr{
  margin: 3px 0;
  /*margin-top:-7px;*/
}

* +html #listView hr{
  margin-top:-7px;
  margin-bottom:-7px;
}
* +html #footer {
    margin-top:10px;
}