/* Stylesheet fuer die Shop-Praesentation */

* { padding: 0px; margin: 0px; }

body {
      color: #000; /*Schriftfarbe*/
      background-color: #1a5086; /*Hintergrundfarbe*/
      font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	  }
      
/*============= 1. DIV-Bereiche===========================
======================================================*/    
.skiplink { display: none; }  

#wrapper {
          color: #000;
          background-color: #FFF;
          width: 720px; /*Breite des Inhaltsbereichs*/
          margin-top: 10px; 
          margin-right: auto;
          margin-bottom: 10px; /*Abstand nach unten */
          margin-left: auto; 
          }
          
          
#kopfbereich {
              color: #000;;
              background-color: #0080ff;
              padding-top: 20px;
              padding-right: 20px;
              padding-bottom: 20px;
              padding-left: 20px;
              }
              
/* Verschachtelter Selektor: nur die Grafik im Kopfbereich*/
#kopfbereich img {
                  background-color: white; 
              	  padding: 8px;
                  border: solid 0px #d9d9d9;
                  }
#kopfbereich p {
                padding: 5px 0 5px 0;
                margin-bottom: 0px; /*war 1em*/
                }         
                                                 
                  
#textbereich {
	position:relative;
	top:0px;
	left:0px;
              padding-top: 20px;
              padding-right: 20px;
              padding-bottom: 20px;
              padding-left: 20px;
              }                  

#fussbereich {
	position:relative;
	top:0px;
	left:0px;
              padding: 20px;
              padding-top: 10px;
              border-top: 10px solid #236BB4;
              margin-top: 20px;
              }   

#navibereich {
              text-align: right;
              color: black;
              background-color: white;
              background-repeat: repeat-y;
              background-position: top left;
              /* FALSCH: padding-top: 5px 10px 4px 10px; */
              padding:5px 10px 4px 10px;
              border-bottom: 0px solid #8c8c8c;
              }
              
               
#navibereich ul {
                 margin-bottom: 0;
                 }     


#navibereich li {
	 display: inline; /*nebeneinander darstellen*/
                         list-style-type: none; /*ohne Aufzaehlungspunkte*/
                         margin: 0px;
                        } 
                  
#navibereich a { 
                color: #000;
                background-color: #ADD8E6; /* Hexadezimal fuer lightblue */
                padding: 4px 8px 4px 8px;
                border: solid 1px #000;
                }
                
                
#navibereich a:active {
                      background-color: #FFF; 
                      }    
                        
#navibereich a:hover {
                      text-decoration: none;
                      color: #000;
                      background-color: #FFF;
                      padding-bottom: 5px; /*ein Pixel mehr als oben*/
                      border-bottom: none; /*untere Rahmenlinie aus*/
                      }  

                        
/*============= 2. Allgemeine HTML-Elemente=============
======================================================*/             
h1, h2, h3 { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;}
h1 { font-size: 150%; }
h2 { font-size: 130%; margin-bottom: 1em; }
h3 { font-size: 100%; margin-bottom: 0.5em; color: #0080ff;}
h5 { font-size: 100%; color: #F00;}

img	{
	border:none;
	}

    
address {
        text-align: center;/*zentrieren*/
        font-size: 90%; /* etwaskleiner*/
        font-style: normal; /*normale Schrift, nicht kursiv*/
        letter-spacing: 1.5px; /*Abstand zw. denBuchstaben*/
        line-height: 1.5em; /*Zeilenabstand*/   
        }
        
        
a { text-decoration: none; outline: none; }
a:link { color: red; }    
a:visited { color: green; }  
a:hover { text-decoration: underline; } 
a:active { color: white; background-color: blue; }
a:focus { text-decoration: underline; }

p, ul { margin-top: 0; 
        margin-right: 0;
        margin-bottom: 1em; /*Abstand nach unten */
        margin-left: 0; 
        }
li {
       margin: 0;
       }
li {margin-top: 0;
           margin-right: 0;
           margin-bottom: 0; /*Abstand nach unten */
           margin-left: 1em; 
    }