/* 
Document   : quick.css
Created on : 08.04.2009, 10:54:05
Author     : ak
Description:
Purpose of the stylesheet follows.
*/

* { margin: 0px; padding: 0px; text-indent: 0px; }
ul li { margin-left: 10px; }
li ul li { margin-left: 20px; }

html { width: 100%; }
body {margin:0;
      padding:0;
      width:100%;
      height: 100%;
      background: #877054 url("../img/siteback.jpg") 0 0 repeat-x fixed;
      overflow-x: hidden;
}

/** IE7 Fixes **/
table { border-collapse: separate; border-spacing: 0; *border-collapse: collapse !important; /* hack is needed for IE7 also */ }
td{ border-collapse: separate; border-spacing: 0; *border-collapse: collapse !important; /* hack is needed for IE7 also */ }

a:link      { color: #322924; text-decoration: underline; }
a:visited   { color: #4c3e37; text-decoration: underline; }
a:hover     { color: #564440; text-decoration: underline; }
a:active    { color: #d2d2d2; text-decoration: underline; }

body, td{
    font-size: 10pt;
    font-family: "Trebuchet MS", sans-serif;
}

.button span { display: none; }

h2{
    padding-left: 35px;
    color: #2c2b25;
    font-size: 18pt !important;
    text-decoration: underline;
    font-family: "Tahoma", "Geneva", "Arial", sans-serif;
    background: transparent url("../img/nut.png") 5px 0px no-repeat;
    font-weight: bold;
}

h3{
    padding-left: 30px;
    color: #2c2b25;
    font-size: 14pt !important;
    text-decoration: underline;
    font-family: "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: bold;
}

h4{
    color: #2c2b25;
    font-size: 12pt !important;
    text-decoration: underline;
    font-family: "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: bold;
}

h5{
    color: #2c2b25;
    font-size: 17px !important;
    font-weight: bold;
    font-family: "Tahoma", "Geneva", "Arial", sans-serif;
}

.box_300 {
    width: 260px;
    min-height: 362px;
    height: 362px;
    padding: 20px;
}

div.box_300_blue{ height: 542px !important; background: transparent url("../img/box_300_blue.png") 0 0 no-repeat; color: white; }
div.box_300_orange{ background: transparent url("../img/box_300_orange.png") 0 0 no-repeat; font-weight: bold }
div.box_300_brown{ background: transparent url("../img/box_300_brown.png") 0 0 no-repeat; font-weight: bold }

div.box_300_orange_currency {
    width: 260px;
    min-height: 651px;
    height: 651px;
    padding: 20px;
    background: transparent url("../img/box_300_orange_currency.png") 0 0 no-repeat;
    font-weight: bold;
}

div.box_300_caption { width: 300px; font-size: 7pt; margin-top: -40px; padding-left: 6px; }

div.highscorewrap{
    position: relative;
    clear: both;
    width: 950px;
}

div.highscorewrap h3{
    margin-top: 20px;
}

div.box_380_blue {
    width: 340px;
    height: 341px;
    padding: 15px 20px;
    margin: 10px 40px;
    background: transparent url("../img/box_380_blue.png") 0 0 no-repeat;
    color: white;
}

div.box_380_blue table{
    width: 100%;
}

div.box_650{
    width: 610px;
    min-height: 218px;
    background: transparent url("../img/box_650.png") 0 0 no-repeat;
    padding: 20px;
}

div.box_650_gold{
    background: transparent url("../img/box_650_gold.png") 0 0 no-repeat !important;
}

#matchinfobox { width: 242px; min-height: 402px; background: transparent url("../img/matchinfobox.png") 0 0 no-repeat; padding: 20px; }
div.mib_stats { margin-top: 10px; }
div.matchinfobox div.mib_positionmark { position: absolute; top:10px; left:10px; font-size: 50px; z-index: 190; font-weight: bold; color: #e18e0e; width: 75px; height: 75px;}
div.matchinfobox { position: relative; }
div.matchinfobox div.mib_title { margin-left: 60px; position: relative; font-weight: bold; font-size: 11pt; text-align: center; z-index: 200; }
div.matchinfobox div.mib_stats div.mib_value { float: left; text-align: right; width: 50px; margin-right: 10px; font-weight: bold; }
div.matchinfobox div.mib_stats div.mib_trophies { margin-top: 10px; clear: both; font-weight: bold; }
div.matchinfobox .mib_stats_tr { height: 28px; margin-top: 3px; }
div.matchinfobox div.mib_stats div.mib_coins_points { position: relative; float: left; padding: 0; width: 100%; font-size: 18pt; font-weight: bold; color: #34b208 }
div.matchinfobox div.mib_stats .mib_coins { font-size: 16pt !important; float: left; }
div.matchinfobox div.mib_stats .mib_points { font-size: 16pt !important; float: right; }
div.matchinfobox div.mib_stats_ms { font-weight: bold; }
div.matchinfobox span.mib_player { text-decoration: underline; cursor: pointer; }

div.videodownloadbuttons{  clear: both; }
div.matchinfobox div.watchonlinebutton { cursor: pointer; margin: 10px auto; position: relative; clear: both; width: 223px; height: 39px; background: url("../img/but_watchonline.png") 0 0 no-repeat;}
/* Download-Buttons für Videoseite */
div.matchinfobox div.downloadreplaybutton { float: left; cursor: pointer; margin: 4px 0; position: relative; width: 115px; height: 39px; background: url("../img/but_download_hrg.png") 0 0 no-repeat;}
div.matchinfobox div.downloadreplaybuttonmp4 { float: right; cursor: pointer; margin: 4px 0; position: relative; width: 115px; height: 39px; background: url("../img/but_download_mp4.png") 0 0 no-repeat;}


#matchinfobox_video { width: 242px; padding: 10px 20px 0px 20px; color: white; }
#watchonlinebutton_video { display: none; }

#video_permalink{ clear: left; padding: 0 20px;  color: white; }
#video_permalink input{ font-size: 0.7em; width: 230px;}

.display_coins { font-size: 12pt; font-weight: bold; color: #34b208; float: left; padding-top: 5px; text-align: right; padding-right: 35px; min-height: 35px; background: url("../img/coin.png") right top no-repeat; vertical-align: middle;}
.display_points { font-size: 12pt; font-weight: bold; color: #34b208; float: left; padding-top: 5px; text-align: right; padding-right: 35px; min-height: 35px; background: url("../img/points.png") right top no-repeat; vertical-align: middle; }

div.ajaxloading{ position: absolute; /*top: 10px; left: 10px;*/ z-index: 200; width: 20px; height: 20px; display: none; background: url("../img/ajax-loader.gif") 0 0 no-repeat;}

#pager{ width: 100%; text-align: center; }
#pager #replay_page{ font-weight: bold; font-size: 12pt; }
#page_prev, #pager a#page_first { display: none;}
#page_prev, #pager a#page_next { text-align: right; width: 30px ; }

#newstable td.news_time { font-weight: bold; padding-right: 5px; vertical-align: top; }
#newstable td.news_text {   }
#newstable td.news_divider { font-size: 1px; height: 1px; line-height: 1px; border-bottom: 1px dotted #0888ca; }

#palms{
    z-index: 5;
    width: 100%;
    background: transparent url("../img/palms.png") 50% 0 no-repeat fixed;
    padding-bottom: 50px;
}

#content{
    position: relative;
    margin: 0 auto;
    padding:0;
    width:1000px;
    z-index: 10;
    /* border: 1px solid red; */
}

#content_end { position: static;
               padding-top: 280px;
               height: 20px;
               width: 1000px;
               margin: 0 auto;
               background: transparent url("../img/contentback_end.png") 0px 0px no-repeat;
               clear: both;
               font-size: 0.8em;
               text-align: center;
}

#video_teaser {
    padding: 12px 15px;
    position: absolute;
    z-index: 20;
    top: 257px;
    left: 539px;
    width: 400px;
    height: 256px;
}

#textcontent{
    float: left;
    z-index: 4;
    width: 960px;
    margin-top: -10px;
    padding: 30px 20px 0 20px;
    background: url("../img/contentback.png") 0 0 repeat-y;
    /* border: 1px solid green; */
}

#textback{
    position: absolute;
    top: 20%;
    width: 100%;
    height: 100%;
    z-index: 8;
    background: transparent url("../img/contentback.png") 50% 0 repeat-y;
}

#hrlogo{
    position: absolute;
    top: 15px;
    left: 0px;
    z-index: 20;
    width: 404px;
    height: 213px;
    float: left;
    background: transparent url("../img/hrlogo.png") 0 0 no-repeat;
    cursor: pointer;
}

.menubar{
    position: absolute;
    top: 80px;
    left: 0px;
    right: 0px;
    z-index: 10;
    width: 100%;
    height: 77px;
    background: transparent url("../img/menubar.png") 0 0 repeat-x;
}

/* headwrapper (Navigation, Login, Logo, Bild) */
#headwrapper {
    position: relative;
    height: 341px;
    width: 1000px;
}

