html,
body,
ul,
li,
table,
td,
form,
input{
	margin:0;
	padding:0;
	
	font-size:100%;
	font-family:Arial,verdana,sans-serif;
}

body
{
	font-size:0.9em;
	line-height:1.5em;
	background:#fff;
}

img
{
	border:0;
}

form,
input
{
	border-collapse:collapse;
}

h1
{
	font-size:1.2em;
}

h2,
h3,
h4,
h5,
h6
{
	margin-top:10;
	margin-bottom:0;
	font-size:1.2em;
}

h3,h4,h5,h6
{
	font-weight:normal;
	color:#7a1e99;
	line-height: 14px;
	font-family:days;
}

.green {
   color: #009baa;
}
.lgreen {
   color: #8cd600;
}


p
{
	margin-bottom:0;
}

a
{
	color:#000;
}

.invisible
{
	display:none; 
}

/* wrapper */
#wrapper
{
	position:absolute;
	top:0;
	left:50%;
	width:960px;
	height:100%;
	margin-left:-480px;
}

/* header ------------------------------ */

#header
{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:170px;
	background:url(../images/bgHeader.png) top left repeat-x;
}

#headerContent
{
	position:relative;
	top:0;
	left:50%;
	margin-left:-435px;
	width:870px;
	
	font-size:0.85em;
	color:#818181;
}

#headerContent h2,
#headerContent p,
#headerContent a,
#headerContent ul
{
	margin:0;
	line-height:1.5em;
}

#headerContent a
{
	text-decoration:none;
	color:#818181;
}

#headerContent ul
{
	margin:0;
	padding:0;
	list-style:none;
}

/* logo */
#logo
{
	position:absolute;
	top:0;
	left:0;
}

#logo img
{
	margin:20px 0 0 20px;
}

/* main navigation */
#mainNav
{
	position:absolute;
	top:0;
	right:0;
}

#mainNav ul
{
	margin:0;
}

#mainNav li
{
	float:left;
	height:209px;
	list-style:none;
}

	#mainNav li.btnNieuws
	{
		display:block;
		width:138px;
		background:url(../images/btnNieuws.png) top left no-repeat;
		margin:0 5px 0 0;
	}
	
	#mainNav li.btnSporten
	{
		display:block;
		width:176px;
		background:url(../images/btnSporten.png) top left no-repeat;
		margin:0 5px 0 0;
	}
	
	#mainNav li.btnContact
	{
		display:block;
		width:154px;
		background:url(../images/btnContact.png) top left no-repeat;
	}
	
#mainNav li a
{
	display:block;
	width:100%;
	height:52px;
	margin:137px 0 0 0;
}

#openingHours
{
	position:absolute;
	top:10px;
	left:550px;
	width:176px;	
}

#openingHours ul
{
	margin:0;
}

#openingHours li
{
	float:left;
	height:17px;
	list-style:none;
}

#openingHours .day
{
	display:block;
	float:left;
	width:25px;
}

#address
{
	position:absolute;
	top:10px;
	left:730px;
	width:154px;
}

/* content part ------------------------------ */
#content
{
	position:relative;
	width:100%;
	min-height:300px;
}

/* content block ------------------------------ */
#contentBlock
{
	position:relative;
	top:0;
	left:50%;
	margin:0 0 0 -435px;
	padding:20px 0 20px 0;
	width:870px;
}

#contentBlock span
{
	display:block;
}

.contentTop
{
	position:relative;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:9px;
	background:url(../images/bgContent.png) top left no-repeat;
}

.contentCenter
{
	position:relative;
	top:0;
	left:0;
	padding:0 0px;
	width:auto;
	overflow:auto;
	background:#e1e2e2;
}
.contentCenter ul
{

	padding:10px;
	margin: 10;
	
}

.contentBottom
{
	position:relative;
	top:0;
	left:0;
	display:block;
	height:9px;
	left:50%;
	margin:0 0 0 -435px;
	background:url(../images/bgContent.png) bottom left no-repeat;
}

