/** Globale Einstellungen und Bugfixes 
 
* Browser-Reset 
*/
 
 
/* Zurücksetzen der Innen- und Außenabstände */
* { 
   margin: 0; 
   padding: 0; 
   }

/**
Farben und Hintergründe setzen 
*/

html, body { 
   color: #000000; 
   background-color: white; 
   }

/**  
Schriftgröße kontrollieren 
*/
   
body, td, th {
   
   color: #999999;
   font-family: Helvetica, Arial, sans-serif;
   text-align: center; /* Zentrierung im Internet Explorer */
   background-color: #FFFFFF;
   background-position: center;
   }

td, th {
   f\ont-size: 100%; 
   background-color: #FFFFFF;
   color: #000000;
   text-align: left;
   }

table {
   
   }
   
img {
   border: none;
   }
   
div#Seite {
   text-align: left; /* Seiteninhalt wieder links ausrichten */
   margin: 0 auto; /* standardkonforme horizontale Zentrierung */
   width: 960px;
   padding: 0.5em;
   }

.unsichtbar { 
   display: none;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 20px;
   font-weight: 800;
   }

/** Kopfzeile
---------------------------------------------------------- */
   
img#logoklein {
   margin: 0 0 0 60px;
   height: 16px;
   }

img#logogross {
   position: relative; left: 372px; top: 6px;
   width: 425px;
   height: 70px;
   }

span#logotext {
   position: relative; left: -428px; top: 0px;
   text-transform: uppercase;
   color: #999999;
   font-size: 1.35em;
   }
      
img#line {
   width: 960px;
   height: 1px;
   }
   

   
/* Seitenspalte --------------------------------------------------- */
div#sidebar {
   float: left;
   width: 210px;
   margin: 20px 0 20px 60px; /* oben rechts unten links */
   border: 1px solid black;
   }

li.underline {
   border-bottom: 1px solid black;
   margin: 0 0 0 0px;
   }

    
/** Navigation
---------------------------------------------------------- */

li#n1 {
   text-transform: uppercase;
   }

ul#nav {
   list-style: none;
   width: 210px;
   margin: 0 0 0 0px;
   font-size: 13px;
   }

#nav a,
#nav strong {
   color: black;
   background-color: #eccaab;
   display: block;
   padding: 5px 10px 7px 10px;
   text-align: left;
   line-height: normal;
   }
  
#nav a:hover,
#nav a:focus,
#nav a:active,
#nav strong {
   color: #FFFFFF;
   background-color: #97613c;  
   }


   
/** Inhalt
---------------------------------------------------------- */


/** 
* @section Content 
*/

div#content { 
   
   width: 592px;
   margin: 18px 0 0 260px; 
   padding: 0 60px 0 36px;
   text-align: justify;
   color: #000000; 
   font-family: Helvetica, Arial, sans-serif;
   font-size: 12px;
   min-height: 570px;
   }

#content h1 { 
   margin-top: 0;
   } 

#content h3 { 
   margin-top: 0px;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 8px;
   font-weight: 200;
   } 

#content h4 { 
   margin-top: 20px;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 16px;
   font-weight: 800;
   } 

#content h5 { 
   margin-top: 0px;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 14px;
   font-weight: 800; 
   } 
   
#content img { 
   float: left; 
   margin: 0 1em 1em 0; 
   }

h4#number {
   text-align: center;
   }

img#lager {
   float:right;
   margin: 0 0 1em 2em;
   }

img#sonder {
   float:left;
   margin: 0 2em 1em 0;
   }
   
img#baustelle {
   float:right;
   margin: 0 0 1em 1em;
   }

.telefon {
   width: 55px;
   display: block;
   float: left;
   }

.spalte2 {
   margin: 0 0 0 60px;
   }

span.rahmen {
   border: 1px solid black;
   display: block;
   background-color: #eccaab;
   margin: 0 0 0 0px;
   }

.rahmen2 {
   border: 0px;
   display: block;
   background-color: #97613c;
   margin: 0 0 0 0px;
   }

.artnr {
   width: 572px;
   padding: 0 0 0 20px;
   display: block;
   color: #FFFFFF;
   background-color: #000000;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 14px;
   font-weight: 800;
   }

.artnr3 {
   width: 276px;
   padding: 0 0 0 20px;
   display: block;
   color: #FFFFFF;
   background-color: #000000;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 14px;
   font-weight: 800;
   }
   
