* {
  margin: 0;
  padding: 0;
  }

body {
  font-size:100%;
  font-family: Arial,'Lucida Grande',Verdana,sans-serif;
  text-align:left;
  background:#000 url(images/background.gif) repeat-x top left;
  margin-top: 18px;
}

table, tr, td, th  {
	text-align: left;	
}

ul {
	margin-left: 23px;
}

#container {
  width:1000px;
  background:#FFF;
  margin:0 auto 0 auto;
}

#body_space {
  padding:0 8px 0 8px;
}
  
#header {
  width:984px;
  background:#FFF;
  margin:0 auto 0 auto;
}

.cls {
clear:both;
}

.rood {
	color: red !important;	
}
.groen {
	color: green !important;
}
.oranje {
	color: orange !important;
}
.vet {
	font-weight: bold !important;
}

.toevoegen {
	/* algemene klasse voor het tonen van een 'toevoegen'-afbeelding */
	display:block;
	float: left;
	height: 25px;
	padding-left:40px;
	background: url('images/toevoegen.png') top left no-repeat;
}
.wijzigen {
	/* algemene klasse voor het tonen van een 'wijzigen'-afbeelding */
	display:block;
	float: left;
	width: 40px;
	background: url('images/wijzigen.png') top left no-repeat;
}
.verwijderen {
	/* algemene klasse voor het tonen van een 'verwijderen'-afbeelding */
	display:block;
	float: left;
	width: 25px;
	padding-bottom:25px;
	background: url('images/verwijderen.png') top left no-repeat;
	padding-right: 10px;
}

/* logo and small slogan */

#logo-block {
  height:126px;
  width:601px;
  float:left;
  text-align:left;
}
#logo-block div#naar-homepage {
	text-align: center;
}

#logo {
  padding-top:44px;
  line-height:40px;
  font:48px Arial, "Times New Roman", Times;
  padding-left:27px;
  color:#5A5A5A;
}

#slogan {
  font:14px Arial, "Times New Roman", Times;
  color:#5A5A5A;
  padding-left:97px;
}

.logoblue {
color:#518BBA;
}

/* end logo and small slogan */

/* top login and search */

#definels {
  width:383px;
  float:right;
}

#login_top {
  background:#000 url(images/login.gif) no-repeat top left;
  height:35px;
  text-align:left;
  padding-left:50px;
 }

 #login_top p {
  font:14px Arial, "Times New Roman", Times;
  color:#E9E9E9;
  padding-top:10px;
  float:left;
 }
 
#login_top input {
  margin:6px 0;
  padding-right:8px;
  float:left;
}

.topinputstyle{
  border:0px;
  background:#D1D1D1;
  width:77px;
  height:17px;
  color:blue;
  font-size:16px;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:5px;
}

.loginbutton{
  background:transparent url(images/loginbutton.gif) no-repeat top left;
  border:none;
  width:22px;
  height:22px;
  cursor:pointer;
  padding-left:10px;
  margin-top:2px;
}

#search {
  clear:left;
  width:359px;
  margin-left:10px;
  margin-top:30px;
}

#search input.box {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  width: 100px;
  padding: 5px 10px;
  color: blue;
  height: 17px;
  background: #FFF;
  border:1px solid #A6A6A6;
  margin-right: 2px;
  margin-top: 2px;
  float: left;
}

/* top login and search */

/* top navigation bar */

#top-nav-bg  {
  background:transparent url(images/topnavbar.gif) no-repeat top left;
  height:38px;
  width:984px;
}

	
#top-nav {
  height:38px;
  width:984px;
}
  
#top-nav ul {
  list-style:none;
  padding-left:20px;
}
  
#top-nav ul a {
  background-image: url(images/topnavdivider.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 18px;
  padding-left: 16px;
  display: block;
  line-height: 38px;
  text-decoration: none;
  font-family: Arial, "Times New Roman", Times, serif;
  font-size: 17px;
  color: #FFF;
}
	
#top-nav ul a:hover {
  color: #3366ff; /* warmteklacht-blauw */
  text-decoration: underline;
}
 
 #top-nav li {
    float:left;
}

