/* CSS Document */

* {

	margin: 0;
	padding: 0;
	
}

html {
	height: 100%;
}

body {
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#52527c;
	margin: 0;
	padding: 0;
	height: 100%;
	
}

img {

	border: none;
	
}

div.clear {

	clear: both;
	
}

div#container {

	width: 800px;
	margin: auto;
	height: 100%;
	margin:auto;
	background-color:#FFFFFF;
}

#wrapper {
	background: url('../afbeeldingen/schaduw.gif') center repeat-y;
	margin:auto;
	width:820px;
}


div#container div#header {
	height: 137px;
	background: url('../afbeeldingen/header-bg.gif') bottom repeat-x;
	
}

div#header div#logo {

	position: realative;
	width: 156px;
	height: 137px;
	margin-left: 20px;
	background: url('../afbeeldingen/logo.gif') bottom no-repeat;

	
}

#promo{
	height:142px;
}

#promo ol,ul {
	list-style:none;
}


ul#topmenu { 
      margin: 0; 
      padding: 0; 
      list-style: none; 
	  width: 100%;
      height: 34px;
	  background: url('../afbeeldingen/menu-bg.gif') repeat-x top left; 
} 

ul#topmenu li { 
      float: left; 
      height: 34px; 
} 
 
 
ul#topmenu li a { 
      display: block; /* We maken er een block element van */ 
      text-indent: -9999px; /* Zorg ervoor dat de text verdwijnt. */ 
      overflow: hidden; /* IE 5 */ 
      height: 34px; /* Hoogte van de li's (en de plaatjes natuurlijk) */ 
} 

 
ul#topmenu li a.welkom { 
      width: 64px; 
      background: url('../afbeeldingen/welkom.gif') no-repeat top left; 
} 
ul#topmenu li a.welkom:hover { /* Bij mouseover */ 
      background: url('../afbeeldingen/hover/welkom.gif') no-repeat top left; 
} 
ul#topmenu li a.vervangen_cv_ketel { 
      width: 133px; 
      background: url('../afbeeldingen/vervangen_cv_ketel.gif') no-repeat top left; 
} 
ul#topmenu li a.vervangen_cv_ketel:hover { /* Bij mouseover */ 
      background: url('../afbeeldingen/hover/vervangen_cv_ketel.gif') no-repeat top left; 
} 
ul#topmenu li a.service_en_onderhoud { 
      width: 143px; 
      background: url('../afbeeldingen/service_en_onderhoud.gif') no-repeat top left; 
} 
ul#topmenu li a.service_en_onderhoud:hover { /* Bij mouseover */ 
      background: url('../afbeeldingen/hover/service_en_onderhoud.gif') no-repeat top left; 
} 
ul#topmenu li a.onderhoudscontracten { 
      width: 151px; 
      background: url('../afbeeldingen/onderhoudscontracten.gif') no-repeat top left; 
} 
ul#topmenu li a.onderhoudscontracten:hover { /* Bij mouseover */ 
      background: url('../afbeeldingen/hover/onderhoudscontracten.gif') no-repeat top left; 
} 
ul#topmenu li a.contact { 
      width: 66px; 
      background: url('../afbeeldingen/contact.gif') no-repeat top left; 
} 
ul#topmenu li a.contact:hover { /* Bij mouseover */ 
      background: url('../afbeeldingen/hover/contact.gif') no-repeat top left; 
} 

div#container div#content{
	/*height: 60%;*/
	min-height:520px;
	margin:auto;
	background: url('../afbeeldingen/content-bg.gif') repeat-x  bottom;
}

div#container div#left {

	float: left;
	min-height:520px;
	width: 790px;
	height: 100%;
	margin:auto;
	background: url('../afbeeldingen/vlam.gif') no-repeat right bottom;
	
}

div#container div#left #small{
	font-size:6px;
}

div#left h1 {
	padding: 10px 22px;
	color: #000000;
	font-style:italic;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
}

div#left h3 {
	padding: 5px 22px;
	color: #000000;
	font-style:italic;
	font-size: 15px;
}


div#left p, table {

	padding: 10px 22px;
	color: #333333;
	font-size: 13px;
	width: 610px;
	
}

div#left p a {

	color: #52527c;
	
}

/*div#container div#right {

	float: left;
	width: 200px;
	background: url('../afbeeldingen/vlam.gif') no-repeat  bottom;
	
}*/

div#container div#footer {

	height: 34px;
	background: #CCC;
	background: url('../afbeeldingen/footer-bg.gif') bottom repeat-x;
	width:800px;
	
}

div#footer p {

	color: #b3b3c0;
	font-size: 12px;
	padding-top:9px;
	text-align: left;
	padding-left:20px;
	
}

div#footer p a {

	color: #b3b3c0;
	text-decoration: none;
	
}

div#footer p a:hover {

	color: #b3b3c0;
	text-decoration: underline;
	
}