/* Table of Contents:



	Typography

	Global

	Header Layout

	Middle Layout

	Footer Layout

	

*/





/* Typography

--------------------------------------------------------------------------------------- */



body {

	font-family: Arial, sans-serif;
	background: white url('../images/bg.png') repeat-x;

}



h1 {
	font-family: Arial, sans-serif;
	font-size: 20px;

}



h2 {
	font-family: Arial, sans-serif;
	margin: 2em 0 0 0;

	font-size: 14px;

	font-weight: bold;

}



h3 {
	font-family: Arial, sans-serif;
	margin: 2em 0 0 0;

	font-size: 12px;

	font-weight: bold;

}



p {
	font-family: Arial, sans-serif;
	margin: 1em 0 0 0;

	/*font-size: 80%;*/

	font-size: 12px;

	line-height: 14px;

}



h2 a {
	font-family: Arial, sans-serif;
	text-decoration: none;

}



h2 a:hover {
	font-family: Arial, sans-serif;
	color: #567e0e;

}

strong {
	font-family: Arial, sans-serif;
	font-weight: bold;

}





/* Global

--------------------------------------------------------------------------------------- */

.nieuwsitem {
	font-family: Arial, sans-serif;
	text-decoration:none;	
	color:#000000;
}


.left{
	font-family: Arial, sans-serif;
	float:left;

}



.right{
	font-family: Arial, sans-serif;
	float:right;

}



.clear{

	float:none;

	clear:both;

}



#wrapper {
	font-family: Arial, sans-serif;
	width: 740px;

	margin: 0 auto;

}



/* Cross Browser

--------------------------------------------------------------------------------------- */







/* Header Layout

--------------------------------------------------------------------------------------- */



#header {
	font-family: Arial, sans-serif;
	height: 180px;

	margin: 0 20px;

}



#header a:link, #header a:visited {
font-family: Arial, sans-serif;
	color: white;

}



#header a:hover, #header a:active {
font-family: Arial, sans-serif;
	color: black;

}



#header ul li {
	font-family: Arial, sans-serif;
	float: left;

	font-size: 75%;

	font-weight: bold;

	color: white;

	margin: 0 10px 0 0;

	padding: 10px 10px 7px 10px;

}



#header ul li a {
	font-family: Arial, sans-serif;
	text-decoration: none;

}



#logo {

	height: 151px;

}



#topnav {
font-family: Arial, sans-serif;
	height: 29px;

}



#home .home, #waarom .waarom, #hoe .hoe, #producten .producten, #nieuws .nieuws, #contact .contact {
font-family: Arial, sans-serif;
	background: url('../images/active_tab.png') top left repeat-x;

	color: black;

}



#home .home a:link, 

#waarom .waarom a:link, 

#hoe .hoe a:link, 

#producten .producten a:link, 

#nieuws .nieuws a:link, 


#home .home a:hover, 

#waarom .waarom a:hover, 

#hoe .hoe a:hover, 

#producten .producten a:hover, 

#nieuws .nieuws a:hover, 

#contact .contact a:hover {
	font-family: Arial, sans-serif;
	color: black;

}

#home .home a:active, 

#waarom .waarom a:active, 

#hoe .hoe a:active, 

#producten .producten a:active, 

#nieuws .nieuws a:active, 

#contact .contact a:active {
	font-family: Arial, sans-serif;
	color: black;

}

#home .home a:visited, 

#waarom .waarom a:visited, 

#hoe .hoe a:visited, 

#producten .producten a:visited, 

#nieuws .nieuws a:visited, 

#contact .contact a:visited {

	color: black;

}



#elektra .elektra,

#isolatie .isolatie,

#verwarming .verwarming,

#warmte .warmte,

#water .water,

#zonne .zonne {
	font-family: Arial, sans-serif;
	color: black;

}



/* Middle Layout

--------------------------------------------------------------------------------------- */



#middle {
	font-family: Arial, sans-serif;
	background: white url('../images/center_bg.png') repeat-x;

	width: 740px;

}



#middle img {

	border: 1px solid #567e0e;

	padding: 5px;

}



.subnav {
	font-family: Arial, sans-serif;
	width: 720px;

	height: 30px;

	margin: 20px 10px 10px 10px;

	background-color: #eee;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

}



.subnav a {
	font-family: Arial, sans-serif;
	float: left;

	text-decoration: none;

	font-weight: bold;

	font-size: 80%;

	display: block;

	margin: 10px 0 10px 20px;

	color: #567e0e;

}



.subnav a:hover {
	font-family: Arial, sans-serif;
	color: #000;

}



#topcol {
	font-family: Arial, sans-serif;
	width: 740px;

	padding: 65px 20px 0 20px;

}



#colone {
	font-family: Arial, sans-serif;
	width: 330px;

	float: left;

	margin: 10px 0 50px 30px;

}



#coltwo {
	font-family: Arial, sans-serif;
	width: 330px;

	float: right;

	margin: 10px 20px 50px 10px;

}



#column {
	font-family: Arial, sans-serif;
	width: 700px;

	margin: 10px 0 50px 30px;

}



#column img {

	border: 0;

	padding: 0;

	margin: 0;

}



#column .product {
	font-family: Arial, sans-serif;
	margin-bottom: 50px;

}



#column .product p {
font-family: Arial, sans-serif;
	width: 330px;

}



#column .product img {
font-family: Arial, sans-serif;
	float: right;

	border: 1px solid #567e0e;

	padding: 5px;

	margin: 15px 20px 0 0;

}



#middle ul {
font-family: Arial, sans-serif;
	margin: 10px 20px;

	list-style: disc;

}



#middle li {
font-family: Arial, sans-serif;
	margin: 5px 0 0 0;

	font-size: 12px;

	line-height: 14px;

}



#middle a {
font-family: Arial, sans-serif;
	text-decoration: none;

}



#middle a:hover {

	/*background-color: #eeffdd;*/

}





/* Footer Layout

--------------------------------------------------------------------------------------- */



#footer {
font-family: Arial, sans-serif;
	border-top: 2px solid #567e0e;

	width: 720px;

	height: 50px;

	margin: 10px;

	color: #567e0e;

	font-size: 90%;

}



#footer p{
font-family: Arial, sans-serif;
	margin: 10px 20px;

}



#footer a:link, #footer a:visited {
font-family: Arial, sans-serif;
	color: #567e0e;

	text-decoration: none;

}



#footer a:hover, #footer a:active {
font-family: Arial, sans-serif;
	color: #000;

	text-decoration: none;

}





/* SWFObject

--------------------------------------------------------------------------------------- */



#flashcontent {

	width: 310px;

	border: 1px solid #567e0e;

	padding: 5px;

	margin: 0;

}



#flashhouse {

	width: 700px;

	padding: 0;

	margin: 0;

}