/************** Body *************/
body 
{
	text-align: center;
	margin: 0px;
	padding: 0px;
	background: black url(images/background-dark.jpg) center 0 no-repeat fixed;
}

#container 
{
	position: relative;
	width: 980px;
	font-family: Helvetica, sans-serif;
	line-height: 0.8em;
	font-size: 20px;
	color: black;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#mainheader 
{
	position: absolute;
	top: 20px;
	left: 53px;
	width: 834px;
	margin: 0px 0px;
	padding: 0px 20px;
	height: 260px;
	font-size: 30px;
	text-align: center;
}
#mainheader #header-pict
{
	position: absolute;
	top: 0px;
	left: 20px;
	background: black url(images/background-blue.jpg) center 0 no-repeat fixed;
}
#mainheader #header-picb
{
	position: absolute;
	top: 96px;
	left: 20px;
	background: black url(images/background-dark.jpg) center 0 no-repeat fixed;
}
#mainheader #header-text
{
	position: absolute;
	top: 9px;
	left: 320px;
}


#taalknoppen
{
	position: absolute;
	top: 120px;
	left: 270px;
}

/********** nav ************/
#mainnav ul 
{
	position: absolute;
	top: 200px;
	left: 300px;
	margin: 0 auto;
	padding: 0;
	width: 600px;
	height: 110px;
	z-index: 1;
	overflow: hidden;
}

#mainnav li 
{
	position: absolute;
	top: 0px;
	left: 0px;
	list-style-type: none;
	width: 88px;
	height: 26px;
	font-size: 11px;
}

#mainnav li a b 
{
	position: absolute;
	width: 88px;
	left: 0px;
	top: 5px;
}

#mainnav a 
{
	width: 88px;
	height: 0;
	color: white;
	text-decoration: none;
	padding-top: 26px;
	background: transparent;
	z-index: 10;
}
* html #mainnav a 
{
  height:26px; 
  height:0;
}

#mainnav a#index-page-active
{
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(images/button-active.gif) no-repeat 0px 0;
}
#mainnav a#index-page-not-active
{
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(images/button-not-active.gif) no-repeat 0px 0;
}

#mainnav a#uitslagen-page-active
{
	position: absolute;
	left: 100px;
	top: 5px;
	background: url(images/button-active.gif) no-repeat 0px 0;
}
#mainnav a#uitslagen-page-not-active
{
	position: absolute;
	left: 100px;
	top: 5px;
	background: url(images/button-not-active.gif) no-repeat 0px 0;
}

#mainnav a#fanclub-page-active 
{
	position: absolute;
	top: 15px;
	left: 200px;
	background: url(images/button-active.gif) no-repeat 0px 0;
}
#mainnav a#fanclub-page-not-active
{
	position: absolute;
	top: 15px;
	left: 200px;
	background: url(images/button-not-active.gif) no-repeat 0px 0;
}

#mainnav a#biografie-page-active
{
	position: absolute;
	left: 295px;
	top: 30px;
	background: url(images/button-active.gif) no-repeat 0px 0;
}
#mainnav a#biografie-page-not-active
{
	position: absolute;
	left: 295px;
	top: 30px;
	background: url(images/button-not-active.gif) no-repeat 0px 0;
}

#mainnav a#fotos-page-active
{
	position: absolute;
	left: 385px;
	top: 50px;
	background: url(images/button-active.gif) no-repeat 0px 0;
}
#mainnav a#fotos-page-not-active
{
	position: absolute;
	left: 385px;
	top: 50px;
	background: url(images/button-not-active.gif) no-repeat 0px 0;
}

#mainnav a#gast-page-active
{
	position: absolute;
	left: 465px;
	top: 75px;
	background: url(images/button-active.gif) no-repeat 0px 0;
}
#mainnav a#gast-page-not-active
{
	position: absolute;
	left: 465px;
	top: 75px;
	background: url(images/button-not-active.gif) no-repeat 0px 0;
}

#mainnav a#index-page-active:hover,
#mainnav a#index-page-not-active:hover,
#mainnav a#uitslagen-page-active:hover,
#mainnav a#uitslagen-page-not-active:hover,
#mainnav a#fanclub-page-active:hover,
#mainnav a#fanclub-page-not-active:hover,
#mainnav a#biografie-page-active:hover,
#mainnav a#biografie-page-not-active:hover,
#mainnav a#fotos-page-active:hover,
#mainnav a#fotos-page-not-active:hover,
#mainnav a#gast-page-active:hover,
#mainnav a#gast-page-not-active:hover
{
	background-position: 0 0;
	background: url(images/button-hover.gif) no-repeat 0px 0;
	cursor: pointer;
}

#mainnav a#links-page-active
{
	position: absolute;
	left: 465px;
	top: 0px;
	color: #E28C05;
	text-decoration: none;
	text-align: right;
}
#mainnav a#links-page-not-active
{
	position: absolute;
	left: 465px;
	top: 0px;
	color: #6689CC;
	text-decoration: underline;
	text-align: right;
}

#mainnav a#contact-page-active
{
	position: absolute;
	left: 465px;
	top: 30px;
	color: #E28C05;
	text-decoration: none;
	text-align: right;
}
#mainnav a#contact-page-not-active
{
	position: absolute;
	left: 465px;
	top: 30px;
	color: #6689CC;
	text-decoration: underline;
	text-align: right;
}

#mainnav a#links-page-active:hover,
#mainnav a#links-page-not-active:hover,
#mainnav a#contact-page-active:hover,
#mainnav a#contact-page-not-active:hover 
{
	background-position: 0 0;
	cursor: pointer;
	color: #E28C05;
	text-decoration: none;
}

/********** content ************/
#content 
{
	position: relative;
	top: 295px;
	left:53px;
	width: 854px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	font-size: 14px;
	text-align: left;
	color: white;
	z-index: 1;
	float: left;
}

.content-smallbox,
.content-bigbox
{
	margin: 0px 5px 30px 0px;
	padding: 0px 10px 0px 12px;
	float: left;
}

.content-smallbox-top
{
	background: black url(images/background-blue.jpg) center 0 no-repeat fixed;
}
.content-bigbox-top 
{
	background: black url(images/background-blue.jpg) center 0 no-repeat fixed;
}

.content-smallbox-top img,
.content-bigbox-top img 
{
	margin: 0px;
	padding: 0px;
}

.content-smallbox-body 
{
	width: 376px;
	background: black url(images/background-blue.jpg) center 0 no-repeat fixed;
	margin: 0px;
	padding: 10px 10px 10px 10px;
	border-left: 2px solid #E28C05;
	border-right: 2px solid #E28C05;
}
.content-bigbox-body 
{
	width: 809px;
	background: black url(images/background-blue.jpg) center 0 repeat-y fixed;
	margin: 0px;
	padding: 10px 10px 10px 10px;
	border-left: 2px solid #E28C05;
	border-right: 2px solid #E28C05;
}

.content-smallbox-bottom
{
	background: black url(images/background-blue.jpg) center 0 no-repeat fixed;
}
.content-bigbox-bottom
{
	background: black url(images/background-blue.jpg) center 0 no-repeat fixed;
}

.content-smallbox-bottom img,
.content-bigbox-bottom img
{
	margin: 0px;
	padding: 0px;
}

#content .content-smallbox h2.boxtitle,
#content .content-bigbox h2.boxtitle
{
	position: relative;
	top: -15px;
	width: 100%;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #E28C05;
	margin: 0px;
	padding: 0px 0px 4px 0px;
	text-align: center;
	border-bottom: 1px solid #6689CC;
}
#content .content-smallbox h2.streep,
#content .content-bigbox h2.streep
{
	width: 100%;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #E28C05;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	border-bottom: 1px solid #6689CC;
}
#footer
{
	text-align: right; 
	width: 854px;
	clear: both;	
}
#content #footer p
{
	font-size: 10px;
	color: #aaa;
	padding: 0px 15px 20px 0px;
}
/************** Links *************/
a:link,
a:visited
{
	text-decoration: underline;
	color: white;
}

a:hover,
a:active
{
	text-decoration: underline;
	color: white;
}

/************** Headers *************/
h1
{
	font-family: Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #E28C05;
	margin: 0px;
	text-transform: uppercase;
}
h2
{
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #E28C05;
	margin: 0px;
	text-transform: uppercase;
}
h3, h4, h5
{
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #E28C05;
	margin: 0px;
	text-transform: uppercase;
}

/************** Content *************/

#content p 
{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 0px;
font-size:14px;
}

#content h1 
{
	position: relative;
	font-family: Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #6689CC;
	text-transform: uppercase;
	margin: 0px 0px 20px 25px;
	padding: 0px;
}

/********** Table instellingen ************/

.data-table
{
position: relative;
	padding: 0px 0px 0px 0px;
	width: 809px;
font-size: 12px;
}
 
.data-table tr.even
{
}

.data-table tr
{
}

.data-table td
{
	padding: 0px 5px 0px 5px;
	vertical-align: top;
}

/************** Special ****************/
#foto-links
{
	position: relative;
	margin: 0px 10px 100% 0px;
	float: left;
}
#foto-rechts
{
	position: relative;
	margin: 0px 0px 10px 10px;
	float: right;
}

/************** Div ****************/
.rechts {text-align: right;}
.center {text-align: center;}
.nieuw {color: #F6EF2A;}

iframe
{
	top: 10px;
	min-height: 600px;
	border: none;

}

#content a.imagelink:link,
#content a.imagelink:visited,
#content a.imagelink:hover,
#content a.imagelink:active
{
	text-decoration: none;
}
a.imagelink img
{
	border: none;
}

#copyright 
{
	text-align: right; 
	color: #ccc;
	font-size: 10px;
}
.mail 
{
position:absolute;
top:-10000px;
left:-10000px;

/***
visibility:hidden;
display:none;
***/
}
.attention 
{
	color: red;
	border: 2px solid red;
	padding: 5px;
}