* {
  margin: 0px;
  padding: 0px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  line-height: 145%;
  font-weight: normal;
  color: #4d5759;
  letter-spacing:0px;


}

body {
  background-color: #ffffff;
}

a img { border: none; }

br {

}

#container {
  margin-left: auto;
  margin-right: auto;
  background: #ffffff none repeat scroll 0%;
  width: 800px;
}

#header {
  height: 80px;
  display: block;
  text-align: right;
}

#content {
  margin-top: 25px;
}

#contenttotal {
  margin-top: 25px;
  text-align: center;
}

#footer {
  margin-top: 20px;
  text-align: center;
  margin-bottom: 10px;
  padding-top: 10px;
  border-top: #e2e2e2 2px solid;
}

h1 {
  font-size: 13px;
  font-weight: bold;
}

h2 {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 7px;
}

h3 {
  font-size: 11px;
  font-weight: bold;
}

/*
h3 {
  font-weight: bold;
  margin-bottom: 5px;
  letter-spacing:1px;
}
*/

h4 {
  font-weight: bold;
  font-size: 13px;
  color: #eb6b37;
}

.orangegross {
  font-size: 13px;
  font-weight: bold;
  color: #eb6b37;
  margin-bottom: 7px;
}

.textfett {
  font-size: 12px;
  font-weight: bold;
}

.sehrgross {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 7px;
}

a {
 color: #eb6b37;
 text-decoration: none;
}

.agross {
 color: #eb6b37;
 font-size: 13px;
 font-weight: bold;
/* text-decoration: underline; */
}

a:hover {
  text-decoration: underline;
}

h2 a {
  font-size: 13px;
  font-weight: bold;
  color: #eb6b37;
}


/* h3 a für unternehmen / news */
h3 a {
  font-size: 11px;
  font-weight: normal;
  color: #eb6b37;
}

h3 a:hover {
  text-decoration: none;
}


address {
  font-style: normal;
}

hr {

  border: 0.7px dotted;
  color:  #dedede;

}

.oben {
  vertical-align: top;
}

.box {
  background: url(images/box17.jpg) no-repeat;
}

.box270 {
  background: url(images/box270.jpg) no-repeat;
}

.box2 {
  background: url(images/box7.jpg) no-repeat;
}

.boxworkshop {
  background: url(images/boxworkshop.jpg) no-repeat;
}

.boxworkshopkl {
  background: url(images/boxworkshop_kl.jpg) no-repeat;
}

.boxworkshop385 {
  background: url(images/boxworkshop_385.jpg) no-repeat;
}

.box, .box2 {
  font-size: 11px;
  width: 250px;
  height: 250px;
  vertical-align: top;
}


.box270 {
  font-size: 11px;
  width: 270px;
  height: 250px;
  vertical-align: top;
}

.box100 {
  background: url(images/box100.jpg) no-repeat;
  height: 100px;
  width: 250px;
  overflow: hidden;
}

.box140 {
  background: url(images/box140.jpg) no-repeat;
  height: 140px;
  width: 250px;
  overflow: hidden;
}

.boxcontent {
  margin: 10px;
  overflow: hidden;
}

.boxoben {
  height: 250px;
  width: 250px;
  background: url(images/box17.jpg) no-repeat;
  margin-bottom: 20px;
  overflow: hidden;
}
.boxklein {
  background: url(images/box15.jpg) no-repeat;
  height: 50px;
  width: 250px;
  overflow: hidden;
}

.box70 {
  background: url(images/box70.jpg) no-repeat;
  height: 70px;
  width: 250px;
  overflow: hidden;
}

.boxklein70 {
  background: url(images/box70.jpg) no-repeat;
  height: 70px;
  width: 250px;
  overflow: hidden;
}

.boxklein75 {
  background: url(images/box75.jpg) no-repeat;
  height: 75px;
  width: 250px;
  overflow: hidden;
}


.box115 {
  background: url(images/box115.jpg) no-repeat;
  height: 115px;
  width: 250px;
  overflow: hidden;
}

.boxmittel {
  background: url(images/box155.jpg) no-repeat;
  height: 190px;
  width: 250px;
  overflow: hidden;
}

.boxgross {
  background: url(images/box16.jpg) no-repeat;
  height: 280px;
  width: 250px;
  overflow: hidden;
}

.boxgross18 {
  background: url(images/box18.jpg) no-repeat;
  height: 300px;
  width: 250px;
  overflow: hidden;
}

.boxgross19 {
  background: url(images/box19.jpg) no-repeat;
  height: 340px;
  width: 250px;
  overflow: hidden;
}

.boxcontentneu {
  padding: 10px;
/*  background: #c0c0c0; */
  overflow: hidden;
}

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

.boxcontentneu ul {
/* padding-top: -10px;*/
}

.boxcontentneu span {
  font-weight: bold;
  letter-spacing:1px;
}
.boxcontentneu h1 {
  font-size: 13px !important;
}

.boxcontent p {
  margin-bottom: 8px;
  line-height: 145%;
}

.boxcontent h1  {
  margin-bottom: 8px;
/*  color: #eb6b37;  */
}

