/*
css-style fuer die Seite : www.handspinnen.info

Autor: Christian Groth
Letzte Änderung am 04.06.2007
Letzte Änderung am 24.06.2008

verwendete Farben :

Textfarbe des Inhalts :   #000000 schwarz
H1-Ueberschrift :         #808080 grau
H2-Ueberschrift :         #808080 grau
H3-Ueberschrift :         #FF5F00 helles rot
Navigation-Link :         #000000 schwarz
Navigation-Link-besucht : #808080 grau
Navigation-Link-hover :   #FF0000 blau
Inhalt-besuchte Links :   #808080 grau
Link-nach_oben :          #9F9F9F helles grau
Link-nach_oben-besucht :  #9F9F9F helles grau
Link-nach_oben-hover :    #FF0000 rot
Hinweis-Hintergrund :     #FFFF8C gelb
Wichtig-Hintergrund :     #FFFF8C gelb
Hinweis-Rohwolle-Hintergrund : #FFFFB0 gelb
Titel-Wolle :                  #FF0000 rot
Liste-Rohwolle-Schrift :       #008000 gruen
Liste-Adressen-Scrift :        #008000 gruen
Liste-Spinnkurs-Hintergrund :  #EFEFEF grau
Liste-Spinnkurs-Schrift :      #008000 rot
Liste-Termine-Hintergrund :    #FFFFBF  gelb
Auswahl-Schrift :              #FF0000 rot

*/
html {
      height:101%  ;
     }

body {
      padding: 5px;
      margin:0px;
      font-family:verdana,arial ;
      font-size:10pt;
      color:#000000 ;
      word-spacing:0px;
      }
#kopf
     {
      display:block;
     }
h1 {
    font-size: 1.2em ;
    color:#808080 ;
   }

h2 {
    font-size: 1em ;
    color:#808080 ;
    margin:30px 0 -10px 0 ;
   }

h3 {
    font-size: 1em ;
    color:#FF5F00 ;
    margin:30px 0 -10px 0 ;
   }

/* image replacement (ir)*/
/* h1-Ueberschrift am Seitenanfang wird von Grafik ueberdeckt*/
/* Gilder Levin Methode*/

#ir{
    height:59px;
}
#ir h1 {
        position: relative ;
        height:59px;
        overflow:hidden ;
        margin:0;
       }

#ir h1 span {
             background-image: url(handspinnen.jpg);
             background-repeat:repeat-x;
             position:absolute;
             width:100%;
             height:100%;
            }

#ir {
     border-bottom:1px solid black;
     background-color: #FFFFFF ;
    }
.land {
       font-size:1.5em;
      }

p {
   font-size : 0.9em ;
   line-height : 25px;
   text-align : justify ;
   background-color:transparent;
  }

.gesamt {
         width:52em ;
         min-width:760px;
         margin-left:auto ;
         margin-right:auto;
         background-image:url(hintergrund.jpg);
         background-repeat: repeat-y;
         border : 1px solid black;
         background-color:transparent;
        }

.navigation {
             width:14em;
             list-style-type:none;
             text-align:center;
             background-color:transparent;
             letter-spacing:1.5px;
             float:left ;
             padding:0px;
             margin:50px 0 0 0;
             position:relative;
            }

.navigation span {
                z-index:10 ;
                }



.navigation li a {
                  color:#000000;
                  text-decoration:none;
                  font-family:arial;
                  font-size:11px;
                  line-height:20px;
                 }


.navigation li a:visited {
                          color:#808080 ;
                         }

.navigation li a:hover {
                        color:#0000FF ;
                        font-weight:bold;
                       }

.inhalt {
         margin-left:14em ;
         padding:10px;
         background-color:transparent;
        }
#fuss {
       background-color:transparent;
       border-top: solid 1px black;
       margin-top:75px ;
       font-size:0.7em ;
       margin-top:10em ;
      }

#fuss #stand {
              padding-left: 120px ;
             }

#fuss #url {
            padding-left: 20px ;
           }

.nach_oben {
            letter-spacing:2px;
            font-size:0.7em
           }

a:visited {
            color:#808080;
          }

a.nach_oben:link {
                  color:#9F9F9F;
                  text-decoration:none;
                 }

a.nach_oben:visited {
                     color:#9F9F9F;
                     text-decoration:none;
                    }
a.nach_oben:hover {
                   color:#FF0000;
                   border: none;
                   text-decoration:underline;
                  }

.hinweis {
          font-size : 0.9em ;
          line-height : 25px;
          text-align : center ;
          padding: 10px ;
          margin-top: 40px ;
          margin-left: 2em ;
          margin-right: 2em ;
          border : 2px black solid ;
          background-color : #FFFF8C ;
         }

