body {
	background-color: #480f0f;
	background-image: url(http://www.school-life.de/bg2.jpg);
	background-repeat:no-repeat;
	background-position: top;
	margin-top:0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:13px;
}
a {color:#990000; text-decoration:none;}
a:hover {color:#990000; text-decoration:underline;}
.header {
	position:relative;
	width:884px;
	height:70px;
	background-image:url(/header.jpg);

}
.logo {width:300px; height:40px; left:10px; top:20px; position:absolute; display:block;}
.navi {

	/*width:340px; */
	width:250px;
 	position:absolute;
	top:24px;
    right: 19px;
}
.features { 	
	float:left;
	border:0; 
	padding:0; 
	display: block; 
	width: 92px; 
	height:27px; 
	background: url("../Bilder//features.jpg") 0 -27px no-repeat;
}
.features:hover { 
	background-position: 0 0;
}
.blog { 	
	float:left;
	border:0; 
	padding:0; 
	display: block; 
	width: 69px; 
	height:27px; 
	background: url("../Bilder/blog.jpg") 0 -27px no-repeat;
}
.blog:hover { 
	background-position: 0 0;
}
.blog { 	
	float:left;
	border:0; 
	padding:0; 
	display: block; 
	width: 69px; 
	height:27px; 
	background: url("../Bilder/blog.jpg") 0 -27px no-repeat;
}
.blog:hover { 
	background-position: 0 0;
}
.forum { 	
	float:left;
	border:0; 
	padding:0; 
	display: block; 
	width: 85px; 
	height:27px; 
	background: url("../Bilder/forum.jpg") 0 -27px no-repeat;
}
.forum:hover { 
	background-position: 0 0;
}
.content {
	text-align:left;
	width:884px;
	top:70px;
	background-color:#FFFFFF;
	background-image:url(http://www.school-life.de/footer2.jpg);
	background-position:bottom;
	background-repeat: no-repeat;	
}
.wrapper {
margin: 0 auto;
text-align:middle;
width:900px;
}
.footer {
	color:#FFF; font-size:10px; margin:0; padding:0;
}

.imagewrapper {
	position:relative;
	width: 846px;
	height: 184px;
	margin: 0 19px 0 19px;
}
.teaser {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif; 
	position:absolute;
	bottom: 0; 
  	left: 0; 
	width: 846px;
	height: 184px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale src='http://www.school-life.de/teaser_transp.png');
}
.teaser[class] {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif; 
	position:absolute;
	bottom: 0; 
  	left: 0; 
	width: 846px;
	height: 184px;
	background-image:url(http://www.school-life.de/teaser_transp.png);
  }
.teaser h1 {
	margin: 0;
	padding-left:30px;
	padding-top:135px;;
	font-weight: normal;
	color:#FFFFFF;
	font-size: 2.0em;	
}
.teaser p {
	margin: 0;
	padding-left:210px;
	padding-top:-10px;
	font-weight: normal;
	letter-spacing:-1px;
	color:#FFFFFF;
	font-size: 0,9em;
	text-transform: uppercase;
}
.teaser a {
	margin:0;
	padding: 0 250px;
	font-size: .8em; 
	color: #fff; 
	text-decoration: none; 
 
}
.teaser a:hover {text-decoration:none;}
.brot{ color:#ffffff; background-color:#000000; font-size:12px; width:836px; margin: 0 19px 0 19px; padding-left:10px;}
a.brot_font{ color:#ffffff; text-decoration:none;}
a.brot_font:hover{
	color:#CCCCCC;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.artikel {
	float:left;
	margin: 0 19px 0 19px;
	width:590px;

}
.ad {background-color:#ffffff; width:210px; float:right; padding:5px; border-left:#CCCCCC dashed 1px; border-bottom:#CCCCCC dashed 1px;}
.ad h2 {
	margin:0;
	font-size:16px;
	text-transform: uppercase;
	color: #b30000;
}
.ad img{ width:190px;}

.article {
	text-align:;
	width:590px;
	padding: 0 7px;
}
h2 {
	margin-bottom: 0;
	letter-spacing: -1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	line-height: 1.2em;
	font-weight: normal;
	color: #222222;
}

p.intro {
	font: bold 1.1em/130% Verdana, Arial, sans-serif;
}

p.summary {
	font: normal 1em/130% Verdana, Arial, sans-serif;
}

p.fulltext {
	font: normal 1em/140% Verdana, Arial, sans-serif;
}

a.more {
	display: block;
	margin: 20px 0 0 0;
}
.artikel_image {
	width: 230px;
	height: 150px;
	float: left;
	margin: 0 6px 6px 0;
	overflow: hidden;
}



a.info{
	position:relative; /*this is the key*/
	z-index:24;
	color:#000;
	text-decoration:none
}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:-55px;
	left:0em;
	width:17em;
	border:1px solid #999;
	background-color:#ededed;
	color:#000;
	text-align: center;
	text-decoration:none;
}
.hinweise {
	width: 500px;
	padding:10px;
	background:#fffbe0;
	border: solid 1px #d9d9d9;
	margin-bottom:5px;
	margin-left:10px;
}
.hinweise em {
	color:#810000;
	font-weight:bold;
	font-style:normal;
}