li { list-style-type: none }
html {
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px;
background: url('images/html-bg.gif') 0px 389px;
font: 11px "Arial";
border: 0;
}
body
{
width: 100%;
background: url('images/bodybg.gif') repeat-x;
margin: 0;
padding: 0px 0px 10px 0px;
}
.clear
{
clear: both;
font-size: 0px;
}
/* Header */
div#header { width: 783px; height: 113px; background: url('images/logo.gif') no-repeat; margin: 0px auto; }
/* Cartoon */
div#header div.cartoon { width: 227px; height: 304px; position: absolute; background: url('http://www.highscoregames.nl/images/cartoon.png') no-repeat; margin: 10px 0px 0px -57px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='images/cartoon.png');}
/* Topmenu */
ul#topmenu { display: block; width: 614px; height: 33px; background: url('images/topmenu-bg.gif') no-repeat; margin: 0px auto; padding: 0px 0px 0px 159px; }
ul#topmenu li { display: block; height: 33px; float: left; margin: 0px; }
ul#topmenu li a { height: 33px; display: block; text-indent: -99999px; overflow: hidden; }
/* Topmenu - Buttons */
ul#topmenu li a.home { background: url('images/buttons/home.gif') no-repeat top left; width: 65px; }
ul#topmenu li a.games { background: url('images/buttons/games.gif') no-repeat top left; width: 126px; }
ul#topmenu li a.match { background: url('images/buttons/match.gif') no-repeat top left; width: 102px; }
ul#topmenu li a.help { background: url('images/buttons/help.gif') no-repeat top left; width: 64px; }
ul#topmenu li a.contact { background: url('images/buttons/contact.gif') no-repeat top left; width: 70px; }
ul#topmenu li a:hover { background-position: left bottom; }
/* Container */
div#container { width: 778px; height: auto; background: #FFF url('images/container-bg.gif') repeat-x; padding: 7px 0px 0px 5px; margin: 0px auto; }
/* Content */
div#container div#left { width: 565px; float: left; height: auto; background: url('images/top-content-bg.gif') no-repeat; padding: 3px 4px 10px 4px; }
/* Content Boven Kopjes */
div#container div#left h4 { font-size: 11px; display: block; height: 22px; margin: 0px; padding: 6px 0px 0px 182px; color: #FFF; }
div#container div#left h4.blue { background: url('images/blauw/top-content-h3.gif') no-repeat; }
div#container div#left h4.geel { background: url('images/geel/top-content-h3.gif') no-repeat; padding: 6px 0px 0px 193px; }
/* Content Boven Inhoud */
div#container div#left div.boven-content { display: block; width: 422px; height: auto; margin: 0px; padding: 0px 0px 0px 143px; color: #FFF; }
div#container div#left div.boven-content.blue { background: #dbeefd url('images/blauw/top-content-content.gif') no-repeat; border-bottom: 2px SOLID #13baff; color: #004460; }
div#container div#left div.boven-content.geel { background: #fcefd2 url('images/geel/top-content-content.gif') no-repeat; border-bottom: 2px SOLID #f4b01e; }
div#container div#left div.boven-content p { margin: 0px; padding: 6px 0px 10px 0px;}
/* Content Boven Gameboxen */
div#container div#left div.boven-content div.gamebox-top { width: 133px; float: left; padding: 11px 0px 0px 12px; _padding: 10px 0px 0px 11px; background: url('images/gamebox-bg.gif') no-repeat; }
div#container div#left div.boven-content div.gamebox-top.first { width: 131px; float: left; padding: 11px 0px 0px 0px; background: none;}
/* Content Boven Gameboxen Plaatjes */
div#container div#left div.boven-content div.gamebox-top img.game-img { padding: 4px; float: left; background: #FFF; border: 1px SOLID #000; border-right-width: 0px; }
div#container div#left div.boven-content div.gamebox-top img.game-img.blue { border-color: #00bfff; }
div#container div#left div.boven-content div.gamebox-top img.game-img.oranje{ border-color: #e6400a; }
div#container div#left div.boven-content div.gamebox-top img.game-img.geel { border-color: #ffb400; }
/* Content Boven Gameboxen Speel Buttons */
div#container div#left div.boven-content div.gamebox-top a.speel { display: block; width: 20px; height: 70px; float: left; text-indent: -99999px; overflow: hidden; }
div#container div#left div.boven-content div.gamebox-top a.speel.blue { background: url('images/speel-blue.gif') no-repeat; }
div#container div#left div.boven-content div.gamebox-top a.speel.oranje { background: url('images/speel-oranje.gif') no-repeat; }
div#container div#left div.boven-content div.gamebox-top a.speel.geel { background: url('images/speel-geel.gif') no-repeat; }
/* Content Boven Gameboxen Game Info */
div#container div#left div.boven-content div.gamebox-top p { display: block; padding: 9px 6px 7px 6px; line-height: 17px; width: 107px; height: auto; clear: both; background: url('images/gamebox-info.gif') no-repeat 0px 4px; color: #00638b; }
div#container div#left div.boven-content div.gamebox-top p b { width: 107px; display: block; text-align: center; color: #6bd5ff; }
/* Content Boven Inhoud */
div#container div#left div.boven-content.geel { padding: 10px 0px 0px 143px; }
div#container div#left div.boven-content.geel p.prijs { float: left; display: block; width: 230px; height: auto; margin: 0px; padding: 10px 0px 18px 11px; line-height: 19px; color: #751c00; background: url('images/geel/top-content-p.gif') no-repeat; }
div#container div#left div.boven-content.geel p span { color: #eb4714; }
div#container div#left div.boven-content.geel .prijsimg { position: relative; float: left; margin-top: -35px; margin-left: 2px; _margin-left: -3px;}
/* Content Kopjes */
div#container div#left h3 { margin: 8px 0px 0px 0px; font-size: 11px; display: block; height: 22px; padding: 6px 0px 0px 39px; color: #FFF; }
div#container div#left h3.oranje{ background: url('images/oranje/content-h3.gif') no-repeat; }
div#container div#left h3.geel { background: url('images/geel/content-h3.gif') no-repeat; }
div#container div#left h3.blue { background: url('images/blauw/content-h3.gif') no-repeat; }
/* Content Inhoud */
div#container div#left div.content { width: 562px; _width: 560px; height: auto; margin: 0px; padding: 3px 0px 6px 3px; _padding: 3px 2px 6px 3px; color: #FFF; }
div#container div#left div.content.oranje { background: #fde9db url('images/oranje/content-bg.gif') repeat-x; border-bottom: 2px SOLID #ea430d; color: #602900; }
div#container div#left div.content.oranje a { color: #602900; }
div#container div#left div.content.oranje.bg2 { background: #fde9db url('images/oranje/content-bg2.gif') repeat-x; }
div#container div#left div.content.blue { background: #dbeefd url('images/blauw/content-bg.gif') repeat-x; border-bottom: 2px SOLID #13baff; color: #004460; }
div#container div#left div.content.geel { background: #fcefd2 url('images/geel/content-bg.gif') repeat-x; border-bottom: 2px SOLID #f4b01e; color: #6b5100; }
div#container div#left div.content p { margin: 0px; padding: 0px 10px 10px 4px; }
/* Content Gamebox */
div#container div#left div.content div.gamebox { width: 267px; _width: 265px; height: 71px; line-height: 19px; padding: 5px 0px 0px 7px; margin-left: 3px; margin-right: 2px; margin-bottom: 5px; float: left; }
div#container div#left div.content div.gamebox.dark { background: #fef4ed; }
div#container div#left div.content div.gamebox.light { background: #fef9f6; }
/* Content Gamebox Images */
div#container div#left div.content div.gamebox.dark img { padding: 3px; float: left; background: url('images/game-bg-dark.gif') no-repeat; }
div#container div#left div.content div.gamebox.light img { padding: 3px; float: left; background: url('images/game-bg-light.gif') no-repeat; }
/* Content Gamebox Info */
div#container div#left div.content div.gamebox p { margin: 0px; line-height: 16px; display: block; float: left; width: 153px; _width: 150px; padding: 0px 9px; color: #834d00;}
div#container div#left div.content div.gamebox p a { text-decoration: none; font-weight: bold; color: #eb4815; }
div#container div#left div.content div.gamebox p a:hover { text-decoration: underline; }
/* Navigatie Games */
div#container div#left ul.navigatie { float: right; margin: 0px; padding: 6px 0px 0px 0px; }
div#container div#left ul.navigatie li { display: block; width: 20px; height: 20px; padding: 0px 0px 0px 2px; float: left; }
div#container div#left ul.navigatie li a { display: block; width: 20px; height: 17px; padding: 3px 0px 0px 0px; background: url('images/navigatie-bg.gif') no-repeat left top; text-align: center; color: #FFF; text-decoration: none; font-weight: bold; }
div#container div#left ul.navigatie li a:hover { background-position: left bottom; }
/* Content Gamebox !BLAUW! */
div#container div#left div.content.blue div.gamebox { width: 267px; _width: 265px; height: 71px; padding: 5px 0px 0px 7px; margin-left: 3px; margin-right: 2px; margin-top: 5px; float: left; background: #edf7fe; }
/* Content Gamebox Images !BLAUW! */
div#container div#left div.content.blue div.gamebox img { padding: 3px; float: left; background: url('images/game-bg-blue.gif') no-repeat; }
/* Content Gamebox Info !BLAUW! */
div#container div#left div.content.blue div.gamebox p { margin: 0px; line-height: 16px; display: block; float: left; width: 153px; _width: 150px; padding: 0px 9px; color: #005e83;}
div#container div#left div.content.blue div.gamebox p a { text-decoration: none; font-weight: bold; color: #00b3ff; }
div#container div#left div.content.blue div.gamebox p a:hover { text-decoration: underline; }
/* Content Inhoud */
div#container div#left div.content.oranje.game { padding: 6px 0px 6px 0px; width: 565px; text-align: center; }
/* Content Advertentie */
div#container div#left div.advertentie { margin: 8px 0px 0px 0px; font-size: 11px; display: block; height: 81px; padding: 0px 0px 0px 0px; text-align: center; background: url('images/ads-bg.gif') no-repeat; }
/* Content Advertentie */
div#container div#left div.advertentie p { margin: 0px; padding: 11px 0px 0px 0px; }
div#container div#left div.advertentie p a img { border: 0px; }
/* Content Scores */
div#container div#left div.content ul.score { width: 559px; height: auto; margin: 0px; padding: 0px; display: block; }
div#container div#left div.content ul.score li { height: 20px; margin-bottom: 1px; display: block; clear: both; }
div#container div#left div.content ul.score li ul { height: 20px; display: block; margin: 0px; padding: 0px; }
div#container div#left div.content ul.score li ul li{ height: 16px; display: block; float: left; color: #074c77; padding: 4px 0px 0px 10px; clear: none; margin-right: 1px; }
/* Content Scores balken */
div#container div#left div.content ul.score li ul li.naam { width: 168px; }
div#container div#left div.content ul.score li ul li.score { width: 133px; }
div#container div#left div.content ul.score li ul li.datum { width: 98px; }
div#container div#left div.content ul.score li ul li.tijd { width: 117px; margin-right: 0px; }
div#container div#left div.content ul.score li ul li.title { background: url('images/li-title-blue.gif') repeat-x; color: #FFF; font-weight: bold; }
div#container div#left div.content ul.score li ul li.light { background: #edf6ff; }
/* Content Scores balken Geel */
div#container div#left div.content ul.score.geel li ul li { color: #774200; }
div#container div#left div.content ul.score.geel li ul li a { color: #774200; }
div#container div#left div.content ul.score.geel li ul li a:hover { text-decoration: none; }
div#container div#left div.content ul.score.geel li ul li.title { background: url('images/li-title-geel.gif') repeat-x; color: #FFF; font-weight: bold; }
div#container div#left div.content ul.score.geel li ul li.light { background: #fbf6e2; }
/* Content Game Match */
div#container div#left div.content div.left { width: 177px; float: left; background: url('images/oranje/line.gif') no-repeat right top; padding: 10px 0px 0px 16px; }
div#container div#left div.content div.left img { padding: 5px; background: #FFF; }
div#container div#left div.content div.right { width: 346px; height: 131px; float: left; background: url('images/oranje/index-p.gif') no-repeat left top; padding: 14px 0px 0px 17px; }
div#container div#left div.content div.right p { margin: 0px; float: left; padding: 0px; color: #751c00; line-height: 20px;}
div#container div#left div.content div.right p a { color: #ff3c00; text-decoration: none; font-weight: bold; }
div#container div#left div.content div.right p a:hover { text-decoration: underline; }
div#container div#left div.content div.right .prijsimg { z-index: 1; position: absolute; float: left; margin-top: -43px; margin-left: 175px; *margin-left: -1px; _margin-left: 0px; }
/* Content Index Gameboxen */
div#container div#left div.content div.gameboxx { width: 119px; float: left; padding: 6px 9px 0px 11px; background: url('images/geel/line.gif') no-repeat; }
div#container div#left div.content div.gameboxx.first { width: 119px; float: left; padding: 6px 9px 0px 9px; float: left; background: none;}
/*Content Index Gameboxen Plaatjes */
div#container div#left div.content div.gameboxx img.game-img { _margin-top: 0px; padding: 4px; float: left; background: #FFF; border: 1px SOLID #e6400a; border-right-width: 0px; }
/* Content Boven Gameboxen Speel Buttons */
div#container div#left div.content div.gameboxx a.speel { display: block; width: 20px; height: 70px; float: left; text-indent: -99999px; overflow: hidden; background: url('images/speel-oranje.gif') no-repeat; }
/*Content Index Gameboxen Info */
div#container div#left div.content div.gameboxx p { display: block; width: 119px; height: 49px; text-align: center; float: left; padding: 10px 0px 0px 0px; background: url('images/geel/content-game-info.gif') no-repeat 0px 5px; }
div#container div#left div.content div.gameboxx p a { color: #ff9000; font-weight: bold; text-decoration: none; }
div#container div#left div.content div.gameboxx p a:hover { text-decoration: underline; }
/* Menu */
div#container div#right { position: relative; width: 186px; padding: 0px 0px 10px 12px; float: left; height: auto; margin-top: -113px;}
/* Content Kopjes */
div#container div#right h3 { margin: 8px 0px 0px 0px; font-size: 11px; display: block; height: 23px; padding: 8px 0px 0px 29px; color: #FFF; }
div#container div#right h3.oranje { background: url('images/oranje/menu-h3.gif') no-repeat; }
div#container div#right h3.geel { background: url('images/geel/menu-h3.gif') no-repeat; }
/* Content Inhoud */
div#container div#right div.content { width: 173px; height: auto; margin: 0px; padding: 14px 0px 6px 13px; color: #FFF; }
div#container div#right div.content.oranje { background: #fde9db url('images/oranje/menu-bg.gif') repeat-x; border-bottom: 2px SOLID #ea430d; color: #602900; }
div#container div#right div.content p { margin: 0px; padding: 0px 0px 6px 0px; color: #eb4714; }
/* Content Inputs */
div#container div#right div.content p input { background: #ffccbb; border-left: 1px SOLID #f0683e; border-top: 1px SOLID #f0683e; border-bottom: 1px SOLID #fefaf9; border-right: 1px SOLID #fefaf9; font-size: 10px; padding: 2px; font-family: arial; color: #eb4714; width:154px; }
div#container div#right div.content p input.aanmelden { padding: 0px; border: 0px; width: 88px; height: 18px; }
div#container div#right div.content p input.login { padding: 0px; border: 0px; width: 68px; height: 18px; }
/* Content Inloggen Opties */
div#container div#right div.content ul.opties-login { margin: 0px; display: block; padding: 0; }
div#container div#right div.content ul.opties-login li { display: block; padding: 0px 0px 0px 13px; background: url('images/login-bullit.gif') no-repeat left center; }
div#container div#right div.content ul.opties-login li a { text-decoration: none; color: #822507; }
div#container div#right div.content ul.opties-login li a:hover { text-decoration: underline; }
/* Content Inhoud */
div#container div#right ul.geel { width: 173px; height: auto; margin: 0px; padding: 4px 0px 6px 13px; background: #fcefd2 url('images/geel/menu-bg.gif') repeat-x; border-bottom: 2px SOLID #f4b01e;}
div#container div#right ul.geel li { display: block; padding: 3px 0px 3px 13px; background: url('images/login-bullit2.gif') no-repeat left center; }
div#container div#right ul.geel li a { color: #997100; text-decoration: none; }
div#container div#right ul.geel li a:hover { text-decoration: underline; }
div#container div#right ul.geel li span { font-size: 1px; }
div#container div#right ul.geel li .i-hot { width: 16px; height: 8px; font-size: 1px;}
div#container div#right ul.geel li .i-nieuw { width: 22px; height: 8px; font-size: 1px; }
/* Advertentie */
div#container div#right div.ads { width: 178px; height: 619px; background: url('images/menu-ads.gif') no-repeat; margin: 8px 0px 0px 0px; padding: 9px 0px 0px 8px; text-align: center;}
div#container div#right div.ads a img { border: 0px; }
/* Footer */
div#footer { width: 783px; height: 30px; background: url('images/footer.gif') no-repeat; margin: -2px auto; _margin: 0px auto; }
div#footer p { margin: 0px; text-align: right; padding: 7px 18px 0px 0px; color: #FFF; font-weight: bold; }
div#footer p a { color: #ccf0ff; text-decoration: none; }
div#footer p a:hover{ color: #FFF; }
.aanmeld { background: #ffccbb; border-left: 1px SOLID #f0683e; border-top: 1px SOLID #f0683e; border-bottom: 1px SOLID #fefaf9; border-right: 1px SOLID #fefaf9; font-size: 10px; padding: 2px; font-family: arial; color: #eb4714; width:175px; }
form { margin:0px; }