/*************************************************************
  P A G E
*************************************************************/
* { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0 } /* Resets elements */
ol, ul { list-style: none }
big { font-size: 130% }
small, sup, sub { font-size: 80% }

img { -ms-interpolation-mode: bicubic; margin: 0; padding: 0; } /* Makes resized images in IE look better */

body { color: #333; font: 12px/1.417em Arial, Helvetica, sans-serif; }

#wrapper { margin: 0 auto; width: 95%; }

a.noLine, a.noLine:link, a.noLine:visited, a.noLine:hover, a.noLine:active { text-decoration: underline; }

.noPrint { display: none;}

/*************************************************************
  H E A D E R
*************************************************************/
#header { }
#header .groepkeuze { display: none;}

/*************************************************************
  N A V I G A T I O N B A R
*************************************************************/
#navigationbar { display: none;}

/*************************************************************
  P O R T A L
*************************************************************/
#portal { display: none; }


/*************************************************************
  C O N T E N T W R A P P E R    H O M E
*************************************************************/
#contentwrapper.home { margin-top: 10px; padding: 6px; background: #fff none }

/* L E F T   S I D E B A R */
#contentwrapper.home #leftsidebar { float: left; width: 312px; }
#contentwrapper.home #banner_calculator { width: 197px; height: 85px; background: #ebebeb url(../art/bg_energiecalculator.jpg) no-repeat left top; padding: 15px 0 0 115px; }
#contentwrapper.home #banner_calculator .first { font: normal 1.1em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333;}
#contentwrapper.home #banner_calculator .second {font: normal 1.6em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000;}
#contentwrapper.home #newsletter { width: 268px; height: 70px; padding: 20px 20px 10px 24px; border: 0; }
#contentwrapper.home #newsletter .first {font: normal 1.1em/1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333;}
#contentwrapper.home #newsletter .second { font: normal 1.6em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000;}
#contentwrapper.home #newsletter .textbox { border: 1px solid #aaa;  width: 170px; vertical-align: middle;}
#contentwrapper.home #newsletter .button { width: 20px; height: 23px; background: url(../art/button_submit.gif) no-repeat center; margin-left: 10px; vertical-align: middle; cursor: pointer; float: none; top: 0; }


/* C E N T E R */
#contentwrapper.home #center { float: left; margin: 0 6px;}
#contentwrapper.home #banner_energiepremie { width: 280px; height: 85px; background: #ebebeb url(../art/bg_energiepremie.jpg) no-repeat right bottom; padding: 15px 15px 0 17px; border: 0;}
#contentwrapper.home #banner_energiepremie .first {font: normal 1.1em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333;}
#contentwrapper.home #banner_energiepremie .second { font: normal 1.6em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000;}
#contentwrapper.home #indekijker { width: 272px; height: 70px; padding: 15px 15px 10px 20px; font: normal 1.2em/1.2em Arial, Helvetica, sans-serif;}
#contentwrapper.home #indekijker a.nieuwsitem { font: normal 12px Arial, Helvetica, sans-serif; color: #E20A16; }

/* R I G H T   S I D E B A R */
#contentwrapper.home #rightsidebar { float: right;}
#contentwrapper.home #banner { width: 312px; height: 200px; background: url(../art/bg_banner.jpg) no-repeat top center;}


#contentwrapper .close { width: 948px; clear: both; margin: 0; padding: 0; line-height: 0; font-size: 0;}


/*************************************************************
  C O N T E N T W R A P P E R    B A S I C
*************************************************************/
#contentwrapper{  }
#kruimelpad { display: none;}


/*************************************************************
 L E F T      S I D E B A R
*************************************************************/
#contentwrapper #leftsidebar { display: none;}

/*************************************************************
  P A G E    C O N T E N T
*************************************************************/
#pagecontent {padding: 10px 0;}

#pagecontent h1 {font: normal 1.66em/1.4em Arial, Helvetica, sans-serif; color: #000; margin: 0; padding: 13px 0 30px 25px; position: relative; left: -25px; }
#pagecontent h2 {font: bold 1.25em/1.66em Arial, Helvetica, sans-serif; color: #000; margin: 0; padding: 30px 0 20px 0;}
#pagecontent h3 {font: bold 1em/1.2em Arial, Helvetica, sans-serif; color: #000; margin: 0; padding: 20px 0 10px 0; }

#pagecontent a, #pagecontent a:link, #pagecontent a:visited { color: #333; }
#pagecontent a:hover, #pagecontent a:active { text-decoration: underline;}

#pagecontent ul, #pagecontent li { list-style: outside; list-style-type:disc;}
#pagecontent ul { padding-left: 30px; padding-top:10px;}
#pagecontent li { padding-bottom: 0px;}

#pagecontent input, #pagecontent textarea { border: 1px solid #ccc; font: normal 1em/1.3em Arial, Helvetica, sans-serif; color:  #666;}
#pagecontent #blok{padding-bottom: 30px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #000;}
#pagecontent #blok th{text-align: left;}
#pagecontent #blok tr td{padding-bottom: 10px;}

#pagecontent .NoPrint {display: none;}
#afdrukken, #pdflink{display: none;}
#searchform{display: none;}
#groepkeuze{display: none;}

.portal .kolom1 {vertical-align: top;width: 50%;	padding-top: 0;	padding-right: 25px;padding-bottom: 0; padding-left: 0;	border-right-width: 1px;border-right-style: dotted;	border-right-color: #666}
.portal .kolom2 { padding: 0 0 0 25px; vertical-align: top; width: 50% }

.BeeldLinks { float: left; margin: 5px 15px 10px 0;}
.BeeldRechts { float: right; margin: 5px 0 10px 15px;}
.BeeldGrootLinks, .BeeldGrootRechts { margin: 15px 0; float: none;}
.BeeldGroot { margin: 15px 0; clear: both;}

/* Aangepaste pdfmodule */ 
/* Toegevoegd: div id="pdflink" EN div id="memo"*/
#pdflink { margin-top: 5px; }
#pdflink .Ikoonlinks { }
#pdflink .pdfopmerking { position: relative; top: -10px; margin-right: 10px;}
#pdflink .box { position: relative; top: -10px;}
#pdflink #memo { padding-left: 23px;}
#pdflink .url { display:inline;}

.url { margin: 10px 0; display: block;}

#pagecontent input.knop { }

#pagecontent #formES .label {width: 150px; text-align: right; display: block; float: left; margin: 5px 10px 0 0;}
#pagecontent #formES .content2 { margin: 5px 0 0 0; float: left;}
#pagecontent #formES .content { margin: 5px 0 0 160px; display: block;}
#pagecontent #formES .content input.radio, #pagecontent .content input.checkbox { margin-right: 7px; }
#pagecontent #formES select { border: 1px solid #ccc;}
#pagecontent #formES textarea { }
#pagecontent #formES .knop { margin: 15px 0 0 155px;}

#pagecontent #zoekresultaat input { width: 160px; }
#pagecontent #zoekresultaat .knop { margin-top: 10px; margin-bottom: 10px;}
#zoekresultaat img { width: 16px !important; height: 16px !important;}
#zoekresultaat #verzend { display: block; clear: left;}

/*************************************************************
  F O O T E R
*************************************************************/
#footer { display: none;}
#print_adres { display: block; clear: both; margin-top: 20px; color: #666; }
#print_adres hr { border: 1px solid #000;}

/*************************************************************
  C A L C U L A T O R     F O R M
*************************************************************/
#formCalculate #info { font-weight: bold; font-size: 13px; color: #555; padding-bottom: 10px;}
#formCalculate label { display: block; padding: 9px 0 2px 0;}
#formCalculate #blok { background: #C7D4B5 url(calculator/kader_top.gif) no-repeat top center; padding: 6px 15px 0 15px;}
#formCalculate #sluitblok, #sluitblok { background: #C7D4B5 url(calculator/kader_bottom.gif) no-repeat bottom center; height: 15px; display: block; margin-bottom: 8px; }

#formCalculate #divafmetingwoning #info { font-weight: bold; padding-top: 10px; padding-bottom: 0; color: #333;}
#formCalculate #divafmetingwoning label { display: inline;}
#formCalculate #divafmetingwoning a { display: inline;}

#formCalculate #diveigenverbruik span { display: block; clear: both;}
#formCalculate #diveigenverbruik label {width: 130px; float: left;}
#formCalculate #diveigenverbruik input, #formCalculate #diveigenverbruik #unitverbruik { margin: 7px 2px 2px 0;} 
#formCalculate #diveigenverbruik #info { font-weight: bold; padding-top: 15px; padding-bottom: 0; color: #333;}
#formCalculate #diveigenverbruik a { display: inline;}

#formCalculate #kosten label { display: inline; width: 130px; float: left;}
#formCalculate #kosten input { display: inline; display: block; float: left; margin: 7px 0 2px 0; }
#formCalculate #kosten #subtext { font-size: 0.9em; color: #555; display: block; clear: both; padding-left: 130px;}

#formCalculate #submitblok { text-align: right;}