#top-nav li span {
	background-image: url(images/topnavdivider.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 18px;
  padding-left: 16px;
  display: block;
  line-height: 38px;
  text-decoration: none;
  font-style: italic;
  font-family: Arial, "Times New Roman", Times, serif;
  font-size: 17px;
  color: #FFF;
}
	
/* end top navigation bar */


/* image of clouds with large header */

#clouds {
	background:url(images/clouds.jpg) no-repeat top left;
	width:984px;
	height:80px;
	text-shadow:1px 1px 1px #000;
	margin-top:9px;
}

#clouds-slogan1 {
  font:48px Georgia, Arial, "Times New Roman", Times;
  padding:25px 0px 0px 130px;
  color:#FFF;
  text-align:left;
  letter-spacing:-2px;
}
#clouds-slogan2 {
  font:48px Georgia, Arial, "Times New Roman", Times;
  padding:0px 0px 0px 367px;
  color:#FFF;
  text-align:left;
  letter-spacing:-2px;
}

/* end image of clouds with large header */

/* ------------------------------------------------------------------------------------------------- beheermenu -----------*/
div#beheermenu ul{
	display: block;
	padding: 5px 10px;
	float: left;
	text-align: left;
}
div#beheermenu li {
	width: 150px;
  list-style: none;
	
}
div#beheermenu li a {
	color: black;
}
div#beheermenu li a:hover {
	color: red;
}

div#toon_huidige_logo {
	display: block;
	padding: 20px;
	text-align: left;
}
div#toon_huidige_logo img{
	border-radius: 5px;
}

/* -------------------------------------------------------------------------------------------------  homepage-quickstart*/
span#homepage-quickstart a, span#homepage-quickstart {
	display: block;
	width: 550px;
	text-align: left;
	color: green;
	font-weight: normal;
	font-size: 25px !important;
	letter-spacing: -2px;
	margin-bottom: 15px;
}


/* ------------------------------------------------------------------------------------------------- formulieren algemeen ----------- */
.formfielderror {
	display: block;
	color: red;
	margin-left: 200px;
	font-size: 90%;
	padding-bottom: 10px;
}
input#opslaanknop {
	display: block;
	width: 200px !important;
	background-color: green;
	border-radius: 5px;
	margin-top: 10px;
	color: white;
}
input#opslaanknop:hover {
	font-weight: bold;
	cursor: pointer;	
}
/* ------------------------------------------------------------------------------------------------- div hoort-bij... */
div#hoort-bij-merk {
	display: block;
	float: left;
	height: 80px;
	width: auto;
	padding: 6px 0 0 0px;
	margin-right: 5px;
	font-size: 18px;
	color: #272727;
	font-weight: bold;
	background: transparent;
}
div#hoort-bij-klacht {
	display: block;
	float: left;
	height: 80px;
	width: auto;
	padding: 6px 0 0 0px;
	margin-right: 5px;
	font-size: 18px;
	color: #272727;
	font-weight: bold;
	background: transparent;
}
div#hoort-bij-ketel {
	display: block;
	float: left;
	height: 80px;
	width: auto;
	padding: 6px 0 0 0px;
	margin-right: 5px;
	font-size: 18px;
	color: #272727;
	font-weight: bold;
	background: transparent;
}
div#hoort-bij-storing {
	display: block;
	float: left;
	width: auto;
	height: 80px;
	width: 170px;
	padding: 6px 0 0 0px;
	margin-right: none;
	font-size: 18px;
	color: #272727;
	font-weight: bold;
	background: transparent;
}
div#hoort-bij-merk span, div#hoort-bij-ketel span, div#hoort-bij-storing span, div#hoort-bij-klacht span{
	color: gray;
	font-size: 25px;
	font-variant: small-caps;
	clear: right;
}

div#hoort-bij-merklogo {
	display: block;
	clear: right;
	width: auto;
	text-align: right;
	min-width: 100px;
	border: none;
	padding: 5px 10px;
	margin-right: 10px;
}
div#hoort-bij-merklogo img {
	max-height: 80px;
}


