/*************************************************************
  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% }

.NoScreenDisplay { display: none }@charset "utf-8";

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

body { background: #212629 url(../art/bg_patroon.png) repeat-x scroll; color: #333; font: 12px/1.417em Arial, Helvetica, sans-serif /*12px/17px*/; margin: 0 auto; }

#wrapper { margin: 0 auto; width: 960px }

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


/*************************************************************
  H E A D E R
*************************************************************/
#header { background: url(bg_header2.jpg) no-repeat top right;}
#header img { float: left;}
#header a.groepkeuze, #header a.groepkeuze:link, #header a.groepkeuze:visited { color: #FFF; text-decoration: none;}
#header a.groepkeuze:hover, #header a.groepkeuze:active {text-decoration: none;}
#header #groepkeuze { float: right; margin: 10px 0px 0 0; padding-right: 33px; color: #FFF;}
#header #groepkeuze a { color: #FFF;}
#header #searchform { float: right; margin: 10px 10px 0 0; /*background-color: #fff;*/ height: 18px;}
#header #searchform .zoekfunctie { border: none; width: 145px; background-color: #fff; padding: 0 2px; vertical-align: top; height:18px;}
#header #searchform .zoekknop { padding: 0px 4px 0 4px; height: 18px;}

/*************************************************************
  N A V I G A T I O N B A R
*************************************************************/
#navigationbar { background-color: #FFF;  width: 960px; clear: both; text-transform: uppercase; }
#navigationbar ul li { float: left; margin-right: 20px;}
#navigationbar ul li.first { padding-left: 30px;}
#navigationbar ul li a, #navigationbar ul li a:link, #navigationbar ul li a:visited { text-decoration: none; color: #666; font-weight: bold;  font-size: 1em; line-height: 2.83em; background: url(../art/menulink.gif) no-repeat left center; padding-left: 17px;}
#navigationbar ul li a:hover, #navigationbar ul li a:active, #navigationbar ul li a.item1HL { color: #D30A14; background: url(../art/menuhover.gif) no-repeat left center;}

#navigationbar #searchform form { height:26px; /*2.83em*/; padding: 8px 30px 0 0;}
#navigationbar #searchform input.zoekfunctie { border: 1px solid #aaa; float: right; width: 130px;}
#navigationbar #searchform input.zoekknop { float: right; margin-right: 5px;}

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

/*************************************************************
  P O R T A L
*************************************************************/
#portal { width: 960px;  height: 379px; }

a.therconlink { width: 100px; height: 45px; display: block; border: 0; z-index: 0; position:relative; top: 198px; left: 844px; cursor:pointer; background: url(thercon_logo.gif) no-repeat center;}