.artnr4 {
   width: 271px;
   padding: 0 0 0 20px;
   display: block;
   color: #FFFFFF;
   background-color: #000000;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 14px;
   font-weight: 800;
   }
   
.arttxt {
   display: block;
   padding: 0 20px 0 20px;
   }

.arttxt2 {
   display: block;
   position: relative; left: 80px; top: -17px;
   width: 490px;
   color: #FFFFFF;
   background-color: #97613c;
   padding: 0 20px 0 0px;
   }

.artueb {
   padding: 0 20px 0 20px;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 14px;
   font-weight: 800;
   }
   
.artueb3 {
   padding: 0 20px 0 0;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 14px;
   font-weight: 800;
   }
   
.artueb4 {
   padding: 0 20px 0 20px;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 18px;
   font-weight: 800;
   color: #FA0000;
   }
              
#content img.prod {
   float: none; 
   margin: 0 0 0 0em; 
   border-bottom: 1px solid black;
   }

#content img.prod1 {
   float: none; 
   margin: 0 0 0 0em;
   border-bottom: 1px solid black;
   }

#content img.prod2 {
   float: none; 
   margin: 0 0 0 0em;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   }
   
#content img.prod3 {
   float: left; 
   margin: 0 20px 0 0;
   border-bottom: 1px solid black;
   border-right: 1px solid black;
   }

#content img.prod4 {
   float: none; 
   margin: 0 0 0 0px; 
   border-bottom: 1px solid black;
   border-right: 1px solid black;
   }

#content img.prod6 {
   float: none; 
   margin: 0 1px 0 6px; 
   border-bottom: 1px solid black;
   border-left: 1px solid black;
   border-right: 1px solid black;
   }
   
#content img.prod5 {
   float: none; 
   margin: 0 0 0 5px; 
   border-bottom: 1px solid black;
   border-left: 1px solid black;
   }
   
#content img.prod7 {
   float: none; 
   border: 1px solid black;
   }
   

/** Fußzeile
---------------------------------------------------------- */

img#downline1 {
   position: relative; top: -12px;
   }

img#downline2 {
   position: relative; top: -24px;
   }

img#downline3 {
   position: relative; top: -36px;
   }

img#downline4 {
   position: relative; top: -48px;
   }

img#downline5 {
   position: relative; top: -60px;
   }

img#downline6 {
   position: relative; top: -72px;
   }

img#downline7 {
   position: relative; top: -84px;
   }

img#downline8 {
   position: relative; top: -96px;
   }
   
img#downline9 {
   position: relative; top: -108px;
   }

img#logounten {
   position: relative; top: -154px; left: 65px;
   height: 16px;
   }

span#adress {
   position: relative; top: -146px; left: 195px;
   display: block;
   width: 700px;
   color: #000000;
   font-size: 10px;
   background-color: white;
   }

span#adress a {
   color: black;
   }

.pb {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 12px;
   font-weight: 800; 
   }
   
img#downline1 {
   width: 960px;
   height: 1px;
   margin: 0 0 0 0px;
   }

img#downline2,
img#downline3,
img#downline4,
img#downline5,
img#downline6,
img#downline7,
img#downline8,
img#downline9 {
   width: 840px;
   height: 1px;
   margin: 0 0 0 120px;
   }
   
.pb {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 12px;
   font-weight: 800; 
   }
   
span.acht {
   font-size: 9px;
   }
   
p.preisanfrage {
   padding: 0 20px 0 20px;
   }

th#tabart {
   width: 90px;
   }

th#tabanz {
   width: 80px;
   }
   
th#tabbez {
   width: 350px;
   }
   
/**
* @section Formulare
*/
fieldset {
  border: 1px solid #97613c;
  margin: 1em 0;
  padding: 0 1em;
}
legend {
  color: black;
  background-color: #eccaab;
  padding: .3em 1em;
}

input[type="text"] {
  border: 1px solid #cbb8ba;
  padding: 3px 10px;
}
input[type="submit"] {
  color: #2e050a;
  background-color: #eccaab;
  font-weight: bold;
  padding: 0 6px;
}
textarea {
  border: 1px solid #cbb8ba;
  margin: 1em 0;
  padding: 5px 15px;
  width: 535px;
}
label {
  cursor: pointer;
  padding-right: .5em;
}