/* -------------------------------------------------------------------------------------------------- formulier: installateur aanmelden --*/
form#installateur-aanmelden {
 display: block; 
}
form#installateur-aanmelden label{
 display: block; 
 float: left;
 width: 190px;
 text-align: left;
 margin-right: 10px;
 font-size: 100%;
 padding: 5px 0;
}
form#installateur-aanmelden input {
  display: block;
  clear: right;
  font-size: 100%;
  padding: 0px 8px;
  font-size: 110%;
}
form#installateur-aanmelden select {
  display: block;
  clear: right;
  font-size: 100%;
  padding: 3px 8px;
  font-size: 110%;
}

/* -------------------------------------------------------------------------------------------------- formulier: installateur --*/
form#installateur {
 display: block; 
}
form#installateur label{
 display: block; 
 float: left;
 width: 190px;
 text-align: left;
 margin-right: 10px;
 font-size: 100%;
 padding: 5px 0;
}
form#installateur input {
  display: block;
  clear: right;
  font-size: 100%;
  padding: 0px 8px;
  font-size: 110%;
}
form#installateur select {
  display: block;
  clear: right;
  font-size: 100%;
  padding: 3px 8px;
  font-size: 110%;
}


/* ------------------------------------------------------------------------------------------------- formulier: selecteer-klacht ------- */
form#selecteer-klacht {
}
form#selecteer-klacht select{
	display: block;
	min-width: 150px;
	height: 26px;
	border: none;
	float: left;
	font-size: 16px;
	color: blue;
	background: #f1f1f1; /* lichtgrijs */
	border-radius: 5px;
}
form#selecteer-klacht input{
	display: block;
	padding: 3px 5px;
	height: 26px;
	border: 1px solid gray;
	width: auto;
	background: gray;
	color: white;
	font-size: 16px;
	border-radius:3px;
}
form#selecteer-klacht input:hover {
	background-color: green;	
	cursor: pointer;
}

/*-------------------------------------------------------------------------------------------------- tabel installateurs_per_provincie -----*/
table#installateurs_per_provincie {
  display: block;
  background: none;
  border-collapse: collapse;
  font-size: 90%;
  margin-bottom: 20px;
}
table#installateurs_per_provincie td{
 padding-left: 8px; 
}
table#installateurs_per_provincie td.installateurlogo img{
 max-height: 60px; 
 margin-left: 40px;
}

table#installateurs_per_provincie td.naam{
  font-style: italic;  
}
table#installateurs_per_provincie td.woonplaats{
  font-weight: bold;  
  padding-left: 0px; 
  padding-top: 14px;
}

/* ------------------------------------------------------------------------------------------------- formulier: selecteer-provincie ------- */
form#selecteer-provincie {
}
form#selecteer-provincie select{
	display: block;
	min-width: 150px;
	height: 26px;
	border: none;
	clear: left;
	font-size: 16px;
	color: blue;
	background: #f1f1f1; /* lichtgrijs */
	border-radius: 5px;
}
form#selecteer-provincie input{
	display: block;
	padding: 3px 5px;
	height: 26px;
	border: 1px solid gray;
	width: auto;
	background: gray;
	color: white;
	font-size: 16px;
	border-radius:3px;
}
form#selecteer-provincie input:hover {
	background-color: green;	
	cursor: pointer;
}




/* ------------------------------------------------------------------------------------------------- formulier: selecteer-merk ------- */
form#selecteer-merk {
}
form#selecteer-merk select{
	display: block;
	min-width: 150px;
	height: 26px;
	border: none;
	float: left;
	font-size: 16px;
	color: blue;
	background: #f1f1f1; /* lichtgrijs */
	border-radius: 5px;
}
form#selecteer-merk input{
	display: block;
	padding: 3px 5px;
	height: 26px;
	border: 1px solid gray;
	width: auto;
	background: gray;
	color: white;
	font-size: 16px;
	border-radius:3px;
}
form#selecteer-merk input:hover {
	background-color: green;	
	cursor: pointer;
}

