* {margin:0; padding:0;}

html {width:100%;height:100%;}
body {position:relative;background-color:#000;min-width:800px;min-height:600px;}

img, div, a, input { behavior: url(../pngfix/iepngfix.htc) }

#main { background:url(../img/bg.jpg) no-repeat 0 0; color:#fff;position:absolute;width:800px;height:800px;top:50%;left:50%;margin:-400px 0 0 -400px;}
#logo {margin: 290px 0 0 190px;width:238px;height:88px;text-indent:-9999;}
.logo {position:absolute; background:url(../img/logo.png) no-repeat 0 0;width:238px;height:88px;top:290px;}
#main h2 {margin: 0 0 0 190px;text-indent:-9999;} 
#main p { background:url(../img/evolving.png) no-repeat 0 0;position:absolute; margin: 120px 0 0 470px;width:161px;height:25px;text-indent:-9999;}

#social {position:absolute;width:18px;margin:-111px 0 0 170px;}
#social a {display:block; margin-bottom: 4px;}
.twit { position:absolute;background:url(../img/twitter.png) no-repeat 0 0;width:24px;height:24px;top:0;}
.face { position:absolute;background:url(../img/facebook.png) no-repeat 0 0;width:24px;height:24px;top:21px;}
a:hover.twit {background:url(../img/twitterhov.png) no-repeat 0 0;}
a:hover.face {background:url(../img/facebookhov.png) no-repeat 0 0;}
.activtwit {background:url(../img/twitterhov.png) no-repeat 0 0;position:absolute;width:24px;height:24px;top:0;}


#tips {position:absolute;width:108px;margin:-115px 0 0 70px;}
#tips img {position:absolute;margin-left:-1000px;}
.twittip {position:absolute;margin-top: 2px;}
.facetip {position:absolute;margin-top: 23px;}

#twitter_div {background:url(../img/twit_bg.png) no-repeat 0 0; position:absolute;top:50%;left:50%;width:437px;height:175px;margin:-105px 0 0 -204px;padding:20px 0;}
#twitter_div ul {color:#fff;font-size:11px; font-family: Verdana, sans-serif;width:380px;height:180px;margin:0 25px;overflow:hidden;}
#twitter_div ul li {padding-bottom:5px;margin-bottom:5px;border-bottom:1px dotted #aeaeae;list-style-type: none;color:#d4d4d4;}
#twitter_div ul li:first-child {font-weight: bold;color:#fff;}
#twitter_div ul li:last-child {border-bottom: none;color:#989898;}
#twitter_div ul li a {text-decoration:none;color:#072034;}
#twitter-link {background:url(../img/follow.png) no-repeat 0 0;width:95px;height:27px;position:absolute;top:-14px;right:12px;text-indent: -9999px;}
#close {background:url(../img/close.png) no-repeat 0 0;position:absolute;top:0px;right:-12px;width:28px;height: 57px;}

#works {position:absolute;width:27px;margin:-148px 0 0 195px;}
#works a {position:absolute;background:url(../img/works.png) no-repeat 0 0;width:27px;height:36px;top:0;}

#worktips {position:absolute;width:108px;margin:-175px 0 0 170px;}
#worktips img {position:absolute;top:0;opacity:0;}

#logo_div {position:absolute;top:50%;left:50%;width:460px;height:175px;margin:-95px 0 0 -225px;padding:20px 0;}
#wrapper {width:410px;height:175px;position:absolute;overflow:auto;top:10px;left:0px;}
#logo_div ul {position:absolute;list-style-type: none;width:10000px;}
#logo_div ul li {display:block;float:left;padding:10px;width:185px;}
#logo_div a {position:absolute; width:69px;height:69px;top:50px;opacity:0.2;}
#logo_div a:hover {opacity:1;}
.arr_left { background:url(../img/logos/arrow_left.png) no-repeat 0 0;left:-35px;}
.arr_right { background:url(../img/logos/arrow_right.png) no-repeat 0 0;right:10px;}
#logo_div a.back {background:url(../img/zurueck.png) no-repeat 0 0;position:absolute;top:-25px;left:8px;opacity:1;width:9px;height:9px;}

#impres {background:none;color:#fff;position:absolute;width:100%;height:100px;bottom:0;font-family: verdana, sans-serif;}
#impres span h3 {position:absolute;bottom:6px;left:25%;color:#fff; font-size: 10px;cursor:pointer;}
#impres span {position:absolute;background:#fff url(../img/impres_bg.png) repeat-x 0 0; position:absolute;width:100%;height:0;bottom:0;}
#impres p {float:left;color:#000;margin:20px 0 0 25%;font-size: 12px;}
#impres p + p {float:left;color:#000;margin:20px 0 0 10%;}

#news {background:url(../img/bg_news.png) no-repeat 0 0; width:721px; height:483px;z-index:9999;position:absolute;top:50%;left:50%;margin:-221px 0 0 -360px;display:none;}
#news img {border: none; float:right; margin: 15px 15px 0 0;cursor: pointer;}
#news h1 {margin:170px 30px 10px;font-family: Helvetica,Arial,sans-serif;font-size: 25px;color:#319dca;}
#news p {margin:5px 30px;font-family:Verdana,Arial,sans-serif;font-size: 12px;}

.display {display:block;}
.nodisplay {display:none;}





#bookmarking {background-color:#bbb; width: 100%; height: 100%; padding:50px;}
#bookmarking ul li {float: left;padding: 0 5px;list-style-type: none;position: relative;}
#bookmarking ul li a {display: block; width: 23px; height:23px;}

.sputnik a {background: url(../bookmark_img/sputnik.png) no-repeat 0 0;}
.facebook a {background: url(../bookmark_img/facebook.png) no-repeat 0 0;}
.twitter a {background: url(../bookmark_img/twitter.png) no-repeat 0 0;}
.myspace a {background: url(../bookmark_img/myspace.png) no-repeat 0 0;}
.studivz a {background: url(../bookmark_img/studivz.png) no-repeat 0 0;}
.schuelervz a {background: url(../bookmark_img/schuelervz.png) no-repeat 0 0;}
.meinvz a {background: url(../bookmark_img/meinvz.png) no-repeat 0 0;}

#bookmarking ul li:hover a {background-position: 0 -23px;}

#bookmarking ul li span {background: url(../bookmark_img/span_bg.png) no-repeat 0 0;font-size: 9px; font-family: Arial, Verdana, sans-serif;position: absolute;top:40px;left:-10px;text-align: center;display:block;width:53px;height:17px;line-height: 18px;opacity: 0;}

.schuelervz {display:none;opacity: 0;}
.meinvz {display:none;opacity: 0;}