/**********************************************
		homestyle.css
		fuer boni-berlin.de/index.html
***********************************************
		von Chrille
		Version: 03.02.2010
***********************************************/
#navigation {
	padding-bottom: 78px;	
	}

div#inhalt {
	float: left;
	padding: 4px 3px 0px 3px;
	margin-left: 10px;
	width: 390px;
	}

div#teaser {
	background-color: #366;
	width: 140px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: -15px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	width: 152px;
	}
  		
#teaser h4 {
	color: #FFF;
	font: normal 700 0.87em "Trebuchet MS";		
	margin: 0px;
	padding: 3px 0px;
	text-align: center;
  	}
	
#teaser ul {
	padding-bottom: 3px;
	margin-bottom: 0px;
 	}
	  	
#teaser ul li {
	}
		
#teaser ul li a {
	background-color: #366;
	border: 1px solid #FFF;
	border-right-color:#033;
	border-bottom-color:#033;
	color: #FFF;
   margin-left: 6px;
	padding-left: 8px;
  	width: 128px;
	}
		
#teaser ul li a:hover {
	border: 1px solid #033;
	border-right-color:#FFF;
	border-bottom-color:#FFF;
	}

   
a#lt, a#sfs, a#quiz {
	letter-spacing: 0px;
	display: block; 
	width:132px;
	margin-left: 0px;
	text-decoration: none;
	}
   
a#lt, a#sfs {
	color: #FFF;
	font: bold 92% "Trebuchet MS", Tahoma, Arial, sans-serif;  /* "font-weight: 700" verursacht letter-spacing in Opera*/
	padding: 1px 10px;
	text-align: center;
	}

a#quiz {
	font: bold 92%  "Georgia", Times, serif;  /* "font-weight: 700" verursacht letter-spacing in Opera*/
   background: #EE6 url('../pics/hintergrund/quiz_link.png') -1px 0px no-repeat;
   margin-top: -11px;
   margin-bottom: 11px;
   padding: 2px 1px 2px 19px;
   height: 35px;
}

a#quiz span {
	display:none;
}   

a#quiz:hover {
	background-position: -1px -39px;
}

a#lt {
   margin-top: 1.3em;
	background: #ED720A url('../pics/hintergrund/hintergrund_verlauf_h1.gif') repeat-x;
	}
   
a#sfs {
	background: #224 url('../pics/hintergrund/sfs.gif') repeat-x;
	padding: 2px 20px;
	width: 112px;
	}

a#lt:hover, a#sfs:hover {text-transform: uppercase;}


h2.willkommen {						/* Ueberschrift fuer die Startseite */
	font-family: Georgia, Times, serif;
	font-style: italic;
   	}

div#stufen {
	position: absolute;
		top: 1em;
		right: 0px;
   /* CSS3 für Mozilla und Safari */
	border: 1px solid #999;
   border-radius: 12px;
   	-moz-border-radius: 12px;
   	-webkit-border-radius: 12px;
   box-shadow: 2px 2px 4px #AAA;
   	-moz-box-shadow: 2px 2px 4px #AAA;
   	-webkit-box-shadow: 2px 2px 4px #AAA;
   /* --------------------------- */
	margin-top: 1em;
	margin-right: -2em;
	width: 170px;
   overflow:hidden;
	}

#stufen h2,
#stufen h3 {
	display: none;
	}

#stufen span {
	font: 700 100.01% Georgia, Times, serif;
	}

#stufen p {
	font-size: 82%;
	line-height: 1.33em;
	word-spacing: 0.08em;
	background-color: #E3E2E3;
	padding: 0.68em 4px;
	margin-bottom: 0px;
	}
   
#stufen p.leiter {
	padding: 0px 0px 4px 0px;
   }

p.leiter a {
	background: #033 url('../pics/hintergrund/leiterlilie.png') no-repeat 135px -54px;
	color: #FFF;
	display: block;
	padding: 4px;
	text-decoration: none;
	}

#stufen #roverp {
   /* CSS3 für Mozilla und Safari */
	-moz-border-radius-bottomright: 12px;
   -moz-border-radius-bottomleft: 12px;
   -webkit-border-radius-bottomright: 12px;
   -webkit-border-radius-bottomleft: 12px;
   /* --------------------------- */
}

#stufen p.leiter,
p.leiter a {
   /* CSS3 für Mozilla und Safari */
   -moz-border-radius-topright: 12px;
   -moz-border-radius-topleft: 12px;
   -webkit-border-radius-topright: 12px;
   -webkit-border-radius-topleft: 12px;
   /* --------------------------- */
	}
		
p.leiter a:hover {
	background: #033 url('../pics/hintergrund/leiterlilie.png') no-repeat 135px 0px;
	}
p.leiter a span {
	color:#CCF;
	}