/* ------------------------------------------------------------------------------------------------- formulier: selecteer-ketel ------- */
form#selecteer-ketel {
}
form#selecteer-ketel select{
	display: block;
	min-width: 150px;
	height: 26px;
	border: none;
	float: left;
	font-size: 16px;
	color: blue;
	background: #f1f1f1; /* lichtgrijs */
	border-radius: 5px;
}
form#selecteer-ketel input{
	display: block;
	padding: 3px 5px;
	height: 26px;
	border: 1px solid gray;
	width: auto;
	background: gray;
	color: white;
	font-size: 16px;
	border-radius:3px;
}
form#selecteer-ketel input:hover {
	background-color: green;	
	cursor: pointer;
}

/* ------------------------------------------------------------------------------------------------- formulier: selecteer-storing ------- */
form#selecteer-storing {
}
form#selecteer-storing select{
	display: block;
	min-width: 100px;
	height: 26px;
	border: none;
	float: left;
	font-size: 16px;
	color: blue;
	background: #f1f1f1; /* lichtgrijs */
	border-radius: 5px;
}
form#selecteer-storing input{
	display: block;
	padding: 3px 5px;
	height: 26px;
	border: 1px solid gray;
	width: auto;
	background: gray;
	color: white;
	font-size: 16px;
	border-radius:3px;
}
form#selecteer-storing input:hover {
	background-color: green;	
	cursor: pointer;
}


/* ------------------------------------------------------------------------------------------------- formulier: klacht -------*/
form#klacht {
	display: block;
	text-align: left;
}
form#klacht label {
	display: block;
	float: left;
	width: 200px;
	margin-bottom: 20px;
}
form#klacht input {
	width: 300px;
	padding: 5px;
	margin-bottom: 20px;
}

/* ------------------------------------------------------------------------------------------------- formulier: merk -------*/
form#merk {
	display: block;
	text-align: left;
}
form#merk label {
	display: block;
	float: left;
	width: 200px;
	margin-bottom: 20px;
}
form#merk input {
	width: 300px;
	padding: 5px;
	margin-bottom: 20px;
}

/* ------------------------------------------------------------------------------------------------- formulier: ketel -------*/
form#ketel {
	display: block;
	text-align: left;
}
form#ketel label {
	display: block;
	float: left;
	width: 200px;
	margin-bottom: 20px;
}
form#ketel input {
	width: 300px;
	padding: 5px;
	margin-bottom: 20px;
}
form#ketel select {
	width: auto;
	padding: 5px;
	margin-bottom: 20px;
}

/* ------------------------------------------------------------------------------------------------- formulier: storingscode -------*/
form#storingscode {
	display: block;
	text-align: left;
}
form#storingscode label {
	display: block;
	float: left;
	width: 200px;
}
form#storingscode input {
	width: 300px;
	padding: 5px;
}


div#zoekbalk {
	margin-top: 30px;
	margin-bottom: 40px;
}

/* ------------------------------------------------------------------------------------------------- formulier: klachtgegevens -------*/
form#klachtgegevens {
	display: block;
	text-align: left;
}
form#klachtgegevens label {
	display: block;
	float: left;
	width: 200px;
}
form#klachtgegevens input {
	width: 650px;
	padding: 5px;
}




/* ------------------------------------------------------------------------------------------------- formulier: zoeken -------------- */
form#zoeken {
	display: block;
	border: none solid green;
	padding: 10px 20px;
	border-radius: 10px;
	padding-left: 55px;
	background: lightblue;
	height: 30px;
}

form#zoeken label {
	display: block;
	float: left;
	width: 130px;
	margin-right: 15px;
	font-size: 12px;
	color: blue;
	text-align: right;
}