/* .webseite sind alle Seiten der Webseite .index muss mit eingebunden werden, da dies ein eigenes bild hat */
#headwrapper.website, #headwrapper.index {
    height: 566px;
}

#headwrapper #titlebox_main{
    position: absolute;
    z-index: 5;
    top: 150px;
    left: -12px;
    width: 1024px;
    height: 207px;
    background: transparent url("../img/title_standard.png") 0 0 no-repeat;
}

#headwrapper.website #titlebox_main, #headwrapper.index #titlebox_main {
    height: 427px;
}

#headwrapper.forum #titlebox_main{ background: transparent url("../img/title_forum.png") 0 0 no-repeat; }
#headwrapper.league #titlebox_main{ background: transparent url("../img/title_league.png") 0 0 no-repeat; }
#headwrapper.buycoins #titlebox_main{ background: transparent url("../img/title_buycoins.png") 0 0 no-repeat; }
#headwrapper.success #titlebox_main{ background: transparent url("../img/title_buycoins.png") 0 0 no-repeat; }
#headwrapper.error #titlebox_main{ background: transparent url("../img/title_buycoins.png") 0 0 no-repeat; }
#headwrapper.index #titlebox_main{ background: transparent url("../img/title_video.png") 0 0 no-repeat; }
#headwrapper.download #titlebox_main{ background: transparent url("../img/title_download.png") 0 0 no-repeat; }
#headwrapper.competition_en #titlebox_main{ background: transparent url("../img/title_competition_en.png") 0 0 no-repeat; }
#headwrapper.competition_de #titlebox_main{ background: transparent url("../img/title_competition_de.png") 0 0 no-repeat; }

