/* FOR IE 
CSS hacks
The following hacks to trigger haslayout have been well tested in IE7 and lower. John Gallant and Holly Bergevin published the Holly hack in 2003: from http://www.satzansatz.de/cssd/onhavinglayout.html
*/
/* \*/
* html .gainlayout { height: 1%; }
/* */
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.            http://creativecommons.org/licenses/by/2.0                  This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */
* { margin: 0; padding: 0; }
/* link underlines tend to make hypertext less readable,    because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }
/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }
/* avoid browser default inconsistent heading font-sizes  and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
/* remove the inconsistent (among browsers) default ul,ol padding or margin  / the default spacing on headings does not match nor align with  normal interline spacing at all, so let's get rid of it.  zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable.  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }
/* de-italicize address */
address { font-style:normal }
/* more varnish stripping as necessary... */

/*------------------------------------------------------------------------------------
  Global Styles
------------------------------------------------------------------------------------*/
* {  padding:0;  margin:0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; margin:0; } legend { margin:0; padding:0; }
select option{ padding:0 5px; }
.hide, .print-logo, .close-button{ display:none; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }
/*Clear defaults - inspired from Tantek Celik----------------*/
:link,:visited {text-decoration:none;} 
ul,ol,dl {list-style:none;} 
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd {margin:0; padding:0;} 
a img,:link img,:visited img {border:none;}
address {font-style:normal;}
strong {font-weight:bold;}
em {font-style:italic;}
i {display:none;}

/*------------------------------------------------------------------------------------
  Sprites
------------------------------------------------------------------------------------
DIV.blogitem DIV.left DIV.date, DIV.functions LI DIV
	{ background-image:url("../images/sprite_blog.gif"); background-position:0 0; background-repeat:no-repeat; }

DIV.side_blog UL LI SPAN, DIV.side_contact UL LI DIV, DIV.side_socialmedia UL LI DIV
	{ background-image:url("../images/sprite_page.gif"); background-position:0 0; background-repeat:no-repeat; }
*/
/* replaced images
DIV.side_blog UL LI SPAN 
	{ font-size:0px; line-height:0px; display:inline-block; vertical-align:middle; } */
/*------------------------------------------------------------------------------------
  General
------------------------------------------------------------------------------------*/
BODY { font-size: 80%; margin:0; padding:0; text-align:center; background:#ffffff; }
BODY, TD, DIV, INPUT { font-family: Arial, Verdana, sans-serif; line-height:1.6em; color:#000000; }
A { color:#0369be; font-weight:bold; text-decoration:none; } A:hover { text-decoration:underline; }
IMG { border:0px; }
.clear{	clear:both; line-height:0px; font-size:0; height:0px; }

/*------------------------------------------------------------------------------------
  Text
------------------------------------------------------------------------------------*/
H1 { font-family:"Myriad Pro"; font-size:380%; line-height:1em; letter-spacing:0; font-weight:normal; margin:0 0 0 0; padding:0; }
H2 { font-family:"Myriad Pro"; font-size:190%; line-height:1em; letter-spacing:0; font-weight:normal; margin:0 0 10px 0; padding:0; } H2 A { font-weight:bold; }
H3 { font-family:"Myriad Pro"; font-size:250%; line-height:1.3em; letter-spacing:0; font-weight:normal; margin:0 0 5px 0; padding:0; }
H4 { font-family:"Myriad Pro"; font-size:200%; line-height:1.3em; letter-spacing:0; font-weight:normal; margin:5px 0 10px 0; padding:0; }
H5 { font-size:140%; line-height:1.3em; letter-spacing:0; font-weight:normal; margin:0 0 5px 0; padding:0; }
H6 { font-size:100%; line-height:1em; letter-spacing:0; font-weight:normal; margin:0 0 5px 0; padding:0; overflow:auto; display:inline; } /* top menu */

SPAN.big { font-size:190%; line-height:1em; letter-spacing:0; font-weight:normal; margin:0 0 10px 0; padding:0; }
/*------------------------------------------------------------------------------------
  Layout
------------------------------------------------------------------------------------*/
DIV.layout { background:url('../images/bg.gif') top left repeat-y; width:970px; margin:0 auto; text-align:left; overflow:auto; }

	DIV.column1 { width:150px; float:left; margin:0 45px 0 0; padding:180px 0 0 0; }
		DIV.column1 DIV { color:#959191; text-align:right; margin:10px 20px 0 0; line-height:1.4em; }
	
	
	DIV.column2 { width:730px; float:left; padding:50px 0 35px 0; font-size:120%; line-height:1.4em; }
		IMG.lightbulb_idea { float:right; margin:20px 0 0 50px; }
 		IMG.lightbulb_saving { float:left; margin:0 20px 0 0; }
		
		DIV.column2 P { margin:15px 0 0 0; }
		DIV.column2 P.intro { font-size:110%; font-weight:bold; margin:20px 0 0 0; }
		
		
		DIV.inhetkort, DIV.inhetkort DIV, DIV.inhetkort DIV DIV { background-image:url("../images/sprite_roundededges.gif"); background-position:0 0; background-repeat:no-repeat; }
			DIV.inhetkort { background-position:-730px 0; background-repeat:repeat-y; margin:30px 0; }
				DIV.inhetkort DIV { background-position:0 0; }
					DIV.inhetkort DIV DIV { background-position:-1460px bottom; padding:15px 20px; }
		
		DIV.meerweten, DIV.meerweten DIV, DIV.meerweten DIV DIV { background-image:url("../images/sprite_roundededges.gif"); background-position:0 0; background-repeat:no-repeat; }
			DIV.meerweten { float:left; width:504px; background-position:-2694px 0; background-repeat:repeat-y; margin:30px 0; }
				DIV.meerweten DIV { background-position:-2190px 0; }
					DIV.meerweten DIV DIV { background-position:-3198px bottom; padding:15px 20px; }
					
					DIV.meerweten DIV DIV UL { width:100%; overflow:auto; }
						DIV.meerweten DIV DIV LI { float:left; width:33%; overflow:auto; line-height:1.2em; }
		
		/* FORM */				
		FIELDSET { border:0px; }
			DIV.field, DIV.field DIV { background-image:none !important; }
			DIV.field { background-color:#83b919; padding:0 !important; margin:0 0 1px 0; width:467px; overflow:auto; }
				DIV.field LABEL { display:block; float:left; margin:4px 0 4px 5px; width:130px; color:#fff; }
				DIV.field DIV { float:left; padding:3px 0 3px 0 !important; }
					DIV.field DIV INPUT { height:24px; width:300px; padding:0 5px; }
					DIV.field DIV SPAN { width:310px; line-height:1.2em; padding:3px 5px; color:#fff; background-color:#f00; margin:2px 0; }
		DIV.Actions { text-align:right; margin:10px 0; background-image:none !important; padding:0 !important; }
			DIV.Actions INPUT { border:0px; height:39px; width:133px; background:url('../images/btn_bg.gif') top left no-repeat; color:#fff; font-weight:bold; font-size:120%; }
		
		DIV#result { background-image:none !important; margin:15px 0; padding:20px 20px !important; background-color:#0369be; color:#fff; }
        
		
		
		DIV.clear { clear:both; background-image:none !important; padding:0 !important; }				
						
		DIV.footer { margin:0 0 0 150px; }