* {
  margin: 0px;
  padding: 0px;
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
  line-height: 150%;
}

body {
	background: #ffffff url(images/background.gif) repeat-x;
  margin: 0px;
  padding: 0px;
  margin-bottom: 30px;
}


#content {
  width: 746px;
  margin-left: 60px;
  background: url(images/bg.gif) repeat-y;
}

#header {
  width: 746px;
  height: 73px;
  background: url(images/header.jpg) no-repeat;
  clear: both;
}

#topmenu {
  width: 746px;
  height: 22px;
  background: url(images/topmenu.jpg) no-repeat;
  clear: both;
}





#menu {
  float: left;
  background: #ffffff;
  margin-left: 10px;
  width: 144px;
}

h1 {
  color: #047391;
  font-size: 14px;
  margin-bottom: 40px;
}

h2 {
  font-size: 13px;
  color: #047391;
  margin-bottom: 20px;
}

p {
  margin-bottom: 10px;
}

a {
  color: #000000;
  letter-spacing: 0.5px;
}

img {
  border: none;
}

a:hover {
  color: #444444;
}

.startliste{
  list-style-type: none;
  vertical-align: middle;
}
.startliste img {
  vertical-align: middle;
}

.startliste li {
  margin-bottom: 10px;
}

.menu_unten {
  background: url(images/bg_box_unten.gif) no-repeat;
  height: 7px;
}

* html #menu { /*IE6 only*/
  margin-top: 20px;
  }

#main {
  margin: 20px 0px 40px 190px;
  background: #ffffff;
  width: 460px;
}

#main span {
  font-weight: bold;
  color: #047391;
  letter-spacing: 1px;
}

#footer {
  clear: both;
  background: url(images/footer-bg.gif) no-repeat;
  height: 26px;
  width: 734px;
  color: #ffffff;
  padding-top: 3px;
  text-align: center;
}

/* MENU */



#hm a, #qm a, #fp a{
  text-decoration: none;
  height: 21px;
  width: 144px;
  display: block;   
}

#hm a:hover {
  background: url(images/box_hygienemanagement.gif) 0px 21px;
}

#hm {
  background: url(images/box_hygienemanagement.gif);
  height: 21px;
  width: 144px;
}

#qm a:hover {
  background: url(images/box_qualitaetsmanagement.gif) 0px 21px;
}

#qm {
  background: url(images/box_qualitaetsmanagement.gif);
  height: 21px;
  width: 144px;
}
#fp a:hover {
  background: url(images/box_fachplanung.gif) 0px 21px;
}

#fp {
  background: url(images/box_fachplanung.gif);
  height: 21px;
  width: 144px;
}



#hmtabelle {
  width: 515px;
  margin: 0px;
  padding: 0px;
}
#hmtabelle span {
  visibility:hidden;
  font-size: 6px;
}
#hmtabelle td {
  margin: 0px;
  padding: 0px;
}

.leer {
  width: 50px;
}

.liste {
  margin: 0px 0px 15px 30px;
}

.liste {
  font-weight: bold;
}
.liste span {
  text-decoration: underline;
  color: #000000 !important;
}
.liste li {
  margin: 25px 0px 15px 0px;

}

.liste ul {
  font-weight: normal;
  margin-left: 15px;
}

.liste ul li {
  margin: 2px 0px 2px 0px;
}

.liste ul ul {
  margin: 5px 0px 5px 15px;
}

.hmbutton a{
  height: 30px;
  width: 166px;
  background: url(images/hmbutton.gif) 0px 30px;
  display: block;
  text-decoration: none;
}
.hmbutton a:hover {
  background: url(images/hmbutton.gif) 0px 0px;
}
.qmbutton a{
  height: 30px;
  width: 166px;
  background: url(images/qmbutton.gif) 0px 30px;
  display: block;
  text-decoration: none;
}
.qmbutton a:hover {
  background: url(images/qmbutton.gif) 0px 0px;
}
.fpbutton a{
  height: 30px;
  width: 166px;
  background: url(images/fpbutton.gif) 0px 30px;
  display: block;
  text-decoration: none;
}
.fpbutton a:hover {
  background: url(images/fpbutton.gif) 0px 0px;
}
.strich {
  height: 30px;
  width: 166px;
  background: url(images/strich.gif) 81px 0px no-repeat;
  display: block;
}
.strichquer {
  height: 166px;
  width: 7px;
  background: url(images/strichquer.gif);
  display: block;
}
.strichquer2 {
  height: 140px;
  width: 7px;
  background: url(images/strichquer.gif);
  display: block;
}

