html {
	overflow-x: hidden;
	overflow-y: auto;
} 

* {
  	margin: 0;
  	padding: 0;
	font-family: Trebuchet MS, Verdana, Arial;
}
body {
	background: #1a5c52 url(img3/bodyBackground.jpg) repeat-x;
	font-size: 75%;
}
#container {
  	width: 735px;
  	margin: 0 auto;
  	position: relative;
	line-height: 1.8em;
}

/* 	Header samen met het artwork aan de linkerkant .................................................................................................. */
.home_home { 
	background-image: url(img3/headerHome.jpg); 
	height: 144px; 
}

#artLinks {
  	background-image: url(img3/artLeft.jpg) ;
  	height: 302px;
  	width: 135px;
  	position: absolute;
  	left: -135px;
  	top: 0;
}

 /*	hoofdmenu samen met alle opties m.b.t. de hovers inclusief de positionering van de hovers.
	...................................................................................................................... */
#hoofdmenu {
	width: 735px;
	height: 42px;
	background-image: url(img3/menuBackground.jpg);
	list-style: none;  
	padding: 0; 
	margin:0;
}
#hoofdmenu ul {
	list-style: none;
}
#hoofdmenu ul li {
	float: left;
	font-weight: bold;
}
#hoofdmenu ul li a {
	display: block;
	height: 42px;
}

#hoofdmenu ul li.home a{ width: 90px; text-indent: 50px; padding-top: 12px;}
#hoofdmenu ul li.bio a{ width: 90px; text-indent: 100px; padding-top: 12px; }
#hoofdmenu ul li.fcb a{ width: 90px; text-indent: 100px; padding-top: 12px;}
#hoofdmenu ul li.wedstrijden a{ width: 90px; text-indent: 100px; padding-top: 12px;}
#hoofdmenu ul li.column a{ width: 70px; text-indent: 100px; padding-top: 12px;}

#hoofdmenu ul li.home a:hover{ background-position: -58px; }
#hoofdmenu ul li.bio a:hover{ background-position: -38px; }
#hoofdmenu ul li.fcb a:hover{ background-position: -115px; }
#hoofdmenu ul li.wedstrijden a:hover{ background-position: -94px; }
#hoofdmenu ul li.column a:hover{ background-position: -66px; }

#contentContainer {
	width: 735px;
	background-image: url(img3/containerbg.jpg);
	margin: 0;
	padding: 0;
	overflow: hidden;
}

 /*	Tracker sectie
	...................................................................................................................... */
#trackerbalk {
	width: 723px;
	height: 37px;
	background-image: url(img3/breadcrumbsBackground.jpg);
	padding: 10px 0 0 12px;
}
/* tracker met de opmaak van de span (seperator) en de opmaak van de bijbehorende links incl. hover */
ul#tracker {
	width: 723px;
	list-style: none;
	float: left;
}
ul#tracker li {
	float: left;
	margin-left: 5px;
	color: #ffffff;
	font-size: 1em;
}
a.bcLink {
	color: #ffffff;
	text-decoration: none;
}
a.bcLink:hover {
	color: #ffffff;
	text-decoration: underline;
}
 /*	Content sectie met alle bijbehorende divs (HOME)
	...................................................................................................................... */
