@charset "UTF-8";

html {
    background: #000 url(../images/design/background_matches.jpg) scroll no-repeat center top;
}

a {
	color: #ccc;
	text-decoration: none;
}

a:hover {
	color: #FF8900;
	text-decoration: underline;
}

#Awards {
    background: transparent url(../images/awards/browsergames_de.png) no-repeat top left;
    float: left;
    height: 88px;
    width: 350px;
    margin-top: 20px;
}

#Awards span {
    display: block;
}

#Awards .awardsHead {
    font-size: 17px;
    font-weight: bold;
    height: 30px;
    margin-top: 10px;
    margin-left: 55px;
}

#Awards .awardsArea {
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    margin-left: 70px;
}

#Awards .awardsFoot {
    float: right;
    height: 16px;
    text-align: right;
    margin-right: 5px;
}

p {
    padding-top:0px;
}

/* in diesem DIV befinden sich alle weiteren Elemente*/
#main {
    width: 912px;
    margin: auto; /* mittig auf derSeite zentriert*/
}

#IndexPageContentDiv {
    margin-top: 20px;
    padding-top: 5px;
    background: black url(../images/design/main_panel_pix_transparent.png) repeat scroll left top;
}

#FramingDiv {
    margin:10px;
    /*border: 1px solid gray;*/
}

/*Felder links orientiert: Login, Registrierung, usw.*/
#RegisterLogin,
#GerdMueller {
    float: right;
    width: 290px;
}

#gerdMuellerPic {
    float:right;
    width: 136px;
    height: 135px;
    background: transparent url(../images/design/gerd_mueller.jpg) no-repeat scroll left top;
}

/* entspricht jeweils einer Teilbox */
.homeBox {
    margin: 10px;
}

/*Bereiche mit halbtransparentem Hintergrund*/
.contentarea {
    background: Inherit;
   /* background-color:black;*/
    border: 1px solid #393839;
    border-top: 0px;
    margin-bottom: 15px;
    padding: 10px;
}


/* damit die Screenshots zentriert angezeigt werden */
#contentScreenShots {
    padding: 0px 10px;
    text-align: center;
}

/* Hintergrund für die Überschrift jeder Teilbox */
.homeBox > h2.TopMenuBar {
     background:transparent url(../images/design/main_panel_pix_grey_transparent.png) repeat scroll left top;
     padding-left: 10px; 
     padding-top: 10px;
}

/* Anzeigebereich des Content sowie der Screenshots immer Links */
#Startseite,
#Screenshots {
    float: left;
    width: 550px;
}

#contentWelcomeHint > div {
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
}

ul.homeList,
ul {
    list-style-type: disc;
    padding-left: 20px;
    padding-bottom: 5px;
}

ul.homeList li {
    padding-bottom:5px;
}

.newsDate {
    color: #FF8900;
    display: block;
    margin-bottom: 5px;
}

h3 {
    font-size: 14px;
    margin-bottom: 10px;
}

hr {
    margin: 8px 0px;
}

p > b {
    display: block;
    margin-bottom: 5px;
}

/* Menubar */
#TopMenuBarMenu {
    clear: both;
    float:none;
}

#TopMenuBarMenu > ul {
    padding: 0px;
}

#TopMenuBarMenu li{
    diplay: block;
    width: 152px;
}

.TopMenuBar {
    height: 26px;
    font-size: 16px;
    font-weight: bold;
}

#TopMenuBarMenu > ul > li > a {
    background:none;
    display:block;
    text-decoration:none;
    height:25px;
    padding-top:10px;
}

#TopMenuBarMenu > ul > .TopMenuClass:hover > a,
#TopMenuBarMenu > ul > li.actLink > a {
    color: #000;
}

.TopMenuClass,
.TopMenuClass:active {
    background:transparent url(../images/design/menu_button_startscreen.png) no-repeat scroll left top;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.TopMenuClass:hover,
.actLink {
    background-position: left -35px;
}

.firstStepsLink > a,
.firstStepsLink > a:visited,
.firstStepsLink > a:link {
    color:#FF8900;
    font-size: 12px;
    font-weight: bold;
}

.warning,
.success {
    font-size: 12px;
    margin: 10px;
    width: inherit;
}

#footer > ul {
    margin: 0px;
    width:; 100%;
}

