/* ===================================
Stylesheet der Website effectory
 
Stand: Horizontale Navigation erstellen 
Datei: bildschirm.css 
Datum: 31. Dezember 2008
Autor: Sabine Harscher-Wenzel

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

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

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

ol ul { margin-bottom: 0; } 

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

html { height: 101%; }    
   
body { 
  background-color: #d4d4d4; /* dunkles Grau */ 
  color: white; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;   
}

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

address {
  text-align: left; 
  font-size: 80%; 
  font-style: normal; 
  letter-spacing: 1px;
  line-height: 1.2; 
}
.bin {
	color: #FFc221;
	font-weight: bold;
	}
/* ================
   Hyperlinks    */  

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

a:link { color: #6E6161; } /* nicht besuchte Links */ 
a:visited { color: #4C6682; } /* besuchte Links */ 

a:hover, 
a:focus { 
  border-bottom: 2px solid #6E6161; 
} 
a:active { 
  background-color: #6E6161; 
  color: white; 
}  

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

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

#logo {
  color: black; 
  padding: 0px; 
  border: 0px solid #d9d9d9; 
}

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

#wrapper { 
  background-color: #f9f9f9; 
  color: black; 
  width: 98%; 
  margin: 5px auto; 
}

#kopfbereich { 
  height: 125px;
  background-color: #f9f9f9; 
  background-image:  url("images/farbverlauf.jpg"); 
  background-repeat: repeat-y; /* nur noch vertikal wiederholen */ 
  color: black; 
  padding: 10px 20px 0 20px; /* oben - rechts - unten - links */ 
}
    #kopfbereich p {
      padding: 5px 0; 
      margin-bottom: 0; 
    }

#navibereich {
  background-color: #f9f9f9; 
  padding: 5px 20px; 
  border-bottom: 1px solid white; 

}
    #navibereich ul {
      margin-bottom: 0;
	   
    }
    #navibereich li {
      display: inline; 
      list-style-type: none; 
      margin-right: 10px; 
      margin-left: 0; 
    }
#navibereich2 {
  background-color: #f9f9f9; 
  padding: 1px 0px; 
}
    #navibereich2 ul {
      margin-bottom: 0; 
    }
    #navibereich2 li {
      display: inline; 
      list-style-type: none; 
      margin-right: 10px; 
      margin-left: 0; 
    }

#zitat{
  background-color: #f9f9f9;
  float: left; 
  padding: 40px;
  width: 160px; 
  height: inherit;
  padding: 20px; 
  
}

#textbereich {
  background-color: #f9f9f9; 
  padding: 30px 10px 20px 40px; 
  margin-left: 250px;
  margin-right: 20px;
  border-left: 1px solid white; 
}
    #textbereich a {
      background-color: #f9f9f9; 
    }
    #textbereich ul li { list-style-type: square; }
    
    #textbereich a:hover,
    #textbereich a:focus {
      border-bottom: 1px solid #f9f9f9; 
    }
#textbereich2 {
  background-color: #f9f9f9; 
  padding: 40px 10px 20px 40px; 
  margin-left: 500px;
  margin-right: 20px;
  height: ;
  border-left: 1px solid white; 
}
    #textbereich a {
      background-color: #f9f9f9; 
    }
    #textbereich ul li { list-style-type: square; }
    
    #textbereich a:hover,
    #textbereich a:focus {
      border-bottom: 1px solid #f9f9f9; 
    }
#fussbereich {
  padding: 10px 20px 20px 20px; 
  background-color: #f9f9f9; 
  border-top: 1px solid white; 
  margin-top: 2px; 
}


#box{
height:;
width:;
padding:0;
margin:0px;
font:bold 12px verdana, sans-serif;}

#box div{display:none;}

#box:hover div{
background-color:#F8F2F6;
display:block;
width:500px;
margin:10px 0px 10px 0px ;
border:1px dashed black;
padding:5px;
font:normal 11px verdana, sans-serif;}


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


   
   

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