/* ===================================
  
Datei: bildschirm.css 
Datum: 11. Oktober 2009
Autor: Julian Tölle 

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles 
=================================== */

/* ==================================
   1. Kalibrierung
   =============================== */

* { padding: 0; margin: 0; } 
 
h2, h3, p, ul, ol { margin-bottom: 1em; } 

ol ul { margin-bottom: 0; } 

li { margin-left: 2em; }    
   
/* ==================================
   2. Allgemeine Styles 
   =============================== */   

html { height: 101%; }    
   
body { 
  background-color: #4C638C;
  background-image: url(photos/background.jpg);
  background-repeat: repeat-x
  color: white; 
  font-family: Bauhaus, Verdana, Arial, Helvetica, sans-serif;
  font-size: small;   
}

h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 110%; }

address {
  text-align: center; 
  font-size: 80%; 
  font-style: normal; 
  letter-spacing: 2px;
  line-height: 1.5; 
}

/* ================
   Hyperlinks    */  

a { 
  text-decoration: none; 
  outline: none; 
} 

a:link { color: #d90000; } 
a:visited { color: #cc6600; } 

/* =====================
   Klassen und IDs    */

.skiplink {
  position: absolute; 
  top: -5000px; 
  left: -5000px; 
  width: 0;
  height: 0; 
  overflow: hidden; 
  display: inline; 
}

.bildlinks {
  float: left; 
  padding: 3px; 
  border: 5px solid #cccccc; 
  margin-right: 10px; 
  margin-bottom: 10px; 
}
.bildrechts {
  float: right; 
  padding: 3px; 
  border: 5px solid #cccccc;
  margin-bottom: 10px; 
  margin-left: 10px;
}

.we {
  padding: 3px; 
  border: 5px
  margin-bottom: 10px; 
  margin-left: 10px;
} 

.clearing {
  clear: both; 
}
 
#welcome {
  text-align: right;
}

/* ==================================
   3. Styles für Layoutbereiche 
   =============================== */   

#wrapper { 
  background: #8C9DF5;
  color: black; 
  width: 770px; 
  margin: 10px auto; 
}

#kopfbereich { 
  position: relative; 
  background-color: #8C9DF5; 
  color: black; 
  padding: 10px 20px 10px 20px; /* oben - rechts - unten - links */ 

  
}
    #kopfbereich p {
      position: absolute; 
      top: 10px; 
      right: 10px; 
      padding: 5px 0; 
      margin-bottom: 0; 
    }
    #kopfbereich p span {
      color: #d90000; 
    }
    
    #kopfbereich #logo {
      margin-left: 75px;
    }
      

#navibereich {
  float: left; 
  width: 110px; 
  padding-left: 20px;
  padding-top: 20px; 
}
    #navibereich ul {
      width: 6em; 
      border-top: 1px solid #d90000; 
    }
    #navibereich li {
      list-style-type: none; 
      border-left: 1px solid #d90000;
      border-bottom: 1px solid #d90000; 
      margin: 0; 
    }
    #navibereich a,
    #navibereich span {
      display: block; 
      text-decoration: none; 
      background-color: #4C638C; 
      color: black; 
      padding: 4px; 
      border-left: 3px solid #4C638C; 
    }
    #navibereich a:hover,
    #navibereich a:focus {
      background-color: white; 
      color: black; 
      border-left-color: #d90000; 
      border-bottom: none; 
    }
    #index #navi01 span,
    #we #navi02 span,
    #url #navi03 span,
    #member #navi04 span,
    #calender #navi5 span {
      background-color: white; 
      color: black; 
      border-left-color: #d90000; 
      border-bottom: none; 
    } 
    
#textbereich {
  background-color: white; 
  padding: 20px 10px 20px 20px; 
  margin-left: 130px; 
}
    #textbereich a {
      border-bottom: 1px dotted #cc0000; 
    }
    #textbereich ul li { 
      list-style-type: square; 
    }
    #textbereich a:hover,
    #textbereich a:focus {
      border-bottom: 1px solid #d90000; 
    }

#fussbereich {
  clear: both; 
  background-color: white; 
  padding: 10px 20px 20px 20px; 
  border-top: 1px solid #8c8c8c; 
}

  
/* ==================================
   4. Sonstige Styles 
   =============================== */   


/* ==================================
   ENDE DES STYLESHEETS 
   =============================== */