/****************************/
/***** Global Settings *****/
/****************************/

* {
	padding:0;
	margin:0;
    }



html, body {
border:0;
margin:0;
padding:0;
}

/* html { overflow-y: scroll; }
html { overflow: -moz-scrollbars-vertical; }
*/

/* ************************************************** */
/* ******************* Basis ************************ */
/* ************************************************** */



body {
	font:80%/1.6 Arial, Helvetica, sans-serif;
	color: #666666;
	background: url(../images/bg_site.gif) repeat;
}
a  {
	text-decoration:none;
	color: #7a9aa1;
	
}

a:hover {
	text-decoration:none;
	color: #E63028;
}
a:active, a:focus {
      outline: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
	font-weight:normal;
}

h1 {
	padding:0px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #E63028;
	margin-bottom: 10px;
	text-transform: uppercase;
}

h1 a {
	text-decoration:none;
	color: #E63028;
}

h1 a:hover {
	text-decoration:none;
	color: #7a9aa1;
}


h2 {
	padding:0px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #7a9aa1;
	margin: 0px 0px 10px;
	text-transform: uppercase;
}

h2 a {
	text-decoration:none;
	color: #7a9aa1;
}

h2 a:hover {
	text-decoration:none;
	color: #E63028;
}

h3 {
	padding:0px 0;
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #E63028;
	margin: 0px 0px 10px;
}
h3 a {
	text-decoration:none;
	color: #E63028;
}

h3 a:hover {
	text-decoration:none;
	color: #7a9aa1;
}
h4 {
	padding:0px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #7a9aa1;
	margin: 0px 0px 10px;
}
h4 a {
	text-decoration:none;
	color: #7a9aa1;
}

h4 a:hover {
	text-decoration:none;
	color: #E63028;
}
h5 {
	padding:0px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #7a9aa1;
	margin-bottom: 10px;
	text-transform: uppercase;
	border-bottom: 1px dotted #7a9aa1;
}

h5 a {
	text-decoration:none;
	color: #7a9aa1;
}

h5 a:hover {
	text-decoration:none;
	color: #7a9aa1;
}


h6 {
	padding:0px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #E63028;
	margin-bottom: 10px;
	text-transform: uppercase;
	border-bottom: 1px dotted #E63028;
}

h6 a {
	text-decoration:none;
	color: #E63028;
}

h6 a:hover {
	text-decoration:none;
	color: #7a9aa1;
}


/* ******************* text Markup ************ */

.txtmarkup1{
	padding:0px;
	margin: 0px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #F63837;
}

.txtmarkup1 a {
	color: #F63837;
	text-decoration: none;
}

.txtmarkup1 a:hover {
	color: #7a9aa1;
}

.txtmarkup2{
	padding:0px;
	margin: 0px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #7a9aa1;
	font-weight: bold;
}

.txtmarkup3{
	padding:0px;
	margin: 0px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.txtmarkup4{
	padding:0px;
	margin: 0px;
	font:bold 10px Arial, Helvetica, sans-serif;
	color: #7a9aa1;	
}
.note{
	color: #666666;
}

.line{
	margin: 5px 0px 0px;
	padding: 0px;
	background: url(../images/dottedline.gif) repeat-x;
}

.hr {

	width: 100%;

	height: 1px;

	border-style: dashed none none;

	border-width: 1px 0 0;

	border-color: #ccc

}
p, ul, ol {
margin:0;
padding:0 0 18px 0;
}

ul, ol {
	padding:0 0 18px 40px;
	list-style: circle;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

img {
	border:0;

}
.imgspace{
	margin: 0px 10px 10px 0px;
	padding: 0px;
}

.hspace{
	padding-right: 5px;
}

.hspace2{
	padding-right: 5px;
	padding-left: 10px;
}


sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

.pic {
	border: 1px solid #dfe1e0;
	padding: 1px;
	background: #FFFFFF;	
}

.spacer {

	width: 1px;

	float: left;

	display: block;

	margin: 0px 14px 0px 15px;

	padding: 0px;

}
.space  { padding: 5px }

.space2 { padding: 10px }

.space3 { padding: 20px }

/***** Global Classes *****/


.clear 			{ 
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px;

 }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }




/* ************************************************** */	
/* ******************* FRAMEWORK ******************** */
/* ************************************************** */

#wrapper     {
	width: 880px;
	padding: 0;
	margin: 0;
	position: relative;
	background: #FFFFFF;
	left: 70px;
	z-index: 1;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	}


