body {margin:0;padding:0;background-color:white}
/* content */
#content {margin:0 0 0 16.5em}
#center_holder {margin-right:230px}
#center_holder2 {margin-right:240px}
html>body #center_holder {margin-right:5px}
#page_wrapper {margin:0;background-color:White;position:relative;font:13px/1.22 arial;border-bottom: solid 1px #7fbc1d;border-right: solid 1px #7fbc1d;border-left: solid 1px #7fbc1d; font-family:arial, helvetica, sans-serif;color:Black;min-width:970px}
* html #page_wrapper {position:fixed}
/* logo */
#header {height:184px;position:relative;margin:0;background: White url('../images/layoutTopEnergie-repeatX.gif') repeat-x ; background-color:White;}
#header h1 {border:0;margin:0px; background:url('../images/layoutTopEnergie.jpg') no-repeat;position:absolute;top:0px;left:0px; color:#5d900b; background-color:White;}
#header h1 a {height:129px;width:407px;display:block}
#header h1 span {display:none}
#header a {text-decoration:underline}

#right_col2 {width:230px;float:right}
#middle {margin:0 240px 0 0}
/* top menu */
#head_menu 
{
	border:solid 1px #5d900b;
	position:absolute;
	bottom:13px;
	left: 10px;
	right: 5px;
	height:2em;
	background:transparent url(../images/icons/menu_arrow_green.PNG) no-repeat .5em center;
}
#head_menu .sep {font-weight:100;color:#ccc;padding:0 1em}
#head_menu p {margin:.5em 0 0 2em}
#head_menu a {color:Black}
#head_menu a:hover {color:#666;text-decoration:none}
#head_menu span.sep {background:transparent url(../images/icons/menu_arrow_green.PNG) no-repeat .5em center;margin:0 1em;color:White}
#lang {right:12em}
#text {right:-.15em}
#text a, #lang a {font-size:11px}
#login {right:-.15em;top:.4em;border:solid 2px #A76CAD;padding:.5em 2em 0 2em;position:absolute;height:2em}
#login strong {margin-right:10px}
#login a {color:Black;text-decoration:none;background:transparent url(../images/icons/menu_arrow_green.PNG) no-repeat .5em center;padding-left:1em}
#login a:hover {color:#666;text-decoration:underline}

#text a, #lang a, #footer a {color:Black;text-decoration:none; }
#text a:hover, #lang a:hover, #footer a:hover {color:#666;text-decoration:underline}

#text, #lang {position:absolute;bottom:2.05em;background:white url(../images/head_shade.jpg) repeat-x bottom left;border:solid 1px #ccc;border-bottom-width:0px;padding:.4em 1em}
html>/**/body #text, html>/**/body #lang {bottom:2.1em}

/* right col */
#right_col {position:absolute;top :10.4em;right:-2px;width:220px}
* html #right_col {right:14px}
html>/**/body #right_col {top:10.5em}

#zekerheid {background:#5d900b url(../images/shade_28px.gif) repeat-x top left;border:solid 2px #5d900b}
#choice {border:solid 2px #5d900b;padding:20px}
#choice h3 { color:Black !important;font-size:1.4em;margin:0 0 20px 0;padding:0}
#choice h3 span {display:block}
#choice p {padding:0;margin:0}
#tell {background-color:white;border:solid 2px #A76CAD}
#tell h2 {padding:0;margin:1px;background:#A76CAD url(../images/tell_shade.jpg) repeat-x top left;padding:10px 10px}
#tell h2 a {display:block;color:White !important;background:transparent url(../images/tell_a_friend.png) no-repeat right center;padding:5px}
* html #tell h2 a {background-image:url(../images/tell_a_friend.gif)}
#tell h2 a:hover {background-color:Transparent;color:#666 !important}
#toezicht, #service_menu {border:solid 2px #5d900b;background:#5d900b url(../images/service_shade.jpg) repeat-x top left}
#service_menu h2, #toezicht h2 {color:White}
#toezicht a {padding-left:0 !important}
#toezicht h2, #zekerheid h2 {margin:0;padding:20px 10px}

#service_menu a.selected {color:#666;text-decoration:underline}
#toezicht li {padding:0 10px}
#toezicht h3 {padding:0;margin:0;color:Black !important}
#toezicht p {padding:0;margin:0 0 5px 0}
#toezicht ul {padding-bottom:.5em}

/* homepage */
#intro {border:solid 1px #ccc;margin:0 0 5px 0;min-height:8em}
#stap {border:solid 1px #ccc;border-width:1px 1px 1px 1px;margin:0;padding:0;background:transparent url(../images/purple_bar.gif) no-repeat bottom center;height:7em}
* html #stap {width:99%}
#prods table {margin:0;padding:0;border-collapse:collapse;width:99%}
html>body #prods table {width:100%}
#prods table td {border:solid 1px #ccc;background:transparent url(../images/shade_drop.jpg) repeat-x top left;padding:20px;vertical-align:text-top;width:50%}
html>/**/body #prods table td {padding:1em}
#prods table td img {float:left;margin:0 1em}
#prods table td h3 {margin-left:90px;font-size:14px;word-spacing:-.4em}
#prods table td h3 span {word-spacing:normal}
html>/**/body #prods table td h3 {word-spacing:-.3em}
#prods table td p {margin-left:90px}
#prods table td a {color:black;text-decoration:none;display:block}
#prods table td a:hover {color:#5d900b}
#prods table td a:hover h3 {text-decoration:underline}
#prods ul {padding:0;margin:0}
#prods li {border:solid 1px #ccc;float:left;width:33%;height:5em}
#prods li.r {border-left:none;float:right;width:32%}

#stap h2 {padding:20px 0 20px 20px;color:#5d900b;font-size:22px;font-weight:bold;margin:0}
#intro h1 {padding:20px 0 20px 20px;width:10em;color:#5d900b !important;float:left;margin:0}
#stap h2 span, #intro h1 span {display:block}
#intro p {margin:20px 15% 0 18em;padding-bottom:1em}

/* left menu */
#new_menu {width:15em;max-width:340px;float:left;display:block; margin:0 0 10px 10px}

#right_col ul, #new_menu ul {padding:0;margin:0;padding-bottom:5px}
#new_menu h2 {padding:15px 10px;margin:0}
#right_col a, #new_menu a {display:block;padding:2px 0 2px 10px;text-decoration:none;color:Black}
#right_col a:link, #new_menu a:link, #right_col a:visited, #new_menu a:visited {text-decoration:none;color:Black}
#right_col div, #new_menu div {margin-bottom:5px}
#right_col a:hover, #new_menu a:hover{color:#666;text-decoration:underline}
#right_col a.selected, #new_menu a.selected {color:#666 !important;text-decoration:underline !important}
#right_col a:active, #new_menu a:active {color:#666;text-decoration:underline}



#zekerheid a {color:inherit}
#zekerheid a:hover {text-decoration:underline;color:#5d900b} 
#choice a {display:inline;padding:0;margin:0}

#port_menu h2 {color:White}
#compare_menu h2 {color:White;background-color:#7fbc1d; padding:20px 10px}
* html #compare_menu h2 {background-color:#7fbc1d}
#zekerheid h2 {color:white}
#port_menu, #keepsafe, #support, .calendar_list {background:#A76CAD url(../images/tell_shade.jpg) repeat-x top left;border:solid 2px #A76CAD}
#compare_menu {background:#7fbc1d url(../images/vergelijk_shade_24.gif) repeat-x top left;border:solid 2px #7fbc1d} 

#keepsafe ul, #support ul, .calendar_list ul, #new_menu ul, #zekerheid ul, #toezicht ul {background:white url(../images/shade_drop.jpg) repeat-x top left;padding-top:10px}
#compare_menu ul li {border-bottom:solid 1px #7fbc1d}
#compare_menu ul li a {font-weight:bold;color:#7fbc1d}
#compare_menu ul li a:link {color:#7fbc1d; }
#compare_menu ul li a:visited {color:#7fbc1d; }
#compare_menu ul li a:hover {background-color:#7fbc1d;color:White;text-decoration:none}
#compare_menu ul li a:active {color:white;background-color:#7fbc1d}
#compare_menu ul li a.selected, #compare_menu ul li a:visited.selected {color:white !important;background:#7fbc1d url(../images/menu_arrow_down.gif) no-repeat 90% 50%;text-decoration:none !important}
#compare_menu ul li ul li a {font-weight:normal;color:#7fbc1d}
#compare_menu ul li ul li a:link {color:#7fbc1d}
#compare_menu ul li ul li a:hover {background-color:#efefef;color:#7fbc1d;text-decoration:none}
#compare_menu ul li ul li a:active {color:#7fbc1d;background-color:#7fbc1d}
#compare_menu ul li ul li a.selected, #compare_menu ul li ul li a:visited.selected {color:#5d900b !important;background-color:#7fbc1d;text-decoration:none;background-image:none}
#compare_menu ul li ul {padding:0;border-top:solid 1px white;padding-bottom:1.5em}
#compare_menu ul li ul li a {font-weight:normal}
#compare_menu ul li ul {border-bottom:solid 2px #7fbc1d;background-image:none}