.boxcontent p {
  margin-bottom: 8px;
  line-height: 145%;
}


.map {
  font-size: 11px;
  background: url(images/karte.jpg) no-repeat;
  height: 250px;
  width: 250px;
}


#luecke {
  width: 25px;
}

#news a {
  color: #eb6b37;
  text-decoration: none;
}

#news a:hover {
  color: #eb6b37;
  text-decoration: underline;
}


#news ol {
  margin: 10px 0px 0px 20px;
  list-style-type:decimal;
}


#news ul, #liste-ul ul {
  margin: 10px 0px 0px 30px;
  list-style-image:url(images/pfeil.gif);
}

#news ul, #liste-ul p {
        margin-left: 10px ;
        list-style-image:url(images/pfeil.gif);

}

#liste-left ul{
  margin-left: 15px;
  text-align: left;
  list-style-image:url(images/pfeil.gif);
}

#liste-ul-zwei ul{
  margin-left: 15px;
  width: 350px;
  list-style-image:url(images/pfeil.gif);
}

#liste-pro ul {
  list-style-image:url(images/pfeil.gif);
  margin-left: 10px;
}
#liste-pro li {
  margin-bottom: 5px;
}

#news ol li, #news ul li, #liste-ul ul li {
  margin-bottom: 5px;
}
#liste-ul ul span {

  letter-spacing:2px;
  font-size: 10px;
  font-weight: normal;
}
#liste-ul ul li {
  margin-bottom: 20px;
}


#news li {
  margin-bottom: 5px;
}

#einzel, #news  {
  width: 250px;
  display: block;
  vertical-align: top;
}

/* --- für attentiontracking --- */

#einzelneu {
  width: 250px;
/*  display: block; */
  vertical-align: top;
}

#einzelneu td {
  vertical-align: top;
}

#einzelneu p {
  margin-top: 15px;
}

#einzelneu {
  font-weight: bold;
/*  letter-spacing:1px;    */
}

#einzelneu h1 {
  font-size: 15px;
  margin-bottom: 15px;
}

#einzelneu img {
  float: left;
  margin: 0px 15px 15px 0px;
}

#einzelneu ul {
/*  margin-top: 10px; */
}
#einzelneu li {
 margin-left: 10px;
 padding-top: 3px;
}

#einzelneu li span {
  font-weight: bold;
  letter-spacing:1px;
}

/* ---------- */


#einzelright {
  text-align: right;
  vertical-align: top;
  width: 250px;
}

#ding {
  padding-left: 170px;
}

#haupt {
  table-layout: fixed;
}

#doppel {
  width: 525px;
  vertical-align: top;
}
#einzel td {
  vertical-align: top;
}

#zelle td {
  vertical-align:top;

}

#einzel p, #doppel p, #mittel p {
  margin-top: 15px;
}

#einzel, #doppel p span{
  font-weight: bold;
/*  letter-spacing:1px;    */
}
#viertelintro, #viertel {
  width: 181px;
  text-align: center;
}

#viertel {
/*  height: 60px; */
  height: 60px;
}
#viertelintro {
  padding-bottom: 25px;
}

#viertel img {
  margin-bottom: 35px;
}


#news img {
/*  border: 1px solid #aeaeae; */
  margin: 0px 15px 10px 0px;
  float: left;
}

.rahmen {
  float: left;
  margin: 0px 15px 15px 0px;
}

.rahmeninfo {
  float: left;
  margin: 0px 15px 50px 0px;
}

.rahmen2 {
  float: left;
/*
margin: 0px 15px 175px 0px;
Abstandhalter für die Einträge in der news.html
*/
  margin: 0px 15px 180px 0px;
}



#einzel h1, #doppel h1, #mittel h1, #viertel h1, #viertelintro h1 {
  font-size: 15px;
  margin-bottom: 15px;
}

#einzel img {
  float: left;
  margin: 0px 15px 15px 0px;
}

#einzel ul, #mittel ul {
  margin-top: 10px;
}
#einzel li, #mittel li {
  margin-left: 10px;
}

#einzel li span, #mittel li span {
  font-weight: bold;
  letter-spacing:1px;
}

/*                           M E N U                 */

#menu {
  height: 27px;
}
#menu-unten {
  height: 19px;
}

#menu ul, #menu-unten ul {
  text-align: center;
}

#menu ul li{

  list-style-type: none;
  float: left;
  height: 27px;
  width: 133px;
}

#menu-unten ul li {
  list-style-type: none;
  float: left;
  height: 19px;
  width: 133px;
}

#menu ul li a{
  width: 133px;
  height: 27px;
  display: block;
}



#menu ul a:hover {
  text-decoration: none;
}



#m-leer span, #m-leer_klein span, #m-home span, #m-home-a span, #m-produkte span, #m-produkte-a span, #m-know span, #m-know-a span, #m-referenzen span, m-referenzen-a span, #m-unter span, #m-unter-a span, #m-lang span, #m-kontakt span{
  visibility: hidden;
}

/*                           M E N U P U N K T E                */


