/* ------------------------------
   www.lesezirkel.de 
   ------------------------------ */
* {
  margin:0;
  padding:0;
  border:0;
}

html {

}

body {
  background-color:#ffffff;
  color:#000000;
  font-family:Arial, Helvetica, Verdana, sans-serif;	
  font-size:13px; 
  /* background:pink; /* bgtest */
}

:focus {
  outline:0;
}


p {
  text-align:justify;
  line-height:17px;
  padding-bottom:17px;
   /* background:#dddddd /* bgtest */ ;
}

img {
  border:0;
}

img.foto_g {
  border:0;
  position:absolute;
  top:11px;
  right:10px;
  /*
  margin:11px 40px 0px 0px;
  float:right;
  */
}


img.foto {
  border:0;
  position:absolute;
  top:11px;
  right:70px;
  /*
  margin:11px 80px 0px 0px;
  float:right;
  */
}

h1 {
	font-size:16px;
	font-weight:bold;
	padding-top:15px;
	padding-bottom:15px;
	line-height:25px;
	color:#e2001a;
}

h2 {
	font-size:13px;
	font-weight:normal;
	padding-top:15px;
	padding-bottom:15px;
	line-height:24px;
	color:#0b7941;
}

h3 {
	font-size:13px;
	font-weight:bold;
	padding-top:0;
	padding-bottom:15px;
	line-height:24px;
	color:#e2001a;
	background-color:#d9dadb;
	width:400px;
	padding-left:20px;
}

h4 {
	font-size:13px;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:15px;
	line-height:24px;
	color:#e2001a;
}

h4 a{
	font-size:13px;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:15px;
	line-height:24px;
	color:#e2001a;
	text-decoration: underline;
}

.red{color:#e2001a;}

.green{color:#02693a; font-weight:bold;}



/* ---------------------------------------------------------------- 
 Zusammenbau der Content-Container 
---------------------------------------------------------------- */

/* Position des Begin des Containers .p1 .p2 ... */
.p1, .p2, .p3, .p3, .p4, .p5 {
    position: relative;
    left: 0px;
    float: left;
    padding: 0px;
    margin: 0px;
    margin-left: 30px;
    margin-bottom: 10px;
}

.p1 {
    margin-left: 0px;
    clear: left;
}

.p2 {
}

.p3 {
}

/* Weite des Containers (anzahl der Spalten) */
.w1 { width: 622px; }
.w2 { width: 278px; }
.w3 { width: 500px; }

.w4 { width: 400px; }
.w5 { width: 210px; }

.w6 { width: 160px;}




/* ---------------------------- 
  allgemeine Klassen
------------------------------- */
.info{
  padding-bottom:10px;
  text-align:left;
  line-height:15px;
  font-size:12px;
}
 
.p7 {
  
   line-height:10px;
}
 
.p14 {
  padding-bottom:14px;
}

.p17 {
  padding-bottom:17px;
}

.p20 {
  padding-bottom:20px;
}

.left {
  clear:left;
}

.imgwrap {
  font-size:0;
  line-height:0;
  padding-bottom:13px;
}




/* ---------------------------- 
  Struktur
------------------------------- */
#container {
  position:relative;
  margin:30px auto 0;
  text-align:left;
  width:1018px;
  height:661px;
}

#container2 {
  position:relative;
  margin:30px auto 0;
  text-align:left;
  width:1018px;
  height:100%;
}

#main {
  background:url(../images/hg.gif);
  /* background-color:#aaaaaa; /* bgtest */
  background-repeat:no-repeat;
  height:661px;
}

#main2 {
  background:url(../images/hg2.gif);
  /* background-color:#aaaaaa; /* bgtest */
  background-repeat:no-repeat;
  height:100%;
}

#contentwrap {
  height:440px;
  /* background:#eeeeee; /* bgtest*/
}


#contentwrap2 {
  width:100%;
  height:100%;
  background:url(../images/bg_big.gif) no-repeat bottom;
  /* background:#eeeeee; /* bgtest*/
  margin-bottom:15px;	
  
}

#textwrap {
  float:left;
  width:540px;  
  /* background:#eeddaa; /* bgtest*/
}

