* {
margin: 0;
padding: 0;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
body {
   background-color: #605d5c;
   text-align: center;
   height: 100%;
   font-size: 0.9em;
   margin: 0;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
html  {

}

div {
   text-align: left;
}
p  {
   padding-left: 8px;
   font-size: 0.8em;
   padding-right: 8px;
   color: #333;
   line-height: 1.4em;
}
h1 {
   font-size: 1em;
   color: #FFF;
   background-color: #8f3078;
   padding-left: 8px;
   font-weight: normal;
   border-bottom: solid #605d5c 1px;
   border-left: solid #a8abad 1px;
   border-top: solid #a8abad 1px;
   border-right: solid #605d5c 1px;
}
h2 {
   font-size: 0.9em;
   padding-left: 8px;
   padding-right: 8px;
   font-weight: bold;
   padding-bottom: 2px;
   padding-top: 5px;
}

h3 {
   font-size: 0.9em;
   padding-left: 8px;
   font-weight: normal;
   padding-bottom: 2px;
   padding-top: 0px;
}

h4  {
   font-size: 0.8em;
   font-weight: bold;
   padding-left: 8px;
   padding-right: 8px;
   padding-bottom: 2px;
   padding-top: 0px;
}


h6 {
   font-size: 0.7em;
   padding-left: 8px;
   text-decoration: underline;
}

h7 {
   font-size: 1.8em;
   padding-left: 8px;
   padding-right: 8px;
   font-weight: bold;
   padding-bottom: 2px;
   padding-top: 5px;
}

h8 {
   font-size: 0.9em;
   padding-left: 8px;
   font-weight: normal;
   text-decoration: underline;  
   padding-bottom: 2px;
   padding-top: 0px;
}

ul {
   font-size: 0.8em;
   list-style-type: circle;
   padding-left: 25px;
}


button {

   width: 100px;
   height: 30px;
   float: left;
   color: #333;
   font-size: 0.8em;
   line-height: 1.4em;
}

/* End hide from IE-mac */
.logo {
   float: right;
   margin-right: 20px;
   margin-top: 50px;
}

.box {
   background-color: #e1dddd;
   background-image: url(../pics/hintergrund.jpg);
   background-repeat: no-repeat;
   border-left: solid #ccc 2px;
   border-right: solid #ccc 2px;
   width: 80%;
   min-width: 830px;
   margin: 0 auto;
}

.bottom {
   width: 100%;
   background-color: #8f3078;
   bottom: 0;
   border-top: solid #fff 1px;
   color: #CCC;
   min-width: 830px;
   clear: both;
   border-bottom: solid #ccc 2px;
   margin-top: 15px;
}


.bottom p {
   font-size: 0.8em;
   text-align: center;
   margin: 0;
   margin-bottom: 5px;
   margin-top: 5px;
   color: #FFF;
}
.header {
   width: 100%;
   height: 150px;
   overflow: hidden;
}
.header h3 {
   padding-left: 10%;
   font-size: 1.8em;
   padding-right: 8px;
   color: #605d5c;
   line-height: 1em;
   padding-top: 40px;
   padding-bottom: 0px;
}
.header h4 {
   padding-left: 16%;
   font-size: 1.5em;
   padding-right: 8px;
   color: #8f3078;
   line-height: 1em;
   padding-top: 0px;
}
.header h5 {
   padding-left: 20%;
   font-size: 1.5em;
   padding-right: 8px;
   color: #d171ba;
   line-height: 1em;
}

.navigation {
   background-color: #CCC;
   border-bottom: solid #fff 1px;
   border-top: solid #fff 1px;

}
.clearfix {display: block;}

.links {
   width: 20%;
   margin-left: 2%;
   margin-top: 2%;
   float: left;
   min-height: 200px;
}

.links ul{
   list-style-type: square;
}

.links_menue {
   /*background-color: #f1ecec;*/
   background-color:#acacac;/*neu*/
   border: solid #ccc 2px;
   margin-bottom: 20px;/*Abstand zur nächsten Box*/
   overflow: hidden;
}

.links_menue ul{
   padding-left: 0%;
}

.links_txt {
   background-color: #f1ecec;
   border: solid #ccc 2px;
   margin-bottom: 2%;
   overflow: hidden;
}

.bild_links1 {
   height: 170px;
   margin-top: 10px;
   margin-left: 8px;
   margin-right: 8px;
   margin-bottom: 8px;
   background-position: center;
   overflow: hidden;
   text-align: center;
}

.logos_links{
        float: right;
        background-color: #f1ecec;
   border: solid #ccc 2px;
        width: 70%;
   background-position: center;
   overflow: hidden;
}

.mitte {
   margin-left: 2%;
   background-color: #f1ecec;
   float: left;
   margin-top: 2%;
   border: solid #ccc 2px;
   min-height: 350px;
   padding-bottom: 20px;
   width: 51%;
}


.kontaktdaten {
   text-align: center;
}

.kontaktdaten p{
   font-size: 0.9em;
   padding-left: 8px;
   font-weight: normal;
   padding-bottom: 2px;
   padding-top: 0px;
}


.bild_mitte {
   text-align: center;
   height: 386px;
   width: 100%;
   float: none;
   margin-top: 5px;
        margin-left: 4px;
   margin-right: 8px;
   background-position: center;
   overflow: hidden;
}

.liste {
   width: 100%;
   overflow: hidden;

}

/*Ausehen und Form der Listen Unterpunkte */
.liste p{
   padding-left:30px;
   font-size: 0.9em;
   padding-right: 8px;
   color: #333;
   line-height: 1.4em;
}


/*Groesse und Verhalten der Liste links */
.liste_links{
   width: 45%;
   margin-top: 2px;
   margin-left: 20px;
   float: left;
}

/*Groesse und Verhalten einer allgmemeinen Liste ueber die volle Breite */
.liste_2{
   margin-top: 2px;
   margin-left: 20px;
   float: left;
}

/*Groesse und Verhalten der Liste rechts */
.liste_rechts{
   width: 45%;
   margin-top: 2px;
   margin-right: 10px;
   float: right;
}

.embedded_logo{
   width: 100%;
   margin-top: 20px;
   margin-right: 20px;
   margin-bottom: 20px;
   text-align: center;
   overflow: hidden;
}

.rechts {
   float: right;
   margin-top: 2%;
   width: 20%;
   margin-right: 2%;
}
.rechts_txt {
   background-color: #f1ecec;
   border: solid #ccc 2px;
   margin-bottom: 2%;
   overflow: hidden;
}

.knowhow_txt {
   background-color: #f1ecec;
   border: solid #ccc 2px;
   margin-bottom: 20px;/*Abstand zur naechsten Box*/
   overflow: hidden;
}

.glossar_txt {
   background-color: #f1ecec;
   border: solid #ccc 2px;
   margin-bottom: 20px;/*Abstand zur naechsten Box*/;
   overflow: hidden;
}

.rechts_scroll {
   background-color: #f1ecec;
   border: solid #ccc 2px;
   margin-bottom: 2%;
   overflow-y: scroll;
   overflow-x: hidden;
   max-height: 200px;
   min-height: 150px;
}
.bild_rechts1 {
   height: 170px;
   margin-top: 10px;
   margin-left: 8px;
   margin-right: 8px;
   background-position: center;
   overflow: hidden;
}

.projektmenue{
   width: 90%;
   margin-top: 20px;
        margin-left: 20px;
   margin-right: 100px;
        margin-bottom: 10px;
   float: left;
}

.projektmenue img{
   float: left;
   width: 50px;
   height: 50px;
}

.projektmenue h2{
   float: left;
   font-size: 1.2em;
   font-weight: normal;
   color: #333;   /*schwarz*/
   padding-top: 15px;
   padding-left: 20px;
   overflow: hidden;
}

.projektmenue p{
   float: left;
   font-size: 0.9em;
   font-weight: normal;
   color: #333;
   padding-top: 15px;
   padding-left: 20px;
   overflow: hidden;
}

.projektliste_1{
   list-style-type: square;
   line-height: 1.9em;
   padding-left: 40px;
   padding-right: 8px;
}

.projektliste_2{
   list-style-type: disc;
   font-size: 1.0em;
   line-height: 1.6em;
   padding-left: 40px;
   padding-right: 8px;
}

.gloassar_1{
   list-style-type: none;
   line-height: 1.6em;
   padding-left:  8px;
   padding-right: 8px;
}

.produktmenue{
   width: 90%;
   margin-top: 20px;
        margin-left: 20px;
   margin-right: 100px;
        margin-bottom: 10px;
   float: left;
}

.produktmenue img{
   float: left;
   width: 100px;
   height: 100px;
}

.produktmenue h2{
   float: left;
   font-size: 1.2em;
   font-weight: normal;
   color: #333;   /*schwarz*/
   padding-top: 15px;
   padding-left: 20px;
   overflow: hidden;
}

.produktmenue p{
   float: left;
   font-size: 0.9em;
   font-weight: normal;
   color: #333;
   padding-top: 15px;
   padding-left: 20px;
   overflow: hidden;
}


.produkt img{
   margin-top: 10px;
   margin-right: 10px;
   margin-left: 10px;
   margin-bottom: 10px;
   background-position: center;
   text-align: center;
   overflow: hidden;
}


.produkt h2{
   width: 90%;
   float: left;
   font-size: 1.5em;
   font-weight: normal;
   color: #333;   /*schwarz*/
   background-color: #f1ecec;
   margin-top: 10px;
   margin-right: 10px;
   margin-left: 5px;
   margin-bottom: 10px;
   overflow: hidden;
   border-bottom: none;
   border-left: none;
   border-top: none;
   border-right: none;
}

.produkt ul{
   width: 50%;
   margin-top: 20px;
   margin-left: 20px;
   float: left;
   font-size: 0.8em;
   font-weight: bold;
   list-style-type: square;
   padding-left: 20px;
}

.produkt_image{
   width: 35%;
   margin-top: 10px;
   margin-left: 10px;
   margin-bottom: 10px;
   margin-right: 10px;
   float: right;
   text-align: center;
   overflow: hidden;
}

.produkt_text{
   width: 95%;
   margin-top: 30px;
   margin-left: 10px;
   margin-bottom: 10px;
   margin-right: 10px;
   float: left;
}

.produkt_text ul{
   width: 90%;
   margin-top: 5px;
   margin-left: 20px;
   float: left;
   font-size: 0.8em;
   font-weight: normal;
   list-style-type: circle;
   padding-left: 20px;
}

.produkt_text2{
   width: 60%;
   margin-top: 10px;
   margin-left: 10px;
   margin-bottom: 10px;
   margin-right: 10px;
   float: left;
}

.link_text{
   float: none;
   margin-top: 17px;
   margin-left: 280px;
}

.nach_oben{
    text-align: center;
}


.download{
   width: 100%;
   float: left;
   border-bottom: solid #ccc 2px;
   overflow: hidden;
}

.download h2{
   width: 100%;
   float: left;
   font-size: 1.1em;
   font-weight: bold;
   color: #333;   /*schwarz*/
   margin-top: 15px;
   margin-bottom: 5px;
   border-bottom: solid #ccc 3px;
   overflow: hidden;
}


.download_text{
   width: 65%;
   float: left;
   margin-top: 20px;
   margin-left: 10px;
   overflow: hidden;
}

.download_bild{
   float: right;
   width: 25%;
   margin-top: 10px;
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
   overflow: hidden;

}

.download_bild img{
   border-top: solid #ccc 1px;
   border-left: solid #ccc 1px;
   border-right: solid #ccc 3px;
   border-bottom: solid #ccc 3px;

}

.firmenlogos {
   float: none;
   padding-top: 50px;
   text-align: center;
}