html {
overflow : hidden;
height : 100%;
}

body {
background-image : url('../img/grasstexture.jpg');
text-align : center;
font-family : arial;
font-size : 0.8em;
line-height : 1.5em;
height : 100%;
margin : 0;
}

#horizon  {
	background-color: transparent;
	text-align: center;
	position: absolute;
	top: 48%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}

#contents {
	background-color: transparent;
	margin-left: -374px;
	position: absolute;
	top: -300px;
	left: 50%;
	width: 826px;
	height: 600px;
	visibility: visible
}

div#sponsors {
position : relative;
top : 72px;
left: 20px;
width : 765px;
height : 45px;
text-align : center;
float:left;
clear:both;
margin:0;
padding:0;
}

div#sponsors img {
vertical-align : middle;
border : 0;
}

div#sponsors .text {
color : #fff;
float : left;
font-weight : bold;
font-size : 12px;
margin : 5px 0 0 10px;
}

div#sponsors .textrt {
font-size : 11px;
font-weight : normal;
float : right;
text-align : right;
}

 div#sponsors .text a {
 color : #fff;
 }

/*

div#content, div#footer, div#header {
	width : 744px;
	display : block;
	float:left;
}


div#header {
	background-image : url('../img/main.gif');
	background-repeat: no-repeat;
	height : 135px;
	display : block;
}
div#footer {
	background-image : url('../img/main.gif');
	background-repeat: no-repeat;
	height : 80px;
	background-position : 0 -135px;
}
*/

div#content {
	display : block;
	text-align: left; 
	margin: auto;
	background-image : url('../img/main.gif');
	width: 826px;
	height: 600px;
/*	background-position : 0 -135px; */
}


div#logo {
	position : absolute;
	left : 0px;
	top :0px;
	width : 218px;
}
div#logo img {
	border : 0;
}
div.bij {
position : relative;
left : 470px;
width : 80px;
height : 90px;
}


/* LEFT */
div.left {
color : #f60;
position : relative;
top : 50px;
left : 13px;
width : 135px;
height : 373px;
text-align : center;
float : left;
}

div.navigation {
	position : relative;
	top : 0px;
	height : 100%;
	border : solid #fff;
	border-width : 0px 0px 0px 1px;
}

div.left ul {
	margin : 0;
	padding : 0;
}

div.left li {
width : 128px;
height : 36px;
line-height : 30px;
background-image : url('../img/menubutton_default.gif');
background-repeat : no-repeat;
}

div.left li.active {
	background-image : url('../img/menubutton_active.gif');
	font-weight : bold;
	font-size : 14px;
}

li.mnu a, li#doeMee a{
width : 128px;
line-height : 36px;
display: block;
font-size : 14px;
font-weight:bold;
color : #fff;
text-decoration : none;
}

li.mnu a:hover, li#doeMee a:hover {
color : #9C0;
text-decoration : none;
letter-spacing : 1px;
}

li#doeMee {
background-image : url('../img/menubutton_doemee.gif');
width : 127px;
height : 70px;
}

li#doeMee a {
font-size : 1.2em;
line-height : 65px;
}

div#pplogo {
position : absolute;
bottom : 0px;
left : 5px;
}

div#pplogo {
position : absolute;
bottom : 0px;
left : 5px;
}

div#pplogo img {
border : 0;
}


/* MIDDEN */
div.middle {
position : relative;
display : block;
top : 50px;
left : 21px;
width : 472px;
height : 367px;
float : left;
overflow : auto;
}

div.nooverflow {
	overflow:hidden;
}

div.middle a, div.middleActiviteiten a {
	color : #f00;
	font-weight : bold;
}

div.middle a:hover, div.middleActiviteiten a:hover {
	color : #9C0;
}

div#evenementenPulldown {
display : block;
height : 25px;
overflow : hidden;
text-align : right;
}

div#evenementenPulldown select{
	width : 250px;
	margin-right : 5px;
}

