/* Stylesheet fuer www.weschler.de */

*                             { padding: 0; margin: 0;}


body                          { color: #ffffff;
                                background-color: #000000;        
                                font-family: Arial, Helvetica, sans-serif;
                              }       

html                          { height: 101%; 
                              }
                            
#wrapper                      { color: white;
                                background-color: black;
                                width: 800px;
                                margin: 0px auto 10px auto;
                              }

              
#kopf                         { position: relative;
                                color:white;
                                background-color: #000000;
                                background-image: url(bilder/style/hintergrund-logo.jpg);
                                width: 800px;
                                height: 150px;
                                background-repeat: no-repeat;
                                background-position: center;
                              }
               
#kopf p                       { padding: 5px 0 5px 0;
                                margin-bottom: 0px;
                              }
 
 
#navi                         { text-align: right;
                                padding: 5px 20px 5px 20px;
                                background-color: black;
                                padding: 10px 0px 1px 10px;              /* obere trennlinie */
                                border-bottom: 1px solid #770000;
                              }


#navi ul                      { margin: 0;
                              }


#navi li                      { display: inline;                        /* li nebeneinander anzeigen */
                                list-style-type: none;                  /* ohne Aufzaehlungspunkte */
                                margin: 0;
                              }
                  
#navi a                       { color: #337bff;
                                background-color: #000000;
                                padding: 1px 8px 1px 8px;
                                border: 1px solid #770000;
                              }
              

#navi a:hover,                                                       /* unterstreichung entfernen bei aktueller auswahl */
#navi a:focus,
#index        #navi01 a,
#fische       #navi02 a,
#fische450    #navi02 a,
#wracks       #navi03 a,
#orte         #navi04 a,
#orte450      #navi04 a,
#links        #navi06 a,
#ueberuns     #navi07 a       { color: #770000;
                                background-color: #000000;
                                border-bottom-color: #000000;
                              }
                             
                             
#ueberuns   #text,
#orte450    #text,
#orte       #text             { text-align:justify;                     /* Blocksatz */
                              }  
                                       
#navi a:active                { color: black;
                                background-color: #fffffe;
                              }
               
                                  
#text                         { 
                                color: white;
                                background-color: black;
                                background-image: url(bilder/style/wallpaper.jpg) ;
                                background-repeat: no-repeat;
                                background-position: top center;
                                background-attachment: fixed;                   /*  hintergrundgrafik  fest  */
                                line-height: 1.3em;  
                              }

#links           #text        { line-height: 2em;
                              }                           
             
#index           #text,
#links           #text,
#ueberuns        #text,
#kontaktseite    #text        { height: 450px; 
                              }

#fische450       #text,
#orte450         #text        { height: 411px; 
                              }

              

              
#text a                       { color: #ffffff;}


              
#fuss                         { clear: both;
                                color:blue;
                                background-color: #000000;
                                padding: 10px 20px 10px 20px;
                                border-top: 1px solid #770000;                   /* Rahmenlinie oben */
                                margin-top: 1px;                                 /* Aussenabstand oben, oberhalb Linie */
                                font-size: 95%;
                              }

                 
div.galerie                   { overflow: hidden;
                                padding: 20px 10px 0px 0px;
                                margin: 0px 3px 3px 0px;
                              }
             
div.galerie img               { float: left;
                                padding: 4px;
                              }                             

#logo                         { color: #ffffff;
                                padding: 5px;
                              }

              
address                       { color: white;
                                background-color: black;
                                text-align: center;
                                font-size: 80%;
                                letter-spacing: 2px;
                                line-height: 1.5em;
                              }       
                                         
h1                            { font-size: 150%; 
                              }
                              
h2                            { font-size: 110%; 
                              }

a                             { text-decoration: none; 
                              }                                                   /* unterstreichung entfernen */

a:link                        { color: #cc6666; 
                              }

a:visited                     { color: #cc6666; 
                              }
                              
a:hover, a:focus              { border-bottom: 1px solid #ff0000; 
                              }                                                   /* unterstreichung im fussbereich */
                              
a:active                      { color: white; background-color: #77daff 
                              }
                              
h2, p, ul, ol                 { margin-bottom: 1em; 
                              }                                                  /* Abstand nach unten */

ul ul                         {margin-bottom: 0;
                              }                                                  /* Verschachtelte Listen ohne Abstand */

li                            { margin-left: 1em; 
                              }                                                  /* Abstand von links */

.bildlinks                    { float:left;
                                padding: 5px;
                                border: 1px solid #ccc;
                                margin-right: 30px;
                                margin-bottom: 10px;
                              }

.bildrechts                   { float:right;
                                padding: 5px;
                                border: 1px solid #ccc;
                                margin-bottom: 10px;
                                margin-left: 30px;
                              }
                               
.bildnavi                     { float:left;
                                padding: 5px;
                                border: 0px solid #ccc;
                                margin-bottom: 0px;
                                margin-right: 20px;
                              }
              
.clearing                     { clear: both;
                              }
              
              
/* Kontaktformular */

form                          { width: 370px;                                           /* Breite des Formulars */
                                padding: 20px;
                                border: 1px solid #8c8c8c;
                              }
              
label                         { display: block;
                                cursor: pointer;                                        /* Mauszeiger wird zur Hand */
                              }
              
input#absender,
textarea                      { width: 300px;
                                border: 1px solid #8c8c8c;
                                margin-bottom: 1em;
                              }
              
textarea                      { height: 7em;
                              }
              
input#absender:focus,
textarea:focus                { background-color: #d9d9d9;
                              }