body{background-color:#5579ad; background-image:url(../bg2.jpg); background-repeat:no-repeat; background-position:top; margin-top:0px; text-align:center; font-family:Verdana,Arial,Helvetica,sans-serif; color:#333; font-size:13px}
a{color:#333; text-decoration:none}
a:hover{color:#fff; text-decoration:none; background:#5579AD}
a.more-link{font-weight:bold; display:block; margin:10px 0 0 0; width:210px; padding:4px}
.header{position:relative; width:960px; height:183px; background:url(../header.jpg) no-repeat}
.logo{width:570px; height:124px; left:10px; top:20px; position:absolute; display:block}
a.logo:hover{background:transparent}
.rss{display:block; height:40px; position:absolute; right:170px; top:80px; width:40px}
a.rss:hover{background:none!important}
.navi{width:250px; position:absolute; bottom:24px; right:120px}
.video{float:left; border:0; padding:0; display:block; width:96px; height:28px; margin:0 0 0 10px; background:url("http://www.school-life.de/Bilder/video.png") no-repeat}
a.video:hover{background:url("http://www.school-life.de/Bilder/video.png") no-repeat}
.features:hover{background-position:0 0}
.blog{float:left; border:0; padding:0; display:block; width:69px; height:27px; background:url("http://www.school-life.de/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("http://www.school-life.de/Bilder/forum.jpg") 0 -27px no-repeat}
.forum:hover{background-position:0 0}
.content{text-align:left; width:960px; top:70px; background-color:#FFF}
.wrapper{margin:0 auto; text-align:middle; width:960px}
.footer{color:#FFF; font-size:10px; margin:0; padding:60px 0 0; position:relative; width:960px; height:121px; background:url(footer.jpg) no-repeat}
.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{text-align:left; margin:0; padding-left:30px; padding-top:135px; ; font-weight:normal; color:#FFF; font-size:2.0em}
.teaser p{margin:0; padding-left:210px; padding-top:-10px; font-weight:normal; letter-spacing:-1px; color:#FFF; font-size:0,9em; text-transform:uppercase}
.teaser a{margin:0; padding:0 250px; font-size:.8em; color:#fff; text-decoration:none; text-transform:uppercase}
.teaser a:hover{text-decoration:underline}
.brot{color:#666; background-color:#fff; font-size:11px; width:650px; margin:0 19px; padding:0 10px 20px}
.brot a{color:#666!important; text-decoration:none}
.brot a:hover{color:#fff; background:#fff!important; text-decoration:underline}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
.artikel{float:left; margin:0 19px 0 19px}
.ad{background-color:#fff; width:210px; float:right; padding:5px; border-left:#CCC dashed 1px; border-bottom:#CCC dashed 1px}
.ad h2{margin:0; font-size:16px; text-transform:uppercase; color:#b30000}
.ad img{padding-right:19px}
.article{text-align:; width:620px; padding:0 7px}
h2, h1{font:bold 3em Arial,Helvetica,sans-serif; margin-bottom:0; letter-spacing:-1px; padding:0; color:#333; text-align:left}
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; 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{display:block; position:absolute; top:2em; left:2em; width:15em; border:1px solid #999; background-color:#ededed; color:#000; text-align:center; text-decoration:none}