#headwrapper a.playbutton, #headwrapper a.playbutton:visited{
    position: absolute;
    display: inline;
    z-Index: 10;
    top: 300px;
    left: 40px;
    height: 100px;
    width: 437px;
    background: transparent url("../img/play_now.png") 0 0 no-repeat;
}

#headwrapper a.playbutton:hover{ background: transparent url("../img/play_now.png") 0 -100px no-repeat; }

#headwrapper a.buybutton, #headwrapper a.buybutton:visited{
    position: absolute;
    display: inline;
    z-Index: 10;
    top: 300px;
    left: 40px;
    height: 100px;
    width: 437px;
    background: transparent url("../img/buy_coins.png") 0 0 no-repeat;
}

#headwrapper a.buybutton:hover{ background: transparent url("../img/buy_coins.png") 0 -100px no-repeat; }

#profiletoolbar ul { padding: 0; margin: 20px; list-style: none; float: left; z-index: 200; width: 550px; }
#profiletoolbar ul li { display: inline; float: left; }
#profiletoolbar ul li a {
    height: 20px;
    float: left;
    padding-top: 60px;
    text-align: center;
    cursor: pointer;
    color: #2c2b25;
    font-size: 12pt !important;
    font-weight: normal;
    text-decoration: none;
    font-family: "Impact", sans-serif;
}
#profiletoolbar ul li a:hover { color: #2e291c }

#profiletoolbar ul li#but_stats a { width: 100px;  background: url("../img/but_stats_normal.png") top center no-repeat; }
#profiletoolbar ul li#but_stats a:active, #profiletoolbar ul li#but_stats a.chosen { width: 100px;  background: url("../img/but_stats_pressed.png") top center no-repeat !important; }
#profiletoolbar ul li#but_stats a:hover { width: 100px;  background: url("../img/but_stats_hovernormal.png") top center no-repeat; }

#profiletoolbar ul li#but_highscore a { width: 100px;  background: url("../img/but_hiscore_normal.png") top center no-repeat; }
#profiletoolbar ul li#but_highscore a:active, #profiletoolbar ul li#but_highscore a.chosen { width: 100px;  background: url("../img/but_hiscore_pressed.png") top center no-repeat !important; }
#profiletoolbar ul li#but_highscore a:hover { width: 100px;  background: url("../img/but_hiscore_hovernormal.png") top center no-repeat; }

#profiletoolbar ul li#but_trophies a { width: 100px;  background: url("../img/but_trophies_normal.png") top center no-repeat; }
#profiletoolbar ul li#but_trophies a:active, #profiletoolbar ul li#but_trophies a.chosen { width: 100px;  background: url("../img/but_trophies_pressed.png") top center no-repeat !important; }
#profiletoolbar ul li#but_trophies a:hover { width: 100px;  background: url("../img/but_trophies_hovernormal.png") top center no-repeat; }

#profiletoolbar ul li#but_replays a { width: 100px;  background: url("../img/but_replays_normal.png") top center no-repeat; }
#profiletoolbar ul li#but_replays a:active, #profiletoolbar ul li#but_replays a.chosen { width: 100px;  background: url("../img/but_replays_pressed.png") top center no-repeat !important; }
#profiletoolbar ul li#but_replays a:hover { width: 100px;  background: url("/img/but_replays_hovernormal.png") top center no-repeat; }

#profiletoolbar ul li#but_tools a { width: 100px;  background: url("../img/but_tools_normal.png") top center no-repeat; }
#profiletoolbar ul li#but_tools a:active, #profiletoolbar ul li#but_tools a.chosen { width: 100px;  background: url("../img/but_tools_pressed.png") top center no-repeat !important; }
#profiletoolbar ul li#but_tools a:hover { width: 100px;  background: url("../img/but_tools_hovernormal.png") top center no-repeat; }



#hr_navigation ul { padding: 0 !important; margin: 0; list-style: none; float: right; clear: right; z-index: 200; width: 578px; height: 70px; margin-right: 8px; }
#hr_navigation ul li { float: left;  height: 70px; margin: 0px; }

#hr_navigation ul li a, #hr_navigation ul li a:visited { padding-top: 70px; height: 0px !important; overflow: hidden; float: left; }

/* Button Download */
#hr_navigation ul li#nav-download a { width: 202px; }
#hr_navigation ul li#nav-download.lang_en a { background: url("../img/menu_all_v3_en.png") 0 0 no-repeat; }
#hr_navigation ul li#nav-download.lang_en a:hover { background: url("../img/menu_all_v3_en.png") 0 -70px no-repeat; }
#hr_navigation ul li#nav-download.lang_de a { background: url("../img/menu_all_v3_de.png") 0 0 no-repeat; }
#hr_navigation ul li#nav-download.lang_de a:hover { background: url("../img/menu_all_v3_de.png") 0 -70px no-repeat; }

