body{
  background: #A1AE74;
  font-family: "times, Times New Roman", times, arial, Verdana, sans-serif; 
  font-size: 12px;
  color:#C0C0C0;
  margin: 0;
  color: #A1AE74;
}
#container{
  margin: 0 auto;
  width: 790px;
}
a, a.zert_logo{
  text-decoration: none;
  outline: none;
  color: #BA782F;
}
a:hover{
  background-color: #E8EDB1;
  color: #EA8B2E;
}
.pic_a, .pic_b{
  text-decoration: none;
  outline: none;
  color: #B7B8AC;
}
.pic_b{
  margin: 0 20px 0 0;
}
.pic_a_prod, .pic_b_prod, .pic_a_zert, .pic_b_zert {
  text-decoration: none;
  outline: none;
  color: #D1D2C6;
}
.pic_b_prod{
  margin: 0 20px 0 0;
}
.pic_b_zert{
  margin: 0 10px 0 0;
}
img.pic_a:hover, img.pic_b:hover, img.pic_a_prod:hover, img.pic_b_prod:hover, img.pic_a_zert:hover, img.pic_b_zert:hover {
  box-shadow: rgba(0,0,0,0.4) 0 5px 15px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
hr.green{
/* beide Farben gleich setzen */
/* und eine "Null-Border" verwenden, */
/* da die Browser bei der Darstellung */
/* unterschiedlich vorgehen */
background-color: #829C2A;
color: #829C2A;
border: 0 none;

/* bei Bedarf anpassen, */
/* Gecko fügt ein Pixel hinzu! */
height: 1px;

/* evtl. zusätzlich */
clear: both;
display: block;

/* bei Bedarf anpassen */
width: 100%;
}
hr.dotted {
  color: #AFAFAF;
  border: 0 none;
  border-bottom: #AFAFAF 1px dotted;
  height: 1px;
  clear: both;
  display: block;
  width: 100%;
}
/* TOP
-----------------------------------------------------------*/
#top1{
  background: url('sym/top1a.jpg') no-repeat; 
  height: 155px;
  padding: 0;
  margin: 0;
  border: 0px dotted yellow;
}
#top2{
  background: url('sym/top2.jpg') no-repeat; 
  height: 68px;
  padding: 0;
  margin: 0;
  border: 0px dotted yellow;
}
#top1 .right {
  float: right;
  text-align: right;
  width: 360px;
  margin: 2px 25px 0 0;
  font-weight: normal;
  color: #E0D28E;
  padding: 6px 0 0 0;
}
#top1 .right a{
  color: #F9FBD3;
  transition: 0.4s;
}
#top1 .right a:hover{
  background-color: #9FAD6F;
  color: #EAC97A;
  transition: 0.4s;
}/* MENU        
-----------------------------------------------------------*/
#menubox{
  background: url('sym/menu1.jpg') no-repeat; 
  height: 31px;
  padding: 0;
  margin: 0 auto;
  border: 0px dotted yellow;
}
#menu{
  float: left;
  padding: 0 0 0 31px;
  border: 0px dotted yellow;
  margin: 0 auto;
  font-size: 13px;
  color: #E3E1E1;
/*  border-bottom: #030303 1px dotted; */
}
#menu ul {
  padding: 0;
  margin: 0;
}
#menu ul li {
  padding: 0;
  margin: 0;
  float: left;
  display: block;
  text-align: center;
}
#menu ul li a {
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #E3E1E1;
  background-color: transparent;
  text-decoration : none;
  display: block;
  border-style: none;
}
#menu ul li a:link, #menu ul li a:visited {
  background: url(sym/menupunkte.gif) no-repeat;
  height: 29px;
  width: 88px;
  line-height: 29px;
  padding-top: 2px;
}
#menu ul li a:hover{
  background: url(sym/menupunkte.gif) no-repeat 0px -31px;
  height: 29px;
  width: 88px;
  line-height: 29px;
  padding-top: 2px;
}
#menu ul li.active a:hover, #menu ul li.active a:active, #menu ul li.active a:link, #menu ul li.active a:visited {
  background: url(sym/menupunkte.gif) no-repeat 0px -62px;
  height: 29px;
  width: 88px;
  line-height: 29px;
  padding-top: 2px;
  color: #4A5131;
}
/* CONTENT
-----------------------------------------------------------*/
#content{
  background: url('sym/content1.png') repeat-y; 
  float: left;
  width: 790px;
/* border: 1px solid #FFCC99; */
}
#textbox{
  margin: 20px 0 0 0;
  padding: 20px 10px 10px 52px;
  float: left;
  width: 200px;
  text-align: center;
  color: #000;
  font-size: 14px;
}
#text1{
  margin: 10px 0 0 0;
  padding: 0px 10px 10px 30px;
  width: 410px; 
  color: #575757;
  font-size: 15px;
  text-align: left;
  overflow: hidden;
