/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 10px Verdana, Arial, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}
input, select, textarea {
	font-size: 100%;
}


html, body {
	background-color: #323232;
	margin: 0px;
	padding: 0px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

body {
	background-image: url(img/css/backgroundgradient.jpg);
	background-repeat: repeat-x;
	width: 1258px;
	height: 2000px;
}
p, div {
	padding: 0px;
	margin: 0px;
	border-color: #fc6805;
	border-style: solid;
	border-width: 0px;
}

a {
	font-weight: bold;
	text-decoration: none;	
	color: white;
}

img{
	border-width: 0px;
}
a.goud {
	float: left;
	text-align: center;
	background-image: url(img/css/goudemedaille.jpg);
	background-repeat: repeat-x;
	width: 1008px;
	height: 29px;
	margin-left: 2px;
}
div.backgroundcontainer {
	height: 2000px;
	width: 1258px;
}
div.adsensecontainer{
	float: left;
	height: 2000px;
	width: 120px;
	padding: 0px 5px;
}
	div.adsense{
		height: 600px;
		width: 120px;
		padding-top: 8px;
	}
a.ballen{
	float: left;
	height: 2000px;
	width: 108px;
	border-width: 0px;
	background-image: url(img/css/ballen.jpg);
	background-repeat: no-repeat;
}	
	
div.container{
	float: left;
	width: 1016px; /* -37px */
	height: 2000px;
	padding-left: 3px;
	margin-bottom: 100px;
	background-image: url(img/css/containerbackground.jpg);
	background-repeat: no-repeat;
}

div.header {
	background-image: url(img/css/header.jpg);
	height: 58px;
	width: 1013px;	
	margin-bottom: 10px;
}
a.milieunetlink {
	float: left;
	height: 100%;
	width: 100%;
}
div.fotobalkcontainer{
	border-width: 3px;
	width: 992px;
	height: 153px;
	margin-left: 3px;
	margin-top: 1px;
	color: white;
	float: left;
	margin-bottom: 5px;
	background-image: url(img/css/fotobalkgradient.jpg);
	background-repeat: repeat-x;
}

div.energiebalkcontainer{
	border-width: 3px;
	border-color: #fae81e;
	width: 992px;
	height: 190px;
	margin-left: 3px;
	margin-top: 1px;
	color: #fae81e;
	float: left;
	margin-bottom: 5px;
	background-image: url(img/css/fotobalkgradient.jpg);
	background-repeat: repeat-x;
}
div.duurzaamheidbalkcontainer{
	border-width: 3px;
	border-color: #33cb0a;
	width: 992px;
	height: 110px;
	margin-left: 6px;
	margin-top: 1px;
	color: #33cb0a;
	float: left;
	margin-bottom: 5px;
	background-image: url(img/css/fotobalkgradient.jpg);
	background-repeat: repeat-x;
}

div.belgenbalkcontainer{
	border-width: 3px;
	border-color: red;
	width: 992px;
	height: 90px;
	margin-left: 3px;
	margin-top: 1px;
	color: red;
	float: left;
	margin-bottom: 5px;
	background-image: url(img/css/fotobalkgradient.jpg);
	background-repeat: repeat-x;
}
div.linkcontainer{
	width: 1007px;
	padding: 5px 0px 5px 5px;
	float: left;
}
	div.link{
		float: left;
		width: 123px;  /* 98px voor 10 links op een rij */
		margin: 0px 1px 3px 1px;
		border-width: 0px;
		background-image: url(img/css/linkknop.jpg);
		background-repeat: no-repeat;
		text-align: center;
	}
	div.whitelink {
		float: left;
		width: 123px;  /* 98px voor 10 links op een rij */
		margin: 0px 1px 3px 1px;
		border-width: 0px;
		background-image: url(img/css/linkknopwhite.jpg);
		background-repeat: no-repeat;		
		text-align: center;
	}	
	div.energielink{
		float: left;
		width: 122px;
		height: 20px;
		color: black;
		margin: 0px 0px 1px 1px;
		padding-top: 2px;
		border-width: 0px;
		background-image: url(img/css/energielinkknop.jpg);
		background-repeat: no-repeat;
		text-align: center;
	}	
	a.energielink {
		color: #fae81e;
	}
	div.duurzaamheidlink{
		float: left;
		width: 123px;
		height: 20px;
		color: black;
		margin: 0px 0px 1px 1px;
		border-width: 0px;
		background-image: url(img/css/energielinkknop.jpg);
		background-repeat: no-repeat;
		text-align: center;
	}	
	div.belgenlink{
		float: left;
		width: 122px;
		height: 20px;
		color: black;
		margin: 0px 0px 1px 1px;
		border-width: 0px;
		background-image: url(img/css/energielinkknop.jpg);
		background-repeat: no-repeat;
		text-align: center;
	}	
	a.duurzaamheidlink {
		color: #33cb0a;
	}	
	a.belgenlink {
		color: red;
	}		
	div.linkadmin{
		float: left;
		clear: both;
		width: 200px;
	}	
	
div.cartoon {
	padding: 7px 6px;
	background-image: url(img/css/cartooncontainer.jpg);
	background-repeat: no-repeat;
	width: 228px;
	height: 156px;
	margin-bottom: 15px;
}

a.cartoon {
	float: left;
}

img.cartoon {
	width: 228px;
	height: 156px;
}

div.cartoonbottom {
	float: left;
	width: 230px;
	height: 160px;
	padding: 5px;
	background-image: url(img/css/cartooncontainer.jpg);
}

div.cartooncontainerleft {
	float: left;
	padding: 0px 7px;
}
div.cartooncontainerright {
	float: left;
	padding: 0px 7px;
}
div.cartooncontainerbottom {
	width: 1000px;
	clear: both;
	float: left;
	padding: 14px 7px 0px 7px;
}

div.contentcontainer{
	float: left;
	 background-color: black;
	 border-width: 2px;
 	height: 900px; /* 625 */
	width: 500px;
}

div.groupbar {
	height: 21px;
	border-color: black;
	border-width: 1px;
	margin-top: 3px;
	background-image: url(img/css/groupbar.jpg);
}

div.counterbar {
	height: 19px;
	border-color: black;
	border-width: 1px;
	background-image: url(img/css/groupbar.jpg);
}
p.statcounter {
	float: left;
	text-align: center;
	color: white;
	font-size: 10px;
	padding-top: 2px;
	padding-left: 23px;
	width: 454px;
}
a.rss {
	width: 14px; /* 20x20 */
	height: 14px;
	margin: 3px;
	float: right;
	background-image: url(img/css/rss.gif);
}
a.group {
	float: left;
	width: 65px;
	height: 19px;
	color: #fc6805;
	padding-left: 5px;
	margin-top: 2px;
}

a.group:hover  {
	width: 65px;
	height: 19px;
	color: white;
	font-weight: bold;
}

p.groupcurrent {
	float: left;
	width: 65px;
	color: #fc6805;
	padding-left: 5px;
	padding-top: 1px;
	margin-top: 1px;
	height: 18px;
	cursor: arrow;
	background-image: url(img/css/groupbarcurrent.jpg);
}

div.titelbar {
	height: 15px;
	margin-bottom: 10px;
	background-image: url(img/css/titelbar.jpg);
}
p.titel {
	float: left;
	color: #969696;
	padding-left: 10px;
	margin-top: 1px;
}
div.left {
clear: both;
float: left;
width: 300px;
padding-left: 10px;
}

div.right {
float: right;
width: 180px;
border-width: 0px;
padding-right: 10px;
}

div.wedstrijddag{
	float: left;
	width: 300px;
	clear: both;
	height: 37px;
	margin-bottom: 10px;
}
div.dag{
	float: left;
	background-image: url(img/css/dag.jpg);
	width: 55px;
	height: 37px;
	border-width: 1px 0px 1px 1px;
}
p.dag {
	text-align: center;
	color: gray;
}
p.datum{
	margin-top: 3px;
	font-weight: bold;
	color: white;
	text-align: center;
}

p.wedstrijddivider {
	height: 37px;
	width: 1px;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	border-width: 1px 0px;
	float: left;
	background-image: url(img/css/wedstrijddivider.jpg);
}
div.wedstrijd {
	float: left;
	height: 37px;
	width: 56px;
	cursor: default;
	border-width: 1px 0px;
	color: #fc6805;
	background-image: url(img/css/wedstrijd.jpg);
}

div.wedstrijd:hover  {
	float: left;
	height: 37px;
	width: 56px;
	color: white;
	background-image: none;
}
p.wedstrijd {
	margin-top: 1px;
	text-align: center;
	font-weight: bold;
}
p.wedstrijd:hover, p.stand:hover {
	color: white;
}
p.stand{
	text-align: center;
	font-weight: bold;
	color: white;
}
div.infobox{
float: left;
	width: 174px;
	margin-bottom: 10px;
}

a.meernieuws{
	float: right;
	color: white;
	margin: 3px 3px 0px 0px;
}
div.infoboxleftborder{
clear: both;
	background-image: url(img/css/infoboxborder.jpg);
	width: 1px;
	float: left;
	height: 117px;
}
div.infoboxrightborder{
	background-image: url(img/css/infoboxborder.jpg);
	width: 1px;
	float: left;
	height: 117px;
}
p.infoboxtitle{
	background-image: url(img/css/infoboxtitle.jpg);
	color: #fc6805;
	text-align: center;
	height: 18px;
}
div.infoboxcontent{
	background-image: url(img/css/infoboxcontent.jpg);
	background-repeat: repeat-x;
	color: white;
	height: 100px;
	padding: 5px 0px 0px 10px;
}
p.infoboxcontentfullwidth{
	width: 100%;
}
p.infoboxcontentleft, a.infoboxcontentleft{
	float: left;
	width: 140px;
}
p.infoboxcontentright{
	float: left;
}

#infoboxcontentwedstrijdinformatieleft{
	width: 90px;
}
#infoboxcontentgroepstandleft{
	width: 95px;
}
#infoboxcontentgroepstandwedstrijden{
	width: 20px;
}
#infoboxcontentgroepstandpunten{
	width: 20px;
}
#infoboxcontentgroepstanddoelsaldo{
	text-align: center;
	width: 25px;
}

#standaardinfo {
	display: block;
}