/* Button Game */
#hr_navigation ul li#nav-game a  { width: 125px; }
#hr_navigation ul li#nav-game.lang_en a { background: url("../img/menu_all_v3_en.png") -202px 0 no-repeat; }
#hr_navigation ul li#nav-game.lang_en a:hover { background: url("../img/menu_all_v3_en.png") -202px -70px no-repeat; }
#hr_navigation ul li#nav-game.lang_de a { background: url("../img/menu_all_v3_de.png") -202px 0 no-repeat; }
#hr_navigation ul li#nav-game.lang_de a:hover { background: url("../img/menu_all_v3_de.png") -202px -70px no-repeat; }

/* Button Help */
#hr_navigation ul li#nav-help a  { width: 125px; }
#hr_navigation ul li#nav-help.lang_en a { background: url("../img/menu_all_v3_en.png") -327px 0 no-repeat; }
#hr_navigation ul li#nav-help.lang_en a:hover { background: url("../img/menu_all_v3_en.png") -327px -70px no-repeat;  }
#hr_navigation ul li#nav-help.lang_de a { background: url("../img/menu_all_v3_de.png") -327px 0 no-repeat; }
#hr_navigation ul li#nav-help.lang_de a:hover { background: url("../img/menu_all_v3_de.png") -327px -70px no-repeat;  }

/* Button Info */
#hr_navigation ul li#nav-info a { width: 126px; }
#hr_navigation ul li#nav-info.lang_en a { background: url("../img/menu_all_v3_en.png") -452px 0 no-repeat; }
#hr_navigation ul li#nav-info.lang_en a:hover { background: url("../img/menu_all_v3_en.png") -452px -70px no-repeat;  }
#hr_navigation ul li#nav-info.lang_de a { background: url("../img/menu_all_v3_de.png") -452px 0 no-repeat; }
#hr_navigation ul li#nav-info.lang_de a:hover { background: url("../img/menu_all_v3_de.png") -452px -70px no-repeat;  }


.sub_navigation {
    position: absolute;
    z-index: 1000;
    top: 150px;
    display: none;
}

.sub_navigation ul {
    list-style: none;
    background-color: #d4952a;
    padding-top: 10px;
    padding-bottom: 3px;
    background: #d4952a url("../img/subnavi_header.gif") 0 0 repeat-x;
    border-left: 1px solid #efc949;
    border-right: 1px solid #8f661e;
}

.sub_navigation li { margin: 0; }

.sub_navigation.download { left: 415px; width: 201px; }
.sub_navigation.game { left: 616px; width: 125px; }
.sub_navigation.help { left: 741px; width: 125px; }
.sub_navigation.info { left: 866px; width: 125px; }

.sub_navigation .bottom { height: 5px; background: url("../img/subnavi_bottom.png") 0 0 no-repeat; }
.sub_navigation.download .bottom { height: 5px; background: url("../img/subnavi_bottom_download.png") 0 0 no-repeat; }

