/* alle browserseitig unterschiedlichen Defaultabstände auf Null setzen: */

* {

 margin: 0; padding: 0;

 }



html {

 height: 100%;

}



body {

 text-align: center;

 height: 100%;

 border: 0px solid yellow;

 background: #E6EEF2;

/*  background-image: url("../grafiken/bg.jpg");

 background-repeat: repeat-y;

background-position:  14px; */

}



#container {

 margin: 0 auto;

 text-align: left;

 border: 1px solid #BFBFBF;

 width: 1000px;

 background: #ffffff;



}



#kopf {

 background: #1D5D83;

 border: 0px solid red;

}



#logo {

 border: 0px solid green;

 float: left;

}



#ueberschrift {

 border: 0px solid blue;

 text-align: center;

}



#menue {

 float: left;

 width: 136px;

 border: 1px solid #acca57;

 position: relative;

 left: 30px;

 top: 0px;

}



#inhalt {

 float: right;

 border: 0px solid green;

 width: 78%;

 margin-top: 25px;

 margin-right: 10px;

}



#spacer {

 clear: both;

 background: #acca57;

 height: 4px;

 margin-top: 5px;

 font-size: 0; /* damit auch der IE den Balken korrekt darstellt */

 line-height: 0; /* damit auch der IE den Balken korrekt darstellt */

}



#spacer2 {

 background: #acca57;

 height: 20px;

}







/* Links im Text */

a:link {

 color: #005682;

 text-decoration: none;

}



a:visited {

 color: #005682;

 text-decoration: none;

}



a:active {

 color: #005682;

 text-decoration: none;

}



a:hover {

 color: #005682;

 text-decoration: underline;

}









/* Menü-Links 1. Ebene*/

a:link.menue {

 color: #000000;

 text-decoration: none;

 margin-bottom: 8px;

}



a:visited.menue {

 color: #000000;

 text-decoration: none;

 margin-bottom: 3px;

}



a:active.menue {

 color: #000000;

 text-decoration: none;

 margin-bottom: 3px;

}



a:hover.menue {

 color: #acca57;

 text-decoration: underline;

 margin-bottom: 3px;

}



/* Menü-Links 2. Ebene*/

a:link.menue2 {

 color: #000000;

 text-decoration: none;

 margin-bottom: 8px;

}



a:visited.menue2 {

 color: #000000;

 text-decoration: none;

 margin-bottom: 3px;

}



a:active.menue2 {

 color: #000000;

 text-decoration: none;

 margin-bottom: 3px;

}



a:hover.menue2 {

 color: #ffffff;

 text-decoration: underline;

 margin-bottom: 3px;

}



/* Menü-Links 3. Ebene*/

a:link.menue3 {

 color: #000000;

 text-decoration: none;

 margin-bottom: 8px;

}



a:visited.menue3 {

 color: #000000;

 text-decoration: none;

 margin-bottom: 3px;

}



a:active.menue3 {

 color: #000000;

 text-decoration: none;

 margin-bottom: 3px;

}



a:hover.menue3 {

 color: #ffffff;

 text-decoration: underline;

 margin-bottom: 3px;

}



/* Absätze im Menü, 2. Ebene */

p.menue2 {

 font-family: verdana;

 font-size: 0.7em;

 margin-bottom: 2px;

 padding-left: 20px;

 background: #D6E5AB;

}



/* Absätze im Menü, 3. Ebene */

p.menue3 {

 font-family: verdana;

 font-size: 0.7em;

 margin-bottom: 2px;

 padding-left: 40px;

 background: #D6E5AB;

}







/* Kontakt-Links */

a:link.kontakt {

 color: #005682;

 text-decoration: none;



}



a:visited.kontakt {

 color: #005682;

 text-decoration: none;

}



a:active.kontakt {

 color: #005682;

 text-decoration: none;

}



a:hover.kontakt {

 color: #005682;

 text-decoration: underline;

}



/* Absätze im Menü */

p.menue {

 font-family: verdana;

 font-size: 0.7em;

 margin-bottom: 3px;

 padding: 5px;

}



/* Überschriften */

h1 {

 font-family: verdana;

 font-size: 1.0em;

 font-weight: bold;

 color: #acca57;

 margin-bottom: 20px;

}



h2 {

 font-family: verdana;

 font-size: 0.7em;

 font-style: italic;

 color: #000000;

 margin-top: 15px;

}



/* Absätze im Text */

