html, body {
height: 100%;
}
body {
}
a img {
border: none;
}
div#page-container {
min-height: 100%;
width: 740px;
margin: 0 auto;
position: relative;
}
input.textfield {
border: 1px solid;
}
div#header-container {
height: 125px;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
div#header-container div {
height: 100%;
position: relative;
}
div#header-container h1 {
}
div#header-container h1 a {
width: 426px;
height: 46px;
font-size: 0;
text-indent: -2000em;
display: block;
position: absolute;
top: 50px;
left: 35px;
}
div#teaser-container {
height: 298px;
width: 738px;
position: absolute;
top: 150px;
left: 0;
z-index: 2;
padding-left: 1px;
overflow: hidden;
}
div#teaser-container img {
margin: 0 auto;
text-align: center;
}
div#content-container {
height: 100%;
padding: 0px 0 0 0;
}
div#navbar {
height: 26px;
position: relative;
}
div#breadcrumbs {
position: absolute;
top: 0;
left: 10px;
}
div#loginout {
}
div#loginout input, div#loginout select {
position: absolute;
top: 1px;
}
div#loginout input.login-name,
div#loginout input.login-password {
width: 86px;
height: 22px;
}
div#loginout input.login-name {
right: 248px;
}
div#loginout input.login-password {
right: 149px;
}
div#loginout input.button-login {
width: 46px;
height: 24px;
right: 2px;
}
div#loginout select {
width: 79px;
height: 22px;
right: 69px;
}
div#loginout select option {
width: 500px;
}
div#loginout input.login-savepass {
right: 49px;
}
div#loginout span {
padding-right: 10px;
float: right;
}
div#content-wrapper {
padding-top: 446px;
padding-bottom: 26px; /* Hoogte van footer */
}
div.met-banners div#content-wrapper {
padding-bottom: 166px; /* Hoogte van footer (26px) + banners */
}
div#content {
}
table.template {
width: 100%;
}
table.template td h2 {
height: 35px;
}
table.template td a img {
border: 1px solid;
}
table.template li {
margin-left: 2.5em;
}
div#footer-container {
height: 26px;
width: 100%;
position: absolute;
bottom: 0;
}
div.met-banners div#footer-container {
height: 166px; /* Normale hoogte (26px) + banners */
}
div#banners {
height: 140px;
position: relative;
display: none;
}
div.met-banners div#banners {
display: block;
}
div#banners img {
margin-top: 10px;
margin-left: 7px;
}
div#footer {
height: 26px;
}
div.sideborders {
border-style: solid;
border-width: 0 1px;
}
table.template td p {
padding: 5px 10px;
}
/*
Menu
*/
ul#menu {
width: 100%;
list-style-type: none;
position: absolute;
bottom: 0px;
left: 0px;
z-index: 3;
}
ul#menu * {
list-style-type: none;
}
span.categorienaam {
height: 21px;
cursor: pointer;
display: block;
padding: 2px 10px 0 10px;
}
li.categorie {
float: left;
margin: 0 -1px;
}
li.categorie ul {
width: 740px;
height: 25px;
z-index: 5;
overflow: auto;
position: absolute;
top: 23px;
left: -5px;
display: none;
}
li.categorie ul li {
padding: 10px 15px 0 25px;
line-height: 25px;
margin: 0 1px;
padding: 0 5px;
display: inline;
}
#header-container div#menu-sub {
background: url('../img/background_menu_klein.gif') no-repeat top left;
height: 25px;
margin: 0 0px;
padding: 0 5px;
position: relative;
z-index: -1;
display: block;
}
div#highscorelijst {
width: 237px;
height: 143px;
background: url('../img/highscore.png') no-repeat top left;
margin: 7px auto 0 auto;
}
div#highscorelijst ul {
list-style-type: none;
padding: 10px 15px;
}
div#highscorelijst li {
position: relative;
}
div#highscorelijst span.score {
position: absolute;
right: 0px;
}
table.template table.fillup {
width: 97%;
}
table.template table {
background: #fff;
border-collapse: collapse;
margin: 5px 10px;
padding: 5px;
}
table.tamplate table tr {
}
table.template table td {
background: #fff;
border: 1px solid #999;
padding: 5px;
}
table.template a.waarschuwing:hover {
background: #f00;
color: #fff;
}