@font-face {
  font-family: 'BankGt';
  src: url('fonts/bnkgothm.eot') format('embedded-opentype');
  src: url('fonts/bnkgothm.woff') format('woff'), 
       url('fonts/bnkgothm.ttf') format('truetype'); 
}



body {

    /*font-family: 'Dosis', sans-serif;*/
   /* font-family: 'Nanum Gothic', sans-serif;*/
   font-family: 'Muli', sans-serif;
   /* font-family: 'Ubuntu', sans-serif;*/
}



h1 {
    /*border-style: solid;*/
    color: #333;
}	
.beschriftung {
	  width: 100%;
  position: relative;
}
  
.beschriftung img {
  display: block;

}

.beschriftung span {
  position: absolute;
  top: 90px;
  left: 70px;
  width: auto;
  height: 7em;
  line-height: 2.5em;
  color: #0ADADE; 
  font-size: 1.5em;
  text-align: center;    
  border-top: 0px solid #999;
  border-bottom: 0px solid #999;
  margin: 0px 0px 0px 0px;
  font-weight: bold; 
}
.beschriftungOhne {
  position: relative;
}
  
.beschriftungOhne img {
  display: block;

}
.beschriftungOhne H2 {
  position: absolute;
  top: 40px;
  left: 20px;
  width: auto;
  height: 7em;
  line-height: 2.5em;
  color: #9c804e; 
  font-size: 1.4em;
  text-align: center;    
  border-top: 0px solid #999;
  border-bottom: 0px solid #999;
  margin: 0px 0px 0px 0px;
  font: 1.6em muli;
}
.beschriftungOhne H3 {
  position: absolute;
  top: 0px;
  left: 20px;
  width: auto;
  height: 300px;
  font: 1.6em muli;
  color: #9c804e; 
  text-align: justify;    
  border-top: 0px solid #999;
  border-bottom: 0px solid #999;
  margin: 0px 0px 0px 0px;


}

.beschriftungOhne span {
  position: absolute;
  top: 100px;
  left: 0;
  width: 600px;
  height: 7em;
  line-height: 2.5em;
  color: #9c804e; 
  font-size: 1.4em;
  text-align: center;    
  border-top: 0px solid #999;
  border-bottom: 0px solid #999;
  margin: 0px 0px 0px 0px;
  font: 1.6em muli;
}

.beschriftungOhneLinks {
  position: relative;
}
  
.beschriftungOhneLinks img {
  display: block;

}
.beschriftungOhneLinks span {
  position: absolute;
  top: 100px;
  left: 0px;
  width: auto;
  height: 7em;
  line-height: 2.5em;
  color: #9c804e; 
  text-align: left; 
  border: 0px solid #9F8053;  
  border-top: 0px solid #9F8053;
  border-bottom: 0px solid #9F8053;
  background-color: #fff;
  margin: 0px 0px 0px 40px;
    font-weight: bold;
	font: 1.6em muli;
}

.abgerundetPro1 {
	background-image: url("produkte/kreise/Bild2.jpg");
  background-color: #9CCC70;
  width: 15em;
  height: 15em;
  line-height: 12em;
  text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
   float: left;
   margin: 14px;
      padding: 14px;
  border-style: solid;
    color: #9c804e;
	font-weight: bold;
}
.abgerundetPro2 {
	background-image: url("produkte/kreise/Bild6.jpg");
  background-color: #9CCC70;
  width: 15em;
  height: 15em;
  line-height: 12em;
  text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
   float: left;
   margin: 14px;
      padding: 14px;
  border-style: solid;
    color: #9c804e;
	font-weight: bold;
}
.abgerundet {
	background-image: url("produkte/kreise/Bild1.jpg");
  background-color: #9CCC70;
  width: 15em;
  height: 15em;
  line-height: 12em;
  text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
   float: left;
   margin: 14px;
      padding: 14px;
  border-style: solid;
    color: #9c804e;
	font-weight: bold;
}
.abgerundet1 {
background-image: url("produkte/kreise/Bild10.jpg");
  background-color: #9CCC70;
  width: 15em;
  height: 15em;
  line-height: 12em;
  text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
   float: left;
   margin: 14px;
      padding: 14px;
  border-style: solid;
    color: #9c804e;
	border-color:9c804e;

}