#text { 
  width:450px;
  padding:48px 50px 0 40px;
  /* background:#aaeeff;  /* bgtest*/
}

#text2 { 
  width:930px;
  padding:48px 50px 0 40px;
  /* background:#aaeeff;  /* bgtest*/
}


#text_sparrechner { 
  width:930px;
  padding:48px 50px 0 40px;
  /* background:#aaeeff;  /* bgtest*/
}

#vorteilewrap { 
  width:450px;
  padding:48px 0 0 40px;
  /* background:#ffaaaa;  /* bgtest*/
}

#clearMain {
  clear:both;
  width:100%;
  height:0px;
  font-size:0;
  /* background:#ffaaaa; /* bgtest */
}


#flash { 
  width:1000px;
  height:20px;
  margin-left:9px;
  /* background:lightblue;  /* bgtest*/
}

#liste_rechts { 
  width:290px;
  float:left;
  /* background:lightblue;  /* bgtest*/
}

#liste_links { 
  width:200px;
  float:left;
  /* background:lightblue;  /* bgtest*/
}


.links {
  background:url(../images/li.gif) no-repeat 0 5px;
  width:155px;
  padding-left:20px;
  padding-bottom:15px;
  float:left;
}

.rechts {
  width:275px;
  padding-bottom:15px;
  float:left;
}


#formwrap {
  position:relative;
  float:left;
  width:430px;
  padding-top:100px;
}

#formular { 
  width:400px;
  /* background:#eeeecc;  /* bgtest*/
}



/* ---------------------------- 
  Listen
------------------------------- */
.liste {
  margin:0;
  list-style-type:none;
  /* background:red; /* bgtest */
}


.liste li {
  margin-left:0;
  padding-left:14px;
  line-height:18px;
  background:url(../images/square.gif) no-repeat 2px 8px;
}

.liste li.space {
  padding-bottom:20px;
}

ul.text {
		list-style-type:none;
	    margin-bottom:20px;
	    }
  
li.text {
	margin-left:0;
	margin-bottom:15px;
	padding-left:20px;
	background:url(../images/li.gif) no-repeat 0 5px;
	}

li.rechts {
	margin-left:0;
	margin-bottom:15px;
	padding-left:20px;
	}	
	

/* ---------------------------- 
  Links
------------------------------- */
a {
  text-decoration:underline;
  font-size:13px;
  font-weight:normal;
  color:#666666;
  cursor:pointer;
}

a:link {
  color:#666666;
}

a:visited {
  color:#666666;
}

a:hover {
  color:#19191a;
}

a:active {
  color:#19191a;
}

a.red {
  text-decoration:none;
  font-size:13px;
  font-weight:normal;
  color:#e2001a;
  cursor:pointer;
}

a.red:link {
  color:#e2001a;
}

a.red:visited {
  color:#e2001a;
}

a.red:hover {
  color:#19191a;
}

a.red:active {
  color:#e2001a;
}


h4 a.sparrechner {
  text-decoration:underline;
  font-size:13px;
  font-weight:normal;
  color:#e2001a;
  cursor:pointer;
}

h4 a.sparrechner:hover {
  text-decoration:none;
}

span.red {
	font-weight:bold;
}

/* ---------------------------- 
  Menu
------------------------------- */

#menubar {
  /* background:#ee99aa; /* bgtest */
  position:relative;
  padding:160px 40px 20px;
 }

#menubar ul {
  position:relative;
  margin-left:0px;
  list-style-type:none;
  font-size:11px;
}

#menubar li {
  position:relative;
  float:left;
  margin-right:4px;
  /* background:#ee99aa; /* bgtest */
}



a {
  text-decoration:none;
   }

a:link {
  color:#111;
}


a:visited {
  color:#02693a;
}

a:hover {
  color:#23120b;
}

a:active {
  color:#02693a;
}

a.navi,
span.navi {
  margin-right:4px;
  font-size:11px;
  font-weight:normal;
}

a.navi:link {
  color:#0b7941;
}

a.navi:visited {
  color:#02693a;
}

a.navi:hover {
  color:#e2001a;
}

a.navi:active {
  color:#0b7941;
}

span.navi {
  color:#e2001a;
}




/* ---------------------------- 
  Formular
------------------------------- */