#m-leer {
  background: url(images/nav/nav-leer.jpg) 0 -27px;
}
#m-leer_klein {
  background: url(images/nav/nav-leer_klein.jpg) 0 -54px;
  width: 67px !important;
}
#m-home {
  background: url(images/nav/nav-home-a.jpg) 0 0px;
}
#m-home a{
  background: url(images/nav/nav-home.jpg) 0 -27px;
}
#m-home a:hover{
  background: url(images/nav/nav-home.jpg) 0 -0px;
}
#m-home-a a {
  background: url(images/nav/nav-home-a.jpg) 0 -27px;
}
#m-home-a a:hover{
  background: url(images/nav/nav-home-a.jpg) 0 -0px;
}


#m-produkte {
  background: url(images/nav/nav-produkte-a.jpg) 0 0px;
}
#m-produkte a{
  background: url(images/nav/nav-produkte.jpg) 0 -27px;
}
#m-produkte a:hover{
  background: url(images/nav/nav-produkte.jpg) 0 -0px;
}
#m-produkte-a a {
  background: url(images/nav/nav-produkte-a.jpg) 0 -27px;
}
#m-produkte-a a:hover{
  background: url(images/nav/nav-produkte-a.jpg) 0 -0px;
}


#m-know {
  background: url(images/nav/nav-know-how-a.jpg) 0 0px;
}
#m-know a{
  background: url(images/nav/nav-know-how.jpg) 0 -27px;
}
#m-know a:hover{
  background: url(images/nav/nav-know-how.jpg) 0 -0px;
}
#m-know-a a {
  background: url(images/nav/nav-know-how-a.jpg) 0 -27px;
}
#m-know-a a:hover{
  background: url(images/nav/nav-know-how-a.jpg) 0 -0px;
}


#m-referenzen {
  background: url(images/nav/nav-referenzen-a.jpg) 0 0px;
}
#m-referenzen a{
  background: url(images/nav/nav-referenzen.jpg) 0 -27px;
}
#m-referenzen a:hover{
  background: url(images/nav/nav-referenzen.jpg) 0 -0px;
}
#m-referenzen-a a {
  background: url(images/nav/nav-referenzen-a.jpg) 0 -27px;
}
#m-referenzen-a a a:hover{
  background: url(images/nav/nav-referenzen-a.jpg) 0 -0px;
}


#m-unter {
  background: url(images/nav/nav-unter-a.jpg) 0 0px;
}
#m-unter a{
  background: url(images/nav/nav-unter.jpg) 0 -27px;
}
#m-unter a:hover{
  background: url(images/nav/nav-unter.jpg) 0 -0px;
}
#m-unter-a a{
  background: url(images/nav/nav-unter-a.jpg) 0 -27px;
}
#m-unter-a a:hover{
  background: url(images/nav/nav-unter-a.jpg) 0 -0px;
}


#m-lang {
  background: url(images/nav/nav-lang.jpg) 0 0px;
  width: 67px !important;
}
#m-lang a{
  background: url(images/nav/nav-lang.jpg) 0 -54px;
  width: 67px !important;
}
#m-lang a:hover{
  background: url(images/nav/nav-lang.jpg) 0 -27px;
  width: 67px !important;
}


#m-kontakt {
  background: url(images/nav/nav-kontakt.jpg) 0 0px;
  width: 67px !important;
}
#m-kontakt a{
  background: url(images/nav/nav-kontakt.jpg) 0 -54px;
  width: 67px !important;
}
#m-kontakt a:hover{
  background: url(images/nav/nav-kontakt.jpg) 0 -27px;
  width: 67px !important;
}

#m-u-eins {
  background: url(images/nav/nav-u-1.jpg);
}
#m-u-zwei {
  background: url(images/nav/nav-u-2.jpg);
}
#m-u-drei {
  background: url(images/nav/nav-u-3.jpg);
  width: 134px !important;
}

#m-u-eins span, #m-u-zwei span, m-u-drei span{
	color:#FF0000;

}


#menu-unten ul li {
  padding-top: 0px;
  font-weight: bold;
  color: #eb6b37;
}

#menu-unten a {
  color: #7e7e7e;
  font-size: 11px;
  font-weight: bold;
}

.umfrage ol {
  padding-left: 20px;
}

.umfrage ol li {
  margin-bottom: 20px;
}

.umfrage p {
    font-weight: bold;
  letter-spacing:1px;
  margin-bottom: 8px;

}

.umfrage table {
  width: 60%;
}


.inputfield, .checkbox{
background-color: #fff;
border: 1px solid #bfc0c1;
font-size: 12px;
color: #424243;
}

.inputfield{
width: 250px;
}

.inputfield:focus, .inputfield:hover{
background-color: #e6e7e8;
}

.submit-button{
background-color: #e6e7e8;
font-size: 12px;
color: #424243;
width: 80px;
border: 1px solid #bfc0c1;
}

.formular-text, .formular-orange{
text-align: left;
width: 50px;
font-size: 12px;
}



.formular-orange{
color: #424243;
}

.formular-orange{
color: #eb6b37;
}