html {height:101%}

body {
     background-color: #3A414F;
     margin: 0px;
     padding: 0px;
     color: #F2F2F6;
}
p {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 0.95em;
     font-weight: 300;
     line-height: 1.4em;
     color: #F2F2F6;
     text-align:left;
}
h1 {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 1.9em;
     font-weight: 500;
     line-height: 1.3em;
     color: #F2F2F6;
}
h2 {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 1.5em;
     font-weight: 500;
     line-height: 1.3em;
     color: #F2F2F6;
     margin-bottom: 0.5em;
     margin-top: 1.25em;
}

h3 {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 1.2em;
     font-weight: 500;
     font-style:italic;
     line-height: 1.3em;
     margin-top: 1.5em;
     margin-bottom:-0.5em;
}


q {
     font-style: italic;
}

:lang(de) {
     quotes: "\201E" "\201D";
}
/* definition dt. Anfuehrungszeichen fuer "q". Syntax <q lang="de"> */
/* IE zeigt bei q keine Anfuehrungszeichen. Jaws registriert aber das Zitat als solches */
/* bei q keine Anfuerungszeichen auf Braillezeile */
     /* &bdquo;
     und &ldquo;
wird von Jaws nicht als Zitate-Markierung erkannt, aber auf Braillezeile angezeigt */
/* deshalb: vorerst nur engl. Anfuerungszeichen */

blockquote {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 0.95em;
          font-weight: 300;
          line-height: 1.3em;
          color: #F2F2F6;
          text-align:left;
          font-style:italic;
}

em {
     font-weight: 600;
     font-style: normal;
}

strong {
     font-weight: 700;
     font-style: normal;
}
/* Text-Auszeichnung fuer eine Definition */


ul {
     list-style-type: disc;
     font-family: Arial, Helvetica, sans-serif;
     font-weight: 300;
     font-size: 0.95em;
     padding-left:0px; margin-left:1.3em;
}

li {
  padding-bottom:0.75em; padding-left:0.5em;
  line-height: 1.3em;
}

.lidist {
   margin-top: 15px;
}

img {
  border:none;
  padding:0px;

}



hr {margin-top:0.5em; margin-bottom:0.5em; width:99%; color:#878C91; background-color:#878C91; height:1px;
     text-align:center; border:none;}


a:link {
     text-decoration: none;
     color: #F2F2F6;
     padding-right:2px;

     border-width: 1px;
     border-right-style: solid;
     border-bottom-style: solid;
     border-left-style: none;
     border-top-style: none;
     border-bottom-color: #7080E0;
     border-right-color: #7080E0;
}
a:visited {
     text-decoration: none;
     color: #F2F2F6;
     padding-right:2px;

     border-width: 1px;
     border-right-style: solid;
     border-bottom-style: solid;
     border-left-style: none;
     border-top-style: none;
     border-bottom-color: #A0A0A0;
     border-right-color: #A0A0A0;
}
a:hover {
     text-decoration: none;
     color: #F2F2F6;
     background-color: #4655A0;
}

a:active {
     text-decoration: none;
     color: #F2F2F6;
     background-color:#8080F6;
     padding-right:2px;

     border-width: 1px;
     border-right-style: solid;
     border-bottom-style: solid;
     border-left-style: none;
     border-top-style: none;
     border-bottom-color: #A0A0A0;
     border-right-color: #A0A0A0;
}
a:focus {
     text-decoration: none;
     background-color: #6060A0;
     color: #F4F4FA;
}




#kopfleiste {
     width: 100%;
     height: 100px;

     margin-bottom: 10px;
     padding:0px;
     background-image:url(kopf_rahmen_hintergr.gif); background-repeat:no-repeat;
     background-position:bottom right;
}

#navi {
     position: absolute;
     top:   99px;
     left:  0px;
  padding-left:0.5em;
  padding-right:0.5em;
  padding-top:1.5em;
  padding-bottom:0.5em;

     background-image:url(navi_rahmen_hintergr.gif); background-repeat:no-repeat;
     background-position:bottom right;
/*
     width: 12em;
     min-width: 180px;
     margin-left: 1px;
*/
}




#content {
     position: absolute;
     top: 115px;
     left: 14em;
     padding-right:2.25em;
     max-width: 1000px;
     min-width: 25em;
}
/* min-width da Opera 8 Inhaltsbereich staucht, sobald dort irgendwo ein br auftaucht.. */




/*     Menue-Definitionen    */

.menueaktiv {
  margin-bottom:-0.25em;
      padding:3px;
     margin-right:13px;
  margin-left:10px;
     text-align:center;
  border-width: 1px;
     border-style: solid;
     border-top-color: #404040;
     border-left-color: #404040;
     border-right-color: #EEEEEE;
     border-bottom-color: #EEEEEE;
}


.menuestyle {
  margin-bottom:-0.25em;
      padding:3px;
     margin-right:13px;
  margin-left:10px;
     text-align:center;
     color: #F2F2F6;
     background-color: #5F6469;

  border-width: 1px;
     border-style: solid;
     border-right-color: #B0B0FF;
     border-bottom-color: #B0B0FF;
     border-top-color: #5F6469;
     border-left-color: #5F6469;
}


a.navilink:link {
     border-style: none;
}
a.navilink:visited {
     border-style: none;
}
a.navilink:hover {
     border-style: none;
}
a.navilink:focus {
     border-style: none;
}



/*  Produktbereich-Gestaltung */

.produkte {

  margin-left:1em;
  margin-top:1em;
  margin-bottom:0.75em;
  float:right;
  /*
     border-width: 1px;
     border-style: solid;
     border-top-color: #EFEFEF;
     border-left-color: #EFEFEF;
     border-right-color: #808080;
     border-bottom-color: #808080;
     */
     padding:0px;
}

.produktedetails {

  margin-top:0.25em;
  margin-bottom:1em;
  padding:0px;

}



.produkte-navi {
  font-size: 0.85em; line-height:1.6em;
    padding:3px;   margin-bottom:2em;
    text-align:center;
    background-color: #5C6065;

    border-width: 1px; border-style: solid;
       border-top-color: #C0C0C0; border-left-color: #C0C0C0;
       border-right-color: #202020; border-bottom-color: #202020;
}

.produkte-navi-aktiv {
    background-color: #878C91;
}





/* Fotogalerie */

.fotogalerie-grossansicht {
                           text-align:center;
                           padding-left:60px;
                           margin-top:1.5em;
}

.galerie {
	margin-left:60px;
}

.fotogalerie-zelle {
        width: 13.8em;
        min-width:160px;
        height:14.25em;
        min-height:225px;
        float:left;
        margin-right: 1.0em;
        margin-bottom:1em;
        font-family: Arial, Helvetica, sans-serif;
           font-size: 0.87em;
           font-weight: 300;
           line-height: 1.25em;
           color: #D8D8DA;
           text-align:center;
}

.fotogalerie-zelle img {
    margin-bottom:0.75em;
}

a.fotogalerie:link {
     text-decoration: none;
     border: none;
     background-color: #3A414F;
}
a.fotogalerie:visited {
     text-decoration: none;
     border: none;
     background-color: #3A414F;
}
a.fotogalerie:hover {
     text-decoration: none;
  border:none;
     background-color: #3A414F;
}
a.fotogalerie:active {
     text-decoration: none;
     border: none;
     background-color: #3A414F;
}


/* FAQ-Definition */

.faq {text-align:left;}
.faq p {font-weight:700; margin:1.8em 0 0.5em 0;}
.faq blockquote {margin-top:0.3em;}
.faq blockquote p {font-weight:300; font-style:normal; margin-top:0.3em;}