/* border: 1px solid #c58; */
}
#text1_zertifikate{
/*  height: 1175px; */
}
#text1 h2 {
  color: #829C2A;
  font-weight: bold;
  font-style: italic;
  font-size: 28px;
}
#text1 h3 {
  font-weight: normal;
  font-size: 17px;
}
#text1 h4 {
  color: #829C2A;
  font-weight: normal;
  font-size: 17px;
}
.h3a {
  height: 100px;
  color: #829C2A;
  font-weight: bold;
  font-size: 17px;
}
ul.ul_start {
  padding: 6px 0 0 24px;
  margin: 0;
  list-style-image: url('sym/kt_list1.gif');
}
li.li_start {
  padding: 0 0 0 6px;
  font-weight: bold;
  line-height: 1.4em;
}
li.li_prod {
  padding: 0 0 0 6px;
  font-weight: normal;
  line-height: 1.4em;
}
.txt_tel{
  padding: 0;
  margin: 0;
  width: 51px;
  float: left;
}
/* PRODUKTE
--------------------------------------------------------------------------*/
#pr1menu{
  background-color: #D1D2C6;
  border-top: solid 1px #D1D2C6;
  height:106px; 
}
#pr1menu a{
  text-decoration: none;
  text-align: center;
  float:left; 
  width:99%; 
  height:20px; 
  color: #BA782F;
  padding-top:5px;
  background-color: #EDF0CA; 
  border-left: solid 1px #D1D2C6; border-bottom: solid 1px #D1D2C6; border-right: solid 1px #D1D2C6;
}
#pr1menu a:hover{
  background-color: #E8EDB1;
  color: #EA8B2E;
}
#pr2menu{
  background-color: #D1D2C6; 
}
#pr2menu a{
  text-decoration: none;
  text-align: center;
  float: left; 
  width: 165px; 
  height: 35px; 
  color: #BA782F;
  padding: 5px 20px;
  margin: 0;
  background-color: #EDF0CA; 
  border-top: solid 1px #D1D2C6; border-right: solid 1px #D1D2C6; border-bottom: solid 1px #D1D2C6; border-left: solid 1px #D1D2C6; 
}
#pr2menu a:hover{
  background-color: #E8EDB1;
  color: #EA8B2E;
}
.btn_produktliste a{
  text-decoration: none;
  float: left;
  text-align: center;
  width: 180px;
  margin: 0;
  padding: 4px 20px 3px 20px;
  border: 1px solid #D1D2C6;
  color: #FFF;
  background-color: #829D2C;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.btn_produktliste a:hover{
  background-color: #B0A12E;
  box-shadow: rgba(0,0,0,0.4) 0 5px 15px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* ZERTIFIKATE
--------------------------------------------------------------------------*/
.left1_zert {
  float: left;
  width: 220px;
  vertical-align: bottom;
}
.right_zert {
  float: left;
  width: 180px;
  text-align: right;
}
img.img_right_zert {
  float: right;
}
/* IMPRESSUM
--------------------------------------------------------------------------*/
p.text_1{
  padding: 0;
  color: #313131;
  color: #636363;
  overflow: hidden;
}
.text_1_bld{
  padding: 0;
  color: #313131;
  font-weight: bold;
  line-height: 1.5em;
  color: #636363;
}
.text_2{
  padding: 0;
  color: #313131;
  text-align: justify;
  line-height: 1.5em;
  color: #636363;
}
.txt_tel{
  float: left;
  padding: 0;
  margin: 0;
  width: 49px;
}
.strong1{
  font-weight: bold;
  position: relative;
  top: -5px;
  right: 0;
  line-height:1.4em;
}
.ul_ds{
  color: #636363;
  font-weight: normal;
  line-height: 1.2em;
  list-style-image: url("sym/kt_list1.gif");
}
ul.ul_ds li{
  padding: 0 0 6px 0;
}
/* FOOTER
--------------------------------------------------------------------------*/
#footer{
  background: url('sym/footer1.jpg') no-repeat; 
  height: 93px;
/* border: 1px solid #cc2299; */
}
#footer p.center {
  text-align: center;
  font-weight: normal;
  color: #E0D28E;
  padding: 35px 0 0 0;
}
#footer .left {
  float: left;
  text-align: left;
  width: 280px;
  margin: 2px 0 0 40px;
  font-weight: normal;
  color: #E0D28E;
  padding: 35px 0 0 10px;
}
#footer .right {
  float: left;
  text-align: right;
  width: 360px;
  margin: 2px 0 0 40px;
  font-weight: normal;
  color: #E0D28E;
  padding: 35px 0 0 0;
}
#footer .right a{
  color: #F9FBD3;
  transition: 0.4s;
}
#footer .right a:hover{
  background-color: #829D2C;
  color: #EAC97A;
  transition: 0.4s;
}