.sub_navigation a { display: block; padding: 3px 0px 3px 10px; color: #fff; text-decoration: none; font-weight: bold; font-size: 12px; }
.sub_navigation a:hover { background-color: #f0bf26; }

span.highscoretable_wrap{ position: relative; }
#replays, #bestmatches{ width: 320px; border-spacing: 0px; border: 1px solid #8c775a; }

.highlightRow { cursor: pointer; background-color: #d69024 !important; }
.selectedRow { cursor: pointer; background-color: #c98822 !important; }
.selectedRow .hspoints { background: url("../img/bg_arrow.gif") 0 50% repeat-x;  }

#bestmatches td, #replays td { padding: 5px; }
.replay_time {width: 100%}
.hswatchonline{white-space: nowrap; color: #987b57; font-weight: bold; font-size: small; }

tr.row0{ background-color: #a48b69; }
tr.row1{ background-color: #c2a47c; }

th.hspos, td.hspos{ width: 20px; font-weight: bold; text-align: right;  }
th.hsname, td.hsname{ width:100%; text-align: left; }
th.hspoints, td.hspoints{ text-align: right; font-weight: bold; }
td.hstrophyimg{ width: 20px; }

table.highscoretable {
    border-collapse: separate;
    border-spacing: 0px;
}

table.highscoretable td, table.highscoretable th{ color: #FFF; padding: 0 5px;}
table.highscoretable tr{ }
table.highscoretable tr.tablehead{ height: 25px; background: #c77214 url("../img/tableheader_back.gif") 0 0 repeat-x; }
table.highscoretable tr.highlight_self { background-color: #11aaee; }
table.highscoretable tr.highlight_self td { color: #4bff0b; font-weight: bold; }
table.highscoretable tr.highlight_search td{ font-weight: bold; }
table.highscoretable tr.highlight_search { background-color: #ffb82f; }

#profiletrophy{ font-weight: bold; font-size: 8pt; float: right; text-align: center; padding: 0 20px; width: 160px; height: 220px; background: url("../img/flatbox_205.png") 0 0 no-repeat; }
/* #addbuddybutton{ position: relative; text-align: center; margin: 0 auto;} */
/* #addbuddybutton a { font-size: 8pt;} */
.btn_buddylist img { vertical-align: middle; }

#playerstats { margin: 0 20px; border-spacing: 0px; width: 600px; }
div.compare { text-align: right; font-size: 10pt; font-weight: normal; margin: 5px; padding-right: 15px; }
#playerstats td.stats_compare { width: 100%; color: #504333; }
#playerstats tr { }
#playerstats th { white-space: nowrap; padding-right: 20px; font-size: 12pt; text-align: left; }
#playerstats td { white-space: nowrap; padding: 5px 20px 5px 0; font-size: 14pt; font-weight: bold; text-align: left; }
#playerstats td.break { height: 15px; line-height: 15px; font-size: 15px; padding: 0; }

.ratio_bad{ color: red; }
.ratio_medium{ color: orange; }
.ratio_good{ color: green; }
.ratio_great{ color: lime; }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
    clear: both;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


#replay_player{
    float: right;
    width: 640px;
    height: 400px;
    margin: 5px;
}

#videoplayer{
    background: transparent url("../img/video_back.png") 0 0 no-repeat;
    height: 411px;
    width: 952px;
    margin: 20px 0px;
}

#buddytable td { padding: 0 3px; }
#buddytable td { text-align: left; }
#buddytable td.buddylist_entry { cursor: pointer; }
div.buddylist {
    background-color: #98846d;
    border: 1px solid black;
    display: none;
    position: absolute;
    height: 150px;
    width: 150px;
    z-index: 1000;
    overflow: auto;
    overflow-x: hidden;
}
#buddytable{ width: 100%}





.ui-tabs .ui-tabs-hide {
    display: none;
}

/* Webslices */
.entry-title{ display: none !important; }

/* ********* */







#trophy_locker{
    clear: both;
    position: relative;
    background: transparent url("../img/trophy_locker.jpg") 22px 22px no-repeat;
    width: 899px;
    height: 941px;
}
#trophy_locker #trophy_locker_handle{
    background: transparent url("../img/locker_handle.jpg") 0 0 no-repeat;
    position: absolute;
    top: 455px;
    left: 390px;
    width: 17px;
    height: 121px;
    z-index: 1000;
}
#trophy_locker #trophy_locker_frame{
    background: transparent url("../img/trophy_frame.png") 0 0 no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 899px;
    height: 941px;
}

.moveable_trophy{
    cursor: help;
}

/*div.moveable_trophy:hover{
    background-color: #32403f !important;
}*/

#topmenue{
    margin: 10px auto;
    font-weight: bold;
    white-space: nowrap;
    width: 960px;
    text-align: center;
}

.roundcorners{
    margin: 0 auto;
    width: 980px;
    height: 11px;
}

#buycoinstable{
    border-spacing: 0px;
    border: 1px solid #917c64;
    margin: 15px auto;
    width: 600px;
}

#buycoinstable th{
    background-color: #aa9474;
    padding: 5px;
    border: 2px outset #aa9474;
}

#buycoinstable td{
    padding: 10px;
    text-align: center;
    border-bottom: 1px dotted #917c64;
    border-right: 1px dotted #917c64;
}

#buycoinstable td.row3{ background-color: #d6bd9d;}
#buycoinstable td.row2{ background-color: #c7b092;}
#buycoinstable td.row1{ background-color: #b49f84;}

#buycoinstable th.row3{ background-color: #d6bd9d; border: 2px outset #d6bd9d;}
#buycoinstable th.row2{ background-color: #c7b092; border: 2px outset #c7b092;}
#buycoinstable th.row1{ background-color: #b49f84; border: 2px outset #b49f84;}

#buycoinstable input {
    padding: 2px 6px 2px 6px;
    margin-right: -6px;
}

#buycoinstable a {
    display: block;
    height: 40px;
}

#buycoinstable img {
    position: relative;
    vertical-align: middle;
}

#buycoinstable .micropayment_cc img { top: 4px; }
#buycoinstable .micropayment_eb2p img { top: 4px; }
#buycoinstable .paysafecard img { top: 6px; }

#buycoinstable .micropayment_eb2p:hover { background: transparent url("../micropayment/micropayment_eb2p_round32x32.white.hover.png") 50% 0px no-repeat; }
#buycoinstable .micropayment_cc:hover { background: transparent url("../micropayment/micropayment_cc_round32x32.white.hover.png") 50% 0px no-repeat; }
#buycoinstable .paysafecard:hover { background: transparent url("../paysafecard/paysafecard_hover.png") 50% 0px no-repeat; }
#buycoinstable input:hover { background: transparent url("../paypal/paypal_buy_hover.png") 50% 0px no-repeat; }

.buycoins_info {
    padding-top: 8px;
    font-size: 0.8em;
    font-weight: normal;
    color: #fff;
    display: block;
}

table.currencytable {
    width: 250px;
    border: none;
    position: relative;
    top: 5px;
    left: 5px;
}

table.currencytable tr.tablehead th {
    height: 25px;
    text-align: right;
    padding-right: 3px;
}

table.currencytable td {
    padding: 2px 4px 2px 2px;
    font-weight: normal;
    font-size: 10px;
    font-family: Arial, sans-serif;
    text-align: right;
}

.box_650 .financinginfo {
    margin: 0px auto;
    width: 600px;
}

#bonuscode_form {
    background-color: #c0ac8f;
    width: 300px;
    padding: 8px 10px 8px 10px;
    margin: 5px 5px 15px 0px;
    border-color: #8c775a;
    border-width: 2px;
    border-style: double;
}

