/*CSS-Datei für Schrift-Style Homepage neu 30.7.08*/
/*letzte Änderung Juli 08*/

/* Allgemeine Formatierungen*/

html, body {
   background-color:#F5F0E8;
   margin:0px;
   padding:0px;
   font-family:Verdana,Arial,Helvetica,sans-serif; 
   font-style:normal;
   }
 
/* erster Streifen oben über ganze Breite*/   
#top_1 {
   position:absolute;
   top:0px;
   left:0px;
   z-index:3;
   width:100%; 
   height:20px;
   background-color:  #B7B7B7;
   margin:0px; 
   padding:0px;
   }
 
/* zweiter Streifen oben über ganze Breite*/      
#top_2 {
   position:absolute;
   top:20px;
   left:0px;
   z-index:2;
   width:100%; 
   height:130px;
   background-color: #DBDBDB;
   border-bottom: 3px #B7B7B7 double;
   margin:0px; 
   padding:0px;
   }

/* Layer für Bauladen Logo*/      
#top_section1 {
   position:relative;
   float:left;
   width:200px; 
   height:150px;
   background-color:  #FFFFFF;
   margin:0px; 
   border-bottom: 3px #B7B7B7 double;
   border-right:3px #B7B7B7 double;
   padding:0px;
      }

 /* Layer für WellnessBild oben*/  
#top_section2 {
   positon:relative;
   float:right;
   height:150px;
   width:800px;
   border-bottom: 3px #B7B7B7 double;
   margin:0px; 
   padding:0px;
      }

/* Layer für gleiche Länge Container*/  
#layout {
   position:relative;
   background-color:  #E4DBBE;
   width:1003px;
   border-right: 3px #B7B7B7 double;
   border-left: 3px #B7B7B7 double;
   margin: auto;
   padding:0px;
   z-index:10;
 }   
   
      
/* Layer für Navigation linke Seite*/  
#navigation {
   background-color:  #E4DBBE;
   vertical-align:top;
   clear:left; 
   width:190px;
   height:1500px;
   margin:0px;
   padding-top:20px;
   padding-left:5px;
   padding-right:0px;
   padding-bottom:15px;
}

/* Layer für Inhalt rechte Seite*/  
#content {
   background-color:  #FFFFFF;
   float:right;
   width:770px;
   border-left: 3px #B7B7B7 double;
   margin:0px;
   padding:15px;
}

/* Bauladen Logo*/  
#logo {
   position:absolute;
   top:24px;
   left:5px;
   width:180px;
   
}

/* Button online Bestellen*/  
#bestellen {
      width:120px;
      hight:48px;
      border:0px;
}

/* Links linke Spalte Homepage */