/* ******************* TOP ************************ */

#top{
	height: 87px;
	width: 880px;
}


/* ******************* LOGO ************************ */

#logo  {
	float: left;
	padding: 0px 0px 0px 20px;
	margin: 0px;
}

/* ******************* LANGUAGE ************************ */

#language {
	float: right;
	width: 40px;
	color: #005282;
	padding: 5px 10px 0px 0px;
	font: 11px "Trebuchet MS";
	text-align: right;
	margin: 0px;
	background: #E5F4F5;
	height: 20px;
}
.actif{
	color: #E63028;
}

#language .actif a{
	color: #E63028;
	text-decoration: none;
}

#language .actif a:hover{
	color: #666666;
	text-decoration: none;
}
#basis{
	padding: 0px;
	width: 880px;
	margin: 0px;
}



/* ******************* MIDDLE ************************ */

#main   {
	margin: 0px;
	padding: 0px;
	width: 750px;
	float: left;
}
#empty{
	float: left;
	width: 130px;
}

#picture{
	width: 260px;
	float: left;
}
#txtzone{
	width: 490px;
	float: left;
	margin-top: 70px;
}

/* ******************* CONTENT *********************** */

.content   { margin: 0px; padding: 0px}

.content1{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 300px;
	}
.content2{
	margin: 0;
	padding: 0;
	float: left;
	width: 540px;
	}

.contenthalf{
	float: left;
	width: 46%;
}

/* ************************************************** */
/* ******************* Navigation ******************* */
/* ************************************************** */

div#nav   {
	margin: 0px;
	padding: 25px 0px 0px;
	font: 14px/2em Arial;
	color: #FFFFFF;
	background: #E63028;
	height: 316px;
	width: 200px;
	position: absolute;
	top: 115px;
	z-index: 100;
	left: 0px;
	text-transform: uppercase;
}

div#nav a {
	color: #FFFFFF;
	text-decoration: none;
}

div#nav a:hover {
	color: #8b1c16;
	text-decoration: none;
}

ul#navitem {
	color: #FFFFFF;
	font-size: 1em;
	font-family: "Trebuchet MS";
	text-align: left;
	white-space: nowrap;
	list-style: none;
	margin: 0px;
	padding: 0px;
	background: url(../images/nav_barend.jpg) no-repeat right top;
	height: 40px;
}



ul#navitem li {
	list-style: none;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 15px;
}





div#nav .navactif{
	color: #FFB58A;
	text-decoration: none;
}

div#nav .navactif a {
	color: #FFB58A;
	text-decoration: none;
}

div#nav .navactif a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.privacy{
	font-size: 10px;
	text-align: right;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	position: absolute;
	top: 310px;
	left: 84px;
}

/* ************************************************** */
/* ******************* BREADCRUMB ******************* */
/* ************************************************** */
#breadcrumb   {
	color: #FFFFFF;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0px;
	padding: 5px 0px 0px 10px;
	height: 25px;
	background-color: #88A9B0;
	width: 740px;
	position: absolute;
	left: 201px;
	top: 115px;
	z-index: 10;
}

#breadcrumb a {
	color: #FFFFFF;
	text-decoration: none;
	}
#breadcrumb a:hover { 
	color: #1a597e; 
	text-decoration: none;
	 }






/* ************************************************** */
/* ******************* HOMEPAGE ********************* */
/* ************************************************** */
#homelang{
	float: left;
	width: 119px;
	background: #DFDFDF;
	height: 25px;
	text-align: right;
	padding: 5px 10px 0px 0px;
	font-size: 11px;
}

#homepicture{
	float: left;
	height: 360px;
	width: 540px;
	margin: 0px 0px 30px;
	padding: 0px;
}

#homeright{
	float: left;
	width: 210px;
	margin: 0px;
	padding: 0px;
	height: 367px;
}


.homebox{
	height: 92px;
	background: #E4E4E4;
	margin: 0px 0px 1px;
	padding: 0px;
}
.homebox2{
	height: 91px;
	background: #E4E4E4;
	margin: 0px 0px 1px;
	padding: 0px;
}

