/* Implementatie */

body,html {
width: 100%;
height: 100%;
font-family: Verdana;
font-size: 100.01%;


/* Geen overflow-x : hidden gebruiken want daar gaat het menu van kapot in firefox */

}
* {
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-top: 0px;
padding-left: 0px;
padding-top: 1px;
}

/* Default text styles */
hr {
  clear: both;
  height: 1px;
  border: 0;
  background: #C9C9C9;
  color: #C9C9C9;
}

h1 {
font-family: Verdana;
color: #F21C0A;
font-size: 170%;

}
h2 {
font-family: Verdana;
color: #F21C0A;
font-size: 155%;
font-weight: bold;
}
h3 {
font-family: Verdana;
color: #F21C0A;
font-size: 120%;
font-weight: bold;
}
h4 {
font-family: Verdana;
color: #F21C0A;
font-size: 105%;
font-weight: bold;
padding-left: 10px;
}
p {
color: #000;
font-size:11px;
padding-left:10px;
font-family: verdana;
}

/* En dof default text styles */

#page-top {
position: relative;
width: 100%;
height: 467px;
#background: #D41809 url('http://www.eon-benelux.com/eonwww/Microsites/DirectOv.nsf/geheel.gif') 0 0 repeat-x;
background: #F21c0a;
text-align: center;
font-size: 70%;
}
#page-top ul {
list-style: none;
}
#page-top ul {
list-style: none;
}
#placeholder {
position: relative;
margin: 0 auto;
width: 952px;
text-align: left;
}
#placeholder a.logo {
float: left;
display: block;
width: 266px;
height: 65px;
background: url('http://www.eon-benelux.com/eonwww/ikstapoer.nsf/logo_overstappen.gif') 0 0 no-repeat;
text-indent: -9999px;
}
#placeholder .top-holder {
margin: 0 10px 0 0;
}
#placeholder .ul-huidige-klanten {
float: right;
width: 260px;
list-style: none;
}

#placeholder .ul-huidige-klanten  ul {
display: none;
}
#placeholder a.huidige-klanten {
display: block;
width: 260px;
height: 65px;
background: url('images/huidige-klanten.gif') 0 0 no-repeat;
text-indent: -9999px;
}
/*
#placeholder a.huidige-klanten:hover {
background: url('images/huidige-klanten_mo.gif') 0 0 no-repeat;
}
*/
#white-box {
position: relative;
width: 952px;
height: 375px;
background: url('images/white-box.gif') 0 0;
}
#white-box-top {
width: 952px;
height: 375px;
background: url('images/white-box-top.gif') 0 0 no-repeat;
}
#white-box-btm {
width: 952px;
height: 375px;
background: url('images/white-box-btm.gif') 0 100% no-repeat;
}

#white-box .left-column {
position: absolute;
padding: 8px 0 0 0;
left: 0;
z-index: 5;
margin: 2px 0 0 4px;
width: 201px;
height: 367px;
}
#white-box .left-column ul {
width: 200px;
list-style: none;
}
#white-box .left-column ul li {
width: 201px;
height: 52px;
line-height: 52px;
text-indent: 25px;
}
#white-box .left-column ul li a {
color: #666;
text-decoration: none;
font-size: 100%;
font-weight: bold;
}
#white-box .left-column ul li a:hover {
color: #000;
}
#white-box .right-column {
position: absolute;
left: 190px;
z-index: 1;
margin: 2px 0 0 0;
width: 760px;
height: 367px;
}

#white-box .right-column .content-left {
float: left;
padding: 8px 0 0 0;
width: 469px;
height: 360px;
}
#white-box .right-column .content-right {
float: left;
width: 274px;
height: 360px;
}

#white-box .right-column .content-right h1 {
margin: 25px 0 25px 20px;
}
#white-box .right-column .content-right p {
margin: 0 0 15px 20px;
color: #000;
}
#white-box .right-column .content-right p strong {
margin: 0 0 3px 0;
display: block;
}
#white-box .right-column .content-right h3 {
position: absolute;
left: 475px;
bottom: 120px;
font-size: 120%;
width: 175px;
visibility: hidden;
}