/* Links linke Spalte Grundnavigation (Startseite, Produkte...) */
a.navlinks1 { font-size : 14px; color : #000066; font-weight : bold; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block; background-color : #FD0D3F7;  }
a.navlinks1:link { font-size : 14px; color : #000066; font-weight : bold; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block; background-color : #FD0D3F7; border-bottom: 1px solid #808080; }
a.navlinks1:visited { font-size : 14px; color : #000066; font-weight : bold; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block; background-color : #FD0D3F7; border-bottom: 1px solid #808080;  }
a.navlinks1:hover { font-size : 14px; font-weight : bold; text-decoration : none; display : block; color : #FFFFFF; background-color : #808080; padding : 3px 0px 3px 0px; }

/* Links linke Spalte Grundnavigation offen!(Produkte, Baubiologie...) */
a.navlinks1offen { font-size : 14px; color : #000066; font-weight : bold; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block; background-color : #FD0D3F7;  }
a.navlinks1offen:link { font-size : 14px; color : #000066; font-weight : bold; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block; background-color : #FD0D3F7; border-bottom: 1px solid #808080; }
a.navlinks1offen:visited { font-size : 14px; color : #000066; font-weight : bold; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block; background-color : #8FD0D3F7; border-bottom: 1px solid #808080;  }
a.navlinks1offen:hover { font-size : 14px; font-weight : 450; text-decoration : none; display : block; color : #FFFFFF; background-color : #808080; padding : 3px 0px 3px 0px; }

/* Links linke Spalte (Service, Angebote.....) */
a.navlinks2 { font-size : 14px; color : #000066; font-weight : 400; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block; background-color : #FD0D3F7; }
a.navlinks2:link { font-size : 14px; color : #000066; font-weight : 400; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block; background-color : #FD0D3F7; }
a.navlinks2:visited { font-size : 14px; color : #000066; font-weight : 400; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block; background-color : #FD0D3F7; }
a.navlinks2:hover { font-size : 14px; font-weight : 450; text-decoration : 400; display : block; color : #FFFFFF; background-color : #808080; padding : 3px 0px 3px 0px; }

/* Links linke Spalte für Produkte (Bodenbeläge, Naturfarben...) */
a.navlinks4 { font-size : 14px; color : #000066; font-weight : 400; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block; background-color : #FFFFFF; }
a.navlinks4:link { font-size : 14px; color : #000066; font-weight : 400; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block; background-color : #FFFFFF; }
a.navlinks4:visited { font-size : 14px; color : #000066; font-weight : 400; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block; background-color : #FFFFFF; }
a.navlinks4:hover { font-size : 14px; font-weight : 450; text-decoration : 400; display : block; color : #FFFFFF; background-color : #808080; padding : 3px 0px 3px 0px; }

/* Links linke Spalte für Produkte offen(Bodenbeläge, Naturfarben...) */
a.navlinks4offen { font-size : 14px; color : #000066; font-weight : bold; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block; background-color :  #ECEAEA; border-bottom: 1px solid #808080; border-top: 1px solid #808080;  }
a.navlinks4offen:link { font-size : 14px; color : #000066; font-weight : bold; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block; background-color : #ECEAEA;border-bottom: 1px solid #808080; border-top: 1px solid #808080;   }
a.navlinks4offen:visited { font-size : 14px; color : #000066; font-weight : bold; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block; background-color :  #ECEAEA; border-bottom: 1px solid #808080; border-top: 1px solid #808080;}
a.navlinks4offen:hover { font-size : 14px; font-weight : 450; text-decoration : bold; display : block; color : #FFFFFF; background-color : #808080; padding : 3px 0px 3px 0px; }

/* Links linke Spalte für Untermenüs Produkte  */
a.navlinks5 { font-size : 14px; color : #000066; font-weight : bold; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block; background-color :  #ECEAEA; border-bottom: 1px solid #808080; }
a.navlinks5:link { font-size : 14px; color : #000066; font-weight : bold; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block; background-color :  #ECEAEA; border-bottom: 1px solid #808080;  }
a.navlinks5:visited { font-size : 14px; color : #000066; font-weight : bold; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block;background-color :  #ECEAEA;   border-bottom: 1px solid #808080;  }
a.navlinks5:hover { font-size : 14px; font-weight : bold; text-decoration : 400; display : block; color : #FFFFFF; background-color : #808080; padding : 3px 0px 3px 0px; }


/* Links linke Spalte für Untermenüs Produkte wenn aktiv */
a.navlinksaktiv5 { font-size : 14px; color : #000066; font-weight : bold; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block; background-color :  #FCF8CD; border-bottom: 1px solid #808080; }
a.navlinksaktiv5:link { font-size : 14px; color : #000066; font-weight : bold; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block; background-color :  #FCF8CD; border-bottom: 1px solid #808080;  }
a.navlinksaktiv5:visited { font-size : 14px; color : #000066; font-weight : bold; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display: block;background-color :  #FCF8CD;   border-bottom: 1px solid #808080;  }
a.navlinksaktiv5:hover { font-size : 14px; font-weight : bold; text-decoration : 400; display : block; color : #FFFFFF; background-color : #808080; padding : 3px 0px 3px 0px; }



/* Links linke Spalte für weitere Untermenüs Produkte (Lehm und Boden)  */
a.navlinks6 { font-size : 12px; color : #000066; font-weight : bold; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block; background-color :  #ECEAEA; }
a.navlinks6:link { font-size : 12px; color : #000066; font-weight : bold; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block; background-color :  #ECEAEA; }
a.navlinks6:visited { font-size : 12px; color : #000066; font-weight : bold; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block;background-color :  #ECEAEA;  }
a.navlinks6:hover { font-size : 12px; font-weight : 450; text-decoration : bold; display : block; color : #FFFFFF; background-color : #808080; padding : 3px 0px 3px 0px; }


/* Links linke Spalte für weitere Untermenüs Produkte (Lehm und Boden) wenn aktiv  */
a.navlinksaktiv6 { font-size : 12px; color : #000066; font-weight : bold; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block; background-color :  #FCFAE7; }
a.navlinksaktiv6:link { font-size : 12px; color : #000066; font-weight : bold; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block; background-color :  #FCFAE7; }
a.navlinksaktiv6:visited { font-size : 12px; color : #000066; font-weight : bold; text-decoration : none; padding : 3px 0px 3px 0px; width : 100%; display : block;background-color :  #FCFAE7;  }
a.navlinksaktiv6:hover { font-size : 12px; font-weight : 450; text-decoration : bold; display : block; color : #FFFFFF; background-color : #808080; padding : 3px 0px 3px 0px; }


/* Links Abspann unten */
a.navlinks3 { font-size : 14px; color : #000066; font-weight : 450; text-decoration : none; padding : 0px 13px 0px 13px;  margin-top: 0px ;  border-right: 1px solid #808080; }
a.navlinks3:link { font-size : 14px; color : #000066; font-weight : 450; text-decoration : none; padding : 0px 13px 0px 13px;   margin-top: 0px ;  border-right: 1px solid #808080; }
a.navlinks3:visited { font-size : 14px; color : #000066; font-weight : 450; text-decoration : none; padding : 0px 13px 0px 13px;  margin-top: 0px ; border-right: 1px solid #808080;  }
a.navlinks3:hover { font-size : 14px; font-weight : 450; color : #FFFFFF; background-color : #808080; padding : 0px 13px 0px 13px; margin-top: 0px ;}

/* HR für Links Abspann unten*/
hr.abspann {height : 1pt; color:#808080; width : 100%; }

/* Bild leer.gif für Abstand*/
/* Abstand für Untermenüs Produkte*/
img.abstand1 {width : 10px ; height : 6px; border:none;}
/* Abstand für Untermenüs unter Produkte*/
img.abstand2 {width : 34px ; height : 6px; border:none;}

/* Tabellen für tshop*/

/* Grundtabelle noframes*/
table.grund {background-color : #FFFFFF; width:1000px; height="100%"; margin-top:0px; margin-left:0px; margin-bottom:0px; margin-right:0px; vertical-align: top;}
/* td Breite für Links links*/
td.breitelinks { width:200px; height: 100%; vertical-align  : top; background-color : #E4DBBE;}

/* td Spalte rechts*/
td.rechts1 { background-image : url(../bilder/rechts.jpg); vertical-align  : top; }

/* Tabelle Navigation links*/
table.navi {width:100%; background-color : ##E4DBBE; vertical-align  : top;  margin-top:0px; margin-left:0px; margin-bottom:0px; margin-right:0px; }
/* td für Logo*/
td.logo { background-color : #FFFACD; vertical-align  : top; border-right: 1px solid #E4DBBE; }
/* td für Links*/
td.links { background-color : ##E4DBBE; vertical-align  : top; }

/* Tabelle Content rechts*/
table.content {width: 100%;  background-image : url(../bilder/rechts.jpg); vertical-align : top;}
/* Padding für Inhalt Tabelle Content rechts*/
td.content {padding: 7pt; vertical-align : top; }


h1,h2,h3, h4,h5,h6 {font-family:Arial,Helvetica,sans-serif; font-weight:400}

.braun{color:#9E1212;}

p {font-family:Verdana,Arial,Helvetica,sans-serif;  font-size:13pt;
                      color:black; font-weight:400}
p#span {font-family:Verdana,Arial,Helvetica,sans-serif;  font-size:14pt;
                      color:#253285; font-weight:400;}

p#gr {font-family:Arial,Helvetica,sans-serif;  font-size:16pt;
                      color:black; font-weight:400}
p#kl {font-family:Arial,Helvetica,sans-serif;  font-size:12pt;
                      color:black; font-weight:400}
p#rot {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:13pt;
                      color:red; font-weight:400}
span#mini {font-family:Arial,Helvetica,sans-serif;  font-size:8pt;
                      color:black; font-weight:300}
span#rot {font-family:Verdana,Arial,Helvetica,sans-serif;  font-size:13pt;
                      color:red; font-weight:400}
span#such{font-family:Arial,Helvetica,sans-serif;  font-size:1pt;
                      color:white}
li {font-family:Arial,Helvetica,sans-serif;  font-size:12pt;
                      color:black; font-weight:400}
 h1 {font-size:24pt;color:#253285}
 h2 {font-size:24pt;color:#253285}
h2#rot{font-size:22pt;color:red}

 h3 {font-size:20pt;color:#253285}
h3#rot{font-size:18pt;color:red}

h3#weiss {font-size:18pt;color:white}

 h4 {font-size:18pt; color:#253285}
h5{font-size:14pt;color:#253285}
h6 {font-size:16pt;color:#253285}
 h6#rot{font-size:16pt; color:red}
span {color:#253285;}
span#link {font-family:'Times New Roman'; font-size:14pt; font-weight:600; text-decoration:underline}
img {border-color:blue}
img.black {border-color:black}
img.grau {border: 3px;
             border-color: #979595;
              border-style: double;}


/* Formatierungen für Sitemap*/
table.sitemap1 {background-color : #FFFFFF; width:100%; vertical-align: top;  border: 2px solid #253285;  border-collapse: collapse;margin-top:0px; margin-left:0px; margin-bottom:0px; margin-right:0px; }
td.site1 {background-color : #808080; vertical-align: top;  border: 1px solid #253285; text-align: center;margin-top:0px; margin-left:0px; margin-bottom:0px; margin-right:0px; }
td.site2 {background-color : #FFFFFF; vertical-align: top;  border: 1px solid #253285; text-align: left;margin-top:0px; margin-left:0px; margin-bottom:0px; margin-right:0px; }
table.sitemap2 {background-color : #FFFFFF; width:100%; vertical-align: top; border: 1px solid #253285;margin-top:0px; margin-left:0px; margin-bottom:0px; margin-right:0px;  }
td.site3 {background-color : #ECEAEA; vertical-align: top;  text-align: left; margin-top:0px; margin-left:0px; margin-bottom:0px; margin-right:0px; }

a.sitemaplink1 { font-size : 20px; font-weight : bold; text-decoration : none; color : #FFFFFF; background-color : #808080; padding : 3px 3px 3px 3px;display : block;  }
a.sitemaplink1:hover { font-size : 20px; font-weight : bold; text-decoration : none; color : #FFFFFF; background-color : #808080; padding : 3px 3px 3px 3px;display : block;  }



a.sitemaplink2 { font-size : 18px; font-weight : normal; text-decoration : none; color : #253285; background-color :#ECEAEA; padding : 0px 0px 0px 0px;display : block; border-bottom : 2px solid #253285;} }
a.sitemaplink2:hover { font-size : 18px; font-weight : normal; text-decoration : none;  color : #FFFFFF; background-color : #808080; padding : 0px 0px 0px 0px;display : block; border-bottom : 2px solid #253285;} }

a.sitemaplink3 { font-size : 16px; font-weight : bold; text-decoration : none; color : #253285; background-color : #FFFFFF; padding : 0px 0px 0px 0px; display : block; }
a.sitemaplink3:hover { font-size : 16px; font-weight : bold; text-decoration : none;  color : #FFFFFF; background-color : #808080; padding : 0px 0px 0px 0px; display : block; }

a.sitemaplink4 { font-size : 13px; font-weight : normal; text-decoration : none; color : #253285; background-color : #FFFFFF; padding : 0px 0px 0px 0px;display : block;  }
a.sitemaplink4:hover { font-size : 13px; font-weight : normal; text-decoration : none; color : #FFFFFF; background-color : #808080; padding : 0px 0px 0px 0px;display : block;  }

a.sitemaplink5 { font-size : 12px; font-weight : normal; text-decoration : none; color : #253285; background-color : #FFFFFF; padding : 0px 0px 0px 10px;display : block;  }
a.sitemaplink5:hover { font-size : 12px; font-weight : normal; text-decoration : none; color : #FFFFFF; background-color : #808080; padding : 0px 0px 0px 10px;display : block;  }

/* links für noframes-Bereich shop*/
a {text-decoration: none}
a.tshop {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #253285; font-weight: bold; text-decoration: none}
a.tshop:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #253285; font-weight: bold; text-decoration: none}
a.tshop:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #253285; clip:    rect(   ); font-weight: bold; text-decoration: none}

/* backgroundfarbe und border shop noframes */
.products {  background-color: #FEFEFE; border: 1px #666666 solid}
.productstitel {  background-color: #E7ECEF; border-bottom: 1px #666666 solid;font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:12pt; color:#253285}

/* buttons and listboxes */
.buttons {  font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif ; color: #000000; background-color: #CCCCCC; border: 1px #333333 solid}
.inputbox {  font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFF00; color: #000000; border: 1px #333333 solid}
.inputbox2 {font-family:Verdana,Arial,Helvetica,sans-serif;  font-size:15px; color:black; font-weight:bold}
.textarea {  width: 200px; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #CCCCCC; color: #000000; border: 1px #333333 solid}

/* links für schnellzugriff auf der Seite*/
a {text-decoration: none}
a.schnell {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #253285; font-weight: bold; text-decoration: none; }
a.schnell:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #253285; font-weight: normal; text-decoration: none; }
a.schnell:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #253285; font-weight: bold; background-color: #FFFFFF;text-decoration: none; }
.schnell{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #253285; font-weight: bold; text-decoration: none; }

/*Ende/*