p {

 font-family: verdana;

 font-size: 0.7em;

 color: #676869;

 margin-bottom: 10px;

 line-height: 17px;

}



#rechts p {

 color: #000000;

}

#rechts_greener_choice p {

 color: #676869  ;

}





/* ausgewählter Menü-Punkt 1. Ebene*/

p.menue_aktiv {

 background: #acca57;

 color: #ffffff;

 font-family: verdana;

 font-size: 0.7em;

 margin-bottom: 10px;

 padding: 5px;

}



/* ausgewählter Menü-Punkt 2. Ebene*/

p.menue2_aktiv {

 background: #acca57;

 color: #ffffff;

 font-family: verdana;

 font-size: 0.7em;

 padding: 5px;

 margin-bottom: 2px;

 padding-left: 20px;

 /* background: #D6E5AB;*/

}



/* ausgewählter Menü-Punkt 3. Ebene*/

p.menue3_aktiv {

 background: #acca57;

 color: #ffffff;

 font-family: verdana;

 font-size: 0.7em;

 padding: 5px;

 margin-bottom: 2px;

 padding-left: 40px;

 /* background: #D6E5AB;*/

}



#links {

 float: left;

 width: 48%;

 border: 0px solid blue;

}



#rechts {

 float: right;

 width: 48%;

 border: 0px solid red;

}

#rechts_greener_choice {

 float: right;

 width: 48%;

 border: 0px solid red;

}





#links_produkte {

 float: left;

 width: 200px;

border: 0px solid red;

}



#rechts_produkte {

 float: right;

 border: 0px solid red;

 margin-right: 10px;

 width: 200px;

}



#mitte_produkte {

  margin-left: 280px;

 margin-right: 280px;

 border: 0px solid red;

}





#links_kontakt {

 float: left;

 /* width: 30%;*/

 width: 30%;

 border: 0px solid blue;

}



#rechts_kontakt {

 float: right;

 /* width: 60%; */

 width: 30%;

 border: 0px solid red;

}



#kontakt_telefon {

width: 30%;

float: left;

border: 0px solid red;

}



#haftungshinweis {

 float: right;

 /* margin-top: 150px;  */
  margin-top: -37px;
 width: 50%;

}



#haftungshinweis p {

 font-size: 0.6em;

}





table.downloads th {

 font-family: arial;

 font-size: 0.7em;

 font-weight: normal;

 padding-top: 3px;

 padding-bottom: 2px;

 padding-left: 7px;

 text-align: left;

}



table.downloads td {

 font-family: verdana;

 font-size: 0.7em;

 color: #676869;

 padding-left: 5px;

 padding-right: 15px;

 padding-top: 2px;

 padding-bottom: 2px;

 vertical-align: top;

}





.bold {

 font-weight: bold;

}



.left {

 float: left;

}



.right {

 float: right;

}



.clearing {

 clear: both;

}



.clear_left {

 clear: left;

}



clear_right {

 clear: right;

}



/* Liste auf der Gründe-Für-Maxibit-Seite */

ul.gruende {

 list-style-position: outside;

 list-style-type: disc;

 margin-left: 20px;

}



ul.gruende li {

 font-family: verdana;

 font-size: 0.7em;

 color: #676869;

 margin-bottom: 8px;

}



/* Liste generell */

ul {

 list-style-position: outside;

 list-style-type: disc;

 margin-left: 20px;

}



li {

 font-family: verdana;

 font-size: 0.7em;

 color: #676869;

 margin-bottom: 2px;

}



/* Formular */

form {

  /* width: 350px; */

 /* float: left;  */

}



input {

 background: #CFCFCF;

 border: 0;

}



form p {

 color: #000000;

 font-weight: bold;

}



textarea {

 width: 90%;

 height: 300px;

}



.clearing {

 clear: both;

}







p.produkte_headline {

 background: #D6E5AB;

 width: 170px;

 height: 40px;

 margin-left: -10px;

 margin-bottom: -10px;

 padding-left: 5px;

}



p.eng {

 line-height: 1.1em;

}



#preisbeispiel {

 width: 350px;

 background: #E6EEF2;

 border: 1px solid #B2CCD9;

 padding: 5px;

 margin-top: 20px;

}



#spalte_links {

 float: left;

 width: 30%;

 border: 0px solid #B2CCD9;

}



#spalte_rechts {

 float: right;

 width: 70%;

 margin-bottom: 10px;

 border: 0px solid #B2CCD9;

}