#white-box .right-column .content-right .square-box {
position: absolute;
right: -4px;
bottom: 5px;
width: 278px;
background: url('images/square-box.gif') 0 0;
color: #000;
}
#white-box .right-column .content-right .square-box h2 {
display: block;
margin: 0;
padding: 0 0 0 75px !important;
font-size: 165% !important;
}
#white-box .right-column .content-right .square-box-top {
width: 278px;
background: url('images/square-box-top.gif') 0 0 no-repeat;
}
#white-box .right-column .content-right .square-box-btm {
position: relative;
width: 278px;
background: url('images/square-box-btm.gif') 0 100% no-repeat;
}
#white-box .right-column .content-right .square-box p {
float: left;
margin: 0;
padding: 5px 0 0 10px;
line-height: 22px;
}
#white-box .right-column .content-right .square-box select {
margin: 5px 0 0 10px !important;
}
#white-box .right-column .content-right .square-box #newcombo {
left: 10px;
top: 0;
margin: 10px 0 0 10px !important;
width: 90px;
}
#white-box .right-column .content-right .square-box hr {
clear: both;
margin: 0 15px 0 10px;
height: 1px;
border: 0;
background: #C9C9C9;
color: #C9C9C9;;
}
#white-box .right-column .content-right .square-box span {
float: left;
padding: 0 0 0 10px;
line-height: 18px;
}
#white-box .right-column .content-right .square-box h2 {
float: left;
}
#white-box .right-column .content-right .square-box a.link-thema-bereken {
clear: both;
display: block;
margin: 0 0 0 10px;
padding: 0 0 5px 0;
width: 199px;
height: 36px;
background: url('images/link-bereken-uw-voordeel.gif') 0 0 no-repeat;
text-indent: -9999px;
}




#white-box .right-column .content-right .stap-bereken-1 {
display: block;
margin: 0 0 0 3px;
padding: 0;
width: 271px;
height: 51px;
background: url('images/bereken-stap-1-active.jpg') 0 0 no-repeat;
text-indent: -9999px;
}

#white-box .right-column .content-right .stap-bereken-1-off {
display: block;
margin: 0 0 0 3px;
padding: 0;
width: 271px;
height: 51px;
background: url('images/bereken-stap-1.jpg') 0 0 no-repeat;
text-indent: -9999px;
}

#white-box .right-column .content-right .stap-bereken-1-off:hover {
display: block;
margin: 0 0 0 3px;
padding: 0;
width: 271px;
height: 51px;
background: url('images/bereken-stap-1-active.jpg') 0 0 no-repeat;
text-indent: -9999px;
}

#white-box .right-column .content-right .stap-bereken-1-on {
display: block;
margin: 0 0 0 3px;
padding: 0;
width: 271px;
height: 51px;
background: url('images/bereken-stap-1-active.jpg') 0 0 no-repeat;
text-indent: -9999px;
}
#white-box .right-column .content-right .stap-bereken-2 {
display: block;
margin: 0 0 2px 3px;
padding: 0;
width: 271px;
height: 31px;
background: url('images/bereken-stap-2.jpg') 0 0 no-repeat;
text-indent: -9999px;
}
#white-box .right-column .content-right .stap-bereken-2-off:hover {
display: block;
margin: 0 0 2px 3px;
padding: 0;
width: 271px;
height: 31px;
background: url('images/bereken-stap-2-active.jpg') 0 0 no-repeat;
}
#white-box .right-column .content-right .stap-bereken-2-on {
display: block;
margin: 0 0 2px 3px;
padding: 0;
width: 271px;
height: 31px;
background: url('images/bereken-stap-2-active.jpg') 0 0 no-repeat;
text-indent: -9999px;
}
#white-box .right-column .content-right .stap-bereken-2-off {
display: block;
margin: 0 0 2px 3px;
padding: 0;
width: 271px;
height: 31px;
background: url('images/bereken-stap-2.jpg') 0 0 no-repeat;
text-indent: -9999px;
}
/*
#white-box .right-column .content-right .stap-bereken-2:hover {
display: block;
margin: 0 0 -2px -3px;
padding: 0;
width: 284px;
height: 43px;
background: url('images/bereken-stap-2-hover.jpg') 0 0 no-repeat;
text-indent: -9999px;
}
*/
#white-box .right-column .content-right .square-box2 {
position: absolute;
top: 3px;
right: -4px;
width: 278px;
color: #000;
background: url('images/bereken-new-mid.jpg') 0 0;

}
#white-box .right-column .content-right .square-box2 h2 {
display: block;
padding: 12px 0 20px 17px !important;
font-size: 165% !important;
}
#white-box .right-column .content-right .square-box2-top {
width: 278px;
background: url('images/bereken-new-top.jpg') 0 0 no-repeat;
}
#white-box .right-column .content-right .square-box2-btm {
position: relative;
width: 278px;
/*background: url('images/square-box-btm.gif') 0 100% no-repeat;*/
}
#white-box .right-column .content-right .square-box2 p {
clear: both;
display: block;
float: left;
margin: 0;
padding: 0 20px 0 10px;
line-height: 25px;
}
#white-box .right-column .content-right .square-box2 select {
margin: -10px 0 0 20px !important;
padding: 0 !important;
}
#white-box .right-column .content-right .square-box2 #newcombo {
float: left;
margin: 0 0 0 10px !important;
width: 90px;
}
#white-box .right-column .content-right .square-box2 span {