/* footer */
#prefooter { clear:both; }
#footer {width:100%;clear:both; margin-top:100px; height:33px; background: #acd461; border-top: solid 1px #7fbc1d;}
#footer ul {margin:0;padding:.5em 0;margin-top:4px}
#footer li {display:inline;margin-left:1em} 
#footer a {margin-right:1em}

table {border-collapse:collapse}

table.cost_table {width:100%;border-collapse:collapse;clear:none;padding:0;margin:0;border-top:solid 1px #7fbc1d;font-weight:bold }
table.cost_table thead tr th {text-align:left;color:#7fbc1d;padding:.4em}
table.cost_table thead tr th.header {font-size:150%}
table.cost_table thead tr th.int {border:solid 1px #7fbc1d;border-width:0 1px 0 0}
table.cost_table thead tr.top th {border-bottom:solid 1px #7fbc1d;text-align:right}
table.cost_table tbody tr th {text-align:left;color:#7fbc1d;border:solid 1px #7fbc1d;border-width:0 1px 0 0;padding-left:.4em}
table.cost_table tbody tr.dis td, table.cost_table tbody tr.dis th {color:#5d900b;border-bottom:solid 1px #7fbc1d;font-size:150%}
table.cost_table tbody tr td { padding:.4em;text-align:right}
table.cost_table tfoot tr {font-size:150%}
table.cost_table tfoot tr th {text-align:left;color:#7fbc1d;border:solid 1px #7fbc1d;border-width:1px 1px 0 0;padding-left:.4em}
table.cost_table tfoot tr td {text-align:right;color:#5d900b;text-align:right;padding:.4em;border:solid 1px #7fbc1d;border-width:1px 0 0 0}
table.cost_table tfoot tr td.line1, .line1 {border-left:solid 1px #7fbc1d}

table.result {width:100%;border-collapse:collapse;clear:none;padding:0;margin:0;border:solid 1px #ccc}
* html table.res2 {width:auto}
html>/**/body table.result {border:none}
table.result caption {color:#31626a;margin:.2em 0em}
table.result thead {text-align:left;font-size:12px}
table.result thead tr {color:#7fbc1d;font-weight:bold}
table.result thead tr th {padding:.5em .4em;border:solid 1px #ccc;border-width:1px}
table.result thead tr th.l {padding-right:0;border-width:1px 0px 1px 0px}
table.result thead tr th.r {padding-left:0;border-width:1px 0px 1px 0px}
table.result thead tr th.b {padding:0;border-width:1px 0px}
table.result thead tr th.premie {color:#5d900b;}
table.result thead tr th span.dh {word-spacing:-.3em}
table.result tbody tr th span.dh {word-spacing:-.3em}
table.result tbody tr th {padding:.5em .4em;border:solid 1px #ccc;text-align:left;vertical-align:text-top}
table.result tbody tr td {padding:.5em .4em 5px .4em;border:solid 1px #ccc;border-width:1px 0}
table.result tbody tr td.l {padding:1px}
table.result tbody tr td.r {padding-left:0}
table.result tbody tr th.l {padding:0;border-width:1px 0 1px 0}
table.result tbody tr th.r {padding-left:0;border-width:1px 0 1px 0}
table.result tbody tr th.b {padding:0;border-width:1px 0 1px 0}
table.result tbody tr td.premie {color:#5d900b;}
table.result tbody tr td.tvResultNoChannels {text-align:center}
table.result tbody tr td.b {padding:0 0 5px 0;vertical-align:top;margin:0}
table.result tbody tr.yellowclass td { background-color:#FFFFCC;}
table.result tbody tr.yellowclass td.b { background-color:#FFFFCC;}

.green_elec {color:#3c0;font-weight:bold}
.green_gas {color:#3c0;font-weight:bold}

/* common setup */

h1 {font-size:22px;font-weight:bold; color:#5d900b}
h2 {font-size:14px;font-weight:bold}
h3 {font-size:13px;font-weight:bold}
h4 {font-size:12px;font-weight:bold}

p, ul, table, cite, ol, label {font-size:12px}
label {font-weight:bold}
ul {padding:0;margin:0;list-style-type:none}
ul li {list-style-type:none}

/* common controls */
.fleft {float:left}
.fright {float:right}
.display_none {display:none}
.normal {display:none}
.visible {display:inline}
.hidden {display:none}
.clean {clear:both}
.v_info {clear:both;text-align:left}
.v_star {color:#5d900b;display:inline !important}
a.small {font-size:.8em}
a.medium {font-size:.9em}
a.big {font-size:1em}
.smicon {font-size:126%;line-height:150%}
.smicon2 {font-size:126%;line-height:150%}
.blocker {display:block; color:black}
.blocker a:active {color:black }
.mid_name {width:6em}
.oldprice {text-decoration:line-through;color:Red}
.suggest {color:gray;font-style:italic}
.user_input {color:black;font-style:normal}
.elec_icon {background:url(../images/elec.gif) center left no-repeat;padding:4px 0 4px 20px}
.gas_icon {background:url(../images/gas.gif) center left no-repeat;padding:5px 0 5px 20px}
.error, .getskype, .openskype, .newwindow, .opendoc, .openxls, .openpdf, .download,.openmail, .openppt, .opensnp, .secure, tick, cross {background:url(../images/icons/newwindow.gif) no-repeat right center;padding-right:24px}
.Geaccepteerd, .Nieuwe {background:url(../images/icons/order_in_progress.gif) no-repeat 5px center;padding-left:24px}
.Geaccepteerd {background-image:url(../images/icons/order_accepted.gif)}
.opendoc {background-image:url(../images/icons/icondoc.gif)}
.openxls {background-image:url(../images/icons/iconxls.gif)}
.openpdf {background-image:url(../images/icons/iconpdf.gif);padding:2px 24px 2px 0}
.download {background-image:url(../images/icons/download.gif)}
.openmail {background-image:url(../images/icons/iconmailto.gif)}
.openppt {background-image:url(../images/icons/iconppt.gif)}
.opensnp {background-image:url(../images/icons/iconsnp.gif)}
.secure {background-image:url(../images/icons/ms_lock.gif);padding-left:24px}
.tick {background-image:url(../images/icons/tick_icon.gif);padding-left:34px}
.cross {background-image:url(../images/icons/error.gif);padding-left:34px}
.openskype {background:url(../images/icons/SkypeBlue_16x16.png) no-repeat center left;padding-left:18px}
.getskype {background:url(../images/icons/Add_16x16.png) no-repeat center left;padding-left:18px}
.error {background:url(../images/icons/Error_16x16.png/) no-repeat top left;padding-left:18px}
p.top_link { text-align:right;}
/* pages */
#std1 {border:solid 1px #ccc;padding:20px 0 20px 20px}
#std1 h1 {margin:0 0 1em 0}
#std1 h2, #std1 h3 {margin:1em 0}
#std1 h1, #std1 h2 {color:#5d900b}
#std1 h3 {color:Black}
#std1 p {padding:0 60px 1em 0}
#std1 ol {margin:0 0 1em 0;padding:0 0 0 0em}
#std1 ol li {font-weight:bold;margin-bottom:1em;list-style-position:inside;margin-bottom:1em}
#std1 ul li { list-style-type:disc;font-weight:bold;list-style-position:inside;margin-bottom:1em}
#std1 ul {margin-bottom:1em}
#std1 ol ul {margin-top:1em}
#std1 a {color:#7fbc1d;text-decoration:underline}
#std1 a:hover {color:#5d900b}

#std1 iframe {float:left;border:none;margin:0;padding:0}
#std1.film {height:100em}

#std1 table tbody tr th {text-align:left}
#std1 table caption {text-align:left;color:#7fbc1d;font-size:14px;font-weight:bold}
#std1 table tbody tr td {padding:0 0 5px 5px}

#tell_a_friend {border:solid 1px #ccc;padding:10px 20px 10px 20px}
#tell_a_friend h1 {color:#5d900b}
#tell_a_friend .blocker_email {margin:10px 0px 0px 50px}
#tell_a_friend .blocker_email1 {margin:10px 0px 0px 19.3px}
#tell_a_friend .blocker_email2 {margin:10px 0px 0px 40.5px}
#tell_a_friend .message1 {padding:5px 0 0px 0;margin:0;color:white;margin-right:4px;width:141px;border:solid 2px #5d900b; background:#7fbc1d url(../images/vergelijk_shade_24.gif) repeat-x top left;border:solid 2px #7fbc1d;font-weight:bold;}
#tell_a_friend .message1:hover {color:black}




#tell_a_friend .blocker_email3 {margin:10px 0px 0px 78.3px}

#std2 {padding:0}
#std2 div.intro {border:solid 1px #ccc;padding:20px}
#std2 div.det {clear:right}
#std2 h1.res {border:solid 1px #ccc}
#std2 div.intro h1 {float:left;height:5em;width:16em;padding-right:1em;border:none !important}

#std2 h1, #std2 h2, #std2 h3 {margin:0 0 1em 0;color:#7fbc1d}
#std2 h1 {margin-bottom:5px}
#std2 .holder_em4 {border:solid 1px #ccc;border-width:1px 1px 0px 1px}
#std2 h2.tvhead {padding:20px 0 0 20px}
#std2 h3 {color:Black}
#std2 p {padding:0 0 1em 20px}
#std2 ol {margin:0 0 1em 0;padding:0 0 0 0em}
#std2 ol li {font-weight:bold;margin-bottom:1em;list-style-position:inside;margin-bottom:1em}
#std2 ul li { font-weight:bold;margin-bottom:1em}
#std2 ul {margin-bottom:1em}
#std2 ol ul {margin-top:1em}
#std2 a {color:black;text-decoration:underline}
#std2 a:hover {color:black}
#std2 fieldset {border:none;margin:0;padding:0}
#std2 table caption {text-align:left;color:#7fbc1d;font-size:14px;font-weight:bold}
#std2 iframe {width:780px;border:none;overflow:scroll;height:500em;float:left}



#std3 h1 {border:solid 1px #ccc}
#std3 h1, #std3 h2, #std3 h3 {MARGIN: 0px 0px 1em;color:#7fbc1d}
#std3 label {color:#7fbc1d}
#std3 h3 {}
#std3 ol {margin:0 0 1em 0;padding:0 0 0 0em}
#std3 .inst {padding:10px 20px 0 10px;border-bottom:solid 1px #CCC}
#std3 .inst {padding:10px 20px 0 10px;border-right:solid 0px #CCC}
#std3 .last {padding:10px 20px 0 10px;border-bottom:solid 1px #CCC}
#std3 .inst p {margin-right:15%}
#std3 .last p {margin-right:15%}
#std3 .meter, #std3 .code {border-bottom:solid 1px #CCC;border-right:solid 0px #CCC;padding:10px 20px 0 50px}
#std3 .criteria {padding:10px 20px 0 50px}
#pc_input {border-right:solid 0px #CCC;}
#std3 .three, #monthly_input, #yearly_input,  #business_input {padding:10px 20px 0 50px}
#pc_input {padding:10px 0px 0 50px}

#comparison_input {padding:0px 0px 0 0px; width: 48%; float: left;}
#std3 .three, #monthly_input, #std3 .meter, #business_input, #pc_input, #yearly_input, #std3 .code {background:transparent url(../images/num_3.png) no-repeat 10px 10px}
#std3 .criteria {background:transparent url(../images/num_5.png) no-repeat 10px 10px}

#std3 h3.orange_color{color:Orange}
.right_picture{width:386; height:248; background:transparent url(../images/foto_home.jpg) no-repeat center right;}
#rightSearch {width: 48%; float: left;}

#std3 .meter {background-image:url(../images/num_2.png)}
#std3 .code {background-image:url(../images/num_1.png)}
#std3 ol li {font-weight:bold;margin-bottom:1em;list-style-position:inside;margin-bottom:1em}
#std3 ul li { font-weight:bold;margin-bottom:1em}
#std3 ul {margin-bottom:1em}
#std3 ol ul {margin-top:1em}
#std3 a {color:#7fbc1d;text-decoration:underline}
#std3 a:hover {color:#5d900b}
#std3 fieldset {border:none;margin:0;padding:0}
#std3 .holder_flex2 {padding:10px 20px 10px 10px;}
#std3 .holder_flex1 {width:100%;border:solid 0px #7fbc1d;float:left}
#std3 .holder_flex3 {width:100%;float:left;padding:0;margin:0}
#std3 .holder_flex3 p {padding:20px;border:solid 1px #ccc;margin:0 !important;border-bottom-width:0px}
#std3 .holder_flex3 ul.rem {padding:20px;border:solid 1px #ccc;margin:0 !important}
#std3 .holder_flex3 ul.rem2 {padding:20px;border:solid 1px #ccc;margin:0 !important;border-width:0px 1px}
#std3 .holder_flex3 ul.rem3 {padding:20px 10px 10px 20px;border:solid 1px #ccc;margin:5px 0 0 0 ;border-width:1px} 
#std3 .holder_flex3 ul.rem4 {padding:20px 10px 10px 20px;border:solid 1px #ccc;margin:0 ;border-width:0px 1px 1px 1px} 

#std3 .holder_flex3 h3, #std3 h2.rem { border:solid 1px #ccc;margin:0 !important;padding:20px;border-bottom-width:0px}
#std3 .holder_flex3 h4, #std3 .holder_flex3 ol {border:solid 1px #ccc;margin:0 !important;padding:0 20px;border-width:0px 1px}
#std3 .holder_flex3 ol {margin-bottom:5px;border-width:0px 1px 1px 1px}
#std3 .holder_flex3 h3, #std3 .holder_flex3 h4 {color:#A56CAD !important} 
 
#std3 h2.active, #std3 h2.active2, #std3 h2.active_full, #std3 h2.active2_full {padding:5px 0 10px 0;margin:0;color:white;margin-right:4px;background:#7fbc1d none repeat-x top left;border:solid 2px #7fbc1d;float:left;width:141px;border-bottom-width:1px}
#std3 h2.unactive, #std3 h2.unactive2, #std3 h2.unactive_full, #std3 h2.unactive2_full {margin:0;background:#cdcdcd url(../images/tab_shade.jpg) repeat-x;padding:5px 0 10px 0;color:Black;width:141px;float:left;margin-right:4px;color:Black;border:solid 2px #cdcdcd;border-bottom-width:1px}
#std3 h2.active2, #std3 h2.unactive2, #std3 h2.active2_full, #std3 h2.unactive2_full {margin-right:0}
#std3 h2.unactive a, #std3 h2.unactive2 a, #std3 h2.unactive_full a, #std3 h2.unactive2_full a {background:transparent url(../images/right_arrow.gif) no-repeat 5px;padding-left:20px;color:#666}
#std3 h2.active a, #std3 h2.active2 a, #std3 h2.active_full a, #std3 h2.active2_full a {background:transparent url(../images/menu_arrow_down.gif) no-repeat 5px;padding-left:20px;color:White}
#std3 h2.unactive a:hover, #std3 h2.unactive2 a:hover, #std3 h2.unactive_full a:hover, #std3 h2.unactive2_full a:hover {color:black}
#std3 h2.active_full, #std3 h2.active2_full, #std3 h2.unactive_full, #std3 h2.unactive2_full {width:auto;padding-right:5px;height:auto} 
html>body #std3 h2.active {font-weight:800;width:11.8em;margin-right:.35em}
html>body #std3 h2.unactive {font-weight:600;width:11.8em;margin-right:.342em}
html>body #std3 h2.active2 {font-weight:800;width:11.8em}
html>body #std3 h2.unactive2 {font-weight:600;width:11.8em}





#std4 .holder_flex1 {width:100%;border:solid 0px #7fbc1d;float:left}

#std4 .holder_flex2 {float:left;width:100%}
#std4 { }
.right {float:right;width:50%}
.left { margin:0 50.1% 0 0;clear:left;border-right:solid 1px #ccc}
.left2 { margin:0 50.1% 0 0;clear:left;border-right:solid 1px #ccc}
.left3 { width:50%;clear:none;border-right :solid 1px #ccc}

.prod_info h2 {padding:20px}
.prod_info h3 {margin:0}
.prod_info p {padding:0 20px}
.prod_info h4 {padding:20px;font-size:14px}
.prod_info h4 span {color:#5d900b;text-align:right;padding-left:10em}
.right2 {float:right;width:40em;padding-right:20px}
.jj {clear:right}

#std4 h2.active, #std4 h2.active2, #std4 h2.active_full, #std4 h2.active2_full {padding:5px 0 10px 0;margin:0;color:white;margin-right:4px;background:#7fbc1d none repeat-x top left;border:solid 2px #7fbc1d;float:left;width:141px;border-bottom-width:1px}
#std4 h2.unactive, #std4 h2.unactive2, #std4 h2.unactive_full, #std4 h2.unactive2_full {margin:0;background:#ccc url(../images/tab_shade.jpg) repeat-x;padding:5px 0 10px 0;color:Black;width:141px;float:left;margin-right:4px;border:solid 2px #cdcdcd;border-bottom-width:1px}
#std4 h2.active2, #std4 h2.unactive2, #std4 h2.active2_full, #std4 h2.unactive2_full {margin-right:0}
#std4 h2.unactive a, #std4 h2.unactive2 a, #std4 h2.unactive_full a, #std4 h2.unactive2_full a {background:transparent url(../images/right_arrow.gif) no-repeat 5px;padding-left:20px;color:#444}
#std4 h2.active a, #std4 h2.active2 a, #std4 h2.active_full a, #std4 h2.active2_full a {background:transparent url(../images/menu_arrow_down.gif) no-repeat 5px;padding-left:20px;color:White}
#std4 h2.unactive a:hover, #std4 h2.unactive2 a:hover, #std4 h2.unactive_full a:hover, #std4 h2.unactive2_full a:hover {color:black}
#std4 h2.active_full, #std4 h2.active2_full, #std4 h2.unactive_full, #std4 h2.unactive2_full {width:175px} 
html>body #std4 h2.active {font-weight:800;width:11.8em;margin-right:.35em}
html>body #std4 h2.unactive {font-weight:600;width:11.8em;margin-right:.342em}
html>body #std4 h2.active2 {font-weight:800;width:11.8em}
html>body #std4 h2.unactive2 {font-weight:600;width:11.8em}


#std4 h1 {border:solid 1px #ccc; padding: 20px 0 20px 2em;}
#std4 h1, #std4 h2, #std4 h3 {MARGIN: 0px 0px 1em;color:#7fbc1d}
#std4 label {color:#7fbc1d}


#std2 .steps span { margin-right:10px}
#std2 .steps {border:solid 1px #ccc;padding:5px 10px; margin-bottom:10px;}

#std3 .steps span { margin-right:10px}
#std3 .steps {border:solid 1px #ccc;padding:5px 10px; margin-bottom:10px}

#std4 .steps span { margin-right:10px}
#std4 .steps {border:solid 1px #ccc;padding:5px 10px; margin-bottom:10px}

.steps_selected {}
.steps_unselected {}

#std3 .meter ul li span {}
#monthly_input ul li label {width:18em;float:left}
#current_supplier ul li label {width:18em;float:left}
#business_input ul li label {width:18em;float:left}
#yearly_input ul li label {width:18em;float:left}
#std3 .meter ul li label {width:13em;float:left}
#std3 ul li label {width:13em;float:left}
#std5 ul li label {width:18em;float:left}

#business_input ul li ul li label, #yearly_input ul li ul li label {width:auto}
#std3 .code label {width:13em;float:left}
#std3 .criteria label {padding-left:3em;}

#business_input ul li ul li, #use_elec_3{padding-left:8em}
html>/**/body .elec1, html>/**/body #business_input ul li ul li {padding-left:0}

#std5 {padding:0}

#std5 h1, #std5 h2, #std5 h3 {margin:0 0 1em 0;color:#5d900b}
#std5 .surr {border:solid 1px #ccc}
#std5 .surr h1 {margin:20px}
#std5 .surr1 {margin:0px;border:solid #ccc;border-width:0px 1px 1px 1px}
#std5 .surr3 {margin:0px;border:solid #ccc;border-width:1px 1px 1px 1px}
#std5 .surr2 {margin:0px;border:solid #ccc;border-width:0px 1px 0px 1px;padding:20px}
#std5 h2 {margin:5px 0 0 0;padding:5px 20px}
#std5 h1 {margin-bottom:5px;font-size:22px;float:left;width:40% }
#std5 address {font-weight:bold;font-style:normal}
#std5 li {padding-bottom:10px}
#std5 h2.tel_num {float:right;width:40%;font-size:16px;color:black;margin-top:20px}
#std5 .tel_num a {color:black;text-decoration:none;font-weight:normal}
#std5 .route li {list-style-image:url(../images/contact_arrow_right.gif);list-style-position:inside}

#std5 ul li label { width:18em;float:left;clear:left }
#std5 ul {border:solid 1px #ccc;border-width:0px 1px 1px 1px;padding:20px }

#std5 .holder_flex2 {float:left;width:100%}
#std5 .holder_flex1 {float:left;width:100%}

/* tables */
table.browsers caption {text-align:left;font-weight:bold;color:#615583;margin:.4em 0em}
table.browsers thead {background:#5EC7D7 url(../images/result_shade.jpg) repeat-x center left;padding:.5em 0}
table.browsers thead tr th {padding:.5em 0.6em}
table.browsers tbody tr {background:#DFF4F7}
table.browsers tbody tr th {font-weight:bold;padding:.5em}
table.browsers tbody tr.odd {background:#BFE9F0}
table.browsers tbody tr td {padding:.5em}

.prod_info h3 {text-align:left;font-weight:bold;border:solid 1px #ccc;border-width:1px 0;padding:10px 20px;color:#7fbc1d;font-size:14px}
.res_head h3, .res_head2 h3 {color:#7fbc1d;border:none}
table.std {width:99%;font-weight:bold;margin:0;padding:0}
* html table.std {width:99%}
table.std caption {width:100%;text-align:left;font-weight:bold;border:solid 1px #ccc;border-width:1px 0;padding:10px 20px;color:#7fbc1d;font-size:14px}
table.std thead tr th {color:#666;text-align:right;padding:3px 20px}
table.std tbody tr th {text-align:left;padding:3px 0 3px 20px}
table.std tfoot tr td, table.std tbody tr td {padding:3px 20px;text-align:right;font-weight:bold;color:#7fbc1d;	}
table.std tfoot tr th {text-align:left;padding:3px 0 3px 20px;border:solid 1px #CCC;border-width:1px 0}
table.std tfoot tr td {color:#7fbc1d;border:solid 1px #CCC;border-width:1px 0} 
table.std tbody tr td.hd1 {text-align:left;padding:3px 0 3px 20px;color:Black}
table.std thead tr th.hd1 {text-align:left;padding:3px 0 3px 20px}
table.std tfoot {font-weight:bold;font-size:14px}
div.grand_total, div.sub_total {background:white url(../images/head_shade2.jpg) repeat-x bottom left;padding-bottom:20px}

table.std2 {width:auto;font-weight:bold}
table.std2 thead tr th {color:#666;text-align:right;padding-right:20px}
table.std2 thead {text-align:right}
table.std2 tbody tr th {padding:3px 0 3px 20px;text-align:left;width:26em}
table.std2 tbody tr td {padding:3px 20px;text-align:right;font-weight:bold;color:#7fbc1d;	}

table.std3 {width:100%}
table.std3 caption {text-align:left;color:#666;padding:5px 20px;font-weight:bold;border-top:solid 1px #ccc}
table.std3 thead tr th {text-align:left }
table.std3 tbody {}
table.std3 tbody tr td {width:50% ;color:#7fbc1d;font-weight:bold;padding:3px 20px}
table.std3 tbody tr td.gone {display:none}

.Col2_ItemTemplate {width:176px}
table.purchase {margin-bottom:5px; padding-bottom:5px}
table.purchase tbody td { }
table.purchase tbody td label {color:#7fbc1d;font-weight:bold;padding:0px 20px; width:20em; float:left;}

table.purchase tbody td .radio label
{
	float: none;
	width:auto;
	padding-left:3px;
}

table.purchase caption { color:#5d900b; font-weight:bold; text-align:left; padding:0px 20px;margin:0}
.reg_purchase h3 {padding:0 20px ;color:#7fbc1d !important;font-size:14px;margin:0; border-bottom:solid 1px #ccc;}
.reg_purchase ul li {padding:0 20px}
.reg_purchase {border:solid 1px #ccc;margin:0;padding:0;clear:right}
.reg_purchase hr {color:#ccc; height:1px;}
.reg_purchase label {color:#7fbc1d;padding:0px 34px 0 0; width:20em; float:left;}

table.std4 {width:100%;clear:right}
table.std4 caption {text-align:left;color:#666;padding:5px 20px;font-weight:bold;border-bottom:solid 1px #ccc }
table.std4 thead tr th {text-align:left;padding:3px 20px}
table.std4 tbody {}
table.std4 tbody tr td {color:#7fbc1d;font-weight:bold;padding:3px 20px;width:50%}
table.std4 tbody tr td.gone {display:none}

table.details {margin:0 15px 0 0;float:left;vertical-align:inherit}
table.details caption {text-align:left;color:#615583;margin:0 5px 0 0;font-weight:bold;padding:0 5px}
table.details tbody tr th {text-align:left;border-bottom:solid 1px #8F9EDF;padding:0 5px;width:12em}
table.details tbody tr {padding:0 5px}
table.details tbody tr td {text-align:left;padding-right:.5em;margin:0;border-bottom:solid 1px #8F9EDF}
table.details tbody tr th.none, table.details tbody tr td.none {border:none}
.showmore {clear:both;float:left}

table.confirm {margin:0 15px 0 0;float:left;vertical-align:inherit}
table.confirm caption {text-align:left;color:#615583;margin:0 5px 0 0;padding:0 5px;font-weight:bold}
table.confirm tbody tr th {text-align:left;border-bottom:solid 1px #8F9EDF;padding:0 5px;color:#615583}
table.confirm tbody tr {padding:0 5px}
table.confirm tbody tr td {text-align:left;padding-right:.5em;margin:0;border-bottom:solid 1px #8F9EDF}

h3.elec, table.elec caption {background:url(../images/elec.gif) 20px no-repeat;padding:5px 0 5px 50px}
h3.gas, table.gas caption {background:url(../images/gas.gif) 20px no-repeat;padding:5px 0 5px 50px}

/* lists */
#yearly_input ul ul, #monthly_input ul, #top5_results ul, #top5_results ol ul, #top5_results ol ul li, #business_input ul, ul.rem, ul.butt, .filters li, .holder_tell ul, ul.fields, #access_area ul, #yearly_input ul {margin:0;padding:0}

/*register */
#register_details {border:solid 1px #ccc;float:left;width:49%;clear:right}
#login_details {border:solid 1px #7fbc1d;float:right;width:49%}
#login_details h2 {padding:20px;border-bottom:solid 1px #7fbc1d}
#register_details h2 {padding:20px;border-bottom:solid 1px #ccc}
#register_details ul, #login_details ul {padding:20px;margin:0}
#register_details li {}
#login_details li.li2 {float:right;width:60%}
#register_details li.li1, #login_details li.li1 {float:left;width:40%;clear:both}
#register_details li.li2 {float:left;width:100%;clear:both}
#register_details {}
#login_details li.li3 {clear:both;width:100%} 

.reg_details { float:left}
.reg_details h3 {padding:0 20px ;color:#7fbc1d !important;font-size:14px;margin:0}
.reg_details ul li {padding:0 20px}
.reg_details {border:solid 1px #ccc;margin:0;padding:0;clear:right}
#support ul{max-height:13em;overflow:auto}

#keepsafe ul {max-height:9em;overflow:auto}
#keepsafe li, #support li, .calendar_list li{border-bottom:solid 1px #ccc;padding:3px 0}
#keepsafe li, #support li { padding:3px 0px 3px 10px}
#support li { line-height:1.5em}
#keepsafe a, #support a, .calendar_list a {text-decoration:underline}
#keepsafe li a {background-position:2px center;padding-left:24px;padding-right:0}
.calendar_list ul li {padding:0;margin:0 0 5px 0;line-height:150%}
.calendar_list ul {max-height:13em;overflow:auto;margin:0 0 0 2px;padding:0}
.calendar_list {padding:2px 2px 10px 0;margin-bottom:5px}
#right_col2 h2 {margin:0;padding:20px 10px 0 10px;color:White}
#right_col2 div {margin-bottom:1em}
* html #right_col2 ul {height:8em}
#middle h1 {border:solid 1px #ccc;color:#A56CAD;margin:0}
#middle h3 {margin:0 0 5px 0;padding:0;text-align:left;font-size:1.4em;color:#615583;font-weight:lighter;background:#cdd6f3 url('../../images/contract_head.jpg') repeat-x bottom left;padding-left:10px}
#middle h4 {margin:5px 0 0 0;padding:5px 20px;text-align:left;color:black;font-size:1em;border:solid 1px #ccc;font-size:14px}
#middle h5 {margin:0;padding:0;text-align:left;color:Black}
#middle fieldset { padding:0;margin:0}
#middle legend {font-weight:bold;color:#7fbc1d;margin:0;padding:0}

#rem1 {padding:20px}

div.dashboard table {border-collapse:collapse}
* html div.dashboard table {float:left}
div.dashboard table thead tr th {border:solid 1px #ccc;padding:3px 5px}
div.dashboard table tbody tr td {border:solid 1px #ccc;padding:3px 5px}
div.dashboard table tbody tr td.hd, div.dashboard table tbody tr td.hd_odd, div.dashboard table thead tr th.hd {padding-left:20px}
div.dashboard table tfoot {margin:0;padding:0}

div.remindboard table {border-collapse:collapse;clear:none;border:none;padding:0;margin:0;border:solid 1px #ccc;border-width:0 1px}
div.remindboard table thead tr th{background:#A76CAD url(../images/tell_shade.jpg) repeat-x top left;color:white;padding:.5em .4em;border:solid 1px #ccc;border-width:1px 1px 1px 1px}
div.remindboard table tbody tr td {border-bottom:solid 1px #ccc;padding-bottom:5px}
div.remindboard table tfoot {margin:0;padding:0}
* html div.remindboard {width:99%}

.col2 table thead tr th.dif {width:10em}
.col2 table thead tr th.sel {width:1em}
.col2 table thead tr th.hd {width:auto}
.col3 table thead tr th.nor {width:10em}

.col3 table thead tr th.nor {width:10em}

ul.filters2 li {display:inline;margin-right:5px}

/* FAQ */
ol.faq1 {margin:0;padding:0;list-style-position:inside}
ol.faq1 li {margin-bottom:10px}
ol.faq2 li {padding:0;margin:0}
ol.faq2 {margin:0;padding:0;list-style-position:inside}
ol.faq2 h3 {display:inline}
ol.faq2 p {padding:0 0 1em 0}
ol.faq2 ul {margin:0;padding:0;list-style-position:inside;list-style-type:disc}
ol.faq2 ul li {list-style-type:disc}
.vrag, .ans {color:Red;padding:0 5px 5px 0;font-family:arial, helvetica, Sans-Serif;font-weight:bold;font-size:150%}
.ans {color:green}
ul.glossary1 {display:inline}
ul.glossary1 li {display:inline;margin-right:3px}
ol.glossary2 {padding:0;margin:0;list-style-position:inside}
ol.glossary2 li {list-style-type:upper-alpha}
ol.glossary2 h3 {display:block}

ol.glossary2 ul {margin:0;padding:0}
ol.glossary2 ul li {list-style-type:none}

/* 4 tab page - Tab Button setup - common control*/
#tabs {float:left}
#tabs a {text-decoration:none;color:inherit;display:block}
#tabs a:hover {color:white;text-decoration:underline}

/*Electricity and Gas Page */
/* tab1 Yearly - energy */
#yearly_input p.night {margin:0;padding:4px 0 0 24px;background:transparent url(../images/night2.gif) no-repeat left 5px}
#yearly_input p.day {margin:0;padding:2px 0 0 24px;background:transparent url(../images/day2.gif) no-repeat left 5px}
#yearly_input .elec_box, #yearly_input .gas_box,#top5_select .postcode, #meter .postcode, #monthly_input .bill_box, #business_input .elec_box, #business_input .gas_box, #meter1 .postcode,#meter2 .postcode, #meter3 .postcode {width:4em;display:inline;border:solid 1px #7F9DB9}
/* tab2 monthly - energy */

/* tab 4 business - energy */
#business_input p.night, #business_input p.day {background-image:url(../images/day2.gif);background-position:left 2px;background-repeat:no-repeat;padding:4px 0 0 24px;margin:0}
#business_input p.night {background-image:url(../images/night2.gif)}
#business_input li {margin:0;padding:0}

/* reminder page */

/* contracts page */
.remind_setup, .enter {padding:1.5em 0 1em 0}
.save_contract {clear:both;margin:0 0 0 50%}
/* results page */
.res_head {float:right;width:50%;padding:10px 20px;border-left:solid 1px #ccc}
html>/**/ .res_head {padding:0 20px 10px 20px}
.res_head2 {float:right;width:50%;padding:20px 20px 10px 20px}
.res_head2 .one_t {display:none}
.res_head2 .two_t {}
.res_head2 .three_t {display:none}

.res_hold {padding:20px 0 0 20px}
.res_hold p {padding:0 !important}
.res_hold h3 { display:inline}

.updPnl {background:transparent url(../images/icons/loading.gif) no-repeat top center;height:13px;width:65px;float:left;margin-top:10px}
.butt {clear:right}
.res_head2 div.butt {clear:left}

ul.rating_result {margin:0;padding:0;display:inline;font-size:80%}
ul.rating_result li {clear:both;margin:0;padding:0}
ul.rating_result li p {display:inline;line-height:1em}
ul.rating_result li p a {text-decoration:none;font-size:100%}
ul.rating_result li p a:hover {text-decoration:underline}

ul.rating_result h4 {margin:0;padding:0;float:left;width:2.6em}
.rating_result li p span {margin:0 2px 0 0;background-color:Transparent;color:#5EC7D7;background-color:#5EC7D7;width:6px;overflow:hidden;display:block;float:left}
.rating_result li p span.half {width:3px}
#option_area {padding:0 20px;float:left}
#option_area2 {border-top:solid 1px #ccc}

.title p {margin:.4em 0em}
.filters {margin:0;padding:0;float:right;width:100%}
.filters option {width:9em}
.filters input {margin-left:0;padding-left:0}
.filters ul {margin:0 8px 0 0;padding:0;display:inline;float:left} 
html>body .filters ul {margin:0 2px 0 0}#5d900b
html>/**/body .filters ul {margin:0 10px 0 0}
.filters li option {width:10em}
.filters ul.yrz {display:block;float:none}
.filters ul.yrz li {display:inline;margin:0;padding:0;margin-right:20px}
h2#options {background:white url(../images/head_shade.jpg) repeat-x bottom left;border:solid 1px #ccc;padding:5px 20px;border-width:1px 0px;clear:right}
.dropdown {width:12em}
.dropdown1 {width:8em}
.dropdown2 {width:9em}
.dropdown3 {width:10em} 
.checkbox {border:solid 1px #7F9DB9}
.but_set input {padding:0;margin:0}

div.xsl {background:transparent url(../images/buy_back_shade.jpg) repeat-x top left;padding:5px 5px 0 5px}
div.xsl span {border:solid 2px #5d900b;background:#5d900b url(../images/shade_28px.gif) repeat-x top left;display:block}
div.go {border:solid 2px #5d900b;background:#5d900b url(../images/shade_28px.gif) repeat-x top left;display:block;margin-top:10px}
div.go input {background:transparent url(../images/menu_arrow.gif) no-repeat 5px;padding:.4em 5px .4em 15px;color:White;display:block;text-decoration:none;border:none;margin:0;text-align:left}
div.go input.buy_button {background:transparent url(../images/menu_arrow.gif) no-repeat 5px;padding:.4em 5px .4em 15px;color:White;display:block;text-decoration:none;border:none;margin:0;width:8em;text-align:left}
span.go {border:solid 2px #5d900b;background:#5d900b url(../images/shade_28px.gif) repeat-x top left;display:block;margin-top:10px}
span.go input {background:transparent url(../images/menu_arrow.gif) no-repeat 5px;padding:.4em 5px .4em 15px;color:White;display:block;text-decoration:none;border:none;margin:0;text-align:left}
span.go input.buy_button {background:transparent url(../images/menu_arrow.gif) no-repeat 5px;padding:.4em 5px .4em 15px;color:White;display:block;text-decoration:none;border:none;margin:0;text-align:left}
a.buy_button {background:transparent url(../images/menu_arrow.gif) no-repeat 5px;padding:.4em 5px .4em 15px;color:White !important;display:block;text-decoration:none !important;border:none;margin:0;font-size:11px}

div.go input:hover , a.buy_button:hover {color:black !important;text-decoration:underline !important}

div.action {background:#7fbc1d url(../images/vergelijk_shade_24.gif) repeat-x top left;border:solid 2px #7fbc1d;display:block;margin:10px 0 0 0}
div.step_button, div.tab_buy {border:solid 2px #5d900b;background:#5d900b url(../images/shade_28px.gif) repeat-x top left}
div.action_button_left, div.action_button_up, div.action_button_down, span.action_left {background:#7fbc1d none repeat-x top left;border:solid 2px #7fbc1d;width:auto !important}
html>/**/body span.action_left, html>/**/body div.action_button {float:left}
div.tab_buy, div.action_button_up {float:right;margin:3px 0 0 3px}

div.step_button { float:left;margin:20px }
div.step_button input {background:transparent url(../images/menu_arrow.gif) no-repeat 5px;padding:.4em 5px .4em 25px;text-decoration:none;border:none;margin:0;text-align:left;display:block;color:White}
 
div.tab_buy input, div.action_button_left input, input.action_button_left {background:transparent url(../images/menu_arrow.gif) no-repeat 5px;padding:.4em 5px .4em 25px;text-decoration:none;border:none;margin:0;text-align:left;display:block}
div.action_button_down input, input.action_button_down {background:transparent url(../images/menu_arrow_down.gif) no-repeat 5px;padding:.4em 5px .4em 25px;color:White;display:block;text-decoration:none;border:none;margin:0;text-align:left}
div.action_button_up input, input.action_button_up {background:transparent url(../images/menu_arrow_up.gif) no-repeat 5px;padding:.4em 0px .4em 25px;color:White;display:inline;text-decoration:none;border:none;margin:0;text-align:left}

div.tab_buy input {color:White !important}
div.tab_buy input:hover {color:#7fbc1d !important}
a.action_button {background:transparent url(../images/menu_arrow.gif) no-repeat 5px;padding:.4em 5px .4em 15px;color:White !important;display:block;text-decoration:none;border:none;margin:0}
div.action_button_up input:hover, input.action_button_left:hover, input.action_button_down:hover, div.action input:hover , a.action_button:hover {color:black !important}

div.start {border:solid 2px #5d900b;background:#5d900b url(../images/shade_28px.gif) repeat-x top left;display:block;margin:10px 10px 10px 10px;width:12em}
div.start input {background:transparent url(../images/icons/menu_arrow_right_greenBg.png) no-repeat 5px;padding:.4em 5px .4em 35px;color:White;display:block;text-decoration:none;border:none;margin:0;text-align:left;width:12em;font-weight:bold}
* html div.start input {background-image:url(../images/button_spin2.gif)}
div.step_button input:hover, div.start input:hover {color:black}
.star_container {width:100%;float:left; background:#acd461; border: solid 1px #7fbc1d; margin-top:10px; right:10px }

#std2 div.action {float:right;margin:0 0 10px 0;padding:0}
#register_details div.go { width:14em;clear:both;margin:0 20px 20px 20px}
#login_details div.go { width:10em}
#register_details div.go input {background:transparent url(../images/menu_arrow.gif) no-repeat 5px;padding:.4em 5px .4em 15px;color:White;display:block;text-decoration:none;border:none;margin:0;text-align:left;width:100%}

/* ratings */
.norating {color:white;font-size:1%}
a.rate {color:#5EC7D7;font-size:180%}
.ratings h4 {background:white url(../images/grand_total_tl.jpg) no-repeat center left;line-height:2em;width:40%;text-align:center;margin:0 auto}
.ratings h5 {margin:.2em 0em}

/*List of suppliers*/
.alpbet ul {background:#DBE2F5 url(../images/massive_down_light_blue.jpg) repeat-x top left;padding:0;margin:10px 0 0 0;font-style:italic;font-weight:bold;color:#5EC7D7}
.alpbet ul li { text-indent:20px;font-size:x-large}
.alpbet ul ul {background:white;margin-top:0px;padding:5px;font-style:normal}
.alpbet ul ul li {margin:0 0 .5em 0;font-size:.60em;text-indent:0;padding-left:20px}
.alpbet ul ul li a {border:none}
.alpbet ul ul li a.smallicon p {border:none;font-size:smaller;text-decoration:underline}
.alpbet p {display:inline;color:Gray}
.alpbet p a {padding:.2em .4em;margin:.2em}
.alpbet p a:hover {background:#615583;color:White;text-decoration:none}

/*tell A friend */
.holder_tell {}
.holder_tell p {}
.holder_tell ul li {padding:0 0 5px 0;margin:0}
.holder_tell ul li.li1 {width:290px;float:left;margin-right:20px}
.holder_tell ul li.li1 input {width:100%;border:solid 1px #7F9DB9}
.holder_tell ul li.li2 { float:right;width:100%}
.holder_tell ul li.li2 input{width:600px;border:solid 1px #7F9DB9;float:left} 
/*contracts */
.fl48 {float:left;width:46%}
.fr48 {float:right;width:46%}
.add_contract h4 {color:#615583 !important}
.add_contract ol {font-size:.9em}

/* confirm */
ul.conf {clear:both;margin:0;padding:0}
ul.conf li label { float:none; width:auto;}
/* ul.conf li { display:block}*/

/*contact */
.skype_s ul {float:right;width:40%}
.contact_us {padding:20px;border:solid #ccc;border-width:0px 1px 0px 1px}
.contact_us1 {padding:20px;border:solid #ccc;border-width:0px 1px 1px 1px}
.contact_us p {margin:0px;padding:5px}
.contact_us strong {}
.email textarea.message {width:30em;height:6em;border:solid 1px #7F9DB9}
.email li select, .email li input {border:solid 1px #7F9DB9;width:10em}

/*heading pictures */
h1.packet {padding:20px 0 20px 4em;background:transparent url(../images/icons/pakket_particulier.jpg) no-repeat 10px center}
h1.car {padding:20px 0 20px 4em;background:transparent url(../images/icons/personenauto.gif) no-repeat 10px center}
h1.inbo {padding:20px 0 20px 4em;background:transparent url(../images/icons/inboedel.jpg) no-repeat 10px center}
h1.gezinsrechtijstand {padding:20px 0 20px 4em;background:transparent url(../images/icons/gezinsrechtijstand.gif) no-repeat 10px center}
h1.woonhuis {padding:20px 0 20px 4em;background:transparent url(../images/icons/woonhuis.jpg) no-repeat 10px center}
h1.zorg {padding:20px 0 20px 4em;background:transparent url(../images/icons/zorg.jpg) no-repeat 10px center}
h1.aansprakelijkheid {padding:20px 0 20px 4em;background:transparent url(../images/icons/aansprakelijkheid.gif) no-repeat 10px center}
h1.internet {padding:20px 0 20px 4em;background:transparent url(../images/icons/internet.gif) no-repeat 10px center}
h1.internet_tel {padding:20px 0 20px 4em;background:transparent url(../images/icons/internet_telefonie.gif) no-repeat 10px center}
h1.tv {padding:20px 0 20px 4em;background:transparent url(../images/icons/digitale_tv.gif) no-repeat 10px center}
h1.allinone {padding:20px 0 20px 4em;background:transparent url(../images/icons/alles_in_een.gif) no-repeat 10px center}
h1.energy {padding: 20px 0 20px 2em;}
h1.port_icon {padding:20px 0 20px 4em;background:transparent url(../images/icons/port_icon.jpg) no-repeat 10px center}
h1.alle {padding:20px 0 20px 4em;background:transparent url(../images/icons/alle_verz.jpg) no-repeat 10px center}

#verzekering iframe {width:500px;border:none;overflow:scroll;height:250em;background-color:Transparent}
#verzekering {margin:0;padding:0}

#zorg_verzekering  {width:640px;border:none;overflow:scroll;height:250em;background-color:Transparent}
#zorg_verzekering {margin:0;padding:0}
/* Nicetitle Style popup menu*/
div.niceTitle {background-color:White;color:Black;font-weight:bold;font-size:13px;font-family:"Trebuchet MS", sans-serif;width:250px;left:0;top:0;padding:18px 4px;position:absolute;text-align:left;z-index:20;	border:solid 3px #8F9EDF}
div.niceTitle .contents {margin:0;padding:0 3px;font-size:.8em;font-weight:normal}
div.niceTitle p {color:black;font-size:1em;padding:1px 0 0 0;margin:0;text-align:left;font-weight:bold}

#tv_resultheader .header{font-weight:bold;width:15%;border-color:#03a;float:left}
#tv_resultheader .row{background:#AAAAEE;height:20px;border-color:#03c}
#tv_resultheader .row_alt{background:#CCCCEE;height:20px;border-color:#03c}
#dlresult .row{background:#AAAAEE;height:20px;border-color:#03c}
#dlresult .row_alt{background:#CCCCEE;height:20px;border-color:#03c}

/* code for sitemap */

#site_map {border:1px solid #ccc; padding:20px}
#site_map ul {margin:0; padding:0}
#site_map ul li { padding:20px 0 0 0; list-style-type:none;}
#site_map ul li ul {padding-left:20px}
#site_map ul li ul li {list-style-type: circle; padding:0;}

#site_map h1 {color:#5d900b}
#site_map h2 {color:#5d900b}
#site_map h3 {color:#5d900b}
#site_map h3 a { color:inherit;}
/* Code for the ~CustomerWebSite/login.aspx */
.body_center {text-align:center;margin:0 auto}
#loginGen{height:20.5em;width:32em}
#loginGen .login {margin-left:2.6em}
#bottomPart ul {padding:0;margin:0;top:0}
#bottomPart ul li {text-align:center;color:Purple}

/* Code for the ~/energy/purchase_ask_info.aspx */
#purchase_ask_go{text-align:right}
#purchase_ask_subheader {width:50%}
#purchase_ask_subheader .left{width:20%;font-weight:bold}
#purchase_ask_subheader .right{width:78%}
#purchase_ask_yourinfo{clear:both}

/* Code for the ~/energy/purchase_confirmation.aspx */
.purchase_conf_gen {margin-left:auto;margin-right:auto;width:56em}

span.maximalvalue {font-weight:bold}

/* alle verzekering */
#alle h1 {color:#5d900b}
#alle h2 {margin:0;color:#5d900b}
#alle h2 a {color:#5d900b;text-decoration:none;display:block;padding:1em;border:none}
#alle h2 a:hover {background-color:#5d900b;color:White}
#alle div.top {border:solid 1px #ccc; padding:0 20px} 
#alle div.btm {background:transparent url(../images/shade_drop.jpg) repeat-x top left;padding-top:15px;clear:right}
#alle table {float:left;width:100%;margin-bottom:5px}
html>body #alle table {width:100%}
#alle table td {border:solid 1px #ccc;padding:0;margin:0;width:50%}
#alle table td {padding:0;margin:0} 
#alle table tbody tr td.btm1 {border:none}

/* HHB 2008 items */
#hhb {background-image:url(../images/hhb/Collage.jpg);background-repeat:no-repeat;position:relative;height:600px;width:800px;padding-top:20px;text-align:center;font-size:150%}
#hhb_video {position:absolute;left:179px;top:134px;background-color:Black}
#navleft {float:left}
#thumb {float:right}
#thumb p {border:solid 1px black;padding:.2em .2em .8em .2em;margin:.2em .5em 0 0;float:left}
#thumb p img {border:solid 1px black;display:block}
#hhb h1 {color:White;font-weight:bold}
#hhb h2 a {color:White}
#hhb h2 a:hover {color:red}
#hhb_end {width:680px}
#hhb_end h1 { text-align:center}
#hhb_end .tag {margin:0 10%}
#hhb_end .imger {background:url(../images/hhb/back.jpg) no-repeat top left;margin:0 0 0 10% }
#hhb_end .imger h2 {padding-top:30px;text-align:right;float:left}
#hhb_end .imger h2 span {display:block;padding-top:30px}
#hhb_end span.mark { font-weight:normal;color:Black;font-size:.9em}
.tleft {text-align:left}
.tright {text-align:right}
#coll3 {float:right;width:220px;margin:40px 40px 0 0;text-align:center;background-color:Transparent}
#coll3 h3 {margin:5px 0}
.xc1, .xc2, .xc3, .xc4, .xc5, .xc6, .xc7 {display:block;overflow:hidden;font-size:0}
.xc1, .xc2, .xc3, .xc4, .xc5, .xc6 {height:1px}
.xc4, .xc5, .xc6, .xc7 {background:white;border-left:1px solid #615583;border-right:1px solid #615583}
.xc1 {margin:0 8px;background:#615583}
.xc2 {margin:0 6px;background:#615583}
.xc3 {margin:0 4px;background:#615583}
.xc4 {margin:0 3px;background:white;border-width:0 5px}
.xc5 {margin:0 2px;background:white;border-width:0 4px}
.xc6 {margin:0 2px;background:white;border-width:0 3px} 
.xc7 {margin:0 1px;background:white;border-width:0 3px;height:2px} 
.tbox {background:white;border:3px solid #615583;border-width:0 3px;text-align:center;width:auto !important;padding:5px} 
.pbox {background:white;border:3px solid #615583;border-width:0 3px;width:auto !important;padding:5px} 

.pbox ul {margin:0;padding:0}
.pbox h2 {text-align:center}
.pbox ul {margin:0;padding:0}
.pbox li { padding-bottom:.5em}

#hhb_end .paras {margin:10px 280px 0 10%}

table.winners {border-collapse:collapse;margin:0 0 10px 0;float:left}
html>body table.winners {width:100%;clear:left}
html>/**/body table.winners {clear:none;width:auto} 
table.winners caption {font-weight:bold;text-align:left}
table.winners tbody tr th {text-align:left;width:35%;vertical-align:top;font-weight:normal}
table.winners tbody tr td ul {padding:0;margin:0;list-style-type:none}
table.winners tbody tr td {padding-bottom:10px;text-align:right}

#result_table {clear:none;float:left;width:100%}
/*BEGIN General classes*/
.comboDimmension{width:5em}
.nodiscount{text-decoration:line-through;color:Red;font-weight:bold}
.price{font-weight:bold;text-decoration:underline}
.markRed{color:Red;font-weight:bold}
.grdtv{background:red}

/*BEGIN channelFinderSelection*/
#tabChannels {float:left;width:17%;border:solid 1px #ccc;border-width:0px 1px 1px 0;margin-bottom:5px}
#tabChannels h3 {text-align:center;margin-top:20px;border-bottom:solid 1px #ccc;padding-bottom:10px}
#tabChannels a { background:transparent url(../images/right_arrow.gif) no-repeat 5px center;padding-left:18px}

#tabGroupChannels{margin:0 38% 0 17%}
#tabSelectedChannels h3, #tabGroupChannels h3 {text-align:center;padding:20px 0 10px 0;border-bottom:solid 1px #ccc}
#tabSelectedChannels{float:right;width:38%}
/*END channelFinderSelection*/

.headerStyle {text-align:center}
.premiumalternate{background:#5EC7D7 url(../images/result_shade.jpg) repeat-x center left}
/*END usercontrol tvResult*/
.channelSeparator{color:#99AAFF}

/*BEGIN usercontrol PopupFloater*/
.styleClass{width:500%;color:Red}
#NaContent{width:120%}
#popupGen{line-height:2em}
#popupGen #popupLeft{float:left;width:35%;font-weight:bolder}
#popupGen #popupRight{float:left;width:60%}
/*END usercontrol PopupFloater*/

/* ICONS FOR TV COMPARE */
 .cable_icon {padding:2px 20px 2px 0;background:transparent url(../images/icons/cable.gif) no-repeat center right}
 .satellite_icon { padding:2px 20px 2px 0;background:transparent url(../images/icons/satellite.gif) no-repeat center right}
 .internet_icon { padding:2px 20px 2px 0;background:transparent url(../images/icons/internet_icon.gif) no-repeat center right}
 .dvbt_icon { padding:2px 20px 2px 0;background:transparent url(../images/icons/dvbt.gif) no-repeat center right}
 .dent {padding:20px 0 0 20px}
 .dent2 {margin:20px 0 0 20px}
 
 /* ICONS FOR energy COMPARE */
 .action_icon {padding:2px 20px 2px 0;background:transparent url(../images/icons/actie_icon.gif) no-repeat center right}
 .hier_icon { padding:2px 20px 2px 0;background:transparent url(../images/icons/hier_icon.gif) no-repeat center right}
 .actionhier_icon { padding:2px 20px 2px 0;background: url(../images/icons/hier_actie_icon.gif) no-repeat center right;min-height:55px}
 .riskyhieraction_icon { padding:2px 20px 2px 0;background:transparent url(../images/icons/hier_risk_actie_icons.gif) no-repeat center right; min-height:78px}
 .riskyhier_icon { padding:2px 20px 2px 0;background:transparent url(../images/hier_risk_icons.gif) no-repeat center right}
 .riskyaction_icon { padding:2px 20px 2px 0;background:transparent url(../images/icons/actie_risk_icon.gif) no-repeat center right;min-height:55px}
 .risky_icon { padding:2px 20px 2px 0;background:transparent url(../images/icons/risk_icon.gif) no-repeat center right}

/* tv key */
 #tv_key li { width:12em; margin:2px 0 !important}
 
/* SOAP setup */
#soap {border:solid 1px #ccc;}
#soap h1 {border-bottom:solid 1px #ccc; padding-top:20px; padding-bottom:20px}
#soap h1, #soap h2, #soap h3 {color:#5d900b}
#soap h2 {border-bottom:solid 1px #ccc; padding:0 0 20px 20px;}
#soap label {color:#5d900b}
#soap h3 {}
#soap ul li { border-bottom:solid 1px #ccc; padding-left:20px}
#soap ul li label { width:18em;float:left}
#soap ul li label.radio { width:auto;float:none}
#soap ul {margin-bottom:1em}
#soap ol ul {margin-top:1em}
#soap a {color:#5d900b;text-decoration:underline}
#soap a:hover {color:#5d900b}
#soap fieldset {border:none;margin:0;padding:0}
#soap p { font-weight:bold; border-bottom:solid 1px #ccc; padding:1em 0 1em 20px }
#kenteken {border-bottom:solid 1px #ccc;padding-left:20px}
#kenteken label {width:18em;float:left}
#kenteken span { border:solid 1px #ccc; padding:.2em; margin-right:5px }
#soap ul.step2 { border-bottom:solid 1px #CCC}
#soap ul.step2 li, #soap ul.filter_options li { border:none}

table.compare { border-collapse:collapse; width:100%}
table.compare tbody tr th, table.compare thead tr th { text-align:left}

#soap h2.active, #soap h2.active2, #soap h2.active_full, #soap h2.active2_full {padding:5px 0 10px 0;margin:0;color:white;margin-right:4px;background:#7fbc1d url(../images/vergelijk_shade_24.gif) repeat-x top left;border:solid 2px #7fbc1d;float:left;width:141px;border-bottom-width:1px}
#soap h2.unactive, #soap h2.unactive2, #soap h2.unactive_full, #soap h2.unactive2_full {margin:0;background:#cdcdcd url(../images/tab_shade.jpg) repeat-x;padding:5px 0 10px 0;color:Black;width:141px;float:left;margin-right:4px;color:Black;border:solid 2px #cdcdcd;border-bottom-width:1px}
#soap h2.active2, #soap h2.unactive2, #soap h2.active2_full, #soap h2.unactive2_full {margin-right:0}
#soap h2.unactive a, #soap h2.unactive2 a, #soap h2.unactive_full a, #soap h2.unactive2_full a {background:transparent url(../images/right_arrow.gif) no-repeat 5px;padding-left:20px;color:#5d900b}
#soap h2.active a, #soap h2.active2 a, #soap h2.active_full a, #soap h2.active2_full a {background:transparent url(../images/menu_arrow_down.gif) no-repeat 5px;padding-left:20px;color:White}
#soap h2.unactive a:hover, #soap h2.unactive2 a:hover, #soap h2.unactive_full a:hover, #soap h2.unactive2_full a:hover {color:#5d900b}
#soap h2.active_full, #soap h2.active2_full, #soap h2.unactive_full, #soap h2.unactive2_full {width:auto;padding-right:5px;height:auto} 
html>body #soap h2.active {font-weight:800;width:11.8em;margin-right:.35em}
html>body #soap h2.unactive {font-weight:600;width:11.8em;margin-right:.342em}
html>body #soap h2.active2 {font-weight:800;width:11.8em}
html>body #soap h2.unactive2 {font-weight:600;width:11.8em}

#soap2 {}
#soap2 div.box { border:solid 1px #ccc}
#soap2 label {color:#5d900b}
#soap2 h3 {}
#soap2 ul li { border-bottom:solid 1px #ccc; padding-left:20px}
#soap2 ul li label { width:18em;float:left}
#soap2 ul li label.radio { width:auto;float:none}
#soap2 div.option {border:solid 1px #ccc; border-width:0px 1px;}
#soap2 div.option label { color:#5d900b;}
#soap2 div.items {border:solid 1px #ccc} 

table.polis { width:100%; border-collapse:collapse}
table.polis thead tr th, table.polis tbody tr th  { text-align:left;}

table.total { width:100%; border-collapse:collapse}
table.total thead tr th, table.total tbody tr th, table.total tfoot tr th  { text-align:left; }

.li1 acronym {color: #7fbc1d}
.li2 acronym {color: #7fbc1d}
.legend {color:#7fbc1d;}
#std3 a.newwindowblack {color:Black; text-decoration:none}

.inviziblelink a:hover {color:#7fbc1d !important}
.inviziblelink a {text-decoration:none !important; cursor:default; cursor:text;}

#current_supplier
{
	background: transparent url(../images/num_4.png) no-repeat 10px 10px;
}
.current_supplier
{
	border-top: solid 1px #CCC;
	border-right: solid 0px #CCC;
	padding: 10px 0px 0 50px;
	margin-top: -1em;
}