/*
**********  Infopanel-Definitionen - Loginbereich oben ************
*/

#logininfopanel {
    position: absolute;
    top: 18px;
    right: 35px;
    width: 515px;
    height: 63px;
    float: left;
    font-size: 8pt;
    z-index: 250;
    margin-right: 15px;
    /* border: 1px solid red; */
    /* background-color: #fff; */
}

#logininfopanel * {
    font-size: 8pt;
}

#logininfopanel form {
    margin-top: 7px;
    margin-right: 5px;
}

#logininfopanel img {
    margin-right: 2px;
}

#logininfopanel .input {
    display: block;
    margin-right: 2px;
    width: 120px;
}

#logininfopanel a.request_pw span { display: none; }

#logininfopanel a.request_pw {
    display: block;
    height: 20px;
    width: 20px;
    background: transparent url("../img/password_button.png") 0 0 no-repeat;
}

#logininfopanel a.request_pw:hover {
    background: transparent url("../img/password_button.png") 0 -20px no-repeat;
}

#logininfopanel .login_btn {
    padding: 0;
    margin: 0;
    border: none;
    background: transparent url("../img/login_btn.png") 0 0 no-repeat;
    width: 32px;
    height: 44px;
}

#logininfopanel .login_btn:hover {
    background: transparent url("../img/login_btn.png") 0 -44px no-repeat;
}

#loginform * {
    font-family: "Arial", "Helvetica" !important;
}

#logininfopanel .loggedin {
    margin-right: 20px;
}

#logininfopanel .points {
    float: left;
    background: url("../img/points.png") right top no-repeat;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 35px 4px 0px;
    margin-right: 15px;
}

#logininfopanel .coins {
    float: left;
    background: url("../img/coin.png") right top no-repeat;
    font-size: 18px;
    font-weight: bold;
    padding: 4px 35px 4px 0px;
    margin-right: 15px;
}

#logininfopanel .shop {
    display: block;
    background: url("../img/but_shop.png") 0 0 no-repeat;
    height: 40px;
    width: 59px;
    text-decoration: none;
    margin-top: 1px;
}

#logininfopanel .shop:hover {
    background: url("../img/but_shop.png") 0 -40px no-repeat;
}

#logininfopanel .logout_btn a {
    display: block;
    background: url("../img/but_logout_back.png") 0 0 no-repeat;
    text-align: center;
    height: 21px;
    padding-top: 2px;
    text-decoration: none;
    margin-top: -3px;
    font-size: 10px;
}

#logininfopanel .logout_btn a:hover {
    background: url("../img/but_logout_back.png") 0 -22px no-repeat;
}

/*
**********  Language-Select - Loginbereich oben ************
*/


#language_select{
    z-index: 250;
    width: 20px;
    position: absolute;
    top: 45px;
    right: 15px;
    line-height: 0px;
    font-size: 0px;
}
#language_select img{padding: 0; margin:2px 0;}

#topinfobox{
    position: absolute;
    top: 0px;
    right: 10px;
    z-Index: 3;
    width: 555px;
    padding-left: 310px;
    height: 25px;
    padding-top: 55px;
    background: transparent url("../img/topinfobox.png") 0 0 no-repeat;
}

.helptext{
    background-color: #dcf0e0;
    border: 1px solid #aef3ba;
    padding: 2px;
    font-size: 8pt;
    vertical-align: middle;
    margin-left: 20px;
    margin-top: 0px;
}

.infotext{
    background-color: #f1f1d2;
    border: 1px solid #f5f499;
    padding: 5px;
    font-size: 8pt;
    vertical-align: middle;
    margin: 0 5px;
}

input[type="text"], input[type="password"] {
    background-color: white;
    border: 1px solid #888;
    padding: 2px;
}

.inputerror{
    padding-left: 25px !important;
    background: #f0e6e6 url("../img/error.gif") 5px 50% no-repeat !important;
}

.infotext a, .helptext a, .errortext a{
    font-size: 8pt !important;
}

.errortext{
    width: 50%;
    font-size: 8pt;
    border: 1px solid #f59494;
    padding: 2px 5px 2px 5px;
    margin-bottom: 5px;
    font-weight: bold;
    color: red;
    padding-left: 25px;
    background: #f0e6e6 url("../img/error.gif") 5px 50% no-repeat;
}

.oktext{
    clear: both;
    font-size: 8pt;
    border: 1px solid #94f594;
    padding: 2px 5px 2px 5px;
    margin-bottom: 5px;
    font-weight: bold;
    color: green;
    padding-left: 25px;
    background: #e6f0e6 url("../img/ok.gif") 5px 50% no-repeat;
}

#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px !important;
    opacity: 0.85;
    max-width: 30%;
}
#tooltip h3, #tooltip div {
    font-weight: bold;
    font-family: Arial, Helvetica;
    font-size: 10pt !important;
    /* width: 220px !important; */
    padding: 0;
    text-align: center;
    text-decoration: none !important;
}

.withtooltip{ }

.horline{
    width: 90%;
    height: 1px;
    background-color: #b9a486;
    margin: 20px auto 20px auto;
    padding: 0;
    border: 0;
    font-size:1px;
    clear: both;
}