padding: 0 0 0 10px;
line-height: 25px;
}
#white-box .right-column .content-right .square-box2 h2 {
margin: 12px 0 0 15px;
padding: 0 !important;
}
#white-box .right-column .content-right #leveranciers_prijs {
	margin: 3px 0 0 0px !important;
	padding: 0 0 10px 10px !important;
	text-align: center;
}
#white-box .right-column .content-right .square-box2 a.link-thema-bereken {
clear: both;
display: block;
margin: 0 0 0 10px;
padding: 0 0 5px 0;
width: 199px;
height: 36px;
background: url('images/link-bereken-uw-voordeel.gif') 0 0 no-repeat;
text-indent: -9999px;
}
#page-btm {
position: relative;
width: 100%;
background: #fff;
text-align: center;
font-size: 74%;
}
#page-btm .container-btm {
position: relative;
margin: 0 auto;
width: 962px;
text-align: left;
}
#page-btm .container-btm .column {
position: relative;
margin: 17px 0 15px 0;
float: left;
height: 182px;
border-right: 1px solid #C4C4C4;
overflow: hidden;
}
#page-btm .container-btm .firstcolumn {
width: 287px;
}
#page-btm .container-btm .secondcolumn {
width: 364px;
}
#page-btm .container-btm .lastcolumn {
position: absolute;
right: -25px;
margin: 0;
padding: 0;
z-index: 998;
border-right: 0;
width: 330px;
height: 280px;
background: none !important;
}
#page-btm  .footer {
text-align: center;
width: 962px;
height: 50px;
border-top: 1px solid #ddd;
}
#page-btm  .footer ul {
margin: 8px 0 0 0;
padding: 0;
list-style: none;
}
#page-btm  .footer ul li {
display: inline;
padding: 0 0 0 7px;
background: url('images/footer-seperator.gif') 0 3px no-repeat;
}
#page-btm  .footer ul li.first {
background: none;
}
#page-btm  .footer ul li a {
color: #CACACA;
text-decoration: none;
font-weight: normal;
}
#page-btm .container-btm .column h1 {
margin: 0 0 20px 15px;
font-size: 160%;
color: #F21C0A;
}
#page-btm .container-btm .column p {
margin: 0 20px 0 15px;
font-size: 100%;
}
#page-btm .container-btm .column strong {
display: block;
margin: 0 0 6px 0;
font-size: 125%;
}
#page-btm .container-btm .column img {
position: relative;
margin: -15px 0 0 0;
}
#page-btm .container-btm .column a {
display: block;
margin: 25px 0 0 15px;
padding: 0 0 0 15px;
background: url('images/footer-link.gif') 0 9px no-repeat;
font-weight: bold;
color: #000;
text-decoration: none;
line-height: 25px;
font-size: 95%;
}
#page-btm .container-btm .column a span {
color: #F21C0A;
font-size: 150%;
}
#page-btm .container-btm .column a.start-test-btn {
position: absolute;
right: 10px;
display: block;
width: 107px;
height: 22px;
background: url('images/start-test-btn.gif') 0 0 no-repeat;
text-indent: -9999px;
}
#page-btm .container-btm .column a.start-tip-btn {
position: absolute;
right: 10px;
display: block;
width: 107px;
height: 22px;
background: url('images/doemee.jpg') 0 0 no-repeat;
text-indent: -9999px;
}

