BODY, html {
font-family: Arial,Helvetica,sans-serif;
font-style:normal;
height: 100%;
margin: 0px;
padding:0px;
font-size: 0.85em;
background: #650000 url("../bg-red.png") left top repeat-x;
}

/* h* */
h2 {
border-bottom: 1px dashed silver;
font-size: 17px;
}
.silver {
color: #a1a1a1;
}
.good, .error {
width: 240px;
margin: 5px;
padding: 6px;
}
.good h3, .error  h3{
font-size: 13px;
margin: 5px;
}
.good a, .error a {
color: white;
}
.good {
border: 1px solid green;
background-color: #44b344;
}
.error {
border: 1px solid red;
background-color: #ff3b3b;
}
.icon {
vertical-align: bottom;
}
h5, h5 a {
color:#66000F;
border-bottom:1px dotted #E1E1E1;
width: 90%;
}
table {
    font-size: 0.85em;
}


#main a {
color: #d11801;
text-decoration: none;
font-weight: bolder;
}

#main a.spelerlink {
    font-weight: normal;
}
a img {
border: 0;
}
/* base */
#base {
margin-left: auto;
margin-right: auto;
width: 902px !important;
background-color: white;
z-index: 3;
}

/* nodig voor footer */
#container {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -90px; /* the bottom margin is the negative value of the footer's height */
}

#header {
width: 100%;
height: 257px;
}

#header #logo {
float: right;
margin-top: 75px;
}
#streepLinks {
position: absolute;
top: 256px;
left: 0;
}
#streepRechts {
position: absolute;
right: 0;
top: 256px;
margin-left: -54px;
}

#logincontainer {
visibility: hidden;
z-index: 5;
position: absolute;
width: 100%;
}
#loginbutton {
background: none;
}
#loginbutton ul {
list-style-type: none;
list-style-position: outside;
float: right;
margin: 0px;
margin-right: 50px;
padding: 0;
height: 25px;
}
#loginbutton li {
display: inline;
line-height: 25px;
font-size: 10px;
color: white;
}
#loginbutton .first {
cursor: pointer;
}
#loginbutton li a {
color: white;
text-decoration: none;
}
#login {
background-image: url("../bg-login.gif");
height: 149px;
}

#login form, #miniprofile {
margin-left: auto;
margin-right: auto;
position: relative !important;
width: 500px !important;
padding-top: 35px;
}
#login form label {
width: 175px;
color: white;
}
#login form button {
margin-left: 190px;
}
#login form  input {
margin: 5px 25px 5px 0px;
}
#miniprofile {
color: white;
}
#miniprofile h2 {
margin: 20px 45px;
border: none;
}
#miniprofile h2 a, #miniprofile a{
color: orange;
text-decoration: none;
}
#fakebg {
width: 100%;
height: 100%;
position: fixed;
background-color: black;
z-index: 4;
display: none;
}

#topmenu {
border-top: 1px solid red;
border-bottom: 1px solid red;
background-color: white;
height: 30px;
margin-top: -32px;
z-index: 4;
}
#topmenu .topmenuid {
padding: 5px 10px;
line-height: 20px;
font-family: Georgia, sans-serif;
font-size: 13pt;
color: red;
text-decoration: none;
float: left;
}
#topmenu .topmenuid:hover, #topmenu .selected  {
color: white;
background-color: red;
}
/* submenu */
#submenu {
border-left: 1px solid red;
border-right: 1px solid red;
position:absolute;
}
#submenu span{
margin-left: 10px;
margin-right: 10px;
color: white;
font-size: 13px;
}
#submenu span a {
text-decoration: none;
color: red;
font-family: Georgia;
color: #650000;
}
#submenu span .selected {
font-weight: bold;
}
#main {
margin: 0px 10px;
padding-bottom: 10px;
line-height: 140%;
background-color: white;
margin-top: 30px;
}



/* credits */
#credits {
text-align: center;
margin-left: auto;
margin-right: auto;
width: 900px;
height: 35px;
position: relative;
z-index: 3;
color: white;
font-size: 11px;
}
#credits a {
color: white;
text-decoration: none;
}

/* reserveert ruimte voor sponsers */
#push {
 height: 100px;
}
#srosnops {
    text-align: center;
    background: url("../bg-red-inv.png") left top repeat-x;
    padding: 20px;


}

#streepLinksSponsers {
position: absolute;
left: 0;
}
#streepRechtsSponsers {
position: absolute;
right: 0;
margin-left: -54px;
}


/* forms */
form label, input, textarea {
	display: block;
	float: left;
	margin-bottom: 5px;
}
form label,input[type="text"], input[type="password"], select {
	width: 175px;
}
form label {
	text-align: right;
	width: 85px;
	padding-right: 15px;
	padding-top: 5px;
}

form input[type="text"], input[type="password"], textarea {
	border: 1px solid silver;
	background: white url('../form_shadow_top.gif') left top repeat-x;
}

form br {
	clear: left;
}
#reactieform .button {
width: 20px;
height: 20px;
border: 1px solid silver;
margin: 3px;
color: black;
text-decoration: none;
}
form #buttons img {
cursor: pointer;
}