.abgerundet2 {
background-image: url("produkte/kreise/Bild9.jpg");
  width: 15em;
  height: 15em;
  line-height: 12em;
  text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
   float: left;
   margin: 14px;
      padding: 14px;
  border-style: solid;
    color: #9c804e;
	text-decoration: none;
	border-color:9c804e;
}

.abgerundet3 {
background-image: url("produkte/kreise/Bild8.jpg");
  width: 15em;
  height: 15em;
  line-height: 12em;
  text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
   float: left;
   margin: 14px;
      padding: 14px;
  border-style: solid;
    color: #9c804e;
	text-decoration: none;
	border-color:9c804e;
}

.abgerundet4 {
background-image: url("produkte/kreise/Bild7.jpg");
  width: 15em;
  height: 15em;
  line-height: 12em;
  text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
   float: left;
   margin: 14px;
      padding: 14px;
  border-style: solid;
    color: #9c804e;
	text-decoration: none;
	border-color:9c804e;
}

.abgerundet5 {
background-image: url("produkte/kreise/Bild5.jpg");
  width: 15em;
  height: 15em;
  line-height: 12em;
  text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
   float: left;
   margin: 14px;
      padding: 14px;
  border-style: solid;
    color: #9c804e;
	text-decoration: none;
	border-color:9c804e;
}

.abgerundet6 {
background-image: url("produkte/kreise/Bild4.jpg");
  width: 15em;
  height: 15em;
  line-height: 12em;
  text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
   float: left;
   margin: 14px;
      padding: 14px;
  border-style: solid;
    color: #9c804e;
	text-decoration: none;
	border-color:9c804e;
	
}

.abgerundet7 {
background-image: url("produkte/kreise/Bild3.jpg");
  width: 15em;
  height: 15em;
  line-height: 12em;
  text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
   float: left;
   margin: 14px;
      padding: 14px;
  border-style: solid;
    color: #9c804e;
	text-decoration: none;
	border-color:9c804e;
}
.abgerundetPro1 a {
  text-decoration: none;
  color: transparent;
  font-weight: bold;
	font-size: 12em;
}
.abgerundetPro2 a {
  text-decoration: none;
  color: transparent;
  font-weight: bold;
	font-size: 12em;
}

.abgerundet a {
  text-decoration: none;
  color: transparent;
  font-weight: bold;
	font-size: 12em;
}
.abgerundet1 a {
  text-decoration: none;
  color: transparent;
  font-weight: bold;
	font-size: 12em;
}

.abgerundet2 a {
  text-decoration: none;
  color: transparent;
    font-weight: bold;
	font-size: 12em;
}

.abgerundet3 a {
  text-decoration: none;
  color: transparent;
    font-weight: bold;
	font-size: 12em;
}

.abgerundet4 a {
  text-decoration: none;
  color: transparent;
    font-weight: bold;
	font-size: 12em;
}

.abgerundet5 a {
  text-decoration: none;
  color: transparent;
    font-weight: bold;
	font-size: 12em;
}

.abgerundet6 a {
  text-decoration: none;
  color: transparent;
    font-weight: bold;
	font-size: 12em;
}

.abgerundet7 a {
  text-decoration: none;
  color: transparent;
    font-weight: bold;
	font-size: 12em;
}
#container {
  width: auto;
  background-color: #fff;
  
  margin: auto;
}

#kopf {
margin-bottom: 40px;
margin-left:   40px;
 margin-top:    30px;

  background-image: url("banner/migRbanner7.jpg");
background-repeat: no-repeat;
 background-position: right;
/*
background-color: #FF633A;*/
}

#kopfHome {
margin-bottom: 40px;
margin-left:   40px;
 margin-top:    30px;

  background-image: url("banner/mig_home.jpg");
background-repeat: no-repeat;
 background-position: right;
/*
background-color: #FF633A;*/
}

#kopfInfoDE {
margin-bottom: 40px;
margin-left:   40px;
 margin-top:    30px;

  background-image: url("banner/mig_infoDE.jpg");
background-repeat: no-repeat;
 background-position: right;
/*
background-color: #FF633A;*/
}
#kopfInfoEG {
margin-bottom: 40px;
margin-left:   40px;
 margin-top:    30px;

  background-image: url("banner/mig_infoEG.jpg");
