html { height:100%; max-height:100%; padding: 0; margin: 0; border: 0; }
body { 
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
width: 100%;
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
      color: #000000; 
	  font-family: "Book Antiqua", Palatino, serif;
	  font-size: 12px;
	  text-align: center;
	  background: #ffffff;
	  }
	  
a { color: #ab1b1b; text-decoration : none; }
a:link { color: #ab1b1b; text-decoration : none; }
a:visited { color: #ab1b1b; text-decoration : none; }
a:hover { color: #ab1b1b; text-decoration : none; }
a:active { color: #ab1b1b; text-decoration : none; }

p { }

#bg_image {width: 100%; height: 100%; left: 0px; top: 125px; position: absolute; z-index: 0;}

/* HOMEPAGE */
#homecontent { z-index: 0; position: absolute; width: 1000px; height: 580px; left: 50%; margin-left: -500px; top: 50%; margin-top: -290px; text-align: left; }
.homepage { background: #FFFFFF; z-index: 0; position: absolute; width: 1000px; left: 50%; margin-left: -500px; padding: 50px 20px 20px 20px; }
.hometext { color: #000000; }
.hometext a, .hometext a:link, .hometext a:visited { color: #000000; text-decoration : none; }
.hometext a:hover, .hometext a:active { color: #ab1b1b; text-decoration : none;  }
.homenewstitle, .homenewstitle a:visited, .homenewstitle a, .homenewstitle a:link { color: #000000; }
.homenewsdate { font-size: 9px; color: #ab1b1b; }
.homenewstitle a:hover, .homenewstitle a:active, .homenewsdate a, .homenewsdate a:link, .homenewsdate a:visited { color: #ab1b1b; text-decoration : none; }
/* HOMEPAGE */
/* SUBPAGES */
.header { width: 100%; height: 125px; top: 0px; background: #FFFFFF; text-align: center; }
.footer { clear: both; position: fixed; left: 1px; width: 100%; height: 30px; bottom: 0; background: #FFFFFF; text-align: center; }
/* SUBPAGES */
/* SHOP */
#shopus { position: absolute; width: 420px; height: 450px; left:50%; margin-left: -400px; top: 80px; }
#shopuk { position: absolute; width: 420px; height: 450px; left:50%; margin-left: 0px; top: 80px; }
/* SHOP */
/* DOWNLOAD */
#content {z-index: 0; position: absolute; width:800px; height:600px; left:50%; margin-left: -400px; top:50%; margin-top: -300px;}
.download { position: absolute; left:50%; margin-left: -325px; top:50%; margin-top: -350px; width: 650px; height: 700px; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; }
.dlform { position: absolute; left:50%; margin-left: -200px; top:50%; margin-top: 0px; width: 400px; height: 150px; text-align: left; color: #FFFFFF; }
.dltext { position: absolute; left:50%; margin-left: -342px; top:50%; margin-top: -375px; width: 675px; height: 385px; text-align: left; }
.dlsubmit {z-index: 1; position: absolute; left:50%; margin-left: -50px; top:50%; margin-top: 185px; width: 102px; height: 48px; }
#privacy { position: absolute; left:50%;  margin-left: -50px; top:50%; margin-top: 420px; text-align: center; }
#songback {z-index: 1; position: absolute; left:50%; margin-left: 240px; top:50%; margin-top: 0px; width:98px; height:64px; }
#dlbutton { position: absolute; left:50%; margin-left: -85px; top:50%; margin-top: -150px; width:169px; height:54px; }
#dlsubmit { position: absolute; left:50%; margin-left: 200px; top:50%; margin-top: 0px; width:110px; height:55px; }
#leftrightcontent {z-index: 0; position: absolute; width:640px; left:50%; margin-left: -320px; margin-top: 0px;}
.leftrightdownload { position: absolute; left:50%; margin-left: -325px; width: 650px; height: 700px; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; }
.leftrightdlform { position: absolute; left:50%; margin-left: -200px; top:50%; margin-top: 340px; width: 400px; height: 150px; text-align: left; color: #FFFFFF; }
.leftrightdlsubmit { position: absolute; width: 130px; height: 50px; margin-left: 400px; margin-top: -50px;  }
#leftrightprivacy { position: absolute; left:50%;  margin-left: -75px; top:50%; margin-top: 420px; text-align: center; }
a.leftrightdl { background:url(../graphics/leftright_dl.jpg) repeat 0px 0px; width: 650px; height: 650px; display: block; }
a.leftrightdl span { display: none; }
a.leftrightdl:hover { background: url(../graphics/leftright_dl.jpg) repeat 0px -650px; }
/* DOWNLOAD */
/* POST */
.post { position: absolute; width: 1024px; height: 645px; left: 50%; margin-left: -512px; top: 125px; text-align: left; }
.postwidgetblob { position: absolute; width: 920px; height: 600px; left: 50%; margin-left: -460px; top: 50px; background: url(../graphics/post_blobwidget.png); background-repeat: no-repeat; }
.postblob { position: absolute; width: 920px; height: 600px; left: 50%; margin-left: -460px; top: 50px; background: url(../graphics/post_blobblack.png); background-repeat: no-repeat; }
#postwidget { position: absolute; width: 325px; height: 550px; left:50%; margin-left: -360px; top: 80px;  text-align: left; overflow: auto; display: block; 
color: #FFFFFF; }
#posticons { position: absolute; width: 250px; height: 250px; left:50%; margin-left: 50px; top: 80px;  text-align: left; overflow: auto; display: block; 
color: #FFFFFF; }
#posticons a:link img, #posticons a:visited img  { border: 1px solid #000000; }
#posticons a:hover img , #posticons a:active img  { border: 1px solid #FF0000; }
#postwall { position: absolute; width: 350px; height: 65px; left:50%; margin-left: 0px; top: 300px;  text-align: left; overflow: auto; display: block; 
color: #FFFFFF; }
#postwallpaperscroll { position: absolute; width: 350px; height: 255px; left:50%; margin-left: 0px; top: 360px;  text-align: left; overflow: auto; display: block; 
color: #FFFFFF; }
#postwallpaperscroll { font-size: 9px; color: #a9a9a9; }
#postwallpaperscroll a:link, #postwallpaperscroll a:visited { font-size: 9px; color: #FFFFFF; }
#postwallpaperscroll a:hover, #postwallpaperscroll a:active { font-size: 9px; color: #a9a9a9; }
#postoracleformsubmit {z-index: 1; position: absolute; width:650px; left:50%; margin-left: -325px; top:50%; margin-top: -240px; color: #FFFFFF; font-size: 11px; text-align: left; }
#postoracleformsubmitbtn { position: absolute; width: 120px; height: 90px; left:50%; margin-left: 250px; top: 435px; overflow: auto; display: block;  }
.postoraclesubmitbutton { position: absolute; width: 140px; height: 100px; left:50%; margin-left: 250px; top: 170px; overflow: auto; display: block; }
.postoracletop { position: absolute; width: 500px; height: 100px; left:50%; margin-left: -225px; top: 100px; }
#postoraclescroll { position: absolute; width: 500px; height: 400px; left:50%; margin-left: -325px; top: 200px; text-align: left; overflow: auto; display: block;  color: #FFFFFF; }
.postoracle { color: #FFFFFF; }
.postoraclered { color: #FF0000; }
.postoracle a, .oracle a:link, .oracle a:visited, .oracle a:hover, .oracle a:active  { color: #FF0000; text-decoration : none; }
.postoraclequestion { margin-left: 25px; }
#postvideos {position: absolute; width: 370px; height: 300px; left:50%; margin-left: -380px; top: 50px;  text-align: left; overflow: auto; display: block; 
color: #FFFFFF;  font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 11px; background: #000000; padding: 10px; }
#postvideoscroll { position: absolute; width: 360px; height: 255px; left:50%; margin-left: -185px; top: 50px; text-align: left; overflow: auto; display: block;  }
#postgallery {position: absolute; width: 370px; height: 180px; left:50%; margin-left: -380px; top: 390px;  text-align: left; overflow: auto; display: block; 
color: #FFFFFF;  font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 11px; background: #000000; padding: 10px; }
#postinterviews {position: absolute; width: 310px; height: 190px; left:50%; margin-left: 25px; top: 50px;  text-align: left; overflow: auto; display: block; 
color: #FFFFFF;  font-family: Verdana, Verdana, Geneva, sans-serif;  font-size: 11px; background: #000000; padding: 10px; }
#postroadie {position: absolute; width: 310px; height: 175px; left:50%; margin-left: 25px; top: 270px;  text-align: left; overflow: auto; display: block; 
color: #FFFFFF;  font-family: Verdana, Verdana, Geneva, sans-serif;  font-size: 11px; background: #000000; padding: 10px; }
#postprospekt {position: absolute; width: 310px; height: 170px; left:50%; margin-left: 25px; top: 475px;  text-align: left; overflow: auto; display: block; 
color: #FFFFFF;  font-family: Verdana, Verdana, Geneva, sans-serif;  font-size: 11px; background: #000000; padding: 10px; }
.postlinks, .postlinks a, .postlinks a:link, .postlinks a:visited {  font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 11px; color: #7F9CD1; text-decoration: none; }
.postlinks a:hover, .postlinks a:active {  font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 11px; color: #FF0000; text-decoration: none; }
.postarchiveone { position: absolute; width: 400px; height: 50px; left:50%; margin-left: -180px; top: 80px; }
#postarchiveonescroll { position: absolute; width: 320px; height: 345px; left:50%; margin-left: -135px; top: 200px; text-align: left; overflow: auto; display: block;  color: #FFFFFF; }
#postarchivetwoscroll { position: absolute; width: 360px; height: 345px; left:50%; margin-left: -160px; top: 200px; text-align: left; overflow: auto; display: block;  color: #FFFFFF; }
.postoracleprospekt { position: absolute; width: 500px; height: 50px; left:50%; margin-left: -225px; top: 100px; }
#postoracleprospektscroll { position: absolute; width: 500px; height: 400px; left:50%; margin-left: -200px; top: 150px; text-align: left; overflow: auto; display: block;  color: #FFFFFF; }
/* POST */
/* LIVE */
.live { position: absolute; width: 1024px; height: 645px; left: 50%; margin-left: -512px; top: 125px; text-align: left; }
.liveblob { position: absolute; width: 792px; height: 528px; left: 50%; margin-left: -396px; top: 50px; background: url(../graphics/live_blob.png); background-repeat: no-repeat; }
#livescroll { position: absolute; width: 600px; height: 420px; left:50%; margin-left: -300px; top: 100px;  text-align: left; overflow: auto; display: block; 
color: #FFFFFF; }
#livescroll hr { width: 550px; background-color: #9FF791; margin-left: 0; margin-right:auto; }

.livewhite { color: #FFFFFF; }
.livewhite a, .livewhite a:link, .livewhite a:visited, .livewhite a:hover, .livewhite a:active { color: #FFFFFF; text-decoration : none;  }
.livegreen { color: #9FF791; }
/* LIVE */
/* DISCO */
.disco { position: absolute; width: 800px; height: 800px; left: 50%; margin-left: -400px; top: 140px; text-align: left; }
/* DISCO */
/* NEWS */
.news { position: absolute; width: 1024px; height: 645px; left: 50%; margin-left: -512px; top: 125px; text-align: left; }
.newsblob { position: absolute; width: 980px; height: 580px; left: 50%; margin-left: -490px; top: 50px; background: url(../graphics/news_blob.png); background-repeat: no-repeat; }
.newsrss { position: absolute; width: 50px; height: 75px; left:50%; margin-left: 100px; top: 100px; overflow: auto; display: block; }
#newsscroll { position: absolute; width: 500px; height: 500px; left:50%; margin-left: -425px; top: 85px; text-align: left; overflow: auto; display: block;  color: #FFFFFF; }
#newscloud { position: absolute; width: 300px; height: 500px; left:50%; margin-left: 100px; top: 150px; text-align: left; overflow: auto; display: block;  color: #FFFFFF; }
#newstagcloud { position: absolute; width: 800px; height: 500px; left:50%; margin-left: -400px; top: 150px; text-align: left; overflow: auto; display: block;  color: #FFFFFF; }
.cloud_title { color: #FFFFFF; font-family: "Book Antiqua", Palatino, serif; font-size: 16px; font-weight: bolder; }
.cloud_tag, .cloud_tag a, .cloud_tag a:link, .cloud_tag a:visited { color: #FFFFFF; font-family: "Book Antiqua", Palatino, serif; }
.cloud_tag a:hover, .cloud_tag a:active { color: #FF0000; text-decoration : none; }
#newsdetailscroll { position: absolute; width: 830px; height: 530px; left:50%; margin-left: -430px; top: 80px; text-align: left; overflow: auto; display: block;  color: #FFFFFF; outline-color:-moz-use-text-color; outline-style:none; outline-width:0;}
#newsscroll hr { width: 550px; background-color: #3366ff; margin-left: 0; margin-right:auto; }
#newsdetailscroll hr { width: 800px; background-color: #3366ff; margin-left: 0; margin-right:auto; }

p .newstitle, p .newstitle a, p .newstitle a:link, p .newstitle a:visited { font-weight: bolder; color: #FFFFFF; }
p .newstitle a:hover, p .newstitle a:active { font-weight: bolder; color: #FF0000; text-decoration : none; }
p .newsdate, p .newsdate a, p .newsdate a:link, p .newsdate a:visited, p .newsdate a:hover, p .newsdate a:active { color: #3366ff; font-size: 9px; }
p .newssynopsis, p .newssynopsis a, p .newssynopsis a:link, p .newssynopsis a:visited, p .newssynopsis a:hover, p .newssynopsis a:active { color: #3366ff; }
.newsentry { float:none;clear:both;margin-top:1em; }
.newsentry img {float:left;margin-right:1em; border:1px solid #000000; display:block;}
/*.newsthumb a:visited, .newsthumb a:hover, .newsthumb a:active {float:left;margin-right:1em; border:1px solid #FF0000; display:block;}*/
.newsentry a, .newsentry a:link, .newsentry a:visited, .newsentry a:hover, .newsentry a:active  { color: #FF0000; text-decoration : none; }
.newsdetailentry { float: none; clear: both; margin-top: 1em; font-size: 14px; line-height: 14px; }
.newsdetailentry img {float:left;margin-right:1em; border:1px solid #000000; display:block;}
.newsdetailentry a, .newsdetailentry a:link, .newsdetailentry a:visited  { color: #3399ff; text-decoration : none; font-size: 14px; }
.newsdetailentry a:hover, .newsdetailentry a:active  { color: #FF0000; text-decoration : none; font-size: 14px; }
p .newsdetailtitle, p .newsdetailtitle a, p .newsdetailtitle a:link, p .newsdetailtitle a:visited { font-weight: bold; color: #FFFFFF; font-size: 14px; }
p .newsdetailtitle a:hover, p .newsdetailtitle a:active { font-weight: bold; color: #3366ff; text-decoration : none; font-size: 14px;  }
p .newsdetailheader, p .newsdetailheader a, p .newsdetailheader a:link, p .newsdetailheader a:visited, p .newsdetailheader a:hover, p .newsdetailheader a:active { color: #3366ff; font-size: 14px; }
.newsdetailstory p { clear: left; }
.newsdetailstory br { clear: left;  }
.newsdetailstory img { clear: left; margin-top:5px; margin-bottom:5px; }
/* NEWS */
/* ORACLE */
.oracle { color: #FFFFFF; }
.oracle a, .oracle a:link, .oracle a:visited, .oracle a:hover, .oracle a:active  { color: #3399ff; text-decoration : none; }
.oracleblue { color: #3399ff; }
.oraclesubmitbutton { position: absolute; width: 75px; height: 75px; left:50%; margin-left: 290px; top: 170px; overflow: auto; display: block; }
.oraclearchivesbutton { position: absolute; width: 200px; height: 75px; left:50%; margin-left: -100px; top: 450px; overflow: auto; display: block; }
#oracleolderscroll { position: absolute; width: 500px; height: 420px; left:50%; margin-left: -250px; top: 100px; text-align: left; overflow: auto; display: block;  color: #FFFFFF; }
#oracleformsubmit {z-index: 1; position: absolute; width:650px; left:50%; margin-left: -325px; top:50%; margin-top: -260px; color: #FFFFFF; font-size: 11px; text-align: left; }
#oracleformsubmitbtn { position: absolute; width: 125px; height: 80px; left:50%; margin-left: 250px; top: 435px; overflow: auto; display: block;  }
#oraclecloud { position: absolute; width: 300px; height: 500px; left:50%; margin-left: 250px; top: 260px; text-align: left; overflow: auto; display: block;  color: #FFFFFF; }
#oracletagcloud { position: absolute; width: 800px; height: 500px; left:50%; margin-left: -400px; top: 150px; text-align: left; overflow: auto; display: block;  color: #FFFFFF; }
.oraclecloud_title { color: #FFFFFF; font-family: "Book Antiqua", Palatino, serif; font-size: 16px; font-weight: bolder; }
.oraclecloud_tag, .oraclecloud_tag a, .oraclecloud_tag a:link, .oraclecloud_tag a:visited { color: #FFFFFF; font-family: "Book Antiqua", Palatino, serif; }
.oraclecloud_tag a:hover, .oraclecloud_tag a:active { color: #FF0000; text-decoration : none; }
/* ORACLE */
/* VIDEO */
#video {z-index: 1; position: absolute; left:50%; margin-left: -250px; top:50%; margin-top: -250px; width:500px; height:400px;    }
#hdvideo {z-index: 1; position: absolute; left:50%; margin-left: -330px; top:50%; margin-top: -350px; width:660px; height:400px;    }
#videoback {z-index: 1; position: absolute; left:50%; margin-left: -49px; top:50%; margin-top: 150px; width:98px; height:64px;    }
#vivavideoback {z-index: 1; position: absolute; left:50%; margin-left: -49px; top:50%; margin-top: 250px; width:98px; height:64px;    }
/* VIDEO */
/* NAVS */
a.nav0 { background:url(../graphics/home_star.png) repeat 0px 0px; width: 152px; height: 50px; display: block; }
a.nav1 { background:url(../graphics/home_live.png) repeat 0px 0px; width: 152px; height: 480px; display: block; }
a.nav2 { background:url(../graphics/home_news.gif) repeat 0px 0px; width: 135px; height: 480px; display: block; }
a.nav3 { background:url(../graphics/home_post.png) repeat 0px 0px; width: 144px; height: 480px; display: block; }
a.nav4 { background:url(../graphics/home_time.png) repeat 0px 0px; width: 149px; height: 480px; display: block; }
a.nav5 { background:url(../graphics/home_cross.png) repeat 0px 0px; width: 149px; height: 50px; display: block; }
a.nav6 { background:url(../graphics/home_shop.png) repeat 0px 0px; width: 149px; height: 70px; display: block; }
a.navcontest { background:url(../graphics/home_lostcontest.png) repeat 0px 0px; width: 279px; height: 70px; display: block; }
a.navoracle { background:url(../graphics/home_oracle.png) repeat 0px 0px; width: 152px; height: 70px; display: block; }
a.navvideo { background:url(../graphics/home_lostvideo.png) repeat 0px 0px; width: 279px; height: 120px; display: block; }
a.navletter { background:url(../graphics/home_letter.jpg) repeat 0px 0px; width: 279px; height: 100px; display: block; }
a.navgow { background:url(../graphics/home_gow.jpg) repeat 0px 0px; width: 107px; height: 100px; display: block; }
a.navtwitter { background:url(../graphics/home_twitter.png) repeat 0px 0px; width: 279px; height: 90px; display: block; }
a.navgame { background:url(../graphics/home_game.png) repeat 0px 0px; width: 45px; height: 100px; display: block; }
a.navprospekt { background:url(../graphics/home_prospektsmarch.png) repeat 0px 0px; width: 152px; height: 100px; display: block; }
a.navsong { background:url(../graphics/home_christmas.png) repeat 0px 0px; width: 279px; height: 60px; display: block; }
a.navviva { background:url(../graphics/home_vivalavida.png) repeat 0px 0px; width: 149px; height: 100px; display: block; }
a.navdisco { background:url(../graphics/home_disco.png) repeat 0px 0px; width: 279px; height: 100px; display: block; }
a.navleftright { background:url(../graphics/home_leftright.jpg) repeat 0px 0px; width: 240px; height: 115px; display: block; }
a.navvote { background:url(../graphics/home_vote.jpg) repeat 0px 0px; width: 279px; height: 100px; display: block; }

a.back { background:url(../graphics/dl_backwhite.png) repeat 0px 0px; width: 98px; height: 64px; display: block; }
a.backred { background:url(../graphics/dl_backred.png) repeat 0px 0px; width: 98px; height: 64px; display: block; }
a.backblack { background:url(../graphics/dl_backblack.png) repeat 0px 0px; width: 98px; height: 64px; display: block; }

a.head1 { background:url(../graphics/head_nav1.png) repeat 0px 0px; width: 75px; height: 30px; display: block; }
a.head2 { background:url(../graphics/head_nav2.png) repeat 0px 0px; width: 55px; height: 30px; display: block; }
a.head3 { background:url(../graphics/head_nav3.png) repeat 0px 0px; width: 55px; height: 30px; display: block; }
a.head4 { background:url(../graphics/head_nav4.png) repeat 0px 0px; width: 50px; height: 30px; display: block; }
a.head5 { background:url(../graphics/head_nav5.png) repeat 0px 0px; width: 50px; height: 30px; display: block; }
a.head6 { background:url(../graphics/head_nav6.png) repeat 0px 0px; width: 60px; height: 30px; display: block; }

a.foot1 { background:url(../graphics/foot_nav1.png) repeat 0px 0px; width: 100px; height: 30px; display: block; }
a.foot2 { background:url(../graphics/foot_nav2.png) repeat 0px 0px; width: 100px; height: 30px; display: block; }
a.foot3 { background:url(../graphics/foot_nav3.png) repeat 0px 0px; width: 100px; height: 30px; display: block; }
a.foot4 { background:url(../graphics/foot_nav4.png) repeat 0px 0px; width: 100px; height: 30px; display: block; }
a.foot5 { background:url(../graphics/foot_nav5.png) repeat 0px 0px; width: 170px; height: 30px; display: block; }
a.foot6 { background:url(../graphics/foot_nav6.png) repeat 0px 0px; width: 150px; height: 30px; display: block; }
a.foot7 { background:url(../graphics/foot_nav7.png) repeat 0px 0px; width: 105px; height: 30px; display: block; }

a.news1 { background:url(../graphics/news_header.png) repeat 0px 0px; width: 560px; height: 60px; display: block;  }
a.time1 { background:url(../graphics/time_timeline.png) repeat 0px 0px; width: 103px; height: 60px; display: block;  }
a.post1 { background:url(../graphics/post_widgets.png) repeat 0px 0px; width: 214px; height: 60px; display: block;  }
a.post2 { background:url(../graphics/post_oracle.png) repeat 0px 0px; width: 220px; height: 60px; display: block;  }
a.post3 { background:url(../graphics/post_post.png) repeat 0px 0px; width: 155px; height: 60px; display: block;  }

a.newsback { background:url(../graphics/news_back.png) repeat 0px 0px; width: 98px; height: 64px; display: block; }

a.nav1 span, a.nav2 span, a.nav3 span, a.nav4 span, a.nav5 span, a.nav0 span, a.nav6 span, a.navletter span, a.navgow span, a.navgame span, a.navcontest span, a.navoracle span, a.navvideo span, a.navletter span, a.navtwitter span, a.navprospekt span, a.navsong span, a.navleftright span, a.navvote span, a.navdisco span, a.navviva span, a.back span, a.head1 span, a.head2 span, a.head3 span, a.head4 span, a.head5 span, a.head6 span, a.foot1 span, a.foot2 span, a.foot3 span, a.foot4 span, a.foot5 span, a.foot6 span, a.foot7 span, a.news1 span, a.time1 span, a.post1 span, a.post2 span, a.post3 span, a.newsback span, a.backred span, a.backblack span { display: none; }

a.nav0:hover { background: url(../graphics/home_star.png) repeat 0px -50px; }
a.nav1:hover { background: url(../graphics/home_live.png) repeat 0px -480px; }
a.nav2:hover { background: url(../graphics/home_news.gif) repeat 0px 480px; }
a.nav3:hover { background: url(../graphics/home_post.png) repeat 0px -480px; }
a.nav4:hover { background: url(../graphics/home_time.png) repeat 0px -480px; }
a.nav5:hover { background: url(../graphics/home_cross.png) repeat 0px -50px; }
a.nav6:hover { background: url(../graphics/home_shop.png) repeat 0px -70px; }
a.navcontest:hover { background:url(../graphics/home_lostcontest.png) repeat 0px -70px; }
a.navoracle:hover { background:url(../graphics/home_oracle.png) repeat 0px -70px; }
a.navvideo:hover { background:url(../graphics/home_lostvideo.png) repeat 0px -120px; }
a.navletter:hover { background:url(../graphics/home_letter.jpg) repeat 0px -100px; }
a.navgow:hover { background:url(../graphics/home_gow.jpg) repeat 0px -100px; }
a.navtwitter:hover { background:url(../graphics/home_twitter.png) repeat 0px -90px; }
a.navgame:hover { background:url(../graphics/home_game.png) repeat 0px -100px; }
a.navprospekt:hover { background:url(../graphics/home_prospektsmarch.png) repeat 0px -100px; }
a.navsong:hover { background:url(../graphics/home_christmas.png) repeat 0px -60px; }
a.navviva:hover { background:url(../graphics/home_vivalavida.png) repeat 0px -100px; }
a.navdisco:hover { background:url(../graphics/home_disco.png) repeat 0px -100px; }
a.navleftright:hover { background:url(../graphics/home_leftright.jpg) repeat 0px -115px; }
a.navvote:hover { background:url(../graphics/home_vote.jpg) repeat 0px -100px; }

a.back:hover { background: url(../graphics/dl_backwhite.png) repeat 0px -64px; }
a.backred:hover { background:url(../graphics/dl_backred.png) repeat 0px -64px; }
a.backblack:hover { background:url(../graphics/dl_backblack.png) repeat 0px -64px; }

a.head1:hover { background: url(../graphics/head_nav1.png) repeat 0px -30px; }
a.head2:hover { background: url(../graphics/head_nav2.png) repeat 0px -30px; }
a.head3:hover { background: url(../graphics/head_nav3.png) repeat 0px -30px; }
a.head4:hover { background: url(../graphics/head_nav4.png) repeat 0px -30px; }
a.head5:hover { background: url(../graphics/head_nav5.png) repeat 0px -30px; }
a.head6:hover { background: url(../graphics/head_nav6.png) repeat 0px -30px; }

a.foot1:hover { background: url(../graphics/foot_nav1.png) repeat 0px -30px; }
a.foot2:hover { background: url(../graphics/foot_nav2.png) repeat 0px -30px; }
a.foot3:hover { background: url(../graphics/foot_nav3.png) repeat 0px -30px; }
a.foot4:hover { background: url(../graphics/foot_nav4.png) repeat 0px -30px; }
a.foot5:hover { background: url(../graphics/foot_nav5.png) repeat 0px -30px; }
a.foot6:hover { background: url(../graphics/foot_nav6.png) repeat 0px -30px; }
a.foot7:hover { background: url(../graphics/foot_nav7.png) repeat 0px -30px; }

a.news1:hover { background: url(../graphics/news_header.png) repeat 0px -60px; }
a.time1:hover { background: url(../graphics/time_timeline.png) repeat 0px -60px; }
a.post1:hover { background: url(../graphics/post_widgets.png) repeat 0px -60px; }
a.post2:hover { background: url(../graphics/post_oracle.png) repeat 0px -60px; }
a.post3:hover { background: url(../graphics/post_post.png) repeat 0px -60px; }

a.newsback:hover { background: url(../graphics/news_back.png) repeat 0px -64px; }

body.headcat2 a.head2 { background: url(../graphics/head_nav2.png) repeat 0px -30px; }
body.headcat2 a.head2: hover { background: url(../graphics/head_nav2.png) repeat 0px -30px; }
body.headcat3_1 a.head3 { background: url(../graphics/head_nav3.png) repeat 0px -30px; }
body.headcat3_1 a.head3: hover { background: url(../graphics/head_nav3.png) repeat 0px -30px; }
body.headcat3_1 a.news1 { background: url(../graphics/news_header.png) repeat 0px 60px; }
body.headcat3_1 a.news1: hover { background: url(../graphics/news_header.png) repeat 0px 60px; }
body.headcat3_2 a.head4 { background: url(../graphics/head_nav4.png) repeat 0px -30px; }
body.headcat3_2 a.head4: hover { background: url(../graphics/head_nav4.png) repeat 0px -30px; }
body.headcat3_2 a.news2 { background: url(../graphics/news_timeline.png) repeat 0px -60px; }
body.headcat3_2 a.news2: hover { background: url(../graphics/news_timeline.png) repeat 0px -60px; }
body.headcat4_1 a.post1 { background: url(../graphics/post_widgets.png) repeat 0px 60px; }
body.headcat4_1 a.post1: hover { background: url(../graphics/post_widgets.png) repeat 0px 60px; }
body.headcat4_2 a.head6 { background: url(../graphics/head_nav6.png) repeat 0px -30px; }
body.headcat4_2 a.head6: hover { background: url(../graphics/head_nav6.png) repeat 0px -30px; }
body.headcat4_2 a.post2 { background: url(../graphics/post_oracle.png) repeat 0px 60px; }
body.headcat4_2 a.post2: hover { background: url(../graphics/post_oracle.png) repeat 0px 60px; }
body.headcat4_3 a.head5 { background: url(../graphics/head_nav5.png) repeat 0px -30px; }
body.headcat4_3 a.head5: hover { background: url(../graphics/head_nav5.png) repeat 0px -30px; }
body.headcat4_3 a.post3 { background: url(../graphics/post_post.png) repeat 0px 60px; }
body.headcat4_3 a.post3: hover { background: url(../graphics/post_post.png) repeat 0px 60px; }
/* NAVS */


/* Scroll Bar Master Styling Starts Here */
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}
.vscrollerbase {
width:22px;
}
.vscrollerbar {
background-image: url(../graphics/scrollbar.png);
width: 22px;
/* following is the bit that allows us fixed height scrollbars */
height: 150px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/
background-image: url(../graphics/scrollbar.png);
/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}
* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../graphics/scrollbar.png');
background-image: none;
}
/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 22px;}
.hscrollerbar {height: 22px; }
.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 4;
}
/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 22px;
height: 22px;
top: auto; left: auto;
bottom: 0px; right: 0px;
}
/* Scroll Bar Master Styling Ends Here */