* { margin: 0; padding: 0; border: 0;
} input { border:1px;
} body { background-color: #000000; margin: 0; padding: 0; background-image: url(images/background.gif); background-position: top; background-repeat:repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; color: #1e1e1e; font-size: 12px; line-height: 18px; behavior:url("js/csshover.htc");
} hr { background: #000100; color: #000100; color: #000100; height: 1px; margin: 0 0 10px;
} li
{ list-style:none;
} hr#game_hr { margin-bottom:5px;padding:0px; } h1 { padding:0 0 0.3em 0; font-size: 2.0em; } h2 { padding:0 0 0.3em 0; font-size: 1.8em; } h3 { padding:0 0 0.3em 0; font-size: 1.6em; } h4 { padding:0 0 0.3em 0; font-size: 1.4em; } h5 { padding:0 0 0.3em 0; font-size: 1.2em; } h6 { padding:0 0 0.3em 0; font-size: 1.1em; } br { height: 0;
} a{ color:#000000;
} a:hover { color:#43433b;
} #wrapper { position:absolute; width: auto !important; width: 933px; min-width: 933px; margin-left:-467px; left:50%; margin-top:16px;
} #main { width:933px; position: relative; float: left; } #topleft { margin-top: 18px; width: 24px; height: 115px; background-color: #e5d371; background-image: url(images/topleft.gif); background-position: right; background-repeat: no-repeat; position: relative; float: left; } #leftbara { position: relative; float: left; width: 283px; height: 180px; background-color: #43433b; border-left: 1px solid #ede6c9; border-right: 1px solid #ede6c9; border-top: 1px solid #ede6c9; z-index: 50; } #leftbara #logo { margin: 0 auto 0px auto; } #leftbara #popular { text-align: center; width: 100%; } #topright { margin-top: 0px; height: 133px; width: 624px; background-color: #e5d371; position: relative; float: left; background-image: url(images/header_nieuw.jpg); background-position: left; background-repeat: no-repeat; } #subscriber { float: right; position: relative; margin-top:8px; border:0px; right:1px; background:url(images/subscriber.gif) no-repeat top right; width:182px; height:120px; text-align:right; color:#ffffd0; font-weight:bold; } #subscriber form { margin:50px 10px 0 0; } #subscriber .ok { display:block; background:url(images/ok.jpg) no-repeat top right; padding-right:5px; width:29px; height:19px; margin-left:138px; margin-top:2px; } #subscriber .ok:Hover { background:url(images/ok_hover.jpg) no-repeat top right; } input.inputSubscribe { width:100px; } p.description, p.error { margin-bottom:10px; } p.error { font-style:italic; } td.submit { padding-top:10px; } /* De CSS voor het menu. Als het menu wordt aangepast (dmv javascript) omdat de boel goed moet gaan werken dan moet het hier worden aangepast. Blijf aub wel van #menu af, omdat dit ervoor zorgt dat het menu op de juiste plaats staat. */ /*///////////////////Dropdown//////////////////////*/ #mainMenu { width: 624px; position: relative; float: left; z-index:150; } #menuList, #menuList ul { padding: 0; margin: 0; list-style: none; z-index:150; } #menuList a { display: block; color: #e1e1e1; font-family: Tahoma; font-size: 11px; text-transform: uppercase; text-decoration: none; } #menuList li { z-index:150; float: left; } #menuList li ul { width: 150px; position: absolute; left: -999em; z-index: 150; color: #ffffff; background: #6a6a6a; color:#FFFFFF; filter: alpha(opacity=95); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95); -moz-opacity: 0.95; opacity:0.95; } #menuList li ul li{ border-right: 1px solid #a4a4a4; border-left: 1px solid #a4a4a4; border-bottom: 1px solid #a4a4a4; width: 150px; padding:5px; background: #6a6a6a; } #menuList li:hover ul, #menuList li:active ul{ left: auto; color: #f6d760; } #menuList a:hover{ color: #f6d760; } /* #menuList li:hover ul{ color: #f6d760; left: auto; } */ /* #menuList { z-index:100; } #menuList ul { z-index:100; } #menuList li { z-index:100; display:inline; list-style: none; margin: 0; padding: 0; float: left; position: relative; } #menuList li ul{ position: absolute; visibility: hidden; z-index: 100; color: #ffffff; background: #6a6a6a; color:#FFFFFF; width:150px; left: -999em; filter: alpha(opacity=95); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95); -moz-opacity: 0.95; opacity:0.95; } #menuList li ul { border-right: 1px solid #a4a4a4; border-left: 1px solid #a4a4a4; border-bottom: 1px solid #a4a4a4; width: 150px; background: #6a6a6a; } #menuList a { z-index:100; display: block; width:150px; color: #e1e1e1; padding: 5px; font-family: Tahoma; font-size: 11px; text-transform: uppercase; text-decoration: none; } #menuList li ul a:hover, #menuList li ul a:active, #menuList li ul a:focus { left: auto; color: #f6d760; } */ /* # end to dropodown */ #center { width: 799px; position: relative; float: left; background-image: url(images/center.gradient.gif); background-position: left; background-repeat: repeat-y; z-index: 1; } #center #left { width: 24px; position: relative; float: left; } #center #leftbarb { position: relative; float: left; width: 283px; background-color: #43433b; border-left: 1px solid #ede6c9; border-right: 1px solid #ede6c9; /*	text-align: center;*/ padding-left:0px; color: #e1e1e1; } #center #leftbarb table { margin-left:38px; } #center #content { width: 487px; position: relative; float: left; } /* Hier wordt alle content in geplaatst! */ #center #content #contenttext { margin: 23px 15px 20px 22px; font-family: Verdana, Arial, Helvetica, sans-serif; } #center #content #contenttext p img{ margin: 6px; } /* De titel van de pagina moet een H1 zijn (beter voor zoekmachines) */ #center #content #contenttext h1, #center #content #contenttext h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 23px; margin-bottom: 10px; color: #1e1e1e; text-transform: uppercase; } #center #content #contenttext h1 {border-bottom:1px solid black; } #center #content #contenttext #contentHistory img {margin:0 5px 0 0 ; padding:0; border:1px solid #dbd9d4;} #botleft { margin-top: 18px; width: 24px; height: 115px; background-color: #e5d371; background-image: url(images/bottomleft.gif); background-position: right; background-repeat: no-repeat; position: relative; float: left; } /* Dit is de onderkant van het grijze vak aan de linker kant. Er zit onderin een afbeelding van een koffer die op een vieze manier op de juiste plaats is gezet ( margin-top: -75px; ). Dus er zal waarschijnlijk in #leftbarb iets moeten worden gezet zodat er minimaal 75 pixels niet gebruikt kunnen worden. */ #leftbarc { position: relative; float: left; width: 285px; height: 232px; background-image: url(images/bottomcase.gif); background-position: bottom; background-repeat: no-repeat; margin-top: -75px; z-index: 100; } /* Dit blokje is nodig om een afbeelding van maximaal 190 x 119 pixels in de koffer te plaatsen. */ #leftbarc #inside { margin-top:2px; float: left; position: relative; top: 58px; left: 47px; width: 190px; height: 119px; z-index: 101; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; text-align: center; /*font-variant: small-caps;*/ color: #e1e1e1; } #botright { margin-top: 18px; height: 115px; width: 624px; background-color: #e5d371; position: relative; float: left; background-image: url(images/bottom.gradient.gif); background-position: left; background-repeat: repeat-x; } /* Hier staan de top 10 Games (afhankelijk van land) */ #botright #games { } /* De linkerkant. Dus alleen de tekst "GAMES" */ #botright #games #games1 { position: relative; float: left; width: 100px; height: 115px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; line-height: 115px; text-align: center; /*font-variant: small-caps;*/ color: #3b3930; padding-left:10px; } /* De rechterkant, dus een tabel met 10 thumbnails van de games. */ #botright #games #games2 { position: relative; float: right; } #botright #games #games2 .mini { background: url(images/glows4.png) 12px -2px!important; background:none; background-repeat: no-repeat; } #botright #games #games2 .mini .games div, #botright #games #games2 .mini .games object { float:left; } #botright #games #games2 .mini .games{ margin:2px 15px 3px 15px; } #botright #games #games2 .mini .games a{ padding:0;float:left; } #botright #games #games2 .mini .games a.first, #botright #games #games2 .mini .games div{ padding:0px 0px 0 6px; } #botright #games #games2 .mini .games a img,#botright #games #games2 .mini .games div{ padding:3px 0 0 8px; } embed { margin:0; padding:0; border:0; } #links { width: 330px; height: 24px; position: relative; float: left; text-align: center; color: #e0e0e0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13.2px; } #links a, #links a:hover { color: #e0e0e0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13.2px; text-decoration: underline; } #footer a { color:#ddd; } #footer { margin:0px; padding:0px; position:absolute; width: 933px; min-width: 933px; margin-left:-467px; left:50%; height: 35px; text-align: center; color: #e0e0e0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13.2px; } /* Dit is de div waar de banner in zit. */ #banner { width: 120px; float: left; margin-left:13px; } .mobile_wrap { height:auto;
} .backNext { width:450px; margin-top:-10px;}
.backNext td { padding-left:30px;} .wallpaper_wrap .wallpaper { float:left; width:144px; margin:0px; padding:0px; margin-bottom:10px; text-align:center;
} p#subKop { margin-bottom:15px;}
.countries_page_flags {margin:24px 0 14px 0;}
.countries_page_flags li {margin-bottom:5px;}
.countries_page_flags li img {margin-right:8px; width:20px; height:13px;} .countryContent
{ clear:both; padding-top:9px; border-top:1px solid black;
} #countries_gb { position:absolute; left:318px; top:168px;
}
#country_name { vertical-align:bottom;}
#country_name h2 { float:left; margin-right:7px;}
#country_name img{ padding:0; margin:0;}
.merch_wrap {float:left; margin:5px; text-align:center; width:134px; height:160px; font-size:10px;}
*html .merch_wrap {margin:4px;}
#merch_content_wrap {margin-top:40px;} .merch_wrap a.notSelected
{ text-decoration:none;
}
.merch_wrap a.isSelected{ font-weight:bold; text-decoration:underline;
} .countries_page_flags a.notSelected
{ text-decoration:none;
}
.countries_page_flags a.isSelected{ font-weight:bold; text-decoration:underline;
} .flags
{ width:225px; float:left; margin-bottom:8px;
} .flag
{ text-align:right; width:25px; float:left; margin-right:8px;
} .flagName
{ float:left;
} /*
.merch_wrap a.notSelected:Hover
{ font-weight:bold; text-decoration:underline;
}
.merch_wrap a.notSelected:active { font-weight:bold; text-decoration:underline;
}
.merch_wrap a.notSelected:first-child{ font-weight:bold; text-decoration:underline;
}
*/ #merch_buy_now p
{ text-align:center; padding:3px; margin:0px; background-color:white; width:140px; margin-top:-2px;
} #merch_buy_now p a
{ text-decoration:none;
} #merch_content { width:300px; float:left;
} .mainmenu
{ margin-top:14px;
}
.mobileContentWrapper
{ padding:10px 0; border-bottom:1px solid #000; height:auto; line-height:0;
} .mobileContent
{ float:left; width:205px; line-height:18px;
} .mobileContentImage
{ float:left; width:245px; text-align:center;
} .ringImage
{ width:149px; float:left;
}
.ringImage img
{ padding:0 0 10px 0px;
} .ringtone
{ float:left; width:280px;
} .ringtone a
{ text-decoration:none; display:block; width:300px; height:50px;
}
.ringtone img
{ float:left; margin-right:10px;
} .ringtone a:Hover
{ text-decoration:underline;
} #subscribe tr
{ height:23px;
} #intLogo
{ position:absolute; right:0; bottom:-25px;
}
/* Later toegevoegd*/
/* pagering button */
.button { border:1px solid #a8a8a8; font-weight:bold; font-size:13px; width:70px; text-decoration:none; text-align:center; line-height:11px; padding:5px 0; color:#ffffff; background-color:#444444;
} a.orangeBtn, a.btnNotActive { border:1px solid #a8a8a8; display:block; font-weight:bold; font-size:11px; width:60px; text-decoration:none; text-align:center; line-height:11px; padding:5px 0; color:#ffffff; background-color:#444444; } a.btnNotActive { border-color:#aaa; color:#aaa; cursor:default; background-color:#707070; } a.orangeBtn:Hover { /*background-color:#ff6600;*/ border:1px solid #a8a8a8; color:#f6d760; }
/* ENd to pagering button*/ .boldtitle{ font-weight:bold; }
/* # ENd to later toegevoegd*/ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }