html, body {
	margin: 0;
	padding: 0;
}
body {
	background-color: #f0fff3;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #2a5341;
	margin-top: 20px;
}

a {
	color: #2F7E20;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
#logoarea {
	height: 0px;
}
#logo {
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	position: absolute;
	margin-top: -6px;
	margin-left: auto;
	background-position: center;
	height: 142px;
	width: 100%;
}
#container {
	margin-left: auto;
	margin-right: auto;
	width: 974px;
	height: auto;
}
#banner {
	margin-left: auto;
	margin-right: auto;
	width: 974px;
	height: auto;
}

#bannerleft
{
	background-image: url(../images/bannerleft.jpg);
	background-repeat: repeat-y;
	background-position: left;
	height: 81px;
	margin-left: 8px;
}

#bannerright
{
	background-image: url(../images/bannerright.jpg);
	background-repeat: repeat-y;
	background-position: right;
	height: 81px;
	margin-right: 0px;
}


#bannermain
{
	margin-left: 8px;
	margin-right: 15px;
	background-image: url(../images/bannermid.jpg);
	background-repeat: repeat-x;
	height: 81px;
}

#bannerovergangtop {
	background-image: url(../images/banner-bottom.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 12px;
	font-size: 1px;/*Stupid hack somewhere to make the height small*/
}
#bannerovergangleft {
	background-image: url(../images/banner-bottom-left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 12px;
	width: 100%;
	font-size: 1px;/*Stupid hack somewhere to make the height small*/
}
#bannerovergangright {
	background-image: url(../images/banner-bottom-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 12px;
	width: 100%;
	font-size: 1px;/*Stupid hack somewhere to make the height small*/
}
#menuleft {
	background-image: url(../images/menulinks.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	height: 22px;
}
#menuright {
	background-image: url(../images/menurechts.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	height: 22px;
}
#menumain {
	margin-left: 12px;
	margin-right: 12px;
	background-color: #fff;
	height: 22px;
}
#bannerbottom {
	background-image: url(../images/overgang-bottom.jpg);
	background-repeat: repeat-x;
	height: 14px;
	width: 100%;
	font-size: 0px;
}
#bannerbottomleft {
	background-image: url(../images/overgang-bottom-left.jpg);
	background-repeat: no-repeat;
	height: 14px;
	width: 100%;
	background-position: left top;
	font-size: 0px;
}
#bannerbottomright {
	background-image: url(../images/overgang-bottom-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 14px;
	width: 100%;
	font-size: 0px;
}
#maintop {
	background-image: url(../images/shadow-top.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 28px;
	width: 100%;
}
#maintopleft {
	background-image: url(../images/shadow-top-left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 28px;
	width: 100%;
}
#maintopright {
	background-image: url(../images/shadow-top-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 28px;
	width: 100%;
}
#main {
	margin-left: 12px;
	margin-right: 12px;
	background-color: #fff;
	border: 1px solid;
}

#allbottom {
	clear: both;
	width: 100%;
}
#bottom {
	background-image: url(../images/shadow-bottom.jpg);
	background-repeat: repeat-x;
	height: 28px;
	width: 100%;
	background-position: bottom;
}
#bottomleft {
	background-image: url(../images/shadow-bottom-left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 28px;
	width: 100%;
}
#bottomright {
	background-image: url(../images/shadow-bottom-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 28px;
	width: 100%;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}
.clear {
	clear: both;
}
.lefttextarea {
	color: #fff;
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 5px;
}
.section contact {
	display: block;
	width: 100px;
	float: left;
	font-weight: bold;
	margin-left: 30px;
}
.section platgroen {
	color: #2F7E20;
}
.section ul {
	color: #2F7E20;
	list-style-type: disc;
}

#middle .section ul {
	color: #333333;
}


/*Kop*/
h1 {
	color: #396f59;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;
}
/*SubKop*/
h2 {
	color: #396f59;
	font-size: 1.25em;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;
}
/*Kopje*/
h3 {
	color: #396f59;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;
}
.section h3 {
	color: #396f59;
	font-size: 1.1em;
	font-weight: bold;
	font-style: normal;
	margin-top: 0em;
	margin-bottom: 0em;
}

/*Paragraaf*/
p
{
	margin: 3px 0px 3px 0px;
}

/* Algemene Cuyahoga classes */
.moduletools {
	margin-top: 0px;
	float: right;
}
.error {
	color: #c00;
}
.pager {
	font-size: 120%;
}
.pager a {
	margin-left: 5px;
	margin-right: 5px;
}
.tbl {
	border: 1px solid #eee;
}
.tblvalue {
	font-weight: bold;
}

.articlecomments
{
	list-style-type: none;
}

.articlelist {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #333;
}
.articlelist li {
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-bottom: 10px;
	color: #333;
	list-style: none;
}
.articlelist h4 {
	margin-top: 0.2em;
	margin-bottom: 0em;
	list-style-type: none;
}
.articlesub {
	padding-top: 5px;
	padding-bottom: 2px;
	background-color: #f9f9f9;
	list-style-type: none;
}

.articlesub span {
	margin-right: 6px;
}
.articlecontent {
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-bottom: 10px;
	color: #333;
}
.section .articlecomments {
	margin: 0px;
	padding: 0;
	list-style-type: none;
}
.articlecomments li {
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-bottom: 10px;
	padding: 0;
	border-bottom: solid 1px #eee;
}
.articleerror {
	color: #c00;
}

.registerFormBoxLabel {
	display: block;
	width: 100px;
	float: left;
}
.registerFormTextBox {
	margin-left: 5px;
}

/*3 Column layout*/

#left {
	float: left;
	width: 200px;
	background-repeat: repeat-y;
}
#right {
	float: right;
	width: 200px;
	background-repeat: repeat-y;
	background-position: right;
}

#main1 {
	background-image: url(../images/shadow-left.jpg);
	background-repeat: repeat-y;
	background-color: #fff;
	padding-left: 20px;
}
#main2 {
	background-image: url(../images/shadow-right.jpg);
	background-repeat: repeat-y;
	background-position: right;
	padding-right: 20px;
}
.column-in-left,
.column-in-right {
	background-color: #fff;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}

#left h3,
#right h3 {
	font-size:0.85em;
	display: block;
	height: 20px;
}

#left h4,
#right h4 {
	background-color: #fff;
	padding: 2px;
	font-size:0.8em;
	margin: 0;
}

.section h4
{
	font-size: 1em;
}


#middle .section h4 a
{
	color: #277B59;
}

#middle .section h4
{
	margin: 15px 0px 5px 0px;
}

.column-in-center {
	margin: 0px;
}
.cleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
}

#middle
{
	border: 1px solid #2A5341;
}

#middle .section
{
	background-color: #fff;
	background-image: url(../images/widgetheader.jpg);
	background-position: top;
	background-repeat: repeat-x;
	padding: 5px;
	margin-bottom: 8px;
}

#right .section,
#left .section
{
	background-color: #fff;
	border: 1px solid;
	margin-bottom: 5px;
	background-image: url(../images/widgetheader.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

/*Slideshow*/
#slideshowcontainer
{
	margin: 15px auto 15px auto;
	height: 410px;
	width: 645px;
	padding: 10px;
	background-color: #e0f1ea;
	border:solid 1px #37735a;
}

.slideshowLinks
{
	display: none;
}

.pagelinks a
{
	font-weight: bold;
	color: #2a5342;
}
.slideCaption
{
	background-color: #2a5342;
	text-align: center;
	font-weight: bold;
	color: #e0f1ea;
}
.pagelinks a.activeSlide
{
	color: #f90;
}
/* this is for IE so the prev/next links can be hovered*/
.nextSlide,.prevSlide
{
	background-image: url(../images/spacer.gif);
}
.nextSlide:hover
{
	background-image: url(../images/nextslide.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.prevSlide:hover
{
	background-image: url(../images/prevslide.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.inputsTooltip
{
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 4px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}
#tooltipURL
{
	display: none;
}

/*Slideshowthumbs*/
.slideshowthumbnailcontainer
{
	width: 185px;
	background-color: #fff;
	position: relative;
	margin: 0 auto 0 auto;
}

.slideshowLoader,
.slideshowHolder
{
	top: 0px;
	height: 120px;
}

#slideshowthumbnails
{
	margin: 3px auto 3px auto;
	width: 182px;
	background-color: #e0f1ea;
	height: 105px;
}

#slideshowthumbnails .slideshowLinks
{
	display: none;
}

#slideshowthumbnails .slideCaption
{
	display: none;
}
/* this is for IE so the prev/next links can be hovered*/
#slideshowthumbnails .nextSlide, #slideshowthumbnails .prevSlide
{
	display: none;
}
#slideshowthumbnails .inputsTooltip
{
	display: none;
}
#slideshowthumbnails #tooltipURL
{
	display: none;
}

/*Evenementenkalender*/
.eventdetails
{
	background-color: #87bea7;
	border: 1px solid;
	position: absolute;
	left: -200px;
	top: 0px;
	width: 180px;
	display: none;
}

.calendarevent
{
	position: relative;
}

.eventcalendar ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/*Sponsoroverzicht*/

.sponsoroverzicht
{
	margin: 0 auto 0 25px;
	padding: 0;
}

.sponsoroverzicht li {
	list-style-type: none;
	margin: 2px;
	border: solid 1px rgb(155, 185, 172);
}
.sponsoroverzicht li.small {
	float: left;
	width: 155px;
	height: 150px;
}

.sponsoroverzicht li.mid {
	float: left;
	width: 316px;
	height: 150px;
}

.sponsoroverzicht li.long {
	float: left;
	width: 638px;
	height: 150px;
}

.sponsoroverzicht div
{

}


img {
	border: none;
}

.clear
{
	clear: both;
}

.links1 .section h3,
.links2 .section h3,
.links3 .section h3,
.links4 .section h3,
.rechts1 .section h3,
.rechts2 .section h3,
.rechts3 .section h3,
.rechts4 .section h3
{
	background-position: 0px 2px;
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top:3px;
}

.links1 .section h3
{
	background-image: url(../images/fotos.jpg);
}

.links2 .section h3
{
	background-image: url(../images/nieuws.jpg);
}

.links3 .section h3
{
	background-image: url(../images/siteupdate.jpg);
}

.links4 .section h3
{
	background-image: url(../images/column.jpg);
}

.rechts1 .section h3
{
	background-image: url(../images/sponsors.jpg);
}

.rechts2 .section h3
{
	background-image: url(../images/voetbalnieuws.jpg);
}

.rechts3 .section h3
{
	background-image: url(../images/sponsors1.jpg);
}

.rechts4 .section h3
{
	background-image: url(../images/agenda.jpg);
}

.section h3
{
	margin: 0;
	color: #2A5341;
}

#middle h3
{
	margin-bottom: 10px;
}


/*Spelersoverzicht*/
.spelersoverzicht li {
	list-style-type: none;
	margin: 2px;
	border: solid 1px rgb(155, 185, 172);
}
.spelersoverzicht li.small {
	float: left;
	width: 200px;
	height: 150px;
}

.spelersoverzicht div
{

}

.links5 .genericitem div
{
	padding: 3px;
	font-size: 0.8em;
	font-weight: bold;
}

.links4 .genericitem div
{
	padding: 3px;
	font-size: 0.8em;
	font-weight: bold;
}