/* CSS Document */
*{
	padding:0px;
	margin:0px;
	border-collapse: collapse;
}

body{color:#002740; background:white; font-family:Tahoma, Geneva, sans-serif; font-size:70%;}
h1 {font-size: 2em; font-weight: normal;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}
a {color: #002740; text-decoration: none; font-weight:bold;}
img {border: 0;}
table {width: 100%; font-size: 1em;}
thead tr th {border-bottom: solid 1px #002740; color: #A7A7A7; font-weight: bold; text-align: left;}
td, th {padding: 0 10px 0 10px; line-height: 18px; vertical-align: top;}
tbody tr td {border-top: solid 1px #A7A7A7;}
ul {list-style-position: outside; list-style-type: square; padding-left: 20px;}
ol {list-style-position: outside;}

.clear {clear: both; display: block; font-size: 1px; line-height: 1px;}
.clearLine {clear: both; display: block;}

.centered {text-align: center;}

/* forms */
.ATAGform {width: 533px; margin-top: 20px;}
.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: 95px;}
.ATAGform input, .ATAGform select, .ATAGform textarea {clear: right; margin: 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 img {margin-left: 2px;}

.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.btn {display: block; float: left; background: #002740 url('../images/arrow_backbtn.gif') right 6px no-repeat; padding: 1px 13px 2px 7px; border: solid 1px #FFFFFF; color: #FFFFFF; font-weight: normal;}
.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 .ImgBtn, .ATAGpanelform .ImgBtn {width: auto; height: auto; margin-left: 3px; border: 0;}
.ATAGform .error {clear: left; margin-left: 108px;}


/* header */
#header{height: 165px;}
.headerLogo img {border-bottom: 0px;}

/* global menu */
.headerComponentImage{display: none;}

/* mainmenu */
#mainMenu{display: none;}

/* leftColumn*/
#leftColumn {display: none;}

/* submenu */
#subMenu {display: none;}

/* content */
#content {display: block; float: left; width: 591px; border-top: solid 6px #002740; margin-bottom: 40px;}

/* contentLeftColumn */
#contentLeftColumn {display: none;}

/* #subSubmenu */
#subSubMenu {display: none;}

/* contentpage */
#contentPage {float: left; width: 590px; height: 100%; font-family: Verdana, Geneva, Sans-Serif;}
#contentPage ul {margin: 10px;}
#subContext {float: left; width: 100%; border-top: solid 1px #A7A7A7; padding-top: 10px;}
#contentTitle {margin-bottom: 5px;}
.printBtn {display: none;}
.contentText {padding: 10px 0 10px 15px;}
.contentImage {float: right; width: 175px; margin-bottom: 10px;}
.contentImage img {float: right; clear: both; border-bottom: solid 1px #fff; margin-right: 10px;}
.contentImage img.productImg {margin: 10px 10px 0 10px;}
.contentBtn {display: none;}

/* 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 {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 #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 div {margin: 10px 0 0 20px;}
#introHome #homeLeaseLink p {width: 186px; margin-top: 5px; color: #A7A7A7;}
#introHome #adresHome {background: #cdc4b0; padding-top: 10px; height: 74px; border-left: solid 1px #A7A7A7;}
#introHome #adresHome .contentText {background: transparent;}
#homeImg {float: left;}

/* dealerSearchForm */
#dealerSearch {display: none;}

/* leasewizard */
#leaseWizard, #docAanvraag {border-top: solid 1px #A7A7A7; padding: 15px;}
#leaseResult {border-top: solid 1px #A7A7A7; padding: 15px;}
#leaseResult table, #leaseResult tr, #leaseResult td {border-collapse: separate;}
#leaseResult table {width: 280px; 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 {display: none;}
#faq ol {display: none;}

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

/* panels */
#panels {display: none;}
#dealerSearchPanel {display: none;}
#helpdeskPanel {display: none;}
#adresPanel {clear: both; padding: 10px; border-left: solid 1px #A7A7A7; position: absolute; top: 90px; right: 130px;}

/* footer */
#footercontainer {display: none;}
#footer {display: none;}