/* Allgemeine Anweisungen */

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;  
  font-size: 100.01%;
  background-color:#fff;
  margin:0;
  padding:0;
}

input, textarea, select {
  font-size: 100%;
}

ul li {
  list-style:none;
}

.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}

img {
  border: 0;
}

h1 {  
  color: #09619E;
  background: url(http://www.versicherungsvergleiche.de/images/navbalken.gif) no-repeat 0 0.35em;
  font-size: 140%;
  line-height: 140%;
  margin: 10px 0 0 10px;
  padding: 0 0 0 13px;
}

h2 {
  color: #09619E;
  font-size: 100%;
  margin: 20px 0 0.6em 0;
}

h3 {
  margin:0;
  padding:0;
  font-size: 85%;
}

hr {
	margin: 0 0 3px;
	padding: 0;
	float: none;
	clear: both;
	height: 9px;
	color: #FFFDF8;
	border: none;
	border-bottom: 1px solid #B6C2DD;
}

html>body hr {
	margin: 0 0 10px;
	height: 16px;
	background-color: #FFFDF8;
	border: 0px solid #FFFDF8;
	border-bottom: 1px solid #B6C2DD;
}


/* template */

#template {
  font-size: 70%;
  line-height: 150%;
  background-color: #fff;
}

/* kopfmenue */

#kopfmenue {
  color: #fff;
  background: #0264c7;
  }

#kopfmenue li {
  display: inline;
  height: 0.9em;
  font-weight: bold;
  line-height: 145%;
  margin: 0;
  padding: 0 8px 0 12px;
  border-left: 1px solid #fff;
}

#kopfmenue li.erster {
  border-left: none;
}

#kopfmenue ul {
  text-align: right;
  margin: 0;
}

#kopfmenue a {
  margin: 0; padding: 0;
  text-decoration: none;
  font-weight: bold;
  color:white;
}

#kopfmenue a:hover {
  color: #fff;
}

#kopfmenue a:visited {
  color: #fff;
}

/* kopf */

#kopf {
  color:#000000;
  background:#e5eff9;
  height:100px;
  border-bottom:1px solid #98bdda;
}
  
/* navigation */

#navigation {
  float: left;
  margin-top: 10px;
  width: 22%;
  margin: 10px 0 0 15px;
  padding-right: 15px;
  margin-left: -30px;
  background: url(http://www.versicherungsvergleiche.de/images/hg_content.gif) no-repeat;
  background-position: 80% 0%;
}

#navigation a {
  color: #b9a643;
  font-weight: bold;
  text-decoration: none;
  font-size: 0.95em;
  line-height: 1.5em;
}
#navigation a:hover, #navigation a:focus, #navigation a:active {
  color: #4c76a9;
  font-weight: bold;
}


/* inhalt */

#inhalt {
  float: left;
  width: 59%;
  border-left: 1px solid;
  border-left-color: #4c76a9;
  }

#berechnung {
  margin-left: 5%;
}

#berechnung p {
  font-size:130%;
  line-height: 130%;
  }
  
#berechnung a {
  height: 0.8em;
  background: url(images/pfeil.gif) 0 0.3em no-repeat;
  padding-left: 15px;
}

#berechnung h1 {
  color: #09619E;
  background: url(http://www.versicherungsvergleiche.de/images/navbalken.gif) no-repeat 0 0.35em;
  font-size: 140%;
  line-height: 140%;
  margin: 10px 0 0 10px;
  padding: 0 0 0 13px;
}

html>body #berechnung a { height: auto; }


/* seitenanfang */

#seitenanfang {
  clear: both;
  padding-top: 20px;
  text-align: right;
  margin-top:300px;
}

#seitenanfang img {
  margin-left: 5px;
  margin-bottom: 1px;
  vertical-align: bottom;
}

#seitenanfang a {
  text-decoration: none;
  font-size: 0.85em;
  color: #b9a643;
  font-weight: bold;
}

#seitenanfang a:hover, #seitenanfang a:focus, #seitenanfang a:active {
  color: #4c76a9;
}

.seitenanfangHr {
  height: 1px;
  margin: 0;
}

/* rechte boxen */

#boxen {
  float: right;
  width: 18%;
  margin-top: 20px;
}

.box {
  background-color:#faf5dc;
  }

.ueberschrift {
/*  background-color:#4c76a9 */
  color:#ffffff;
  padding: 5px 5px;
  background: url(http://www.versicherungsvergleiche.de/images/ueberschrift.gif) no-repeat;
}

#meldung {
  padding: 10px 5px 10px 5px;
  border:solid 1px #4c76a9;
  line-height: 22px;
}

#meldung a:hover {
  color:#FF0000;
}

#kredite {
  text-align:center;
  padding: 5px;
  border:solid 1px #4c76a9;
  line-height: 12px;
}

.boxennavi {
  padding: 5px;
  border:solid 1px #4c76a9;
}

.boxennavi a {
  color: #b9a643;
  font-weight: bold;
  text-decoration: none;
  }  

.boxennavi a:hover, .boxennavi a:focus, .boxennavi a:active {
  color: #4c76a9;
  text-decoration: none;
}

#kurzinfo {
   background: #F3F6F8;
   border: 1px solid #D0D8E0;
   padding: 0.3em 1em;
   margin-bottom: 1.2em;
   margin-top: 1em;
   margin-left: 25px;
  }
  
#kurzinfo ul li {
list-style-type:square;  
}

html>body #inhalt a { height: auto; }
  
  .formular {
   margin-top:7px;
  }
  
.abstand {
  margin-left: 25px;
  }