html, body {
   margin:0px;
   padding:0px;
   background-color:rgb(251,241,225);
   background-image:url(bilder/bgmain.jpg);
   background-repeat:repeat-y;

}

#header {
   background-color:rgb(248,228,147);
   background-image:url(bilder/bgheader.jpg);
   background-repeat:repeat-x;
   height:140px;
   margin:0px;
   padding:0px;
}

#logo {
   position:absolute;
   top:5px;
   left:5px;
   width:419px;
   height:120px;
}

#headertitle {
   color: #FFFF00;
   position: absolute;
   top: 50px;
   left: 70%;
  font-family: Times New Roman;
  font-weight: bold;
  font-size: 28pt;
  font-style: italic;
  line-height: normal;
  text-decoration: underline;
  -webkit-transform: rotate(-8deg); 
  -moz-transform: rotate(-8deg);
}

#main {
   margin:0px;
   padding:0px;

}



#vmenu {
   position:absolute;
   left:0px;
   top:180px;
   width:266px;
   height: 60px;
   
  font-family: Times New Roman;
  font-weight: bold;
  font-size: 12pt;
  line-height: normal;
   
}

.vul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   
}


.vul li {
  padding-left: 2em;
    padding-top: 1em;
}

.vul li li {
    padding-left: 3em;
}

.vul li a {
  display: block;
  color: black;
  background-color: #f7941d;
  width: 150px;
  padding: 0.2em 0.6em;
  text-decoration: none;
  border: 1px solid #fff;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}

.vul li a:hover{
  background-color: #faddba;
  border: 1px solid #000;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}

#content {
   margin-left:240px;
   margin-right:0px;
   /* border-top:solid 5px rgb(175,35,35);*/
   padding: 0 0 50px 0;
   min-width: 600px;
}

#hmenu {
  margin-left: 15px;
  font-family: Times New Roman;
  font-weight: bold;
  font-size: 12pt;
  line-height: normal;
   
}

.hul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   overflow: auto;   
}

.hul li {
  width: 180px;
  margin: 10px;
  float: left;
  text-align: center;
  padding-left: 4px;
}

.hul li a {
  text-decoration: none;
  color: black;
  display: block;
  width: 100%;
  background-color: #dedede;
  padding: 2px 0;
  border: 1px solid #000;
}

.hul li a:hover{
  background-color: #efefef;
  
}


#footer {
   clear: both;
   bottom: 0px;
   height: 30px;
   width: 90%;
   margin-left: 5%;
   margin-top: 50px;
   color: rgb(175,35,35);
   border-top:solid 1px;
   text-align: center;
}


.kundenbilder {
	float: left;
	padding: 60px;
}



#produktpics {
	float: left;
	padding: 30px;
}

#produktpic {
   margin-left: 30px;
   margin-right: 30px;
}

#produktpic1 {
   width: 290px;
   height: 348px;
   float: right;
   padding: 30px;
}

#produktpic2 {
   float: right;
   padding: 30px;
}

#produktpic3 {
   width: 290px;
   height: 348px;
   float: right;
   padding: 30px;
}

#produkttxt {
   padding: 30px;  
}





#indexpic {
  margin-top: 40px;
  margin-bottom: 20px;
  margin-left: 25%;
}

#indextxt {
   margin: 50px;
   font-size: 14pt;
   font-family: Arial;
}

#indexslogan {
   margin-top: 50px;
   width: 100%;
   text-align: center;
   color: rgb(175,35,35);
   font-size: 24pt;
   font-weight: bold;
   line-height: normal;
}



#ofenpic {
  margin-top: 40px;
  margin-bottom: 20px;
  margin-left: 0px;
}

#ofenpic1 {
   width: 120px;
   height: 160px;
   float: left;
   margin-left: 60px;
   margin-right: 25px
}
#ofenpic2 {
   width: 120px;
   height: 160px;
   float: left;
   margin-left: 60px;
   margin-right: 25px
   
}
#ofenpic3 {
   width: 120px;
   height: 160px;
   float: left;
   margin-left: 60px;
   margin-right: 25px
   
}
#ofenpic4 {
   width: 120px;
   height: 160px;
   float: left;
   margin-left: 60px;
   margin-right: 25px
}
#ofenpic5 {
   width: 120px;
   height: 160px;
   margin-left: 60px;
   margin-right: 25px
}


#ofentxt {
   margin: 30px;
   font-size: 14pt;
   font-family: Arial;
   float: clear;
}