#partnerbox{ }
#partnerbox ul{ list-style: none; }
#partnerbox ul li {
    /* width: 150px; */
    margin: 2px auto;
    text-align: left;
    vertical-align: middle;
    padding: 10px;
    text-align: center;
}

#partnerbox img{
    width: 200px;
    position: relative;
    margin: auto 0 ! important;
}

div.agb{
    background-color: #bfa98c;
    border: 1px solid #917c64;
    padding: 10px;
    width: 70%;
    margin: 0 auto;
}

#hs_menu{
    background-color: #a58c6b;
    border: 1px solid #443829;
    width: 500px;
    padding: 10px;
    margin-top: 20px;
    font-weight: bold;
    float: left;
}

#hs_search {
    font-weight: bold;
    text-align: right;
    padding-top: 2px;
    margin-right: 5px;
}

#hs_search .button {
    position: relative;
    top: 1px;
    padding-bottom: 2px;
    width: 106px;
    height: 26px;
    border: none;
    background: transparent url("../img/but_show_back.png") 0 0 no-repeat;
}

#hs_search .button:hover {
    background-position: 0 -26px;
}

#hs_paging {
    font-weight: bold;
    vertical-align: middle;
    margin-top: 10px;
    width: 300px;
    margin: 0 auto;
}

#hs_paging img {
    vertical-align: middle;
}

#hs_type {
    float: left;
}

#hs_gametype{ white-space: nowrap; padding: 5px; }
#hs_gametype img{ cursor: pointer; }
#highscores{ float: left; }

#hs_toolbar {
    width: 940px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    border-spacing: 0px;
    font-weight: bold;
    background: #4b3e2d url("../img/toolbarback.gif") 0 0 repeat-x;
    color: #FFF;
    border-left: 1px solid #443829;
    border-right: 1px solid #443829;
}

#hs_toolbar a { color: #FFF; font-weight: bold; }
#hs_toolbar td {padding: 5px; vertical-align: top; }
#hs_menu hr { margin: 10px 0; clear: both; height: 1px; padding: 0; border: 0; background-color: #443829; }

#help .backtotop{ float: right; }
#help .links { margin: 40px 30px; }
#help h3 { margin-top: 30px; margin-left: 30px; }
.topic_open {padding-left: 15px; background: url("../img/arrow_small_down.gif") 0 50% no-repeat;}
.topic_closed {padding-left: 15px; background: url("../img/arrow_small_right.gif") 0 50% no-repeat;}
#help div { margin-left: 30px; }

#faq ul{margin-bottom: 20px;}
#faq h4{margin: 5px;}
#faq h3{margin: 10px 0; padding: 0; }
#faq h5{font-size: 1.2em; }
#faq li{margin-left: 40px;}