.boxtxt{
	float: left;
}
.boxpic{
	float: left;
	width: 80px;
}

/* ************************************************** */
/* ******************* SUBPAGES ********************* */
/* ************************************************** */

/* *************** INTRODUCTIE ************** */

.container{
	margin: 5px 0px;
	padding: 0px;
	color: #666666;
	width: 450px;
}

.container2{
	margin: 5px 0px;
	padding: 10px 0px;
	color: #666666;
	background: #E5F4F5;
}
.containerpic{
	margin: 0px 10px 0px 0px;
	padding: 0px;
	width: 110px;
	float: left;
}

.containertxt{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 325px;
}

.container .more,.container2 .more {
	background: #7C9CA3;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
.container .more a,.container2 .more a {
	color: #FFFFFF;
	text-decoration: none;
	
}
.container .more a:hover, .container2 .more a:hover{
	color: #FFFFFF;
	text-decoration: none;
	
}

/* ******************* PRODUCTS ************** */

.docbox{
	background: #E9ECF1;
	margin: 1px 0px 0px;
	padding: 5px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}

.infobox{
	background: #D7E2E4;
	margin: 1px 0px 0px;
	padding: 5px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}
.wizardbox{
	background: #b8ced2;
	margin: 1px 0px 0px;
	padding: 5px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
}


/* ******************* FOOTER ************** */
#footer{
	margin: 0px;
	padding: 5px 0px;
	background: #F6F6F6;
	color: #7a9aa1;
	width: 880px;
	font-size: 11px;
}

.footeradres{
	float: left;
	width: 700px;
	color: #7a9aa1;
	padding-left: 20px;
}

.footerprint{
	float: right;
	width: 80px;
	padding-right: 10px;
	text-align: right;
}

#footer a {
	text-decoration: none;
	color: #7a9aa1;
}

#footer a:hover {
	text-decoration: none;
	color: #EE4035;
}
/* ******************************************** */
/* ************** SUBMIT BUTTON ************** */
/* ******************************************** */

button { 
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0 20px 0 0; 
  text-align:center; 
}
button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px; 
}

/*blue buttons*/
button.submitBtn {
	background:url(../images/btn_right.gif) right no-repeat;
	font-size:11px;
}
button.submitBtn span {
	height:20px;
	line-height:20px;
	background:url(../images/btn_left.gif) left no-repeat;
	color:#fff;
}
button.submitBtn:hover {
	background:url(../images/btn_right_hover.gif) no-repeat right;
}
button.submitBtn:hover span {
	background:url(../images/btn_left_hover.gif) no-repeat left;
}
	

button { 
  width:auto; 
  overflow:visible; 
}
button span { 
  margin-top:1px; 
}
	
/* ******************************************** */
/* ******************* TREE CONTAINER ****************** */
/* ******************************************** */

#tree  {
	background: #E6F4F5;
	margin: 1px 0px 30px;
	padding: 0px 0px 0px 0px;
	width: 260px;
}

.treepic{
	margin: 0px;
	padding: 0px;
	height: 240px;
	width: 260px;
}
.treepic2{
	margin: 0px;
	padding: 0px;
	height: 395px;
	width: 260px;
}




/* ******************************************** */
/* ******************* STUFF ****************** */
/* ******************************************** */

/* ******************* NEWSTICKER ************ */
.tickercontainer{
	padding-left: 150px;
}

.tickericon{
	width: 30px;
	height: 50px;	/* de tekst van de beschrijving versprong t.o.v. de titel */
	float: left;
	margin: 0px;
	padding: 0px;
	margin-top:5px;
}

#TickerDIV{
	width: 700px;
	font-size: 140%;			/* Tijdelijk groter voor actie warmtepomp */ 
}


/* ******************* BACK BUTTON ************ */
.pagenavl{
float:left;
}
.pagenavr{
	float:right;
	margin-right: 10px;
}

/* ******************* WESTSITE ****************** */

.westsite {
	text-align: right;
	float: right;
	margin: 0px;
	padding: 0px;
	}


/********************* TOEGEVOEGD BIJ SCRIPTING ************/
.waarschuwing {  }
.verplicht {  }
.foutmelding	{ color:red; }

#tree li, #tree ul { padding-left:0px; }
#tree ul { margin-left:16px; }