div.activiteitenLijst {
display : block;
overflow : auto;
display : block;
height : 335px;
width : 472px;
border-top : 1px solid #f00;
}


/* RECHTS */
div.right {
color : #fff;
position : relative;
top : 60px;
left : 48px;
width : 130px;
height : 355px;
float : left;
line-height : 16px;
padding:0;
margin:0;
}

div.right div.eventCount {
	font-size : 12px;
	font-weight : bold;
	color : #ff6600;
	width : 140px;
	height : 55px;
	overflow : hidden;
	margin-left : 8px;
}

div.right p, div.right div.eventCount p {
	margin:0; padding:0;
}
div.right div.eventCount strong {
	font-size : 1.4em;
	color : #f00;
}
div.right ul {
	list-style-type: none;
	margin : 0;
	padding : 0;
}

div.right a {
color : #000;
text-decoration : none;
font-size : 0.9em;
}

div.right a:hover {
color : #fff;
}


div.right ul li {
	margin-top : 15px;
	padding : 0;
	line-height : 18px;
}

div.right ul li img {
	float : left;
	margin : 0 5px 0 0;
	padding : 0;
	vertical-align:middle;
}

#toonActiviteiten {
position : absolute;
bottom : 0px;
left : 0px;
width : 130px;
text-align : center;
}

#toonActiviteiten a {
color : #fff;
font-weight : bold;
text-decoration:none;}

#toonActiviteiten a:hover {
color : #9c0;
letter-spacing:1px;
}





/*content*/

h1 {
font-size : 1.4em;
font-weight : bold;
margin : 10px 0 15px 10px;
}

h2 {
padding : 0;
margin : 0 0 0 10px;
font-size : 1em;
font-weight : bold;}

h2.passietip {
margin : 0;
}

p {
padding-top : 0;
margin-top : 0;
}

div.contentButton {
	padding-top :5px;
	display : block;
	text-align : center;
	height : 44px;
	width : 280px;
	color : #fff;
	font-weight : bold;
	background-image : url('../img/doemeebutton.gif');
	background-repeat : repeat-x;
	float : left;
	margin-left : 20px;
	font-size : 12px;
}

div.infolink {
	text-align : center;
	float : right;
	display : block;
	height : 44px;
	line-height : 44px;
	width : 140px;
}


div.contentButton img
{ 
vertical-align: middle;
}  

div.contentButton a {
	text-decoration : none;
	color : #fff;
	font-weight : bold;
}

div.contentButton a:hover {
color : #9C0;
letter-spacing : 1px;
}

.rood {
color : #f00;
}
p.alinea {
	margin : 0 10px 8px 10px;
}


div.evenementen {
	position : absolute;
	top: 60px;
	width : 383px;
	height : 318px;
	overflow : auto;
	border-top : 1px solid #f00;
}

div.alineaClearer {
	clear : left;
	line-height : 0;
	height : 0;
}



div.nieuwsitem {
	margin 		       : 15px 5px 0 0;
	padding : 5px 0 5px 10px;
	height : 85px;
}

div.nieuwsItemKort {
	line-height : 16px;
	padding : 0;
	margin :0;
	height : 50px;
	overflow: hidden;
}

div.leesmeer {
position : relative;
background-color : #fff;
float : right;
display : block;
margin-right : 5px;
}

div.puntjes {
top : 32px;
margin : 0;
padding : 0 5px 0 5px;
}


.nieuwskop {
	padding 				    : 3px 100px 5px 10px;
	font-size           : 11px;
	font-weight         : bold; }

.nieuwsdatum {
	font-weight     : normal;
	font-size       : 7pt;
	letter-spacing  : 0pt;
}



/* IMAGES */

.aImg {
	float : left;
	border : 1px solid #FFFFFF;
	margin-right : 10px;
}
.aImg img {
	padding : 0px;
	border : 0;
}

/*
.aImg:hover {
	border : 1px solid #F09F00;
}	
*/



/* CMS COLOURING */
 
.accent {
	font-size : 15px;
	line-height : 15px;
	font-weight : bold;
}