background-repeat: no-repeat;
 background-position: right;
/*
background-color: #FF633A;*/
}

#kopfProdukteDE {
margin-bottom: 40px;
margin-left:   40px;
 margin-top:    30px;

  background-image: url("banner/mig_produkte.jpg");
background-repeat: no-repeat;
 background-position: right;
/*
background-color: #FF633A;*/
}
#kopfProdukteEG {
margin-bottom: 40px;
margin-left:   40px;
 margin-top:    30px;

  background-image: url("banner/mig_productsEG.jpg");
background-repeat: no-repeat;
 background-position: right;
/*
background-color: #FF633A;*/
}



#kopfContactDE {
margin-bottom: 40px;
margin-left:   40px;
 margin-top:    30px;

  background-image: url("banner/mig_contactDE.jpg");
background-repeat: no-repeat;
 background-position: right;
/*
background-color: #FF633A;*/
}
#kopfContactEG {
margin-bottom: 40px;
margin-left:   40px;
 margin-top:    30px;

  background-image: url("banner/mig_contactEG.jpg");
background-repeat: no-repeat;
 background-position: right;
/*
background-color: #FF633A;*/
}
 #nebenLogo {
  width: 50%;
  margin: 40px 40px 40px 40px;
float: right;

}

#fuss {
	font-family: 'Muli', sans-serif;
  font: 1em serif;
  text-align: center;
  background-color: #0ADADE;
  color: #000;
  padding: 40px 0px;
  clear: left;
  margin-left:   40px;
  margin-right:   40px;
}

#fuss span {
font-family: 'Muli', sans-serif;
	font-weight: bold; 
  text-decoration: none;
  letter-spacing: 2px;
  padding: 10px 15px;
  color: #9c804e;
  padding: 0px 150px;
  text-align: center;

}

#fuss a {
font-family: 'Muli', sans-serif;
  text-decoration: none;
  letter-spacing: 2px;
  color: #9c804e;
  text-align: center;
}

#topseller {
 padding-top: 150px;
  font: 1.6em muli;
  text-align: center;
  /*background-color: #FF633A;*/
  color: #9c804e;
  /*padding: 90px 0px;*/
  clear: left;
  
}

#Produkte {
 padding-top: 150px;
 padding-bottom: 40px;
  font: 1.6em muli;
  text-align: center;
  /*background-color: #FF633A;*/
  color: #9c804e;
  /*padding: 90px 0px;*/
  clear: left;
  
}

#ueber_uns {
 margin-top: 400px;
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom:40px;
 padding-top: 0px;
  font: 1.6em muli;
  text-align: justify;
  /*background-color: #FF633A;*/
  color: #9c804e;
  /*padding: 90px 0px;*/
  clear: left;
   
}

#ueber_uns H2 {
  line-height: 1.2em;
  color: #9c804e; 
  font-size: 1.4em;
  text-align: center;    
  border-top: 0px solid #999;
  border-bottom: 0px solid #999;
  margin-bottom: 20px;
  font-weight: bold; 

}


#KontaktOben H3 {
 padding-top: 100px;
  font: 1.6em muli;
  text-align: center;
  /*background-color: #FF633A;*/
  color: #9c804e;
  /*padding: 90px 0px;*/
  clear: left;
  
}

#KontaktLinks p {
 padding-top: 100px;
  font: 1.2em muli;

  /*background-color: #FF633A;*/
  color: #9c804e;
  /*padding: 90px 0px;*/
  clear: left;
  
}

#Kontaktformularseite {

  font: 1.2em muli;

}
#korper {
 margin: 0px 40px 40px 40px;

 clear: left;
}
 
#seite {
  width: 50%;
  float: right;
  
  }
  
  #inhalt {
  width: 50%;
  float: left;
  }
  
  #seite img {
	   max-width: 100%;
	  
 }	
  #inhalt img {
	   max-width: 100%;
	  
 }
 
 .inhaltSchrift {
  position: relative;
}
  