.image1 { background: #fff url(../art/header/header01.jpg) no-repeat top center; }
.image2 { background: #fff url(../art/header/header01.jpg) no-repeat top center; }
.image3 { background: #fff url(../art/header/header01.jpg) no-repeat top center; }
.image4 { background: #fff url(../art/header/header04.jpg) no-repeat top center; }
.image5 { background: #fff url(../art/header/header05.jpg) no-repeat top center; }
.image6 { background: #fff url(../art/header/header01.jpg) no-repeat top center; }
.image7 { background: #fff url(../art/header/header01.jpg) no-repeat top center; }
.image8 { background: #fff url(../art/header/header01.jpg) no-repeat top center; }
.image9 { background: #fff url(../art/header/header01.jpg) no-repeat top center; }
.image10 { background: #fff url(../art/header/header10.jpg) no-repeat top center; }
.image11 { background: #fff url(../art/header/header11.jpg) no-repeat top center; }
.image12 { background: #fff url(../art/header/header12.jpg) no-repeat top center; }
.image13 { background: #fff url(../art/header/header13.jpg) no-repeat top center; }
.image14 { background: #fff url(../art/header/header11.jpg) no-repeat top center; }
.image15 { background: #fff url(../art/header/header12.jpg) no-repeat top center; }
.image16 { background: #fff url(../art/header/header12.jpg) no-repeat top center; }
.image17 { background: #fff url(../art/header/header12.jpg) no-repeat top center; }

#portal #navigation { width: 240px; position: relative; top: 216px; height: 120px; margin: 0 auto; float: left;}
#portal #navigationup { width: 240px; position: relative; top: 134px; height: 200px; margin: 0 auto; float: left;}
#portal.home #navigation { width: 240px; position: relative; top: 211px; height: 120px; margin: 0 auto; float: left;}
#portal.home #navigationup { width: 240px; position: relative; top: 129px; height: 200px; margin: 0 auto; float: left;}

#portal a.product { display: block; /*width: 20px; height: 20px; background-color: #063;*/}


#portal #top { width: 240px; height: 16px; background: url(../art/popup_top.png) no-repeat top right;}
#portal #popup  { width: 213px; height: 102px; background: #F8F8F8 url(../art/popup_patroon.png) repeat-x bottom; border-left: 1px solid #fff; border-right: 1px solid #ccc; padding: 0 10px 0 15px; }
#portal #popup_active  { width: 213px; height: 102px; background: #F8F8F8 url(../art/popup_patroon_active.png) repeat-x bottom; border-left: 1px solid #fff; border-right: 1px solid #ccc; padding: 0 10px 0 15px; }
#portal #navigationup #popup {height: 184px;}


#portal #popup a { font: bold 1.4em/1em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; text-decoration: none;}
#portal #popup #subtitle {font: bold 1.1em/1.3em Arial, Helvetica, sans-serif; color: #555; width: 160px; float: right; margin-top: 8px;}
#portal #popup .text { padding-right: 25px; float: left;}
#portal #popup .up { float: right; position: relative; top: 70px; }
#portal #popup .down { float: right;}
#portal #popup #icon img { position: relative; top: -5px; padding-right: 7px;}
#portal #navigation #popup .down {display: none;}
#portal #navigation #popup #submenu {display: none;}

#portal #popup_active a { font: bold 1.4em/1em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; text-decoration: none;}
#portal #popup_active #subtitle {font: bold 1.1em/1.3em Arial, Helvetica, sans-serif; color: #555; width: 160px; float: right; margin-top: 8px;}
#portal #popup_active .text { padding-right: 25px; float: left;}
#portal #popup_active .up { float: right; position: relative; top: 70px; }
#portal #popup_active .down { float: right;}
#portal #popup_active #icon img { position: relative; top: -5px; padding-right: 7px;}
#portal #popup_active #popup .down {display: none;}
#portal #popup_active #popup #submenu {display: none;}

#portal #popup #submenu { margin-top: 15px; padding-left: 15px /*15px max*/; display: block; clear: both; }
#portal #navigationup #popup #subtitle { display: none; margin-top: 0px; padding-left: 0; }
#portal #navigationup #popup ul li {}
#portal #navigationup #popup ul li a,
#portal #navigationup #popup ul li a:link,
#portal #navigationup #popup ul li a:visited,
#portal #navigationup #popup ul li a:active {color: #4D941F/*#E20A16*/; text-decoration: underline; font: normal 1em/1.2em Arial, Helvetica, sans-serif; margin: 0; padding: 0;}
#portal #navigationup #popup ul li a:hover{ text-decoration: none; color:#E20A16} 
#portal #navigationup #popup .up { display: none;}
#portal #navigationup #popup .text { display: none;}

#portalclose {width: 960px; height: 9px; background: #fff url(../art/portal_bottom.jpg) no-repeat; top center; display: block; 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    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; border:0 }
#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.5em/1.5em "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_batibouw.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.5em/1.5em "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 { width: 312px; height: 90px; margin-top:10px  }

/*#contentwrapper.home #indekijker { width: 292px; height: 70px; padding: 20px 8px 5px 7px; font: normal 1.2em/1.2em Arial, Helvetica, sans-serif;}
#contentwrapper.home #indekijker h3 { margin-bottom:6px}
#contentwrapper.home #indekijker a.nieuwsitem { font: normal 12px Arial, Helvetica, sans-serif; line-height:25px; 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; }


#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{ background: #fff url(../art/bg_content.gif) repeat-y left; }
#kruimelpad { height: 15px; background: #fff none;}


/*************************************************************
 L E F T      S I D E B A R
*************************************************************/
#contentwrapper #leftsidebar { width: 250px; float: left; color: #FFF;}
#contentwrapper #top { background: #fff url(../art/sidebar_top.gif) no-repeat bottom left; height: 13px; }

#contentwrapper #leftsidebar h1 { margin: 0 20px 20px 30px; font: normal 1.5em/1.8em Arial, Helvetica, sans-serif; padding-left: 30px;  }
#contentwrapper #leftsidebar h1.menuactive {background: url(../art/bullet_submenu.gif) no-repeat left center;}
#contentwrapper #leftsidebar .right { float: right; position: relative; top: -43px; left: -20px; }

#contentwrapper #submenu {padding: 0 20px 20px 30px; border-bottom: 1px solid #292D30; color: #5AAC25; margin-bottom: 0px; }
#contentwrapper a.subMenu2, #contentwrapper a.subMenu2:link,  #contentwrapper a.subMenu2:visited { color: #5AAC25; text-decoration: none; display:block; line-height: 1.8em; }
#contentwrapper a.subMenu2:hover, #contentwrapper a.subMenu2:active, #contentwrapper a.subMenu2HL { color: #fff; text-decoration: none; display:block; line-height: 1.8em;}
#contentwrapper a.subMenu3, #contentwrapper a.subMenu3:link,  #contentwrapper a.subMenu3:visited { color: #888; text-decoration: none; display:block; padding-left: 15px; border-bottom: 1px dotted #888;line-height: 1.6em;}
#contentwrapper a.subMenu3:hover, #contentwrapper a.subMenu3:active, #contentwrapper a.subMenu3HL { color: #fff; text-decoration: none; display:block; padding-left: 15px; border-bottom: 1px dotted #888;line-height: 1.6em;}
#contentwrapper a.subMenu4, #contentwrapper a.subMenu4:link,  #contentwrapper a.subMenu4:visited { color: #666; text-decoration: none; display:block;  margin-left: 30px; line-height: 1.6em;}
#contentwrapper a.subMenu4:hover, #contentwrapper a.subMenu4:active, #contentwrapper a.subMenu4HL { color: #fff; text-decoration: none; display:block; margin-left: 30px; line-height: 1.6em;}

#videotestimonial { }
#videotestimonial h1 { background: url(../art/bullet_video.png) no-repeat left center; }
#videotestimonial .text { padding: 0 40px 20px 30px;  border-bottom: 1px solid #292D30; }

#contentwrapper #banner_calculator {padding: 10px 20px 20px 30px; border-bottom: 1px solid #292D30;}
#contentwrapper #banner_calculator .first {font: normal 1.1em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff;}
#contentwrapper #banner_calculator .second { font: normal 1.5em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #CC3333;}
#contentwrapper #banner_calculator .right { float: right; position: relative; top: -23px; left: 0; }
#contentwrapper #banner_energiepremie {padding: 10px 20px 20px 30px; border-bottom: 1px solid #292D30;}
#contentwrapper #banner_energiepremie .first {font: normal 1.1em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff;}
#contentwrapper #banner_energiepremie .second { font: normal 1.5em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #CC3333;}
#contentwrapper #banner_energiepremie .right { float: right; position: relative; top: -23px; left: 0; }
#contentwrapper #banner_ecoverter {padding: 10px 20px 20px 30px; border-bottom: 1px solid #292D30;}
#contentwrapper #banner_ecoverter .first {font: normal 1.1em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff;}
#contentwrapper #banner_ecoverter .second { font: normal 1.5em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #CC3333;}
#contentwrapper #banner_ecoverter .right { float: right; position: relative; top: -23px; left: 0; }

#contentwrapper #newsletter { padding: 20px 20px 20px 30px; border-bottom: 1px solid #292D30; }
#contentwrapper #newsletter .first {font: normal 1.1em/1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff;}
#contentwrapper #newsletter .second { font: normal 1.6em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff;}
#contentwrapper #newsletter .textbox { margin-top: 5px; border: 0;  width: 170px; vertical-align: middle;}
#contentwrapper #newsletter .button { width: 20px; height: 25px; background: url(../art/button_submit_black.gif) no-repeat; float: right; position: relative; top: -20px; cursor: pointer; }

/*************************************************************
  P A G E    C O N T E N T
*************************************************************/
#pagecontent {float: right; width: 600px; padding: 10px 50px 40px 60px;}

#pagecontent h1 {font: normal 1.66em/1.4em Arial, Helvetica, sans-serif; color: #000; margin: 0; background: url(bg_title.png) no-repeat top left; 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: #D30A14; }
#pagecontent a:hover, #pagecontent a:active { text-decoration: none;}

#pagecontent input, #pagecontent textarea,#pagecontent select { border: 1px solid #ccc; font: normal 1em/1.3em Arial, Helvetica, sans-serif; color:  #666;}
#pagecontent td.captcha_image img { border:1px solid #ccc }
#pagecontent .fout { color:#E20A16 }
#pagecontent .boodschap { color:#53991C }

#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 p { text-align:left }
.fototekst { padding-bottom: 10px;}

.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, .BeeldGrootLinks  { float: left; margin: 0px 25px 10px 0; font-size:11px; font-style:italic}
.BeeldRechts, .BeeldGrootRechts { float: right; margin: 0px 0 10px 25px; font-size:11px; font-style:italic; text-align:right}
.BeeldGroot { margin: 15px 0;}

/* 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; padding-left: 5px; }
#pdflink .box { position: relative; top: -10px;}
#pdflink #memo { padding-left: /*23px*/ 40px;}
#pdflink .url { display:inline;}

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

/*#pagecontent input.knop {background: #579c1f url(../art/bg_button.jpg) no-repeat center;  border: 0; font: normal 1.3em/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; 	width: 168px; height: 40px;text-transform: capitalize;color: #fff; }*/
#pagecontent input.knop {background: #579c1f url(../art/bg_button.jpg) no-repeat center;  border: 0; font: normal 1.2em/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; 	width: 111px; height: 30px;text-transform: capitalize;color: #fff; cursor:pointer }

#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; cursor:pointer}

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

/*************************************************************
  F O O T E R
*************************************************************/
#footer { height: 47px; background: #111518 url(../art/bg_footer.jpg) no-repeat bottom right; color: #FFF; padding: 12px 30px 0 30px;}

#footer .copyright { }
#footer a, #footer a:link, #footer a:visited  { color: #FFF; text-decoration: underline;}
#footer a:hover, #footer a:active {text-decoration: none;}

#footer ul li { float: left;}

#footer a.installer_banner, #footer a.installer_banner:link, #footer a.installer_banner:visited, #footer a.installer_banner:hover, #footer a.installer_banner:active { float: right; position: relative; top: -13px; text-decoration: none; }
#footer .first {font: bold 1.33em/1.33em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#CC3333; }
#footer .second {font: bold 1.5em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; }

/*************************************************************
  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;}


#blok { background: #C7D4B5 url(calculator/kader_top.gif) no-repeat top center; padding: 6px 15px 0 15px;}
#afdrukken { text-align: right;}
.overzicht {/* padding: 15px 15px 0 15px; */}
.overzicht .url { margin: 0; padding: 0 0 10px 0; }

#energiebehoefte table,
#geschattefactuur table,
#geschatteco2uitstoot table,
#geschatteverbruik table
{background-color: #A7BB8C; padding: 0;}
#energiebehoefte .overzicht th,
#geschattefactuur .overzicht th,
#geschatteco2uitstoot .overzicht th,
#geschatteverbruik .overzicht th{background-color: #A7BB8C;}
#energiebehoefte .overzicht td,
#geschattefactuur .overzicht td,
#geschatteco2uitstoot .overzicht td,
#geschatteverbruik .overzicht td{background-color: #A7BB8C;}


/*************************************************************
  S I T E M A P
*************************************************************/
#sitemap .level2 { padding-left: 15px; }
#sitemap .level3 { padding-left: 30px; }
#sitemap .level4 { padding-left: 45px; }

#sitemap .level2 a { padding-left: 15px; }
#sitemap .level3 a { padding-left: 30px; }
#sitemap .level4 a { padding-left: 45px; }