/* content menu */
.contentMenu
{
	position:relative;
    float:left;
	top:0;
	left:20px;
	width:150px;
	border-right:1px solid #a7a9ac;
	
}

.contentMenu ul
{
	list-style:none;
	margin:20px 0 0 0;
}

.contentMenu ul ul
{
	margin:0;
}

.contentMenu li
{
	margin-bottom:10px;
}

.contentMenu ul ul li
{
	margin:0 0 0 5px;
}

.contentMenu a
{
	text-decoration:none;
	font-weight:bold;
}

.contentMenu a:hover
{
	text-decoration:underline;
}

.contentMenu ul ul li a
{
	font-weight:normal;
}

/* index plate */
.indexPlate
{
	float:left;
	top:0;
	left:0;
	width:530px;
    height:377px;
    background-color:#242424;
    background-image:url('../images/indexplate_0708.png');
    background-repeat:no-repeat;
}
.indexRight
{
	float:right;
	top:0;
	left:0;
	width:340px;
    height:377px;
    background-image:url('../images/indexRight.png');
    
}
.indexRightTop {
    top: 0px;
    left: 0px;
}

.indexRightTop ul
{
    margin: 0px;
    color:#FFF;
}

.indexRightTop li
{
    
	height:30px;
	list-style:none;
}
.indexRightTop a
{
    display:block;
    font-weight:bold;
    text-align:right;
    width: 310px;
    color:#FFF;
    text-decoration:none;
    padding: 2px 10px 2px 2px;

    filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;

    
    
}
.indexRightTop a:hover
{
    color:#FFF;
    text-decoration:none;
    background-color:#009baa;
}

.indexRightBottom {
    position:relative;
    top: 7px;
    left: 0px;
}

.indexRightBottom ul
{
    margin: 0px;
    color:#FFF;
}

.indexRightBottom li
{
    
	height:25px;
	list-style:none;
}
.indexRightBottom a
{
    display:block;
    font-weight:bold;
    text-align:left;
    width: 310px;
    color:#FFF;
    text-decoration:none;
    padding: 2px 2px 2px 10px;
    text-transform:uppercase;
     filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
    
}
.indexRightBottom a:hover
{
    color:#FFF;
    text-decoration:none;
    background-color:#009baa;
}

.contentContent
{
	width:650px;
	float:right;
	margin:20px 20px 0 0;
}

	.contentContentLeft 
	{
		width:500px;
		float:left;
	}
	.contentContentRight 
	{
		width:150px;
		float:right;
		text-align:center;
	}
	.contentContentRight ul
	{
		margin:0;
		padding:0;
		list-style:none;
	}
	.contentContentRight ul li
	{
		margin:5px;
		padding:5px;
		list-style:none;
	}
	.contentContentRight img
	{
		width:150px;
	}
	
	

/* weeks on homepage */
#weeks
{
	position:relative;
	top:0;
	overflow:auto;
	margin-top:10px;	
}

#weeks ul
{
	list-style-type:none;
}

#weeks li
{
	float:left;
	margin:0 43px 10px 0;
}

#weeks li.last
{
	margin:0;
}

/* footer block ------------------------- */
.accent 
{
	color: #7a1e99;
	font-weight:bold;
	white-space: normal;
	
}


/* footer block ------------------------- */
#footer
{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:230px;
	background:url(../images/bgFooter.png) top left repeat-x;
}

#footerContent
{
	position:relative;
	top:0;
	left:50%;
	margin:0 0 0 -435px;
	width:870px;
}

#onzeMerken
{
	width:100%;
	height:31px;
	background:url(../images/bgOnzeMerken.png) top left no-repeat;
	background-color:#252525;
}
/* twitter -------------------- */
#twitter ul
{
	margin: 2px;
	list-style-type:none;
	width: 200px;
}
#twitter ul li
{
	margin: 2px;
	padding: 4px;
	background-color:#CCCCCC;
}

/* background color -------------------- */
#header,
#content,
#footer
{
	background-color:#252525;
}