.inhaltSchrift img {
  display: block;

}
.inhaltSchrift span {
  position: absolute;
  top: 260px;
  left: 0px;
  width: 600px;
  height: 7em;
  line-height: 1.5em;
  color: #9c804e; 
  font-size: 1.0em;
  text-align: left;    
  border-top: 0px solid #999;
  border-bottom: 0px solid #999;
  margin: 0px 0px 0px 0px;
  font-weight: bold; 
}
#korperOhne {
	 padding: 10px 40px 40px 40px;
     clear: left;
}
 
 #korperOhneHaupt {
	 padding: 90px 40px 40px 40px;
     clear: left;
}

 #kontakt {
	 padding: 10px 40px 40px 300px;
     clear: left;
	 font-family: 'Muli', sans-serif;
}
 #Formular {
	 padding: 10px 40px 40px 300px;
     clear: left;
	 font-family: 'Muli', sans-serif;
	 
	 
}
#seiteOhne {
  width: 50%;
  float: right;
  }
  
#inhaltOhne {
  width: 50%;
  float: left;
  }
  
#navigation {
  background-color: #fff;
  font-size: 1.2em;
  border-top: 20px solid #fff;
  margin: 0px 0px 35px 35px;
  clear: left;
  
}
#navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 5px;
}
#navigation li {
  display: inline;
}
#navigation a {
	font-weight: bold; 
  text-decoration: none;
  letter-spacing: 2px;
  padding: 10px 15px;
  color: #9c804e;
}

#navigation h6 {
	font-family: 'BankGt';
  src: url('fonts/bnkgothm.eot') format('embedded-opentype');
  src: url('fonts/bnkgothm.woff') format('woff'), 
       url('fonts/bnkgothm.ttf') format('truetype'); 
	font-weight: bold; 
  text-decoration: none;
  letter-spacing: 3px;
  padding: 10px 15px;
  color: #9c804e;
  background-color: #0ADADE;
}

#navigation span {
font-family: 'Muli', sans-serif;
	font-weight: bold; 
  text-decoration: none;
  letter-spacing: 2px;
  padding: 10px 15px;
  color: #9c804e;
  padding: 0px 150px;
  text-align: left;

}

#navigation a:hover, #navigation a:focus, #navigation a:active {
   background-color: #9c804e;
   color: #fefefe;
}

#navigation .top > li {
 float: left;
 position: relative;
}
#navigation .sub > a {
 float: left;
 position: relative;
  display: block;
}
#navigation ul.sub {
  position: absolute; 
  left: -9999em;
  top: -9999em;
  display: block;
  background-color: #fff;
  width: 10em;
  padding-top: 2px;

}
#navigation li:hover ul.sub {
  left: auto;
  top: auto;
}
#navigation .sub a {
  padding: 5px;
}

.cf:before,
.cf:after {
    content: " "; 
    display: table; 
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

h2 {
  color: #9c804e;
}
p {
  margin-bottom: 20px;
}


#korperRund {
 padding-top: 20px;
 padding-left: 60px;
 clear: left;
}
 
 #korperRund2 {
 padding-top: 40px;
 padding-left: 60px;
clear: left;
}
 #korperRund3 {
 padding-top: 40px;
 padding-left: 370px;
clear: left;
}
  @media screen and (max-width: 800px) {
      #container {
        width: 100%;
	   }

  
      #navigation {
  background-color: #fff;
  font-size: 0.8em;
  border-top: 0px solid #4F936D;
  padding-left: 30%;
 }
 
 #navigation li {
  display: block;
}
	 #navigation a {
  text-decoration: none;
  letter-spacing: 0px;
  padding: 2px 5px;
  color: #565919;

  }
  #navigation a:hover, #navigation a:focus, #navigation a:active {
   background-color: #486D58;
   color: #fefefe;
}
     #inhalt {
          width: 100%;
  float: initial;
     }
	 
	 #seite {
  width: 100%;
  float: initial;}
  
       #inhalt1 {
          width: 100%;
  float: initial;
     }
	 
	 #seite1 {
  width: 100%;
  float: initial;}
  
       #inhalt2 {
          width: 100%;
  float: initial;
     }
	 
	 #seite2 {
  width: 100%;
  float: initial;}
  
       #inhalt3 {
          width: 100%;
  float: initial;
     }
	 
	 #seite3 {
  width: 100%;
  float: initial;}
img {
	  max-width: 200%;
	}


#kontakt_all {

 padding: 100px 40px 40px 40px;
}
  
#kontakt_box{

     clear: left;
  }
  
  #rightcontent {

  float: left;
  }

}