#GerdMuellerLink {
    margin: 0px;
    padding-top:0px;
}

#loginDiv > form  input#EMailOrManagername,
#loginDiv > form  input#Password {
    background: transparent url(../images/design/input_268.png) scroll no-repeat top left;
    border: none;
    padding: 2px 8px 0px 8px;
    height: 20px;
    width: 268px;
}

#LoginButton > a {
    float: right;
}

form > dl > dt {
    padding-bottom: 5px;
}

form > dl > dd {
    margin-bottom: 10px;
}

/*grüner Button*/
a.buttongreen:hover {
    text-decoration: none;
    cursor: pointer;
}
a.buttongreen .aussen {
}

a.buttongreen .mitte {
    display: inline-block;   
    height: 24px;
    margin-left: 20px;  
    padding-right: 20px;
    background: transparent url(../images/design/login_bt_register.png) scroll no-repeat right 0px; 
}

a.buttongreen .innen {
    color: #fff;
    margin-left: -20px;
    padding-left: 20px;
    background: transparent url(../images/design/login_bt_register.png) scroll no-repeat left 0px;
    height: 24px;
    display: inline-block;    
    line-height: 24px;  
}

a.buttongreen:hover .innen {
    background: transparent url(../images/design/login_bt_register.png) scroll no-repeat left -24px;
}

a.buttongreen:hover .mitte {    
    background: transparent url(../images/design/login_bt_register.png) scroll no-repeat right -24px;
}

/* Design Menülinks */

#menuDiv > ul {
    list-style-type: none;
}

#menuDiv > ul > li,
#menuDiv > ul > li > a {
    display: block;
}

#menuDiv > ul > li:hover > a,
#menuDiv > ul > li:hover > a:link,
#menuDiv > ul > li:hover > a:visited,
#menuDiv > ul > li > a:hover,
#menuDiv > ul > li.actLink > a{
    color:#000;
    text-decoration: none;
}

#menuDiv > ul > li {
    margin: 0px;
    margin-bottom: 5px;
    padding: 4px 0px 0px 10px;
    height:19px;
    font-size:14px;
    font-weight:bold;
    background: transparent url(../images/design/filterbutton_back.png) scroll no-repeat 0px -23px;
}

#menuDiv > ul > li:hover,
#menuDiv > ul > li.actLink {
    background: transparent url(../images/design/filterbutton_back.png) scroll no-repeat right -46px;
    color: #000;
}

.homeList {
    margin: 5px 0px 0px 0px;
}

#LanguageBar {
    float: right;
    margin-top: 70px;
    width: 190px;
}

#LanguageBar ul {
    list-style-type: none;
}

#LanguageBar li {
    float: left;
    margin-left: 5px;
    margin-bottom: 5px;
}

#LanguageBar a {
    display: block;
    height: 11px;
    width: 16px;
    background-image: url(../images/countries/sprite.png);
    background-repeat: no-repeat;
}

#LanguageBar span {
    display: none;
}

