* { padding:0; margin:0; outline:0; border:0;}
body{font-family: book antiqua, palatino,  Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, serif; font-size:1.3em;
color:#808080; line-height:150%;}
 .spalte1,.spalte2, .spalte3, .spalte4 {width:16%; min-width:16%; height:auto; display:block;text-align:center;  float:left;border-right:2px solid #669900;}
 .spalte5, .spalte6 {width:16%; min-width:16%; text-align:center; height:100%; display:block; float:left;border-right:2px solid #669900;}
.spalte1 {border-left:2px solid #669900; display:block;}
.zeile1, .zeile2, .zeile3, .zeile4, .zeile5 {width:105%;float:left;color:#000;}
.zeile1  .spalte1,.zeile1  .spalte2, .zeile1  .spalte3, .zeile1  .spalte4, .zeile1  .spalte5, .zeile1  .spalte6
 {border-top:2px solid #669900;border-bottom:2px solid #669900;}
.zeile4  .spalte1,.zeile4  .spalte2, .zeile4  .spalte3, .zeile4  .spalte4, .zeile4  .spalte5, .zeile4  .spalte6{border-top:2px solid #669900;}
.zeile5  .spalte1,.zeile5  .spalte2, .zeile5  .spalte3, .zeile5  .spalte4, .zeile5  .spalte5, .zeile5  .spalte6 {border-bottom:2px solid #669900;}
textarea , input  {font-family: book antiqua, palatino,  Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, serif; font-size:1em;
color:#808080; line-height:150%;}
#artikeluebersichtstart {width:38%; float:right; font-size:70%; line-height:1.5em; margin:0; }
.teaserStart { background-color:#fff; opacity:0.7; margin-bottom:1em; -webkit-border-radius:  0.5em 0 0.5em 0;
-moz-border-radius:  0.5em 0 0.5em 0;
border-radius: 0.5em 0 0.5em 0; padding:0.5em;}
.startbildmitte {width:60%; float:left;}
.startbildmitte img {width:75%; float:right;}
.step10 {position:absolute;top:0%; left:16%;}
.step20 {position:absolute;top:4%; left:8%;}
.step30 {position:absolute;top:8%; left:2%;}
.step40 {position:absolute;top:12%; left:0%;}
.step50 {position:absolute;top:16%; left:3%;}
.step60 {position:absolute;top:20%; left:3%;}
.step80 {position:absolute;top:24%; left:4%;}

h1 { font-size: 200%; width:100%;  margin: 0px  0 1em 0;color:#669900}
h2, h2 a { font-size: 150%;  margin: 1em  0 0em 0;color:#669900   }
h3 , h4 {   font-size: 100%;  }
 h5 {   font-size: 130%; color:#669900  }
.startueberschrift {text-align:center; font-size:200%;margin:-3em 0 0 0; line-height:200%;}
.startueberschrift2 {text-align:center; margin:0em; line-height:170%;font-size:95%;}
.startueberschrift3 {text-align:center; margin-top:-4em; line-height:100%;font-size: 130%;}
.startaktuell a {color:#84c225;font-weight:bold; font-size:200%; line-height:200%;}

p {  margin:0 0 1em 0;}
ul {  margin:0 0 1em 1em;}
#container {width:100%; max-width:990px; margin: 0px auto 0 auto;}
#bgbild {width:100%; height:100%;  position:fixed; }
img {border:0px solid #72706F}
#bgbild img {width:100%; height:auto; border:0;}
#rand , #navigation, #inhalt {  position:relative; width:100%;float:left;}
#inhalt { font-style: italic; font-weight:bold; }
#navigation { min-height:6em; float:left; width:100%;}
#logo {width:5%; float:left;}
#logo img {border:0;}
#navigation ul {list-style:none; font-size:1em;line-height:200%;}
#navigation ul  li {float:left; margin-right:0.8em;}
#footer {margin:1em 0 2em 0; width:100%; float:left; padding-top:1em; font-size: 80%; font-weight:bold;color:#669900; border-top:1px solid #84c225; }
#footerlinks {width:30%; float:left;} #footermitte {width:9%; float:left;} #footerrechts {width:60%; float:right; text-align:right;}
@media screen and ( max-width: 590px ) {
#footerlinks, #footermitte, #footerrechts {width:100%; float:left; text-align:left;}
}
a {text-decoration:none;color:#000;}
#footermitte a {color:#669900;}
.step1 {position:absolute; top:8%; left:12%;font-size:200%;}
.step2 {position:absolute; top:20%; left:0%;font-size:200%; }
.step3 {position:absolute; top:8%; right:5%;font-size:200%;}
.step4 {position:absolute; top:20%; right:0%;font-size:200%;}
.step5 {position:absolute; top:34%; left:14%;font-size:200%;}
.step6  {position:absolute; top:34%; right:7%;font-size:200%;}
.step7  {position:relative; float:left; margin:0.5em 0 1em 0; font-size:260%;width:100%; text-align:center;}
.step8  {position:relative; float:left; margin:0.5em 0 1em 0; font-size:200%; width:100%; text-align:center;}
.step1 a, .step2 a, .step3 a, .step4 a , .step5 a, .step6 a , .step7 a , .step8 a , #navigation ul  li a {color:#84c225;font-weight:bold;}
 #navigation ul  li a:hover ,  #navigation ul  li a.active  {color:#000;}

.zitat {width:80%; float:left; margin:1em 0 1em 0;}
.zitat h5 {text-align:center;font-size: 100%;}
address {font-size:90%; font-weight:bold; float:right;color:#84c225;}  
.preisliste tr td {font-size:120%; font-weight:bold;line-height:180%;}
.preisliste tr td.kleineschrift {font-size:70%; font-weight:bold;line-height:120%;}
.bildleiste {width:100%; float:left; min-height:200px;}
.bildrechts {margin:3px 0 1em 1em; float:right; border:3px solid #72706F;}
 .bildlinks {margin:3px 1em 1em 0; float:left; border:3px solid #72706F;} 
  .kleinbilddiv {width:23%; height:auto; max-height:170px; overflow:hidden;margin:0 2% 2% 0; float:left;} 
 .kleinbild {width:100%; height:auto; margin:0 auto 0 auto;}
 #links {width:47%; float:left;}
  #rechts {width:47%; float:right;}
  .gruen {color:#669900;}
  .eingabe {width:40%; height:2em;}
.contactRow textarea {width:40%; height:4em; background-color:#fff;}
.zeile {width:100%; float:left; position:relative;}

 table.linien {border:2px solid #84c225;}
  table.linien tr {border:0;}
 table.linien td {border:1px solid #84c225;}

  #inhalt #artikeluebersichtstart .teaserStart h3 a, #inhalt #artikeluebersichtstart .teaserStart h4 a , #inhalt #artikeluebersichtstart .teaserStart  a {font-weight:normal; }