table.upgrades{ width: 80%; margin: 10px 40px; border: 1px solid #695943; }

table.upgrades th { font-size: 1.1em; width: 20%; text-align: left;}
table.upgrades td.itemimg { width: 100px; text-align: center; }
table.upgrades td, table.upgrades th { vertical-align: middle; padding: 5px; }
table.upgrades td.prices { text-align: right; font-weight: bold; }
table.upgrades td.prices img{ vertical-align: middle; }

table.upgrades tr.row0{ background-color: #a48b69; background: url("../img/rowback0.jpg") 0 0 repeat-x; }
table.upgrades tr.row1{ background-color: #c2a47c; background: url("../img/rowback1.jpg") 0 0 repeat-x; }

a.shopbutton, a.shopbutton:hover{ display:block; width: 94px; height: 0; background: url("../img/shopbutton.png") 0 0 no-repeat; padding-top: 64px; float: left; overflow: hidden;}
a.shopbutton:hover{ background: url("../img/shopbutton.png") 0 -64px no-repeat !important; }

.upgradevid { border: 1px solid #695943; padding: 0 !important; }

.newsbox{ overflow-x: hidden;
          overflow-y: auto;
          height: 500px;
          scrollbar-face-color: #1e9dde;
          scrollbar-arrow-color: #FFFFFF;
          scrollbar-track-color: #0e71a4;
          scrollbar-shadow-color: #0e71a4;
          scrollbar-highlight-color: #0e71a4;
          scrollbar-3dlight-color: #0e71a4;
          scrollbar-darkshadow-Color: #0e71a4;
}

.newsbox a{ font-weight: bold; color: #FFF; }

.news_first{ color: yellow; }

.upgradeslink{ text-decoration: none !important; color: black !important; font-weight: bold; font-size: 1.3em; }

table.premium_partner { border-spacing: 0px; }

.infobox { width: 360px; border: 2px double #8c775a; padding: 15px; 
           background: #c0ac8f;
}
.infobox_linux { background: #c0ac8f url("../img/exclamationmark.gif") 0 20% no-repeat;}

a.downloadbutton_win, a.downloadbutton_win:hover {display: block; background: url("../img/but_dl_client_win.png") 0 0 no-repeat; width: 214px; height: 0; padding-top: 62px; float: left; overflow: hidden;}
a.downloadbutton_win:hover { background: url("../img/but_dl_client_win.png") 0 -62px no-repeat; }

a.downloadbutton_linux, a.downloadbutton_linux:hover {display: block; background: url("../img/but_dl_client_linux.png") 0 0 no-repeat; width: 214px; height: 0; padding-top: 62px; float: left; overflow: hidden;}
a.downloadbutton_linux:hover { background: url("../img/but_dl_client_linux.png") 0 -62px no-repeat; }

.system_requirements {border-spacing: 3px;}
.system_requirements th{text-align: left; vertical-align: top;}
.system_requirements td{font-size: 0.8em; font-weight: normal;}

.box_screenshots{position: relative; background: url("../img/box_screenshots.png") 0 0 no-repeat; width: 622px; height: 162px; text-align: center; padding-top: 25px;}
.screenshots img { margin: 0 4px; border: 1px outset #322924; }

.sshotback{ background: url("../media/sshotback.gif") 0 0 no-repeat; padding: 5px 8px; width: 215px; height: 135px; }
.sshotdesc{ width: 250px; font-size: 8pt; }

.but_more {display: inline; width: 108px; height: 23px; }
.but_more_en{ background: url("../img/but_more_en.png") 0 0 no-repeat; }
.but_more_de{ background: url("../img/but_more_de.png") 0 0 no-repeat; }

.but_more_media { position: absolute; left: 480px; top: 120px; height: 0; padding-top: 23px; overflow:hidden; }

.currency {
    padding-left: 27px;
    background-repeat: no-repeat;
    background-position: 5px 1px;
}

.currency#EU { background-image: url("../img/flags/gif/europeanunion.gif"); }
.currency#USD { background-image: url("../img/flags/gif/us.gif"); }
.currency#JPY { background-image: url("../img/flags/gif/jp.gif"); }
.currency#BGN { background-image: url("../img/flags/gif/bg.gif"); }
.currency#CZK { background-image: url("../img/flags/gif/cz.gif"); }
.currency#DKK { background-image: url("../img/flags/gif/dk.gif"); }
.currency#EEK { background-image: url("../img/flags/gif/ee.gif"); }
.currency#GBP { background-image: url("../img/flags/gif/gb.gif"); }
.currency#HUF { background-image: url("../img/flags/gif/hu.gif"); }
.currency#LTL { background-image: url("../img/flags/gif/lt.gif"); }
.currency#LVL { background-image: url("../img/flags/gif/lv.gif"); }
.currency#PLN { background-image: url("../img/flags/gif/pl.gif"); }
.currency#RON { background-image: url("../img/flags/gif/ro.gif"); }
.currency#SEK { background-image: url("../img/flags/gif/se.gif"); }
.currency#CHF { background-image: url("../img/flags/gif/ch.gif"); }
.currency#NOK { background-image: url("../img/flags/gif/no.gif"); }
.currency#HRK { background-image: url("../img/flags/gif/hr.gif"); }
.currency#RUB { background-image: url("../img/flags/gif/ru.gif"); }
.currency#TRY { background-image: url("../img/flags/gif/tr.gif"); }
.currency#AUD { background-image: url("../img/flags/gif/au.gif"); }
.currency#BRL { background-image: url("../img/flags/gif/br.gif"); }
.currency#CAD { background-image: url("../img/flags/gif/ca.gif"); }
.currency#CNY { background-image: url("../img/flags/gif/cn.gif"); }
.currency#HKD { background-image: url("../img/flags/gif/hk.gif"); }
.currency#IDR { background-image: url("../img/flags/gif/id.gif"); }
.currency#INR { background-image: url("../img/flags/gif/in.gif"); }
.currency#KRW { background-image: url("../img/flags/gif/kr.gif"); }
.currency#MXN { background-image: url("../img/flags/gif/mx.gif"); }
.currency#MYR { background-image: url("../img/flags/gif/my.gif"); }
.currency#NZD { background-image: url("../img/flags/gif/nz.gif"); }
.currency#PHP { background-image: url("../img/flags/gif/ph.gif"); }
.currency#SGD { background-image: url("../img/flags/gif/sg.gif"); }
.currency#THB { background-image: url("../img/flags/gif/th.gif"); }
.currency#ZAR { background-image: url("../img/flags/gif/za.gif"); }


.xdebug-var-dump {
    background-color: #eee;
    border: 1px solid #bbb;
    padding: 20px;
}

.old_browser {
    width: 299px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.old_browser .box {
    width: 259px;
    height: 322px;
    background: transparent url("../img/box_300_orange.png") no-repeat;
    padding: 20px;
}

.old_browser .box ul {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    list-style-type: square;
}

.old_browser .box li {
    margin-top: 3px;
}

.old_browser .flags {
    text-align: right;
    padding-right: 4px;
}

.old_browser .flags img {
    padding-right: 3px;
}

.old_browser ul.download {
    list-style: none;
    margin: 6px 0px 0px 0px;
}

.old_browser ul.download li {
    margin: 0px 0px 10px 0px;
    padding: 0;
}

.old_browser ul.download a {
    width: 256px;
    background-color: #fcdaa3;
    display: block;
    text-align: center;
    border: 1px solid #c07200;
    text-decoration: none;
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: bold;
}

.old_browser ul.download a:hover {
    background-color: #fff4e2;
    border: 1px solid #fff;
}

.competition h5 {
    margin-top: 10px;
}

.competition p {
    margin-top: 5px;
    border: 1px solid #cab79c;
    background-color: #bba486;
    padding: 10px;
    font-weight: bold;
    width: 300px;
}