form#zoeken input#zoeken-input {
	display: block;
	float: left;
	width: 160px;
	margin-right: 5px;
	color: blue;
	font-size: 18px;
	padding: 3px 5px;	
}
form#zoeken input#zoeken-zoekknop, #zoekknop {
	display: block;
	background: green;
	color: white;
	font-size: 16px;
	cursor: pointer;
	width: 200px;
	height: 30px;
	padding: 3px 5px;
	border-radius: 5px;
	box-shadow: 3px 3px 3px gray;
}
form#zoeken input#zoeken-zoekknop:hover, #zoekknop:hover {
	font-weight: bold;
}
form#zoeken input#zoeken-zoekknop:active, #zoekknop:active {
	box-shadow: none;
}

/* -------------------------------------------------------------------------------------------------  tabel: installateur-overzicht ----------*/
table#installateur-overzicht th{
	min-width: 100px;
	text-align: left;
}
table#installateur-overzicht {
	text-align: left;
}

/* -------------------------------------------------------------------------------------------------  tabel: installateur-wijzigen ----------*/
table#installateur-wijzigen th{
	min-width: 100px;
	text-align: left;
}
table#installateur-wijzigen {
	text-align: left;
}



/* -------------------------------------------------------------------------------------------------  tabel: merk-wijzigen ----------*/
table#merk-wijzigen th{
	min-width: 100px;
	text-align: left;
}
table#merk-wijzigen {
	text-align: left;
}

/* -------------------------------------------------------------------------------------------------  tabel: merk-overzicht ----------*/
table#merk-overzicht th{
	min-width: 100px;
	text-align: left;
}
table#merk-overzicht {
	text-align: left;
}

/* -------------------------------------------------------------------------------------------------  tabel: ketel-wijzigen ----------*/
table#ketel-wijzigen th{
	min-width: 100px;
	text-align: left;
}
table#ketel-wijzigen td{
	vertical-align: top;
}
table#ketel-wijzigen {
	text-align: left;
}
table#ketel-wijzigen table td{
}
table#ketel-wijzigen td.kolom1 {
	padding-right: 20px;
}
table#ketel-wijzigen td.kolom2 {
	padding-right: 20px;
}
table#ketel-wijzigen td.kolom3 {
	padding-bottom: 20px;
}
table#ketel-wijzigen td.kolom4 {
}

/* ------------------------------------------------------------------------------------------------- tabel: subtabel-ketel-wijzigen ---*/
table#subtabel-ketel-wijzigen td.kolom1 {
}
table#subtabel-ketel-wijzigen td.kolom2 {
	padding-right: 0px;
}

/* -------------------------------------------------------------------------------------------------  tabel: ketel-verwijderen ----------*/
table#ketel-verwijderen th{
	min-width: 100px;
	text-align: left;
}
table#ketel-verwijderen td{
	vertical-align: top;
}
table#ketel-verwijderen {
	text-align: left;
}
table#ketel-verwijderen table td{
}
table#ketel-verwijderen td.kolom1 {
	padding-right: 20px;
}
table#ketel-verwijderen td.kolom2 {
	padding-right: 20px;
}
table#ketel-verwijderen td.kolom3 {
	padding-bottom: 20px;
}
table#ketel-verwijderen td.kolom4 {
}

/* ------------------------------------------------------------------------------------------------- tabel: subtabel-ketel-verwijderen ---*/
table#subtabel-ketel-verwijderen td.kolom1 {
	width: auto;
}
table#subtabel-ketel-verwijderen td.kolom2 {
	padding-right: 0px;
}



/* -------------------------------------------------------------------------------------------------  tabel: ketel-overzicht ----------*/
table#ketel-overzicht th{
	min-width: 100px;
	text-align: left;
}
table#ketel-overzicht {
	text-align: left;
}
table#ketel-overzicht tr:hover{
	background: lightgray !important;
}

table#ketel-overzicht td.kolom1 {
	padding-right: 15px;
}
table#ketel-overzicht td.kolom2 {
	padding-right: 15px;
}
table#ketel-overzicht td.kolom3 {
	padding-right: 20px;	
}
table#ketel-overzicht td.kolom4 {
	
}

/* -------------------------------------------------------------------------------------------------  tabel: ketel-overzicht-merk ----------*/
table#ketel-overzicht-merk th{
	text-align: left;
}
table#ketel-overzicht-merk {
	text-align: left;
}
table#ketel-overzicht-merk tr:hover{
	background: lightgray !important;
}


