html, body {
height: 100%;
}
html, table, th, td, input, select, textarea {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
}
body {
background: url(images/site_bg.gif) repeat-x top center #FFE374;
margin: 0;
padding: 0;
text-align: center;
}
form {
margin: 0;
padding: 0;
}
p {
margin: 0.5em 0;
padding: 0 ;
}
h1 {
padding: 5px 0;
margin: 0;
font-size: 14px;
font-weight: bold;
font-family: Verdana, Tahoma, Arial;
}
h2 {
padding: 5px 0;
margin: 0;
font-size: 12px;
font-weight: bold;
color: #115BA4;
font-family: Verdana, Tahoma, Arial;
}
a {
color: #115BA4;
text-decoration: underline;
}
a:hover {
color: #000;
text-decoration: underline;
}
.container {
width: 768px;
margin: 0 auto;
padding: 0;
background: url(images/con_bg.gif) repeat-y top left #FFF;
text-align: left;
min-height: 100%;
}
.container2 {
background: url(images/con_bg2.gif) repeat-y top right;
width: 100%;
margin: 0;
padding: 0;
height: 100%;
}
.header {
background: url(images/header_bg.gif) repeat-x top center;
height: 88px;
width: 100%;
margin: 0;
padding: 0;
}
.header2 {
margin: 0;
padding: 0;
height: 88px;
width: 100%;
background: url(images/header_right.gif) no-repeat bottom right;
position: relative;
}
.header-banner {
position: absolute;
right: 6px;
top: 8px;
width: 234px;
height: 60px;
padding: 1px;
border: 1px solid #000;
}
.intro {
background: url(images/intro_bg.gif) repeat-x bottom right #E1DEC8;
margin: 0 2px;
padding: 5px 10px 8px;
color: #000;
}
.content {
width: 564px;
padding: 0 0 0 4px;
float: left;
}
.categorie {
width: 378px;
padding: 0 0 0 4px ;
float: left;
}
.spelcontainer {
padding: 5px;
text-align: center;
}
.spelleftad {
position: absolute;
left: -140px;
top: -50px;
background: #FFC03D;
padding: 3px;
width: 130px;
}
.spelrightad {
position: absolute;
right: -140px;
top: -50px;
background: #FFC03D;
padding: 3px;
width: 130px;
}
.gamescontainer {
width: 100%;
padding-top: 4px;
width: 764px;
margin: 0 2px;
position: relative;
}
.gameskolom {
width: 191px;
float: left;
text-align: center;
margin: 0;
padding: 0;
}
.gamebox1, .gamebox2, .gamebox3 , .gamebox4 , .gamebox5 {
width: 183px;
text-align: left;
margin: 0 auto 5px;
position: relative;
}
.gamebox1 {
background: #CC00FF;
}
.gamebox2 {
background: #6CC827;
}
.gamebox3 {
background: #CB0000;
}
.gamebox4 {
background: #145BC1;
}
.gamebox5 {
background: #FFAF25;
}
.gameboxheader {
display: block;
height: 26px;
}
.gamebox1 .gameboxheader {
background: url(images/box_1_hdr.gif) no-repeat top left ;
}
.gamebox2 .gameboxheader {
background: url(images/box_2_hdr.gif) no-repeat top left ;
}
.gamebox3 .gameboxheader {
background: url(images/box_3_hdr.gif) no-repeat top left ;
}
.gamebox4 .gameboxheader {
background: url(images/box_4_hdr.gif) no-repeat top left ;
}
.gamebox5 .gameboxheader {
background: url(images/box_5_hdr.gif) no-repeat top left ;
}
.gamebox1 h1, .gamebox2 h1 , .gamebox3 h1 , .gamebox4 h1 , .gamebox5 h1{
padding: 7px 0 0 23px;
margin: 0;
font-size: 11px;
color: #333;
font-weight: bold;
z-index: 2;
font-family: Verdana, Tahoma, Arial;
text-transform: uppercase;
}
.gamebox1 h1.special, .gamebox2 h1.special , .gamebox3 h1.special , .gamebox4 h1.special , .gamebox5 h1.special {
color: #FFF;
margin: 0;
top: 6px;
left: 22px;
padding: 0;
position: absolute;
z-index: 3;
text-transform: uppercase;
}
.gamebox5 h1{
color: #FFE9BE;
}
.gamebox5 h1.special {
color: #333;
}
.gameboxcontent {
padding: 3px 6px;
margin: 0;
}
.gamebox1 .gameboxcontent {
background: url(images/box_1_bg.gif) repeat-y top left #F4E0FF;
}
.gamebox2 .gameboxcontent {
background: url(images/box_2_bg.gif) repeat-y top left #FFEB99;
}
.gamebox3 .gameboxcontent {
background: url(images/box_3_bg.gif) repeat-y top left #FFD5E1;
}
.gamebox4 .gameboxcontent {
background: url(images/box_4_bg.gif) repeat-y top left #C8DAFF;
}
.gamebox5 .gameboxcontent {
background: url(images/box_5_bg.gif) repeat-y top left #FFF;
padding: 6px;
font-size: 10px;
}
.gameboxbottom {
height: 11px;
font-size: 1px;
padding: 0;
margin: 0;
}
.gamebox1 .gameboxbottom {
background: url(images/box_1_bottom.gif) no-repeat ;
}
.gamebox2 .gameboxbottom {
background: url(images/box_2_bottom.gif) no-repeat ;
}
.gamebox3 .gameboxbottom {
background: url(images/box_3_bottom.gif) no-repeat ;
}
.gamebox4 .gameboxbottom {
background: url(images/box_4_bottom.gif) no-repeat ;
}
.gamebox5 .gameboxbottom {
background: url(images/box_5_bottom.gif) no-repeat ;
}
ul.gamebox {
margin: 0;
padding: 0;
width: 170px;
list-style-type: none;
}
ul.gamebox li {
border-top: 1px solid #FFF;
border-bottom: 1px solid #BBB691;
padding: 1px 3px 1px 5px;
list-style-position: outside;
list-style-image: none;
list-style-type: none;
}
.gamebox1 ul.gamebox li {
border-bottom: 1px solid #CC99FF;
}
.gamebox2 ul.gamebox li {
border-bottom: 1px solid #FFCC00;
}
.gamebox3 ul.gamebox li {
border-bottom: 1px solid #FF9999;
}
.gamebox4 ul.gamebox li {
border-bottom: 1px solid #99CCFF;
}
.gamebox5 ul.gamebox li {
border-bottom: 1px solid #FFCC00;
}
ul.gamebox a{
text-decoration: none;
}
.gamelijst {
text-align: left;
margin: 0 auto 5px;
background: #FFAF25;
}
.gamelijstheader{
background: url(images/boxlijst_hdr.gif) repeat-x top left ;
}
.gamelijst h1 {
padding: 7px 0 0 4px;
margin: 0;
font-size: 11px;
color: #FFE9BE;
font-weight: bold;
z-index: 2;
font-family: Verdana, Tahoma, Arial;
text-transform: uppercase;
}
.gamelijst h1.special{
color: #333;
margin: 0;
top: 6px;
left: 3px;
padding: 0;
position: absolute;
z-index: 3;
text-transform: uppercase;
}
.gamelijstcontent {
padding: 0 1px;
margin: 0;
border-right: 1px solid #993300;
border-left: 1px solid #993300;
background: #FFFF99;
}
table.gamelijstcontent2 {
background: #FEF3C7;
border-right: 1px solid #993300;
border-left: 1px solid #993300;
}
table.gamelijstcontent2 td {
padding: 3px;
background: transparent;
}
.gamelijstbottom td {
height: 4px;
font-size: 1px;
padding: 0;
margin: 0;
background: url(images/boxlijst_bottom.gif) repeat-right ;
}
ul.gamelijst {
margin: 0;
padding: 0;
width: 170px;
list-style-type: none;
float: left;
background: transparent;
}
ul.gamelijst li {
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFCC00;
padding: 1px 3px 1px 5px;
list-style-position: outside;
list-style-image: none;
list-style-type: none;
}
ul.gamelijst a{
text-decoration: none;
}
.clear {
clear: both;
visibility: hidden;
}
table.tspecial {
margin: 10px 0;
border-top: 1px solid #D6D2B7;
}
.tspecial td , .tspecial th {
border-bottom: 1px solid #D6D2B7;
padding: 2px 4px;
}
.tspecial th {
background: #FF9900;
color: #FFF;
text-align: left;
}
.error {
background: #FFFF99;
display: block;
}
.message {
background: #DAEFB0;
border: 1px solid #99CC33;
padding: 1px 3px;
display: block;
}
.new {
font-size: 9px;
color: #FF6600;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
.type , th.type{
background: #FFEB99;
font-weight: bold;
color: #000;
}
.hidden , .hidden td{
color: #AAAAAA;
}
.small {
font-size: 9px;
color: #999;
}