/* #LanguageBar-sprite */
.ad{background-position:0px 0}.ae{background-position:-16px 0}.af{background-position:-32px 0}.ag{background-position:-48px 0}.ai{background-position:-64px 0}.al{background-position:-80px 0}.am{background-position:-96px 0}.an{background-position:-112px 0}.ao{background-position:-128px 0}.ar{background-position:-144px 0}.as{background-position:-160px 0}.at{background-position:-176px 0}.au{background-position:-192px 0}.aw{background-position:-208px 0}.ax{background-position:-224px 0}.az{background-position:-240px 0}.ba{background-position:-256px 0}.bb{background-position:-272px 0}.bd{background-position:-288px 0}.be{background-position:-304px 0}.bf{background-position:-320px 0}.bg{background-position:-336px 0}.bh{background-position:-352px 0}.bi{background-position:-368px 0}.bj{background-position:-384px 0}.bm{background-position:-400px 0}.bn{background-position:-416px 0}.bo{background-position:-432px 0}.br{background-position:-448px 0}.bs{background-position:-464px 0}.bt{background-position:-480px 0}.bv{background-position:-496px 0}.bw{background-position:-512px 0}.by{background-position:-528px 0}.bz{background-position:-544px 0}.ca{background-position:-560px 0}.catalonia{background-position:-576px 0}.cc{background-position:-592px 0}.cd{background-position:-608px 0}.cf{background-position:-624px 0}.cg{background-position:-640px 0}.ch{background-position:-656px 0;width:11px}.ci{background-position:-667px 0}.ck{background-position:-683px 0}.cl{background-position:-699px 0}.cm{background-position:-715px 0}.cn{background-position:-731px 0}.co{background-position:-747px 0}.cr{background-position:-763px 0}.cs{background-position:-779px 0}.cu{background-position:-795px 0}.cv{background-position:-811px 0}.cx{background-position:-827px 0}.cy{background-position:-843px 0}.cz{background-position:-859px 0}.de{background-position:-875px 0}.dj{background-position:-891px 0}.dk{background-position:-907px 0}.dm{background-position:-923px 0}.do{background-position:-939px 0}.dz{background-position:-955px 0}.ec{background-position:-971px 0}.ee{background-position:-987px 0}.eg{background-position:-1003px 0}.eh{background-position:-1019px 0}.en{background-position:-1035px 0}.england{background-position:-1051px 0}.er{background-position:-1067px 0}.es{background-position:-1083px 0}.et{background-position:-1099px 0}.europeanunion{background-position:-1115px 0}.fam{background-position:-1131px 0}.fi{background-position:-1147px 0}.fj{background-position:-1163px 0}.fk{background-position:-1179px 0}.fm{background-position:-1195px 0}.fo{background-position:-1211px 0}.fr{background-position:-1227px 0}.ga{background-position:-1243px 0}.gd{background-position:-1259px 0}.ge{background-position:-1275px 0}.gf{background-position:-1291px 0}.gh{background-position:-1307px 0}.gi{background-position:-1323px 0}.gl{background-position:-1339px 0}.gm{background-position:-1355px 0}.gn{background-position:-1371px 0}.gp{background-position:-1387px 0}.gq{background-position:-1403px 0}.gr{background-position:-1419px 0}.gs{background-position:-1435px 0}.gt{background-position:-1451px 0}.gu{background-position:-1467px 0}.gw{background-position:-1483px 0}.gy{background-position:-1499px 0}.hk{background-position:-1515px 0}.hm{background-position:-1531px 0}.hn{background-position:-1547px 0}.hr{background-position:-1563px 0}.ht{background-position:-1579px 0}.hu{background-position:-1595px 0}.id{background-position:-1611px 0}.ie{background-position:-1627px 0}.il{background-position:-1643px 0}.in{background-position:-1659px 0}.io{background-position:-1675px 0}.iq{background-position:-1691px 0}.ir{background-position:-1707px 0}.is{background-position:-1723px 0}.it{background-position:-1739px 0}.jm{background-position:-1755px 0}.jo{background-position:-1771px 0}.jp{background-position:-1787px 0}.ke{background-position:-1803px 0}.kg{background-position:-1819px 0}.kh{background-position:-1835px 0}.ki{background-position:-1851px 0}.km{background-position:-1867px 0}.kn{background-position:-1883px 0}.kp{background-position:-1899px 0}.kr{background-position:-1915px 0}.kw{background-position:-1931px 0}.ky{background-position:-1947px 0}.kz{background-position:-1963px 0}.la{background-position:-1979px 0}.lb{background-position:-1995px 0}.lc{background-position:-2011px 0}.li{background-position:-2027px 0}.lk{background-position:-2043px 0}.lr{background-position:-2059px 0}.ls{background-position:-2075px 0}.lt{background-position:-2091px 0}.lu{background-position:-2107px 0}.lv{background-position:-2123px 0}.ly{background-position:-2139px 0}.ma{background-position:-2155px 0}.mc{background-position:-2171px 0}.md{background-position:-2187px 0}.me{background-position:-2203px 0}.mg{background-position:-2219px 0}.mh{background-position:-2235px 0}.mk{background-position:-2251px 0}.ml{background-position:-2267px 0}.mm{background-position:-2283px 0}.mn{background-position:-2299px 0}.mo{background-position:-2315px 0}.mp{background-position:-2331px 0}.mq{background-position:-2347px 0}.mr{background-position:-2363px 0}.ms{background-position:-2379px 0}.mt{background-position:-2395px 0}.mu{background-position:-2411px 0}.mv{background-position:-2427px 0}.mw{background-position:-2443px 0}.mx{background-position:-2459px 0}.my{background-position:-2475px 0}.mz{background-position:-2491px 0}.na{background-position:-2507px 0}.nc{background-position:-2523px 0}.ne{background-position:-2539px 0}.nf{background-position:-2555px 0}.ng{background-position:-2571px 0}.ni{background-position:-2587px 0}.nl{background-position:-2603px 0}.no{background-position:-2619px 0}.np{background-position:-2635px 0;width:9px}.nr{background-position:-2644px 0}.nu{background-position:-2660px 0}.nz{background-position:-2676px 0}.om{background-position:-2692px 0}.pa{background-position:-2708px 0}.pe{background-position:-2724px 0}.pf{background-position:-2740px 0}.pg{background-position:-2756px 0}.ph{background-position:-2772px 0}.pk{background-position:-2788px 0}.pl{background-position:-2804px 0}.pm{background-position:-2820px 0}.pn{background-position:-2836px 0}.pr{background-position:-2852px 0}.ps{background-position:-2868px 0}.pt{background-position:-2884px 0}.pw{background-position:-2900px 0}.py{background-position:-2916px 0}.qa{background-position:-2932px 0}.re{background-position:-2948px 0}.ro{background-position:-2964px 0}.rs{background-position:-2980px 0}.ru{background-position:-2996px 0}.rw{background-position:-3012px 0}.sa{background-position:-3028px 0}.sb{background-position:-3044px 0}.sc{background-position:-3060px 0}.scotland{background-position:-3076px 0}.sd{background-position:-3092px 0}.se{background-position:-3108px 0}.sg{background-position:-3124px 0}.sh{background-position:-3140px 0}.si{background-position:-3156px 0}.sj{background-position:-3172px 0}.sk{background-position:-3188px 0}.sl{background-position:-3204px 0}.sm{background-position:-3220px 0}.sn{background-position:-3236px 0}.so{background-position:-3252px 0}.sr{background-position:-3268px 0}.st{background-position:-3284px 0}.sv{background-position:-3300px 0}.sy{background-position:-3316px 0}.sz{background-position:-3332px 0}.tc{background-position:-3348px 0}.td{background-position:-3364px 0}.tf{background-position:-3380px 0}.tg{background-position:-3396px 0}.th{background-position:-3412px 0}.tj{background-position:-3428px 0}.tk{background-position:-3444px 0}.tl{background-position:-3460px 0}.tm{background-position:-3476px 0}.tn{background-position:-3492px 0}.to{background-position:-3508px 0}.tr{background-position:-3524px 0}.tt{background-position:-3540px 0}.tv{background-position:-3556px 0}.tw{background-position:-3572px 0}.tz{background-position:-3588px 0}.ua{background-position:-3604px 0}.ug{background-position:-3620px 0}.um{background-position:-3636px 0}.us{background-position:-3652px 0}.uy{background-position:-3668px 0}.uz{background-position:-3684px 0}.va{background-position:-3700px 0}.vc{background-position:-3716px 0}.ve{background-position:-3732px 0}.vg{background-position:-3748px 0}.vi{background-position:-3764px 0}.vn{background-position:-3780px 0}.vu{background-position:-3796px 0}.wales{background-position:-3812px 0}.wf{background-position:-3828px 0}.ws{background-position:-3844px 0}.ye{background-position:-3860px 0}.yt{background-position:-3876px 0}.za{background-position:-3892px 0}.zm{background-position:-3908px 0}.zw{background-position:-3924px 0}

#affiliateDiv {
    background: transparent url(../images/design/index_coins.jpg) scroll no-repeat right top;
    height: 190px;
}

#affiliateDiv > div {
    line-height: 140%;
    height: 150px;
    width: 80px;
}