#content.cHome{
	padding: 10px 0 0 0;
	width: 465px;
	float: left;
}
div.bericht h2.title {
	display: block;
	background-image: url(img3/headingBackground.gif);
}
div.bericht h2 {
	height: 16px;
	width: 420px;
	margin: 0 0 15px -20px;
	padding: 1px 0 0 20px;
}
div.bericht h2 a {
	color: #eb7400;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}
div.bericht h2 a:hover {
	text-decoration: underline;
}
div.links {
	margin-bottom: 10px;
}
div.contentBox {
	width: 440px;
	float: left;
}
div.innerBox {
	padding: 15px 15px 15px 20px;
	overflow: hidden;
}
 /*	Opmaak van alle Headings (hx) en de links (a)
	...................................................................................................................... */
h1 {
	color: #eb7400;
	font-size: 1.2em;
	font-weight: bold;
}
div.contentBox h3.heading {
	background-image: url(img3/headingBackground.gif);
}
div.contentBox h3 {
	color: #cc0033;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	height: 16px;
	width: 420px;
	padding: 1px 0 0 20px;
}
p {
	font-size: 1em;
	color: #333333;
}
/*	Zijkant 
	...................................................................................................................... */
#zijkant {
	padding: 0;
	margin: 15px 0 0 0;
	width: 242px;
	float: left;
}
	#subKoken {
		padding: 0;
		margin: 0;
		width: 242px;
	}
	
	div.headerKoken {
		width: 242px;
		height: 32px;
		margin-bottom: 6px;
		text-indent: 10px;
		background-image: url(img3/subheaderKoken.jpg);
  	padding: 10px 0 0 0; 
  	margin:0;		
  	font-weight: bold;
  	color: #fff;		
		}
	#subPoll {
		padding: 0;
		margin: 0;
		width: 242px;
	}
	div.headerPoll {
		width: 242px;
		height: 32px;
		margin: 6px 0 6px 0;
		text-indent: 10px;
		background-image: url(img3/subheaderPoll.jpg);
  	padding: 10px 0 0 0; 
  	margin:0;		
  	font-weight: bold;
  	color: #fff;		
	}
	#subPartners {
		padding: 0;
		margin: 0;
		width: 242px;
	}	
	div.headerPartners {
		width: 242px;
		height: 32px;
		margin: 6px 0 6px 0;
		text-indent: 10px;
		background-image: url(img3/subheaderPartners.jpg);
  	padding: 10px 0 0 0; 
  	margin:0;		
  	font-weight: bold;
  	color: #fff;
	}
  	
/*	Footer
	...................................................................................................................... */
#footer {
	width: 715px;
	height: 41px;
	background-image: url(img3/footerBackground.jpg);
	background-repeat: no-repeat;
	padding: 10px;
}
	p.footerText {
		font-size: 0.9em;
		color: #ffffff;
		}
h2.title {
	display: block;
	background-image: url(img3/headingBackground.gif);
}
h2 {
	color: #cc0033;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	height: 16px;
	width: 420px;
	margin: 0 0 15px -20px;
	padding: 1px 0 0 20px;
}

/* Laatste Headlines
 ...................................................................................................................... */
div.headlines {
  	background-image: url(img3/subheaderHeadlines.jpg);
  	width: 409px;
 	  height: 32px;
 	  text-indent: 10px;
  	padding: 10px 0 0 0; 
  	margin:0;		
  	font-weight: bold;
  	color: #fff; 	  
}

#contentContainer h3.heading {
	background-image: url(img3/headingBackground.gif);
}
#contentContainer h3 {
	color: #cc0033;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	height: 16px;
	width: 420px;
	padding: 1px 0 0 20px;
}

/* LINKS STYLING */
div.links a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
div.links a:hover {
	color: #eb7400;
	text-decoration: underline;
}
span.submitted {
	color: #CCCCCC;
	font-size: 0.9em;
}

a.skip_intro {
	color: #ffffff;
	text-decoration: none;
}


a.eten {
	color: #333333;
	text-decoration: underline;
}
a.eten:hover {
	color: #eb7400;
	text-decoration: underline;
}

a {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #eb7400;
	text-decoration: underline;
}
/* UITSLAGEN STYLING */
select.uDag {
	border: 1px solid #cccccc;
	width: 50px;
	margin: 5px;
}
select.uMaand {
	width: 100px;
	margin: 5px;
	border: 1px solid #cccccc;
}
select.uJaar {
	width: 60px;
	margin: 5px;
	border: 1px solid #cccccc;
}
select.uScore { 
	width: 50px;
	margin: 5px;
	border: 1px solid #cccccc;
}
input.uMatch { 
	width: 230px;
	margin: 5px;
	height: 17px;
	padding: 3px;
	border: 1px solid #cccccc;
}
a.feed-icon {
  display: none;
}
div.content img {
	margin-right: 15px;
}
header_links { 
	margin: 0px; 
	padding: 0px; 
}
header_links { 
	margin: 0px; 
	padding: 0px; 
}
div.content a {
	color: #cc0033;
	text-decoration: none;
	font-weight: bold;
}
div.content a:hover {
	color: #333333;
	text-decoration: underline;
}