table#ketel-overzicht-merk td.kolom0 img{
	padding-right: 5px;
	width: 40px;
}
table#ketel-overzicht-merk td.kolom1 {
	padding-right: 15px;
}
table#ketel-overzicht-merk td.kolom2 {
	padding-right: 15px;
	text-align: center;
}
table#ketel-overzicht-merk td.kolom3 {
	padding-right: 20px;	
}
table#ketel-overzicht-merk td.kolom4 {
	padding-right: 20px;	
}
table#ketel-overzicht-merk td.kolom5 {
}

/* -------------------------------------------------------------------------------------------------  tabel: code-overzicht ----------*/
table#code-overzicht th{
	min-width: 200px;
	text-align: left;
}
table#code-overzicht {
	text-align: left;
}
table#code-overzicht tr:hover{
	background: lightgray !important;
}
/* -------------------------------------------------------------------------------------------------  tabel: code-verwijderen ----------*/
table#code-verwijderen td{
	min-width: 150px;
	text-align: left;
}
table#code-verwijderen {
	text-align: left;
}

/* -------------------------------------------------------------------------------------------------  tabel: storingen ---------------- */
/* op pagina storingen.php */
table#storingen th {
	padding: 10px;
}
table#storingen td:hover {
	background: lightgray;
}
table#storingen td.kolom4 {
	padding-right: 10px;	
	min-width: 100px;
}
table#storingen td.kolom4 img{
	height: 20px;
}
table#storingen td.kolom3{
	padding: 5px 10px;
	min-width: 100px;
}
table#storingen td.kolom2{
	padding: 5px 10px;
	min-width: 150px;
}
table#storingen td.kolom1{
	padding: 5px 10px;
	min-width: 100px;
}
table#storingen td.kolom4 a img {
	border: none;
}

a.laat-zien{
	display: block;
	float: right;
	margin-left: 15px;
	color: white !important;
	font-size: 11px;
	background-color: green;
	padding: 2px 5px;
	border-radius: 5px;
}



#page {
  width:1000px;
  min-height:206px;
  margin:0 auto 0 auto;
  background:#FFF;
  padding-top:8px;
}

#page-padding {
  padding:3px 8px 0px 8px;
}

/* main page content */

#content {
  float:left;
  width:690px;
  min-height:300px;
  background:#FFF url(images/page-background.jpg) no-repeat top left;
  border-radius: 10px;

}

#content-padding {
  padding:5px 15px 15px 15px;
  padding: 0;
 	background: transparent url('images/advertentie-top-center.gif') repeat-x;
 	border-radius: 10px;

}

#content h1,h2,h3,h4,h5 {
  padding:5px 5px 10px 0;
  font:32px Arial, "Times New Roman", Times;
  color:#494949;
  text-align:left;
}
#content h2 {
  font:28px Arial, "Times New Roman", Times;
}
#content h3 {
  font:22px Arial, "Times New Roman", Times;
}

#content p {
  padding:0px 5px 10px 5px;
  font:14px Arial, "Times New Roman", Times;
  color: #333333;
  text-align:left;
  
}

#content a {
  text-decoration: underline;
  color:#0B3E70;
}
	
#content a:hover {
  text-decoration:none;
  text-shadow:0px 0px 4px #FDA041;
}

.grey {
  color:#494949;
}
.blue {
  color:#005795;
}

/* end main page content */

/* right menu, navigation, newsletter */

#right-nav {
  float:right;
  width:283px;
  text-align:left;
}

.right-nav-back {
  background:#FFF url(images/right-menu-bg.gif) repeat-y top left;
  width:283px;
}

.right-nav-top {
  background:#FFF url(images/right-menu-top.gif) no-repeat top left;
  width:283px;
  height:36px;  
}
.right-nav-top p {
  color:#FFF;
  font:13px Arial, "Times New Roman", Times;
  font-weight:bold;
  padding:13px 0px 0px 10px;
}
.right-nav-bottom {
  background:#FFF url(images/right-menu-bottom.gif) no-repeat top left;
  width:283px;
  height:12px;
  padding-bottom:10px;
}
  
