/*  =========================================================
Stylesheet für "Python für Kids" 
Stand:  Erste (Not-)Version   
Datei:  py4k_standard.css
Media:  screen 
Datum:  2. Februar 2011
Autor:  Gregor Lingl (nach dem Studium von "Litle Boxes" von Peter Müller) 
ToDo:   ??? - neu planen, neues Design? 
========================================================== */

/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abst�nde */
*  { padding: 0; margin: 0; }
h2, h3, p, ul, ol { margin-bottom: 1em; }  
ul ul { margin-bottom: 0; } 
li { margin-left: 1em; } 

/* Allgemeine Selektoren */

html { height: 101%; } 
body { 
   color: white; 
   background-color: #8c8c8c; 
   font-family: 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: 90%;      
   font-style: normal;  
   letter-spacing: 1px; 
   line-height: 1.5em;  
   color: #985858;
}

/* Hyperlinks */
a { text-decoration: none; outline: none;} 
a:link { color: #d90000; } 
a:visited { color: #cc6666; }
a:hover, 
a:focus { 
  border-bottom: 1px solid #d90000 
}
a:active { 
   color: white; 
   background-color: #d90000; 
}

/* Allgemeine Klassen und IDs */
.bildlinks {
   float:left; 
   padding: 3px; 
   border: 5px solid #a80329; 
   margin-right: 10px; 
   margin-bottom: 10px; 
}
.bildrechts {
   float:right; 
   padding: 1px; 
   border: 5px solid #a80329; 
   margin-bottom: 10px;
   margin-left: 10px; 
}
.bildmitte {
   padding: 3px; 
   border: 5px solid #a80329; 
   margin: 5px 35px 5px 5px;;
}

.clearing { clear: both; }
#logo { 
   color: black;
   background-color: white;
   padding: 5px;
   border: 5px solid #a80329; 
}

.achtung {
	color: red;
}

/* ==================================== 
   2. Styles f�r die  Layoutbereiche 
   ==================================== */

#wrapper { 
   color: black; 
   background-color: white; 
   width: 900px;  
   margin: 10px auto;
}

#kopfbereich {
   position: relative;  
   color: black; 
   background: #985858;
   padding: 10px 20px 5px 20px; 
}
   #kopfbereich p {
      position:absolute;
      top: 60px ; 
      right: 10px;  
      font-weight: bold;
      font-size: 150%;
      color: #f8f8d8;
      padding: 5px 0 5px 0; 
      margin-bottom: 0; 
   }
   #kopfbereich p span {
      color: #a0e0d0;  
   }

#textbereich { padding: 20px 10px 20px 20px; }
   #textbereich a { 
      border-bottom: 1px dotted #cc0000; 
   }
   #textbereich a:hover,
   #textbereich a:focus { 
      border-bottom: 1px solid #d90000; 
   }

#fussbereich {
   padding: 10px 20px 20px 20px;
   border-top: 1px solid #8c8c8c; 
   margin-top: 20px; 
}

/* ======================================= 
   E N D E   D E S   S T Y L E S H E E T S 
   ======================================= */