.clear {
clear: both;
}
/* Absolute positioned huidige klanten box */
#vaste-klanten-box {
position: absolute;
display: none;
right: 10px;
top: 64px;
z-index: 998;
text-align: left;
width: 260px;
height: 193px;
background: url('images/huidige-klanten_ul.gif') 0 0 no-repeat;
}
#vaste-klanten-box p {
margin: 0 0 8px 11px;
font-size: 90%;
color: #666;
}
#vaste-klanten-box ul {
margin: 13px 0 0 11px;
width: 230px;
list-style: none;
font-size: 105%;
line-height: 15px;
}
#vaste-klanten-box ul li {
margin: 0 0 8px 0;
background: url('images/huidige-klanten-bullet.gif') 100% 4px no-repeat;
color: #666;
font-size: 90%;
}
#vaste-klanten-box ul li strong {
display: block;
color: #000;
}
#vaste-klanten-box ul li a{
color: #000;
text-decoration: none;
}
#vaste-klanten-box ul li a:hover {
text-decoration: underline;
}
.content-box {
margin: 0 25px 0 25px;
padding: 15px 0 0 0;
}

/* link styles */

BODY A:link
{
    COLOR: #000;
	text-decoration: underline;
	font-weight: bold;
	outline: none;
}
BODY A:visited
{
    COLOR: #000;
	text-decoration: none;
	font-weight: bold;
	outline: none;
}
BODY A:hover
{
    COLOR: #000;
	text-decoration: underline;
	font-weight: bold;
	outline: none;
} 
BODY A:active
{
    COLOR: #000;
	text-decoration: none;
	font-weight: bold;
	outline: none;
}
.label {
    COLOR: #000000;
    FONT-FAMILY: verdana;
    FONT-SIZE: 12px;
    font-weight:none;
}

.caption {
    COLOR: #333333;
    FONT-FAMILY: verdana;
    FONT-SIZE: 12px;
    Font-weight: bold;
}

.content {
    font-family : verdana;
    color : #000;
    Text-decoration:none;
    text-weight : normal;
    font-size:100%;
}

/* table styles */

TABLE {
    font-family : verdana;
    font-size : 11px;
}

.firstcolumn a{
	display: inline !important;
	background: none !important;
	margin: 0 !important;
	padding: 0 !important;
	font-weight: bold !important;
	font-size: 11px; !important;
	text-decoration: none !important;
	line-height: 16px !important;
	font-color:#F21C0A;
}
.firstcolumn a:hover {
	text-decoration: none !important;
}

a {
color: #000;
}
h2 {
	margin: 0;
	font-size: 18px;
	color: #F21C0A;
	font-weight: normal;
}

/* SUV */



#menu {
	position: absolute;
	padding: 8px 0 0 0;
	left: 0;
	z-index: 5;
	margin: 2px 0 0 4px;
	width: 120px;
	height: 367px;
	background-color: #f21c0a;
}

#menu ul {
	margin-top: 40px;
}
#menu ul li {
	margin-bottom:20px;
	margin-left:40px;
}
#menu ul li a{
	font-size: 12px;
	font-family: Verdana, Arial;
	color: #F21c0a;
	
	text-decoration: none;
	}
	
#Links {
	margin-left:500px;
	margin-top: 30px;
	width:30px;
	
	
}
	
#menu ul li a:hover {
	color:#000
}

#white-box .rightframe{
	width: 600px;
	margin-top: -69em;
	margin-bottom: 50em;
	margin-left: 15em;
}

#tekst_links {
	width: 85px;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	margin-left:450px;
	margin-top:30px;
}