#right-nav ul
{
  list-style:none;
  text-align:left;
  padding-top:10px;
}
  
#right-nav li a
{
  background-image: url(images/right-menu-div.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  display:block;
  padding:13px 0px 18px 15px;
  line-height:15px;
  text-decoration: none;
  color: #494949;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:19px;
}
  
#right-nav li a:hover
{
  color:#C46A00;
  text-decoration: underline;
}
  
.right-nav-divider {
  background: transparent url(images/menu-divider.gif) no-repeat top left;
  width:226px;
  height:1px;
  padding-bottom:33px;
}

#subscribe {
  text-align:right;
  padding-right:30px;
}

#subscribe form {
  margin-left:11px;
}

#subscribe input {
  margin:6px 0;
}

.inputstyle {
  background:#FFF;
  border:1px solid #ADADAD;
  width:250px;
  height:22px;
  color:#494949;
  font-size:14px;
  padding-top:5px;
  padding-left:10px;
}

.button {
  background:transparent url(images/button.jpg) no-repeat top left;
  vertical-align:middle;
  padding-bottom:5px;
  border:none;
  width:131px;
  height:31px;
  color:#FFF;
  font:bold 13px Arial, Georgia, "Times New Roman", Times;
  cursor:pointer;
  margin-left:5px;
}

/* end right menu, navigation, newsletter */

/* footer */

#footer {
  clear:both;
  background:#000 url(images/footer.gif) repeat-x top left;
  width:1000px;
  height:183px;
  margin:0 auto 0 auto;
  text-align:left;
}

#footer-pad {
  width:984px;
  padding:50px 0px 0px 0px;
  text-align:center;
}

#footer p {
  font:14px Arial, "Times New Roman", Times;
  color:#929292;
}

#footer a {
  color:#FFF;
  text-decoration:underline;
}
#footer a img {
	border: none;
	max-width: 200px;
}

#footer a:hover {
  color:#C46A00;
  text-decoration:none;
}

/* end footer */


/* ------------------------------------------------------------------------------------------------- */
div#klachtbeschrijving {
	display: block;
	clear: both;
}
div#merkbeschrijving {
	display: block;
	clear: both;
}
div#ketelbeschrijving {
	display: block;
	clear: both;
}

div#ketelbeschrijving p#standaardbedrijfscode-uitleg {
	clear: left;
	font-size: 70%;
	font-style: italic;
}

div#ketel-foto {
	display: block;
	float:right;
	width: 210px;
	margin-left: 15px;
	margin-bottom: 15px;
	text-align: right;	
}
div#ketel-foto img#ketelfoto {
	max-width: 200px;
	display: block;
	float:right;
	border: none;
	border-radius:5px;
}
div#ketel-foto span{
	font-size: 70%;
}

div#storingbeschrijving {
	display: block;
	clear: both;
}
div#subcodebeschrijving {
	display: block;
	clear: both;
}
span.oorzaak-oplossing {
	display: block;
	font-size: 20px;
	color: gray;
	margin-bottom:8px;
}

/* -------------------------------------------------------------------------------------------------  div oorzaak / div#oplossing-- */
div#oorzaak, div#oplossing {
	display: block;
	min-height: 50px;
	padding: 10px 10px 10px 0px;
	color: #272727;
	border-top: 1px solid lightgray;
	margin-bottom: 15px;
}




/* ------------------------------------------------------------------------------------------------- div .merklink */
div.merklink {
	display: block;
	float: left;
	padding: 5px;
	margin-right: 50px;
	margin-bottom: 30px;
	text-align: center;
}
div.merklink:hover {
	background: lightgray;	
}
div.merklink img {
	display: block;
	max-height: 75px;
	border: none;
}


/* -------------------------------------------------------------------------------------------------  div#advertentie ----- */
div#advertentie {
	text-align: center;
}

div#advertentie a img {
	max-width: 282px;
	border: none;
}