/* ####################################################
Info:      Style Sheet Mathehilfe 5 vor 12
Datei:     screen.css
Media:     Screen
Datum:     07.10.08
Autor:     Susanne Neuendorf
#################################################### */

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

* { padding: 0; margin: 0; }
* html { height: 101%; }

/* ====================================================
   2. Allgemeine Styles
==================================================== */



body {
	background-color: rgb(204,204,153); 
	color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
}
#wrapper {
  background-color: white; 
	color: black;
	width: 1024px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
  }

#kopfbereich {
 	background-color: rgb(231,231,231); 
	background-image: url(bg_zeichen15.gif) ; height: 170px;
	color: black;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}

#fussbereich
{
	background-color: white; 
	color: black;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20;
	padding-left: 20px;
	border-top: 1px solid #8c8c8c; /*Rahmenlinie oben*/
	margin-top: 20px;
	
}
  #fussbereich p {
  text-align: center;    /*zentrieren*/
  font-size: 80 %;     
  font-style: normal;
  letter-spacing: 2px;
  line-height: 1.5em;
} 
#navibereich{
  background-color: #ffeda0;
  padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 60%;
}	 
   #navibereich ul { margin-bottom: 0; }
   #navibereich li {
      display: inline; 
	    list-style-type: none;
      margin: 0 10px 0 0;
   }
   #navibereich a { color: black; }
   #navibereich a:hover,
   #navibereich a:focus {
      color: black;
      background-color: #f3c600;
      }
  #navibereich a:active {
    color: black;
    background-color: white;
    }
  

#textbereich{
  padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
  }

#kasten{
  padding: 3px;
  padding-bottom: 0;
  border: 5px solid; border-color: rgb(204,204,153); border-style: double;
  margin-left: 400px;
  }

#logo {
  background-color:white;
  padding: 5px;
  border: 5px solid #d9d9d9; 
  }

h1 { font-size: 200%; text-align: center; padding: 20px 0 30px 0;}
h2 { font-size: 130%; text-align: center; padding-bottom: 30px; }
h5 { padding-bottom: 10px; }

#textbereich span {
  color: red; 
  text-decoration:none;
  border-bottom:1px solid black}
  }

a {text-decoration: none; outline: none}
a:link { color: #d90000; }
a:visited {color: #cc6666; } 
a:hover, a:focus {border-bottom: 1px solid #d90000;}
a:activ {
  color: white;
  background-color: #d90000;
  }
  
.skiplink {
  position: absolute;
  top: -2000px;
  left: -3000px;
  width: 0px;
  height: 0px;
  overflow: hidden;
  display: inline;
  }
  
/*Abstand nach unten*/
h2, p, ul, ol {margin-bottom: 1em; }

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

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

.clearing { clear: both; }
.bildlinks {
  float:left;
  padding: 3px;
  border: 5px solid #ccc;
  margin-right: 10px;
  margin-bottom: 0;
  }
.bildrechts {
  float:right;
  padding: 3px;
  border: 5px solid #ccc;
  margin-bottom: 10px;
  margin-left: 10px;
  }

#ueberschrift1 p {
  font-size: 150%;
  font-weight: bold;
  margin: 20px 0 50px 0;
}

#ueberschrift2 p {
  font-size: 150%;
  font-weight: bold;
  margin: 30px 0 30px 0;
}

#ueberschrift3 p {
  font-size: 200%;
  font-weight: bold;
  margin: 30px 0 20px 5%;
  text-decoration:underline;
  }
  
  #ueberschrift4 p {
  font-size: 150%;
  font-weight: bold;
  margin: 30px 0 0 0;
  }

#textbereich ul {
  font-size: 130%;
  line-height: 2;
  margin-bottom: 70px;
}

#textbereich ol {
  font-size: 130%;
  line-height: 3;
  margin-left: 5%;
  margin-bottom: 70px;
  
  }
  
  
/* ====================================================
   3. Sonstige Styles
==================================================== */

/* Das Kontaktformular */
form {
  background-color: #eee;
  width: 370px;  
  padding: 20px;
  border: 1px solid #8c8c8c;
  margin-bottom: 20px; 
}

label { /* Beschriftung auf eigener Zeile */
  display: block;
  cursor: pointer; /* Mauszeiger wird zur Hand */
}


input#absender,
textarea {
  width: 300px;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}

textarea {
  height: 15em;
}

input#absender:focus,
textarea:focus {
  background-color: #d9d9d9; 
}

/* FAQ */

.antwort{
border-left:   10px solid #DFDFDF;
padding-left:  10px;
}

.seitenlink {
  margin-left: 20px;
}