.btn1 a, .btn2 a, .btn3 a, .btn4 a, .btn5 a, .btn6 a, .btn7 a, .btn8 a, .btn9 a, .btn10 a, .btn11 a{
  margin-bottom: 4px;
  display: block;
  height: 51px;
  width: 150px;
  text-decoration: none;
}

.btn1 a{
  background: url(images/btn1.gif) 0px -51px no-repeat;
}
.btn1 a:hover {
  background: url(images/btn1.gif) 0px 0px no-repeat;
}

.btn2 a{
  background: url(images/btn2.gif) 0px -51px no-repeat;
}
.btn2 a:hover {
  background: url(images/btn2.gif) 0px 0px no-repeat;
}

.btn3 a{
  background: url(images/btn3.gif) 0px -51px no-repeat;
}
.btn3 a:hover {
  background: url(images/btn3.gif) 0px 0px no-repeat;
}

.btn4 a{
  background: url(images/btn4.gif) 0px -51px no-repeat;
}
.btn4 a:hover {
  background: url(images/btn4.gif) 0px 0px no-repeat;
}

.btn5 a{
  background: url(images/btn5.gif) 0px -51px no-repeat;
}
.btn5 a:hover {
  background: url(images/btn5.gif) 0px 0px no-repeat;
}

.btn6 a{
  background: url(images/btn6.gif) 0px -51px no-repeat;
}
.btn6 a:hover {
  background: url(images/btn6.gif) 0px 0px no-repeat;
}

.btn7 a{
  background: url(images/btn7.gif) 0px -51px no-repeat;
}
.btn7 a:hover {
  background: url(images/btn7.gif) 0px 0px no-repeat;
}

.btn8 a{
  background: url(images/btn8.gif) 0px -51px no-repeat;
}
.btn8 a:hover {
  background: url(images/btn8.gif) 0px 0px no-repeat;
}

.btn9 a{
  background: url(images/btn9.gif) 0px -51px no-repeat;
}
.btn9 a:hover {
  background: url(images/btn9.gif) 0px 0px no-repeat;
}

.btn10 a{
  background: url(images/btn10.gif) 0px -51px no-repeat;
}
.btn10 a:hover {
  background: url(images/btn10.gif) 0px 0px no-repeat;
}

.btn11 a{
  background: url(images/btn11.gif) 0px -51px no-repeat;
}
.btn11 a:hover {
  background: url(images/btn11.gif) 0px 0px no-repeat;
}

.btn1 a span, .btn2 a span, .btn3 a span, .btn4 a span, .btn5 a span, .btn5 a span, .btn6 a span, .btn7 a span, .btn8 a span, .btn9 a span, .btn10 a span, .btn11 a span{
  visibility:hidden;
 }

.box1, .box2 , .box3 {
  display: table-cell;
  vertical-align: middle;
  position: static;
  height: 166px;
  width: 166px;
  text-align: center;
}


.box1{
  background: url(images/box1.gif) 0px 0px no-repeat;
}
.box2 {
  background: url(images/box2.gif) 0px 0px no-repeat;
}
.box3 {
  background: url(images/box3.gif) 0px 0px no-repeat;
}

.box4 {
  display: table-cell;
  vertical-align: middle;
  position: static;
  height: 280px;
  width: 515px;
  text-align: center;
  background: url(images/box4.gif) 0px 0px no-repeat;
}

.box5 {
  display: table-cell;
  vertical-align: middle;
  position: static;
  height: 140px;
  width: 166px;
  text-align: center;
  background: url(images/box5.gif) 0px 0px no-repeat;
}

.box6 {
  display: table-cell;
  vertical-align: middle;
  position: static;
  height: 140px;
  width: 166px;
  text-align: center;
  background: url(images/box6.gif) 0px 0px no-repeat;
}


table {
border-collapse: collapse;
}

.menuitems a span{
  visibility:hidden;
  font-size: 6px;
}
.menuitems {
  background: url(images/box_background.gif) repeat-y;
  margin: 20px 0px 0px 0px;
  padding: 0px;
}

.menuitems ul {
  margin-top: 5px;
  margin-left: 0px; 
}

.menuitems ul li{
  list-style-type: none;
  margin: 3px 0px 0px 2px;
  height: 14px;
  width: 140px;
  display: block;    
}