label {
  width:100px;
  display:inline-block;
  text-align:right;
  margin-right:10px;
}

input {
  border:1px solid #cccccc;
  margin-bottom:5px;
}

textarea {
  margin:3px 0;
  border:1px solid #cccccc;
  background-color:#ffffff;
  font-size:12px;
  line-height:16px;
  font-family:Verdana,Arial,sans-serif;	
  resize:none;
}

input.name	{margin-left:31px; margin-bottom:5px;}
input.email		{margin-left:30px; margin-bottom:5px;}
input.telefon	{margin-left:19px;}
input.button	
				{
				margin-left:248px; 
				text-align:center;
				background-color:#000000; 
				font-weight:bold;	
				border-color:#bbbbbb;
				border-width:1px;
				width:auto;
				cursor:pointer;
				color:#97c024;
				}



.stateMsg{color:#97c024; font-weight:bold;}


.formularbox 	{
				border: 1px solid #d9dadb;
				margin-bottom:20px;
				}

.warning {
  background:#ffff88;
}





/* ---------------------------- 
  Sparrechner
------------------------------- */

.kraetsel {
	position:absolute;
	left:420px;
	top:202px;
}


table.sparrechner {
	width:100%;
	padding:0px;
	
}


table.sparrechner th{
	background:#f7f7f7;
	text-align:left;
	
}


table.sparrechner td.left{
	width:300px;
	vertical-align:top;
}

table.sparrechner td.right{
	width:300px;
	vertical-align:top;
}


table.pricelist{
	width:100%;
	padding:0px;
}


table.pricelist th{
	background:#fff;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	padding-top:10px;
	padding-bottom:10px;
}


table.pricelist td{
	font-size:11px;
	vertical-align:top;
	padding-top:2px;
	padding-bottom:2px;
}

.trenner {
	width:30px;
}

table.pricelist td.checker {
	width:18px;
}

table.pricelist td.name {
	width:115px;
}

table.pricelist td.kiosk_preis {
	width:;
}

table.pricelist td.miet_preis {
	width:;
}

table.pricelist td.ersparnis {
	width:45px;
	text-align:right;
	background:#e2001a;
	padding-right:5px;
	color:#fff;
}

table.pricelist th.ersparnis {
	text-align:right;
	background:#e2001a;
	color:#fff;
	padding-right:5px;
}

table.pricelist th.sie-sparen {
	text-align:right;
	background:#e2001a;
	color:#fff;
	padding-right:5px;

}

table.pricelist th.bezeichnung {
	color:#0b7941;
}




#select_result {
	
}


table.spar-results {
	width:100%;
	margin-bottom:20px;
}

table.spar-results th{
	font-size:11px;
	vertical-align:top;
	padding:0px;
	padding-top:5px;
	padding-bottom:10px;
	background:#f7f7f7;
}

table.spar-results th.spar-header{
	text-align:right;
	padding-right:20px;
}

table.spar-results th.spar-header2{
	text-align:right;
	padding-right:10px;
}


table.spar-results th.spar-header-red{
	text-align:right;
	padding-right:10px;
	background:#e2001a;
	color:#fff;
}



table.spar-results td{
	font-size:11px;
	vertical-align:top;
	padding:0px;
	padding-top:3px;
	padding-bottom:3px;
}

table.spar-results td.name {
	width:60px;
	padding-left:2px;
	color:#0B7941;
}

table.spar-results tr.odd {
	background:#f7f7f7;
}


table.spar-results td.kiosk_preis {
	text-align:right;
	padding-right:10px;
}

table.spar-results td.miet_preis {
	
	text-align:right;
	padding-right:20px;
}

table.spar-results td.ersparnis {
	width:50px;
	text-align:right;
	background:#e2001a;
	padding-right:10px;
	color:#fff;
}



table.spar-results td.spar-summe {
	width:30px;
	text-align:right;
	background:#0B7941;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:2px;
	border-top:1px solid #fff;
	color:#fff;
}


table.spar-results td.last {
	border-top:1px solid #fff;
	padding-top:3px;
	padding-bottom:2px;
	background:#e7e7e7;
	color:#111;
}



button {
    background:#0B7941;
    padding:3px;
    color:#fff;
    cursor:pointer;
}