/* CSS Document */
*{
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}


/* CENTREREN
=======================================*/

#horizon  { 	position: absolute;	left: 0px;	width: 100%; display: block;}
#container    {	background-color:#fff; margin: 0 auto; width: 980px; border-right:1px solid #A7A7A7;border-left:1px solid #A7A7A7;}

body{color:#002740; background: url('../images/bgMain.jpg') repeat-x left top; font-family:Tahoma, Geneva, sans-serif; font-size:70%;}
h1 {font-size: 2em; font-weight: normal;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}
a {color: #0071bd; text-decoration: none; font-weight:bold;}
a:hover {color: #0099CB;}
img {border: 0;}
table {width: 100%; font-size: 1em;}
thead tr, tr.head {background: #002740; color: #fff; font-weight: bold; text-align: left;}
td, th {padding: 0 10px 0 10px; line-height: 18px; vertical-align: top;}
td {border-top: solid 1px #ccc;}
tbody tr.odd, tr.odd {background: #fff;}
tbody tr.even, tr.even {background: #f4f4f4;}
ul {list-style-position: outside; list-style-image: url(../images/listarrowblue.gif); padding-left: 20px; line-height: 15px;}
ol {list-style-position: outside;}

.odd {background: #fff;}
.even {background: #f4f4f4;}
.head {background: #002740; color: #fff; font-weight: bold; text-align: left;}

.clear {clear: both; display: block; font-size: 1px; line-height: 1px;}
.clearLine {clear: both; display: block; background: transparent;}

.centered {text-align: center;}

/* ROUNDED BUTTON 
========================================*/
a.roundedbutton{display:-moz-inline-box;display:inline-block;cursor:pointer;border:none;font-size:0;/*line-height:1px;*/
    
	/* for Safari, read this first http://creativebits.org/webdev/safari_background_repeat_bug_fix */
	background-position:0 0;
	background-repeat:no-repeat;
	height:18px;
	text-decoration:none;
	color:#FFFFFF;
	font-style:normal;
	font-weight:normal;
	text-transform:uppercase;
	margin:0;
	padding:0;	
	vertical-align:top;	
	
    padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}
a.roundedbutton, a.roundedbutton span {background-image:url('../images/roundedButton.png'); _background-image:url('../images/roundedButton.gif');}
a.roundedbutton span{white-space:nowrap;cursor:pointer;color:#FFFFFF;display:inline-block;display:-moz-inline-box;letter-spacing:0 !important;font-family:"Arial" !important;  font-size:12px !important;font-style:normal;background-color:transparent;background-position:100% 0;background-repeat:no-repeat;height:18px;padding:1px 7px 0 0;margin:0 -7px 0 6px;border:none;vertical-align:text-top;zoom:1;}
html.safari a.roundedbutton span { line-height:1.3;}
html.safari a.roundedbutton:focus { outline:none;}

/*Hover Style*/
a.roundedbutton:hover, a.roundedbutton:focus, a.dom-roundedbutton-focus {background-position:0 -60px;color:#000000;text-decoration:none;}
a.roundedbutton:hover span, a.roundedbutton:focus span {background-position:100% -60px;}
a.roundedbutton:active, a.roundedbutton:focus span{color:#444;}



.contentText .contentImageLeft { float:left; width: 125px; margin: 0 10px 10px 0;}
.contentText .more { float:right; margin-top:10px;}
.contentText .contentTextRightWithImage ul { list-style-position: inside; }


/* Pre choosen text */
.blocktext {display:block;clear:both;background:#f4f4f4;margin:3px 0;padding: 2px 3px;}
.markedtext {background:#f4f4f4;}
.largetext {font-size:1.3em;font-weight:bold;}
.lightbluetext {color:#0099CB;}
.graytext {color:#cdc4b0;}

/* Layer Minisite */
div#layerMinisite {position:relative;display:block;float:left;clear:both;width:980px;height:540px;font-family:Arial,Helvetica,Garuda,sans-serif;}
div#layerMinisite #footercontainer {bottom:0;margin-left:-491px;}
div#layerMinisite .tagLine {position:absolute;z-index:1;display:block;float:left;margin:320px 25px 0 18px;width:427px;font-weight:bold; font-size:2.3em;color:#FFFFFF; background-color:Transparent;}

div#layerMinisite .campaignContent {position:absolute;z-index:2;display:block;right:0;width:451px;height:324px;padding:23px 31px;}
div#layerMinisite .campaignContent h1 {display:block;width:374px;height:54px;margin-bottom:26px;background: transparent no-repeat top left;}

div#layerMinisite .campaignContent div.camptext {display:block;width:241px;height:146px;margin-bottom:15px;text-align:justify;color:#000000;font-size:1.2em; font-weight:bold;background: transparent no-repeat top left;}

div#layerMinisite .campaignContent a.goLink {display:block;padding-left:11px;margin-right:20px;margin-bottom:2px;color:#000000;font-weight:normal;font-size:1.1em;background: transparent url('../images/listpointer_big.gif') no-repeat left 4px;}
div#layerMinisite .campaignContent a.goLink:hover {color:#0071DB;}
div#layerMinisite .campaignContent div.call-to-action {display:block;margin-top:30px;}
div#layerMinisite .campaignContent div.call-to-action a {margin-right:15px;}
div#layerMinisite .campaignContent div.call-to-actionLayer {display:block;margin-top:300px;}
div#layerMinisite .campaignContent div.call-to-actionLayer a {margin-right:15px;}
div#layerMinisite .campaignSecundary {position:absolute;z-index:2;top:372px;left:0;display:block;height:148px;width:980px;border-top:solid 3px #002740;padding:6px 0 11px 0;}

div#layerMinisite #bgFlashTemp {position:absolute;z-index:1;top:0px;left:0;width:980px;height:374px;}

div#layerMinisite .campaignSecundary #productwizardHome {position:relative;display:block;height:36px;margin-top:-6px;background:#edf1f1;padding-left:23px;}
div#layerMinisite .campaignSecundary #productwizardHome h2 {display:block;float:left;font-family:Tahoma, Geneva, sans-serif;font-weight:normal;font-size:1.9em;color:#0071DB;margin-top:4px;}
div#layerMinisite .campaignSecundary #productwizardHome #ATAGProductwizardformHome {position:absolute;display:block;clear:right;left:253px;height:13px;width:205px;padding:3px 10px 20px 19px;overflow:hidden;background:#edf1f1;}
div#layerMinisite .campaignSecundary #productwizardHome #ATAGProductwizardformHome select {margin-top:5px;width:195px;}
div#layerMinisite .campaignSecundary #productwizardHome #ATAGProductwizardformHome label {display:block;float:left;margin-top:5px;}
div#layerMinisite .campaignSecundary #productwizardHome #ATAGProductwizardformHome .infoImg {display:block;float:left;margin:6px 0 0 3px;}
div#layerMinisite .campaignSecundary #productwizardHome #ATAGProductwizardformHome a.roundedbutton {margin-top:5px;float:right;margin-right:17px;}

/* initial visibility for productwizard */
#productwizardhome_ddlDimensionType {visibility:hidden;}
#productwizardhome_ddlDimension {visibility:hidden;}
#productwizardhome_ddlFinalShow {visibility:hidden;}

div#layerMinisite .campaignSecundary .productOverview {display:block;float:left;color:#0071DB;font-weight:bold;padding-left:23px;}
div#layerMinisite .campaignSecundary .productOverview ul {list-style:none !important;height:100px;width:590px;}
div#layerMinisite .campaignSecundary .productOverview ul li {display:block;float:left;clear:none;list-style:none !important;margin-right:20px;_width:70px;_margin-left:-5px;}
div#layerMinisite .campaignSecundary .productOverview ul li a {display:block;text-align:center;min-width:68px;}
div#layerMinisite .campaignSecundary .productOverview ul li a span {display:block;height:84px;}
div#layerMinisite .campaignSecundary .productOverview ul li a span img {height:70px;margin-top:3px;margin-bottom:5px;}
div#layerMinisite .campaignSecundary .productOverview ul li a:hover span img,
div#layerMinisite .campaignSecundary .productOverview ul li a span img.over {height:84px;margin-top:0px;cursor:pointer;}
div#layerMinisite .campaignSecundary .productOverview ul li a {color:#002741;display:block;white-space:nowrap;}
div#layerMinisite .campaignSecundary .productOverview ul li a:hover {color:#0071DB;}

div#layerMinisite .campaignSecundary #dealerSearchHome {display:block;float:left;width:315px;padding-top:22px;margin-left:10px;}
div#layerMinisite .campaignSecundary #dealerSearchHome h3 {display:block;font-family:Tahoma, Geneva, sans-serif;font-weight:normal;font-size:1.3em;color:#0071DB;margin-bottom:12px;}
div#layerMinisite .campaignSecundary #dealerSearchHome label {display:block;font-weight:bold;margin-bottom:3px;}
div#layerMinisite .campaignSecundary #dealerSearchHome input {border:solid 1px #A7A7A7;width:180px;margin-right:15px;}

div#layerMinisite .campaignSecundary a.dealerWorden {display:block;float:left;font-weight:normal;font-size:1.1em;margin-top:1px;margin-left:10px;}
div#layerMinisite .campaignSecundary a.dealerWorden:hover {text-decoration:underline;} 

div#layerMinisite div.transparancyContent {position:absolute;z-index:1;display:block;top:0;left:467px;width:513px;height:370px;background-color:#FFFFFF;opacity: 0.84; -moz-opacity: 0.84; filter: alpha(opacity=84);}
div#layerMinisite div.transparancySecundary {position:absolute;z-index:1;display:block;top:370px;left:0;width:980px;height:170px;border-top:solid 1px #002740;background-color:#FFFFFF;opacity: 0.94; -moz-opacity: 0.94; filter: alpha(opacity=94);}
div#layerMinisite .campaignImg, div#layerMinisite .campaignImgIE6 {position:absolute;z-index:2;display:block;top:58px;right:0;}

/* andere body background op he home 
body.homeBody #container {background-image: url(../images/bgSite_home.gif);}*/

/* alle veranderingen per element als er een subsubmenu is 
body.metSubSubMenu #container {background-image: url(../images/bgSite_subsub.gif);}*/
.metSubSubMenu #contentPage, .metSubSubMenu #subContent {background: #fff;width: 453px;}
body.PopupForm {background-image: none;}


/* kleuren van de menus bij active en mouseover */
.listMenu a {color: #002740;}
.listMenu a:hover {background: #0099CB; color: #fff;}
.listMenu a.active {background: #0099CB; color: #fff;}

/* forms */
.ATAGform {width: 533px; margin-top: 20px;background:#FFFFFF;}
.ATAGform fieldset {border: 0;}
.ATAGform legend {font-weight: bold; color: #002740; margin: 0 0 5px -7px;} /* negatieve left marge lost legend positie issue op in IE4t/m7 zonder in FF te veranderen*/

.ATAGform label, .ATAGform input, .ATAGform select, .ATAGform textarea, .ATAGform img {float: left; line-height: 20px;}
.ATAGform label {clear: left; width: 160px;}
.ATAGform input, .ATAGform select, .ATAGform textarea {clear: right; margin: 1px 3px 1px 0 ; padding: 0; font-size: 1em; font-family:Tahoma,Geneva,sans-serif; line-height: 13px;}
.ATAGform input {width: 150px;}
.ATAGform select {width: 154px;}
.ATAGform textarea {width: 250px; height: 100px; line-height: 15px;}
.ATAGform label.radio {width: auto; clear: none; margin: 0 10px 0 3px;} /* voor inline labels, zoals aanhef*/
.ATAGform input.radio {width: auto; clear: none; height: 19px;}
.ATAGform .check label {width: auto; clear: none; margin: 0 5px 0 3px;} /* voor inline labels, zoals aanhef*/
.ATAGform .check input {width: auto; clear: none; height: 19px;}
.ATAGform .dfDateDay {width: 42px;}
.ATAGform .dfDateMonth {width: 42px;}
.ATAGform .dfDateYear {width: 52px;}
.ATAGform .tb {width: 25px; display: block; clear: both; }

.campaignForm {border:none !important;}
.campaignForm h1 {color:#0071DB;font-weight:bold;border:none;font-size:1.6em;}
.campaignForm .contentText {padding:0;}
.campaignForm .ATAGform {margin:0 !important; width:475px !important;}
.campaignForm legend {display:none;}
.campaignForm label	{text-align:right;}
.campaignForm input {border: solid 1px #A7A7A7;}
.campaignForm span.mandatory {color:#002741 !important;font-weight:bold;}
.campaignForm span.check {display:block;clear:both;padding-left:170px;}
.campaignForm a.btn {margin:30px 0 0 170px;}
.campaignForm span.check label, .campaignForm span.check input {margin-top:0;border:none;}
.campaignForm span.radio input {border:none;}
.campaignForm span.error {margin-left:0px !important;} 
.campaignForm textarea {clear:left !important;width:475px !important;}
.campaignForm span.textAfter {display:block;margin-left:170px;font-style:italic;color:#A7A7A7;}

span.radio {display: block;}
span.radio input {float: left; clear: none; width: auto; height: 18px; margin-left: 2px;}
span.radio label {float: left; clear: none; width: auto; line-height:20px;}
span.radio br { clear:both;}

span.check {display: block;}
span.check input {float: left; clear: none; width: auto; height: 18px; margin-left: 2px;}
span.check label {float: left; clear: none; width: auto; line-height:20px;}

.ATAGform fieldset.subFieldset {float: left; clear: right; margin: 5px 0;}
.ATAGform fieldset.subFieldset input {float: left; width: auto; clear: left; margin-right: 3px; height: 17px;}/* voor kleine vinkjes met label rechts */
.ATAGform fieldset.subFieldset label {width: 280px; clear: none; height: auto; line-height: 19px;} /* label rechts van vinkjes zodat er nog een (i) knop langs kan*/

.ATAGform a.infoImg {float: left; clear: none; width: auto; margin: 3px;}
.ATAGform .valuta {float: left; clear: none; margin: 3px 3px;}
.ATAGform .smallInput {width: 50px; line-height: 12px;}
.ATAGform .formText {width: 325px; float: left; clear: right; line-height: 18px;  margin-bottom: 3px;}
.ATAGform .noHeight {height: 100%;} /* height overschrijven om hogere blocken te plaatsen */
.ATAGform .mandatoryItem, .ATAGform .mandatory, .ATAGform .verplicht {float: left; margin: 0 3px; width: 7px; line-height: 20px; color: #f00; font-style: normal;} /* verplichte opmaak*/
.ATAGform label.mandatoryItem, .ATAGform label.mandatory, .ATAGform label.verplichtnormal {clear: none;}
.ATAGform .error {clear: left; margin-left: 143px; color: #FF0000;}

a.btn, a.btnRight {display: block; float: left; background: #002740 url('../images/arrow_nextbtn.gif') right 6px no-repeat; padding: 1px 13px 2px 7px; margin-right: 10px; border: solid 1px #FFFFFF; color: #FFFFFF;}
a.btn:hover, a.btnRight:hover {color: #FFFFFF;}
a.btnRight {float: right;}
a.btnback {background: #002740 url('../images/arrow_backbtn.gif') left 5px no-repeat; padding: 1px 7px 2px 13px;}

a.btn_pdf 
{
	margin-top: 10px;
	padding: 2px;
	display: block;
	width: 100%;
	background-color: #000;
	color: #FFF;
	text-align: center;
}

.ATAGpanelform {width: 100%;}
.ATAGpanelform legend {font-size: 1.3em; color: #fff;}
.ATAGpanelform label {width: 50px; line-height: 18px;}
.ATAGpanelform input {width: 65px; height: 18px; line-height: 16px; border: solid 1px #002740;}
.ATAGpanelform a.btn {margin: 1px 0 2px 3px;}

.ATAGProductwizardform {width: 180px; background-color:#0099cb;}/* 200px - 20px van de padding */
.ATAGProductwizardform select {clear: left; width: 170px;}
.ATAGProductwizardform label {width: auto;}

/* dealerworden form */
.ATAGdealerwordenform		{display:block;height:auto;}
.ATAGdealerwordenform label {display:block;clear:left;float:left;width:160px;}
.ATAGdealerwordenform input {float:left;clear:right;}

/* header */
#header{position:relative;height: 100px;border-bottom: solid 5px #002740;margin:0;}
.headerLanguage {position:absolute;top:70px;right:10px;display:block; text-align:right;margin:10px 25px 0 0 ; color:#cdcdcd;}
.headerLanguage a {color:#002740;}
.headerLogo {padding:11px 0 0 25px;}
#globalMenu {position:absolute;top:10px;right:0;display:block;text-align:right;font-size:1.1em;text-transform:uppercase;margin:10px 25px 0 0 ;}
#globalMenu a {margin:0 8px;padding:2px;}
#globalMenu a:hover {background:#0071BD;color:#FFFFFF;}

#extraLogo { position:absolute; top:0px; right:180px;}

/* mainmenu */
#mainMenu{clear: both; display:block; margin-top:2px;border-top: solid 1px #002740;border-bottom: solid 1px #002740;}
#mainMenu ol#flashMenu {display: block; background: #FFFFFF;}
#mainMenu ol#flashMenu li {display: inline;}
#mainMenu ol#flashMenu li a {display: block; float: left; height: 15px; padding: 3px 10px; color: #002740; }
#mainMenu ol#flashMenu li a:hover {background: #0099CB; color: #FFF;}

/* leftColumn*/
#leftColumn {background: #fff;display: block; float: left; clear: left; width: 186px; border-top: solid 6px #002740;}
.leftColumnCell {width: 100%;} 
.leftColumnEmptyTop {height: 49px; background: #002740;}
.leftColumnTextTop {height: 56px; background: #002740; color: #fff; padding: 10px 15px;}
.leftColumnFixedBottom {border-top: solid 5px #002740;}

/* submenu */
#subMenu {text-align: right; list-style: none outside; width: 166px; padding: 2px 0 10px 0; line-height: 18px;}
#subMenu a {display: block; width: 100%; padding-right: 20px;}

/* content */
#content {background: #fff;float: left; width: 591px; border-top: solid 6px #002740; }

/* contentLeftColumn */
#contentLeftColumn {display: block; float: left; width: 136px; height: 100%; border-left: solid 1px #A7A7A7;}
.contentLeftColumnCell {width: 100%;}
.contentLeftColumnEmptyTop {height: 43px; background: #fff;}

/* #subSubmenu */
#subSubMenu {list-style: none; padding-top: 10px; width: 100%; font-weight: bold; line-height: 18px;}
#subSubMenu li.supertitle {padding: 10px 0 0 5px; border-bottom: solid 1px #ccc; font-size: 1.1em;}
#subSubMenu li.title {padding-left: 20px;}
#subSubMenu a {display: block; padding: 0 10px 0 20px; height: 100%; background: url(../images/listpointer.gif) 10px 2px no-repeat; font-weight: normal;} /*height: 18px; lost liine-height issue in IE6 op*/
#subSubMenu a:hover {background: #0099CB url(../images/listpointer.gif) 10px -12px no-repeat;}
#subSubMenu a.active {background: #0099CB url(../images/listpointer.gif) 10px -12px no-repeat;}

/* contentpage */
#contentPage {border-left: solid 1px #A7A7A7; float: left; width: 590px; height: 100%; font-family: Verdana, Geneva, Sans-Serif;}
#contentPage ul {margin: 10px;}
#subContent {float: left; width: 100%; border-top: solid 1px #A7A7A7; padding-top: 10px;}
#contentTitle {margin-bottom: 5px;}
#bluetext {color:#4181c0;}
.printBtn {clear: both; height: 18px; margin: 3px 5px 0 5px; text-align: right;}
.printBtn div {float: right;}
.contentText {padding: 0 20px 10px 25px; clear: right;}
.contentTextConfigurator {padding: 0 10px 10px 10px; clear: right; }
.contentImage {float: right; clear: none; width: 165px; margin: 0px 0 10px 10px;}
.contentImage img {float: right;}
.contentImage img.productImg {margin: 10px 10px 0 10px;}
.contentBtn {float: right; margin: 5px 10px;}

/* specifieke content indeling voor de homepage */
#introHome {width: 590px;}
.homeRow {clear: both; width: 590px;}
.homeSingleCol {float: left; width: 186px;}
.homeSingleCol p {padding: 5px 10px 0 10px;}
.homeDoubleCol {float: left; width: 403px;}
.highCol {height: 161px;}
.lowCol {min-height:84px;height:auto !important;height: 84px;}
#introHome #homeContentTitle {height: 65px; padding: 5px 0 0 10px; background: #fff;}
#introHome #textColumns {position: relative;}
#introHome #textColumns .textCol {z-index: 4; position: absolute; top: 0; display: block; float: left; width: 170px; height: 156px; padding: 5px 10px 0 10px; background: transparent;}
#introHome #textColumns .mainVisualLink { color:#002740; font-weight:normal; }

#introHome #textColumns #textCol1 {left: 0;}
#introHome #textColumns #textCol2 {left: 190px;}
#introHome #textColumns #textCol3 {left: 380px;}
#introHome #textColumns .columnBg {float: right;}
#introHome #homeLeaseLink {background: #002740; color: #fff; position: relative; border-left: solid 1px #A7A7A7;}
#introHome #homeLeaseLink a {color: #fff; text-decoration: underline; bottom: 13px; right: 10px; position: absolute; line-height: 17px; padding-right: 30px; background: url('../images/arrow_white.gif') 180px 4px no-repeat;}
#introHome #homeLeaseLink a:hover {color: #fff; text-decoration: none;}
#introHome #homeLeaseLink td {border-top: 0px;}
#introHome #homeLeaseLink div {margin: 10px 0 0 20px;}
#introHome #homeLeaseLink p {width: 186px; margin-top: 5px; color: #A7A7A7;}
#introHome #adresHome {background: #cdc4b0; padding-top: 10px; min-height: 74px; height: auto!important; height:74px; border-left: solid 1px #A7A7A7;}
#introHome #adresHome .contentText {background: transparent;}
#homeImg {float: left;}

/* leasewizard resultaat */
#leaseResult {margin: 15px 0 0 110px; border-top: solid 1px #A7A7A7; width: 300px; padding-top: 5px;}
#leaseResult table, #leaseResult tr, #leaseResult td {border-collapse: separate;}
#leaseResult table {width: 300px; border-bottom: double 1px #A7A7A7;}
#leaseResult td {padding-right: 15px;}
#leaseResult .totaal {border-top: solid 1px #A7A7A7; font-weight: bold; font-size: 1.1em; border-bottom: double 1px #A7A7A7;}

/* documentation */
#documentation ul {list-style-image: none; list-style-type: none; padding: 10px 20px;}
#documentation li {clear: both; height: 100%;}
#documentation li img {float: left; border: solid 1px #999; padding: 10px; margin: 10px;}
#documentation li div {float: left; margin-top: 20px; width: 300px;}

/* FAQ form specifiek */
#faq select {width: 200px; line-height: 17px;}
#faq ol {list-style-position: inside; clear: both; margin: 10px 0 10px 0;}
#faq li {font-weight: bold; line-height: 16px;}

/* nieuwspagina lijst */
#newsSummary {margin-top: 10px;}
#newsSummary li {margin-bottom: 20px;}
.date {line-height: 10px; font-size: 0.9em; color: #A7A7A7;}

/* vacaturelijst specifiek */
/* dealerResult specifiek */
/* alle systemen specifiek */
#bigTable table td {padding-bottom: 15px;}
#bigTable .products_allImage img {border: solid 1px #999; padding: 10px; margin: 10px;}
table.vacaturesTable td {padding: 0; border-top: 0;}
table.productwizard_results td {padding: 0; border-top: 0;}
#bigTable.vacatures table td {padding: 0 10px 0 25px; border-top: solid 1px #ccc;}
#bigTable .titleCell {width: 150px;}

/* Sitemap opmaak */
#sitemap {margin: 15px;}
#sitemap ul {float: left; list-style-position: inside; width: 200px; height: auto; margin: 0 0 30px 15px; line-height: 16px;}
#sitemap a {font-weight: normal; text-decoration: underline;}
#sitemap h3 {padding: 3px 0;}
#sitemap a:hover {text-decoration: none;}
#sitemap li.parentlistitem {list-style: none; margin-bottom: 5px;}
#sitemap li.parentlistitem a {text-decoration: none;}
#sitemap li.parentlistitem a:hover {text-decoration: underline;}
#sitemap li.sublistitem {margin-left: 30px; list-style-type: square;}

/* panels */
#saldoPanel { background: #0099CB url(../images/creditPanelBg.jpg) 0px 0px no-repeat; display: block;  color: #fff;  min-height:132px; width:auto !important; height:132px; padding-left:3px !important; margin: 2px 0 2px 0; }
#saldoPanel a { background:#fff url(../images/creditPanelArrow.gif) 0px 1px no-repeat; padding-left:13px;   color: #0099CB; font-size:1.3em;  }
#saldoPanel .lbl { float: left; }
#saldoPanel .saldo { float:right; }
#saldoPanel .saldoLink { margin-top:10px; display:block;   }
#saldoPanel .lbl, #saldoPanel .saldo { margin-top:60px; font-size:1.3em; font-weight: bold; }

#panelContainer {display: block; float: left; clear: right; width: 200px; margin-left: 3px; border-top: solid 6px #002740;}
.panel {padding: 10px 5px 10px 15px; margin-bottom: 2px;}

.panelHome {padding: 10px 5px 10px 15px; position: relative;}
.panelHome div {display: block; font-weight: bold; width: 85px; float: left; margin-right: 10px;}
.panelHome .goBtn {display: block; clear: both; bottom: 5px; right: 7px; position: absolute;}

#homebuttons {margin-bottom: 1px;}
#homebuttons ul {padding: 0; margin: 0; list-style-image:none;}
#homebuttons li {list-style: none;}
#homebuttons li a {display: block; width: auto; height: 15px; padding: 10px; margin-top: 1px; color: #FFFFFF; background: #0099CB; font-size: 1.2em; font-weight: bold;}
#homebuttons li a:hover {color: #002740;}

#adresPanel  { height: 50px;background-color: #cdc4b0;}

#rendementPanel {height: 50px;background-color: #cdc4b0;}
#rendementPanel a{font-size : 1.2em; color: #003366; font-weight: normal !important; font-family:Tahoma,Geneva,sans-serif; }
/* #rendementPanel #e-nieuwsbrief h5 {color: #003366;} */

#bannerPanel {height: 141px;}
#bannerPanel .goBtn {bottom: 80px;}
#newsItemPanel {height: 148px;}
#newsItemPanel {background: #0099CB; color: #fff !important;}
#newsItemPanel div {height: 80px; width: 160px; overflow: hidden; font-weight: normal !important; margin-top: 5px;}
#dealerSearchPanel {background: #0099CB; color: #fff;}
#helpdeskPanel ul {list-style-image: url(../images/listarrowwhite.gif); margin-top: 10px;}
#helpdeskPanel, #helpdeskPanel a {background: #002740; color: #fff;}
#helpdeskPanel a:hover {color: #0099CB;}
#productwizardPanel {color: #fff; background: #0099CB;}
#productwizardTextPanel {color: #fff; background: #002740;}
#productwizardTextPanel p, #productwizardTextPanel h5 {position: relative;}
#downTriangle {background: #0099CB;}
#productwizardPanel .clearLine {background: transparent;}
#productwizardPanel .btn, #productwizardTextPanel .btn {float: right;}


/* footer */

#footercontainer    {height:0px;clear: both;margin-left:-1px;float:left;display:block; border-top:1px solid #A7A7A7;border-left:solid 1px #FFFFFF;border-right:solid 1px #FFFFFF;}
#footer {clear: both; margin-left: 0px; width: 980px; height: 31px; text-align: center; line-height: 29px;}
#footer a, #footerSitemap a {font-weight: normal;}
#footer a, #footer a:hover {color:#002741;}
#footerSitemap a, #footerSitemap a:hover {color:#0071dd;}
#footer a:hover, #footerSitemap a:hover {text-decoration:underline;}
#footerSitemap {padding-top:10px;margin-left:50px;}
#footerSitemap ul {display:block;float:left;width:185px;padding:0;list-style:none !important; list-style-image:none;}
#footerSitemap ul li.heading {font-weight:bold;font-size:1.1em;margin-bottom:10px;}

/* xlSavingForm */
div.xlSavingForm { padding: 0 20px 10px 25px; }
div.xlSavingForm td { padding: 5px 10px 5px 0; border: 0; }
div.xlSavingForm input { margin: 1px 3px 1px 0pt; padding: 0pt; font-size: 1em; font-family: Tahoma,Geneva,sans-serif; line-height: 13px; }
div.xlSavingForm td.label { padding-left: 10px; }
div.xlSavingForm tr.totalSaving { background-color: #0099CB; color: #fff; font-weight: bold; }
div.xlSavingForm input.initialValue { color: #666; }
div.xlSavingForm div.tooltipContainer { }
div.xlSavingForm div.tooltipTrigger { display: block; overflow: hidden;}
div.xlSavingForm div.tooltip { display: none; border: 1px solid #002740; background: #FFF; color: #002740; margin-left: 10px; padding: 10px; z-index: 99999;  }
