/* spelendrijkworden */

*{
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%; /* Required */
}

body {
	color: #333;
	font-family:Arial, Helvetica, sans-serif;		
	text-align: center;
	background: url('../images/background.jpg') #f6f9e8 repeat-x;
}

/* DIV */

#container {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	position: relative;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
}

#top {
	height: 100px;
	background:url('../images/logo.jpg') no-repeat;
	width: 462px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
#ad {
	height: 100px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
	
#header {
	height: 232px;
	width: 762px;
	background:url('../images/header.jpg');
	float: left;
	}
	
#navigatie {
	height: 217px;
	width: 198px;
	float: left;
	padding-top: 5px;
	}
	
		#navigatie ul	{
		list-style: none;
		font-family:Arial, Helvetica, sans-serif		
		}
	
		#navigatie li {
		float: left;
		margin: 5px 0em;
		}
		
		#navigatie li a:link, li a:visited
		{
		background: #d1df8e;
		height: 0.9em;
		line-height: 0.9em;
		float: left;
		color: #FFFFFF;
		text-decoration: none;
		text-align: left;
		font-size: 1.2em;
		padding: 5px 8px 5px 8px;
		display: block;
		}
		
		#navigatie li a:hover, li a:active
		{
		background: #f6f9e8;
		height: 0.9em;
		line-height: 0.9em;
		float: left;
		color: #000000;
		text-decoration: none;
		text-align: left;
		font-size: 1.2em;
		padding: 5px 8px 5px 8px;
		display: block;
		}
		
#redenen {
	height: 120px;
	background:url('../images/redenen.jpg');
	width: 352px;
	float: left;
	padding: 55px 10px 0 18px;
	}
	
	#redenen p {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #999999;
	}


#webshop {
	height: 120px;
	background:url('../images/webshop.jpg');
	width: 348px;
	float: left;
	padding: 55px 10px 0 24px;
	}
	
	#webshop p {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #999999;
	}
	
#content {
	width: 702px;
	background:url('../images/content-bg.jpg');
	clear: both;
	padding: 30px;
	}
	
#footer {
	background: #f6f9e8;
	padding: 6px;
	width: 750px;
	text-align: right;
	border-top: dotted 1px #CCC;
}
	
h1 {
	font-size: 1.3em;
	line-height: 1.5em;
	color: #d1df8e;
	margin-bottom: 5px;
	}
	
	
h2 {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #d1df8e;
	margin-bottom: 5px;
	}
	
p {
	font-size: 0.75em;
	line-height: 1.8em;
	color: #999999;
	margin-bottom: 15px; 
	}

table {
	font-size: 0.75em;
	line-height: 1.8em;
	color: #999999;
	margin-bottom: 15px; 
	}
	
a.:link, a.:visited {
	text-decoration: none;
	background-color: none;
	}
		
a.:hover, a.:active {
	text-decoration: underline;
	background-color: none;
	}
	
a.energieshop:link, a.energieshop:visited {
	text-decoration: none;
	color: #FFF;
	background-color: #d1df8e;
	display: block;
	}

a.energieshop:hover, a.energieshop:active {
	text-decoration: none;
	color: #000;
	background-color: #f6f9e8;
	}
	
a.linkpartners:link, a.linkpartners:visited {
	text-decoration: none;
	margin: 10px;
	font-size: 0.7em;
	color: #666;
	text-align: center;
	}

a.linkpartners:hover, a.linkpartners:active {
	text-decoration: underline;
	margin: 10px;
	font-size: 0.7em;
	color: #666;
	text-align: center;
	}