* html .menuitems ul li { /*IE6 only*/
  margin: -3px 0px 0px 2px;
  }
*+html .menuitems ul li { /*IE7 only*/
  height: 14px;
  margin: -3px 0px 0px 2px;
  }
* html .menuitems{ /*IE6 only*/
  float: left;
  margin-top: 5px;
  }

.menuitems ul li a{
  text-decoration: none;
  height: 14px;
  width: 140px;
  display: block;   
}



.menu_01_aktiv a{
  background: url(images/01-startseite.gif) 0px 0px;
}
.menu_01 a{
  background: url(images/01-startseite.gif) 0px 14px;
}
.menu_01 a:hover {
  background: url(images/01-startseite.gif) 0px 28px;
 }
 
 .menu_02_aktiv a{
  background: url(images/02-unser-team.gif) 0px 0px;
}
.menu_02 a{
  background: url(images/02-unser-team.gif) 0px 14px;
}
.menu_02 a:hover {
  background: url(images/02-unser-team.gif) 0px 28px;
 }
 
.menu_03_aktiv a{
  background: url(images/03-anfahrt.gif) 0px 0px;
}
.menu_03 a{
  background: url(images/03-anfahrt.gif) 0px 14px;
}
.menu_03 a:hover {
  background: url(images/03-anfahrt.gif) 0px 28px;
 }
 
.menu_04_aktiv a{
  background: url(images/04-stellenangebote.gif) 0px 0px;
}
.menu_04 a{
  background: url(images/04-stellenangebote.gif) 0px 14px;
}
.menu_04 a:hover {
  background: url(images/04-stellenangebote.gif) 0px 28px;
 }
 
.menu_05_aktiv a{
  background: url(images/05-hygienekontrollen.gif) 0px 0px;
}
.menu_05 a{
  background: url(images/05-hygienekontrollen.gif) 0px 14px;
}
.menu_05 a:hover {
  background: url(images/05-hygienekontrollen.gif) 0px 28px;
 }
 
 
.menu_06_aktiv a{
  background: url(images/06-schulungen.gif) 0px 0px;
}
.menu_06 a{
  background: url(images/06-schulungen.gif) 0px 14px;
}
.menu_06 a:hover {
  background: url(images/06-schulungen.gif) 0px 28px;
 }

.menu_07_aktiv a{
  background: url(images/07-haccp-konzepte.gif) 0px 0px;
}
.menu_07 a{
  background: url(images/07-haccp-konzepte.gif) 0px 14px;
}
.menu_07 a:hover {
  background: url(images/07-haccp-konzepte.gif) 0px 28px;
 }
 
.menu_08_aktiv a{
  background: url(images/08-produktuntersuchung.gif) 0px 0px;
}
.menu_08 a{
  background: url(images/08-produktuntersuchung.gif) 0px 14px;
}
.menu_08 a:hover {
  background: url(images/08-produktuntersuchung.gif) 0px 28px;
 }
 
.menu_09_aktiv a{
  background: url(images/09-ifs.gif) 0px 0px;
}
.menu_09 a{
  background: url(images/09-ifs.gif) 0px 14px;
}
.menu_09 a:hover {
  background: url(images/09-ifs.gif) 0px 28px;
 }
 
.menu_10_aktiv a{
  background: url(images/10-ifs-logistic.gif) 0px 0px;
}
.menu_10 a{
  background: url(images/10-ifs-logistic.gif) 0px 14px;
}
.menu_10 a:hover {
  background: url(images/10-ifs-logistic.gif) 0px 28px;
 }
 
.menu_11_aktiv a{
  background: url(images/11-iso-22000.gif) 0px 0px;
}
.menu_11 a{
  background: url(images/11-iso-22000.gif) 0px 14px;
}
.menu_11 a:hover {
  background: url(images/11-iso-22000.gif) 0px 28px;
 }
 
.menu_12_aktiv a{
  background: url(images/12-iso-9001.gif) 0px 0px;
}
.menu_12 a{
  background: url(images/12-iso-9001.gif) 0px 14px;
}
.menu_12 a:hover {
  background: url(images/12-iso-9001.gif) 0px 28px;
 }
 
.menu_13_aktiv a{
  background: url(images/13-q-s.gif) 0px 0px;
}
.menu_13 a{
  background: url(images/13-q-s.gif) 0px 14px;
}
.menu_13 a:hover {
  background: url(images/13-q-s.gif) 0px 28px;
 }
 