.wichtig {
          font-size : 0.85em ;
          line-height : 25px;
          text-align : justify ;
          padding:10px;
          margin:40px 50px 40px 50px;
          border : 2px black solid ;
          background-color : #FFFF8C
         }

.hinweis_rohwolle {
                   font-size : 0.8em ;
                   line-height : 25px;
                   text-align : justify ;
                   padding:10px;
                   border : 2px black solid ;
                   background-color : #FFFFB0 ;
                  }
.titel_wolle {
              color:#FF0000;
              margin-bottom:-10px;
             }

.liste_rohwolle {
                 font-size : 0.9em ;
                 line-height : 25px;
                 text-align : justify ;
                 background-color:transparent;
                 color:#008000
                }

.liste_adressen {
                 font-size : 0.9em ;
                 line-height : 25px;
                 text-align : justify ;
                 background-color:transparent;
                 color:#008000;
                 list-style-type:none;
                }

.liste_spinnkurs {
                  font-size : 0.8em ;
                  line-height : 25px;
                  text-align : justify ;
                  background-color:#EFEFEF;
                  color:#008000;
                  list-style-type:none;
                  border:1px solid #000000;
                  padding:5px;
                  margin:40px 0 40px 0;
                 }

.email {
        padding-right:100px;
        font-size : 0.9em ;
        line-height : 25px;
        text-align : justify ;
        background-color:transparent;
       }

.termine {
          font-family:arial;
          font-size:12px;
          text-align:center;
          width:15em;
          border:1px solid black;
          background-color: #FFFFBF  ;
          color:black;
          position:relative;
          left:100px;
          margin:10px 0 10px 0;
         }

.termine th {
             color: red ;
            }

.termine #hinweis-aenderung {
                             font-size: 10px ;
                             color: red ;
                            }

#hinweis-kurse {
                color: #FF3F00 ;
               }

#termin_aendern {
                  font-size:0.75em;
                }

#hinweis-kombikurs {
                    font-size: 1.1em ;
                    color: red ;
                   }

#hinweis-kursgebuehr {
                      color: red ;
                     }

#auswahl {
           color:#FF0000;
           font-weight:bold;
         }

.bild_rechts{  /*Seite:Katzen-und Hundewolle,
                 Bilder unten nach rechts verschieben*/
             position:relative;left:90px
            }

.seiten_anfang {
                float:right;
                font-size:1em;
               }

.seiten_anfang span {
                     color:#00BF00 ;
                    }

strong {font-weight:normal}



/*Navigaton pop-up-Fenster*/
#box1 a:hover {width:auto}
#box1 a span {display:none}
#box1 a:hover span {
                     display:block;
                     border:2px solid #808080;
                     width:20em;
                     padding:5px;
                     background-color:#FFFFAA ;
                     position:absolute;
                     left:20em;
                     font-size:0.8em;
                     text-align:center;
                     color:#000000;
                     margin-top:-40px;
                   }

#box1 a {text-decoration:none}


/* Seite KONTAKT*/
#adresse {
          border: 1px solid black ;
          margin-top: 80px ;
          height: 18em ;
          background-image: url(../kontakt/bilder/visitenkarte.jpg) ;
          background-repeat: repeat-y;
         }

#adresse ul {
             list-style-type:none ;
            }

#adresse ul li {
                margin:1em 0 1em 140px ;
               }

#adresse #name {
                font-family: serif ;
                font-size: 2em ;
               }

#adresse #email span,
#adresse #hinweis span {
                        color: #0000FF ;
                       }

#anfahrt span {
               font-size: 0.8em ;
               color: #808080 ;
              }

#hinweis-rohwolle {
                   font-size:0.7em ;
                  }

#angora { /*Seite Angorawolle*/
        margin-left: 165px;
        text-align: center ;
        width: 225px ;
        font-size: 0.8em ;
        }

#orfeld { /*Seite Spinngruppen*/
         font-size: 0.8em ;
        }

#bild-nrw {  /*Spinngruppe aus NRW*/
           position: relative ;
           left: 125px;
}

#bild-solingen {
                position: relative ;
                left: 125px ;
               }

.clear {
        clear: both ;
}

#hinweis-angorawolle {   /*Seite Rohwolle*/
                      font-size: .8em ;
                      color: #FF3535 ;
                     }

#hinweis-menge {
                font-size: 0.8em ;
               }


#spinnfluegel { /*Seite Spinnaugtraege*/
               margin-left: 120px;
               text-align: center ;
               width: 302px ;
               font-size: 0.8em ;
              }

#bild-birgit-lumma { /*Seite Ueber mich*/
                    padding: 30px ;
                    float: right ;
                   }

#windelhoeschenwolle { /*Seite Windelhoeschenwolle*/
        margin-left: 100px;
        text-align: center ;
        width: 312px ;
        font-size: 0.8em ;
        }

#ablauf li{
           margin-bottom: 8px ;
}