.brennerdiv {
   
   width: 200px;
   height: 150px;
   margin: 30px;
   padding: 30px;
   float: left;   
   font-size: 12pt;
   font-weight: bold;
   text-align: center; 
}

.brennerpic {
   width: 180px;
   height: 180px;
   
}

#brennertxt {
   margin: 30px;
   font-size: 14pt;
   font-family: Arial;
}



#brenneraltpic1 {
   width: 296px;
   height: 256px;
   float: right;
   padding: 30px;
}
#brenneraltpic2 {
   padding: 30px;
   width:  480px;
   height: 480px;
}
#brenneraltpic3 {
   padding: 30px;
   width:  480px;
   height: 360px;
}
#brenneraltpic4 {
   padding: 30px;
   width:  480px;
   height: 360px;
}
#brenneraltpic5 {
   padding: 30px;
   width:  480px;
   height: 360px;
}
#brenneraltpic6 {
   padding: 30px;
   width:  480px;
   height: 360px;
}
#brenneraltpic7 {
   padding: 30px;
   width:  480px;
   height: 360px;
}
#brenneraltpic8 {
   padding: 30px;
   width:  480px;
   height: 360px;
}
#brenneraltpic9 {
   padding: 30px;
   width:  480px;
   height: 360px;
}
#brenneraltpic10 {
   padding: 30px;
   width:  480px;
   height: 360px;
}
#brenneraltpic11 {
   padding: 30px;
   width:  480px;
   height: 360px;
}
#brenneraltpic12 {
   padding: 30px;
   width:  480px;
   height: 360px;
}
#brenneraltpic13 {
   padding: 30px;
   width:  480px;
   height: 360px;
}
#brenneraltpic14 {
   padding: 30px;
   width:  480px;
   height: 360px;
}
#brenneraltpic15 {
   padding: 30px;
   width:  480px;
   height: 360px;
}


#impressum {
  text-align: center;
}

#agb {
   padding: 30px;
}

#belehrung {
   padding: 30px;
}


#kontakt {
  margin-top: 30px;
  margin-left: 10%;
  margin-right: 10%;
}

#telefon {
  text-align: center;
}


.ersatzteildiv {
   
   width: 200px;
   height: 150px;
   margin: 30px;
   float: left;   
   font-size: 12pt;
   font-weight: bold;
   text-align: center; 
}

.ersatzteilpic {
   width: 150px;
   height: 150px;
   
}


#ersatzteiltxt {
   margin: 30px;
   font-size: 14pt;
   font-family: Arial;
}

#ersatzteilpreise { padding: 30px;}


#wtauscherbpic {
  margin-top: 40px;
  margin-bottom: 20px;
  margin-left: 0px;
}

#wtauscherbpic1 {
   width: 120px;
   height: 160px;
   float: left;
   margin-left: 60px;
   margin-right: 25px;
   margin-bottom: 20px;
}
#wtauscherbpic2 {
   width: 120px;
   height: 160px;
   float: left;
   margin-left: 60px;
   margin-right: 25px;
   margin-bottom: 20px;
   
}
#wtauscherbpic3 {
   width: 120px;
   height: 160px;
   float: left;
   margin-left: 60px;
   margin-right: 25px;
   margin-bottom: 20px;
   
}
#wtauscherbpic4 {
   width: 120px;
   height: 160px;
   float: left;
   margin-left: 60px;
   margin-right: 25px;
   margin-bottom: 20px;
}
#wtauscherbpic5 {
   width: 120px;
   height: 160px;
   margin-left: 60px;
   margin-right: 25px;
   margin-bottom: 20px;
}
#wtauscherbpic6 {
   width: 120px;
   height: 160px;
   margin-left: 60px;
   margin-right: 25px;
   margin-bottom: 20px;
}


#wtauscherbtxt {
   margin: 50px;
   font-size: 14pt;
   font-family: Arial;
}
                                                                                                
#funktionsprinzip {
   float: left;
   margin: 50px;
   font-size: 12pt;
   font-family: Arial;
}
#einbauschema {
   float: left;
   margin: 50px;
}

#beschreibung {
   font-size: 12pt;
   font-family: Arial;
   margin: 20px;
}

#legende {
   margin: 20px;  
   font-size: 12pt;
   font-family: Arial;
}

#bedienungsanleitung {
   font-size: 12pt;
   font-family: Arial;
   margin-left: 20px;
}
                                                                                                
#funktionsweise {
   font-size: 14pt;
   font-family: Arial;
   margin: 30px; 
   text-decoration:underline;
}