/* Clearfix  */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/
.clearfix { display:block; zoom:1; }
/* End hide from IE Mac */

/* Force scrollbar in Mozilla */
html { overflow-y: scroll; }

.tdEG div { float: none; /* UNDO float: left op DIV style_tag.css */}
.tdEG .normal { font-weight: normal; }

.tdEG h4 { font-size: 13px !important; }


/* Tabs */
.tabContainer { padding: 5px 0 0 0; }

.tabMenu { margin: 0 0 0 0; padding: 0; background: url(/Images/energyguard/tabMenu_bg.gif) repeat-x; }
.tabMenu ul { margin: 0; padding: 0; }
.tabMenu li { float: left; list-style: none; height: 33px; margin: 0 -1px 0 0;  }
.tabMenu li a { display: block; height: 33px; width: 200px; background-image: url(/Images/energyguard/tabs_nl.gif); background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px; }
 
.tabContent { border-left: 1px solid #dfd5ea; border-right: 1px solid #dfd5ea; border-bottom: 1px solid #dfd5ea; padding: 16px 16px 32px 16px; float: none; } 

.tabMenu li#tabVoordelen { width: 96px; }
.tabMenu li#tabKies { width: 115px; }
.tabMenu li#tabTarieven { width: 126px; }

.tabMenu li#tabVoordelen a { width: 96px; background-position: 0 0; }
.tabMenu li#tabKies a { width: 115px; background-position: -200px 0; }
.tabMenu li#tabTarieven a { width: 126px; background-position: -400px 0; }

.tabMenu li#tabVoordelen a:hover { width: 96px; background-position: 0 -50px; }
.tabMenu li#tabKies a:hover { width: 115px; background-position: -200px -50px; }
.tabMenu li#tabTarieven a:hover { width: 126px; background-position: -400px -50px; }

.tabMenu li#tabVoordelen a.active { width: 96px; background-position: 0 -100px; }
.tabMenu li#tabKies a.active { width: 115px; background-position: -200px -100px; }
.tabMenu li#tabTarieven a.active { width: 126px; background-position: -400px -100px; }

/* FR */

#fr .tabMenu li a { background-image: url(/Images/energyguard/tabs_fr.gif); }

#fr .tabMenu li#tabVoordelen { width: 102px; }
#fr .tabMenu li#tabKies { width: 177px; }
#fr .tabMenu li#tabTarieven { width: 137px; }

#fr .tabMenu li#tabVoordelen a { width: 102px; }
#fr .tabMenu li#tabKies a { width: 177px; }
#fr .tabMenu li#tabTarieven a { width: 137px; }

#fr .tabMenu li#tabVoordelen a:hover { width: 102px; }
#fr .tabMenu li#tabKies a:hover { width: 177px; }
#fr .tabMenu li#tabTarieven a:hover { width: 137px; }

#fr .tabMenu li#tabVoordelen a.active { width: 102px; }
#fr .tabMenu li#tabKies a.active { width: 177px; }
#fr .tabMenu li#tabTarieven a.active { width: 137px; }




/* List Plus bullets */
ul.listPlus { list-style: none; margin: 0; padding: 0; }
ul.listPlus li { color: #333; list-style: none; background: url(/Images/energyguard/listPlus.gif) 0 4px no-repeat; padding: 0 0 0 16px; }
ul.listPlus ul { list-style: none; margin: 0; padding: 0; }
ul.listPlus ul li { background: url(/Images/energyguard/hyphen.gif) 0 7px no-repeat; padding: 0 0 0 8px; }

/* Columns */
.tdEG .col1 { width: 255px; padding: 0 16px 0 0; float: left; }
.tdEG .col2 { width: 255px; float: left; }
/* Boxes */
.boxPlain { padding: 3px 21px; }
.boxLilac { padding: 10px 20px; margin: 10px 0; background: #e2d9ec; border: 1px solid #efeaf4; }

/* Data table */
table.data { width: 100%; }
table.data th { vertical-align: top; align: left; padding: 8px; }
table.data th.thRow { vertical-align: top; align: left; padding: 8px; background: none; }
table.data td { vertical-align: top; align: left; color: #333; padding: 8px; }
table.data td.noBorder { border: none; }

/* Weetjes */
.weetjes { border: 1px solid #CCC; background: #fff; margin: 0 0 10px 0; padding: 1px; float: none; }
.weetjes .body { padding: 10px; background: #745c9c url(/Images/energyguard/weetjes2.gif) 0 bottom repeat-x; color: #fff; float: none; }
.weetjes .container { float: none; margin: 0 0 9px 0; height: 100px; }
.weetjes h3 { color: #fff; }
.weetjes li { color: #fff; display: none; }
.weetjes a { color: #fff; text-decoration: none; }

.tdEG .note { color: #333; }