.menu_14_aktiv a{
  background: url(images/14-gmp-plus.gif) 0px 0px;
}
.menu_14 a{
  background: url(images/14-gmp-plus.gif) 0px 14px;
}
.menu_14 a:hover {
  background: url(images/14-gmp-plus.gif) 0px 28px;
 }
 
.menu_15_aktiv a{
  background: url(images/15-fami-qs.gif) 0px 0px;
}
.menu_15 a{
  background: url(images/15-fami-qs.gif) 0px 14px;
}
.menu_15 a:hover {
  background: url(images/15-fami-qs.gif) 0px 28px;
 }
 
.menu_16_aktiv a{
  background: url(images/16-bio.gif) 0px 0px;
}
.menu_16 a{
  background: url(images/16-bio.gif) 0px 14px;
}
.menu_16 a:hover {
  background: url(images/16-bio.gif) 0px 28px;
 }
 
.menu_17_aktiv a{
  background: url(images/17-eurepgap.gif) 0px 0px;
}
.menu_17 a{
  background: url(images/17-eurepgap.gif) 0px 14px;
}
.menu_17 a:hover {
  background: url(images/17-eurepgap.gif) 0px 28px;
 }
 
.menu_18_aktiv a{
  background: url(images/18-gtp.gif) 0px 0px;
}
.menu_18 a{
  background: url(images/18-gtp.gif) 0px 14px;
}
.menu_18 a:hover {
  background: url(images/18-gtp.gif) 0px 28px;
 }
 
.menu_19_aktiv a{
  background: url(images/19-brc.gif) 0px 0px;
}
.menu_19 a{
  background: url(images/19-brc.gif) 0px 14px;
}
.menu_19 a:hover {
  background: url(images/19-brc.gif) 0px 28px;
 }
 
.menu_20_aktiv a{
  background: url(images/20-betriebs-warenfluss-planung.gif) 0px 0px;
  height: 26px;
}
.menu_20 a{
  background: url(images/20-betriebs-warenfluss-planung.gif) 0px 26px;
  height: 26px;  
}
.menu_20 a:hover {
  background: url(images/20-betriebs-warenfluss-planung.gif) 0px 52px;
  height: 26px;  
 }
 
.menu_21_aktiv a{
  background: url(images/21-zeichnungserstellung.gif) 0px 0px;
}
.menu_21 a{
  background: url(images/21-zeichnungserstellung.gif) 0px 14px;
}
.menu_21 a:hover {
  background: url(images/21-zeichnungserstellung.gif) 0px 28px;
 }
 
.menu_22_aktiv a{
  background: url(images/22-eu-zulassung.gif) 0px 0px;
}
.menu_22 a{
  background: url(images/22-eu-zulassung.gif) 0px 14px;
}
.menu_22 a:hover {
  background: url(images/22-eu-zulassung.gif) 0px 28px;
 }
 
 
 
 
 /* TOP MENU */
 
 
.topmenuitems a span{
  visibility:hidden;
  font-size: 6px;
}
.topmenuitems {
  padding: 1px 0px 0px 410px;
}

* html .topmenuitems { /*IE6 only*/
  padding: 1px 0px 0px 407px;
  }

.topmenuitems ul {
}

.topmenuitems ul li{
  float: left;
  list-style-type: none;
  margin: 3px 0px 0px 2px;
  height: 15px;
  width: 105px;
  display: block;    
}

.topmenuitems ul li a{
  text-decoration: none;
  height: 15px;
  width: 105px;
  display: block;   
}

.menu_23_aktiv a{
  background: url(images/23-kontakt.gif) 0px 0px;
}
.menu_23 a{
  background: url(images/23-kontakt.gif) 0px 15px;
}
.menu_23 a:hover {
  background: url(images/23-kontakt.gif) 0px 30px;
 }
 
.menu_24_aktiv a{
  background: url(images/24-rechtshinweise.gif) 0px 0px;
}
.menu_24 a{
  background: url(images/24-rechtshinweise.gif) 0px 15px;
}
.menu_24 a:hover {
  background: url(images/24-rechtshinweise.gif) 0px 30px;
 }
 
.menu_25_aktiv a{
  background: url(images/25-impressum.gif) 0px 0px;
}
.menu_25 a{
  background: url(images/25-impressum.gif) 0px 15px;
}
.menu_25 a:hover {
  background: url(images/25-impressum.gif) 0px 30px;
 }