/* CSS Document */

body,html {
height: 100%;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
color: #333333;
background: #666666;
margin: 0;
padding: 0;
}

p, dl, hr, h1, pre, address {
margin: 0 0 18px 0;
}

h1, h2 {
line-height: normal;
}

h1 {
font-family: Arial Narrow, Helvetica Light, Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: normal;
color: #999999;
}

h2, .header_super, .wsbsubtitel, .detail_header, .modelname, #nieuwexternuitvoeringen h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
margin: 0 0 10px 0;
color: #333333;
}

h2 a {
text-decoration: none;
}

h3, .detailkop {
font-size: 14px;
font-weight: bold;
line-height: inherit;
margin: 0;
}

a {
color: #0b65af;
}

a:hover {
text-decoration: none;
}

a:focus {
outline: none;
}

form, fieldset, dt, dd {
margin: 0;
padding: 0;
border: 0;
}

th, caption {
font-weight: bold;
padding-right: 5px;
text-align: left;
}

address {
font-style: normal;
}

img {
border: none;
}

legend {
display: none;
}

input, select, textarea {
margin-bottom: 3px;
}

.intro {
font-size: 14px;
}

/* general classes */
.left {
float: left;
}

.right {
float: right;
}

.clear {
clear: both;
}

.cursor {
	cursor: pointer;
}
#blanco-container, #pop-over-container {
padding: 10px;
}

.img-border, .avdw img, .actie img, .aflevering img {
padding: 1px;
border: 1px solid #cccccc;
}

/* MAIN LAYOUT */
#wrapper {
position: relative;
height: auto !important;
height: 100%;
min-height: 100%;
width: 995px;
background: url(media/main-bg.gif) repeat-y;
margin: 0 auto -225px auto;
}

.push {
clear: both;
height: 225px;
}

#header-wrapper {
background: url(media/header-top.gif) no-repeat top;
padding: 11px 10px 0 10px;
}

.home #header-wrapper {
position: relative;
height: 520px;
}


#header-container {
position: relative;
width: 975px;
height: 115px;
background: #e2eaf0 url(media/header-flare.gif) no-repeat;
z-index: 100;
}

#content-container {
float: left;
width: 615px;
padding: 15px;
margin: 0 0 0 15px;
line-height: 20px;
background: url(media/content-top.gif) no-repeat top;
}

#footer-container {
clear: both;
position: relative;
bottom: 0;
background: #666666 url(media/footer-bg.gif) repeat-y;
width: 995px;
height: 225px;
margin: auto;
}

#footer-heading {
background: url(media/footer-top.gif) no-repeat top;
height: 65px;
}

#footer-content {
background: url(media/footer-bottom.gif) no-repeat bottom;
width: 976px;
height: 160px;
margin: 0 10px;
}

/* HEADER */
#header-container h1 {
margin: 0;
}

#header-container h1 a {
position: absolute;
top: 12px;
left: 20px;
display: block;
width: 175px;
height: 0;
padding-top: 41px;
overflow: hidden;
background: url(media/logo-tolman.jpg);
}

.home #header-container h1 a {
top: 11px;
left: 19px;
width: 178px;
padding-top: 43px;
background: url(media/logo-tolman.png);
}

#header-container span {
position: absolute;
top: 28px;
left: 205px;
font-size: 11px;
}

#header-container span a {
color: #333333;
}

ul.brands {
position: absolute;
top: 5px;
right: 20px;
margin: 0;
padding: 0;
list-style: none;
}

ul.brands li {
float: left;
}

ul.brands li a {
display: block;
width: 65px;
height: 0;
padding-top: 50px;
overflow: hidden;
}

ul.brands li a.toyota {
background: url(media/logo-toyota.jpg) no-repeat;
margin-right: 5px;
}
ul.brands li a.hyundai {
background: url(media/logo-hyundai.jpg) no-repeat;
}
ul.brands li a.fiat {
background: url(media/logo-fiat.jpg) no-repeat;
}
ul.brands li a.lancia {
background: url(media/logo-lancia.jpg) no-repeat;
}
ul.brands li a.alfa {
background: url(media/logo-alfa.jpg) no-repeat;
}

/* dropdownmenu */
#nav-container  {
position: absolute;
top: 62px;
left: 6px;
width: 960px;
height: 47px;
z-index: 100;
}

#nav-container .menu-left {
position: absolute;
left: -3px;
width: 7px;
height: 45px;
background: url(media/menu-left.gif) no-repeat;
}

.home #nav-container .menu-left {
background: url(media/menu-left.png) no-repeat;
}
	
#nav-container .menu-right {
position: absolute;
top: 0;
right: -3px;
width: 7px;
height: 45px;
background: url(media/menu-right.gif) no-repeat;
}

.home #nav-container .menu-right {
background: url(media/menu-right.png) no-repeat;
}

#nav-container .menu-bottom {
height: 9px;
background: url(media/menu-bottom-shadow.gif) repeat-x bottom;
margin: 0 4px;
}

.home #nav-container .menu-bottom {
background: url(media/menu-bottom-shadow.png) repeat-x bottom;
}

/*Hoofdnaviagtie ul*/
#nav-container ul#navigation {
margin: 0 0 0 3px;
padding: 0;
width: 954px;
height: 38px;
list-style: none;
z-index: 999;
background: url(media/menu-bg.gif) repeat-x top;
}


/*hoofdnavigatie items*/
#navigation li.mainitem {
position: relative;
float: left;
width: 136px;
}
	
/*hoofdnavigatie links*/
#navigation li.mainitem a.hoofditem {
display: block;
font-family: Arial Narrow, Helvetica Light, Arial, Helvetica, sans-serif;
font-size: 16px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
color: #000000;
padding: 10px 15px 10px 0;
background: url(media/menu-divider.gif) no-repeat right;
}

#navigation li.mainitem a:hover.hoofditem {
background: url(media/menu-divider-hover.gif) no-repeat right;
color: #666666;
}

#navigation li.mainitem a.lasthoofditem, #navigation li.mainitem a:hover.lasthoofditem {
background: url(media/menu-tolman-bg.gif) repeat-x;
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: none;
padding-right: 0;
padding-left: 4px;
font-size: 14px;
width: 134px;
}

#navigation li.mainitem a:hover.lasthoofditem {
color: #dddddd;
}

/*opent sub navigation ul's*/
#nav-container #navigation li:hover ul, #nav-container #navigation li.over ul {
display: block;
}
		
/*ul subnavigation*/	
#navigation li ul {
position: absolute;
left: 0;
z-index: 1000;
display: none;
list-style: none;
background: #909496 url(media/menu-shadow.gif) repeat-x top;
border: 1px solid #666666;
border-bottom: none;
border-top: none;
padding: 0;
margin-left: -2px;
}


#navigation li ul li {
float: none;
}

/*subnavigation links*/
#navigation li ul li a {
display:block;
margin: 0;
padding: 3px 15px;
text-align:left;
width: 200px;
border-bottom: 1px solid #666666;
color: #ffffff;
text-decoration: none;
}

#navigation li ul li a:hover {
background: #dddddd;
color: #333333;
}

/* CONTENT */
#content-container p, dl, hr, h1, pre, address {
margin: 0 0 20px 0;
}

#content-container .breadcrump {
color: #999999;
margin: 0 0 10px 0;
}

.breadcrump a {
color: #999999;
}

/* content-img */
.content-img {
position: relative;
width: 313px;
height: 180px;
margin: 0 0 10px 0;
}

.content-img img {
margin: 3px 0 0 3px;
}

.img-overlay {
position: absolute;
top: 0;
left: 0;
width: 313px;
height: 180px;
background: url(media/img-overlay.png) no-repeat;
}

/* rightcontainer contentbox */
#right-container {
float: right;
width: 313px;
margin: 0 17px 0 0;
}

#right-container .contentbox {
float: right;
width: 313px;
margin: 0 0 10px 0;
background: url(media/contentbox-bg.gif) repeat-y;
}

#right-container .contentbox h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
background: url(media/contentbox-top.gif) no-repeat;
margin: 0;
padding: 10px 18px;
}		

#right-container .contentbox .content {
background: url(media/contentbox-bottom.gif) no-repeat bottom;
padding: 0 18px 15px 18px;
}

#right-container .contentbox ul,
#right-container .contentbox p {
margin: 0 auto;
}

#right-container .contentbox ul {
padding: 0 0 0 15px;
}

#right-container .contentbox .actie h2 {
font-size: 14px;
}

#right-container .contentbox .actie img {
margin: 0 0 5px 5px;
}

/* brandlinks */
#right-container .brand-tools {
width: 298px;
height: 101px;
padding: 8px;
background: url(media/merkbox.gif) no-repeat;
}

#right-container .brand-tools ul {
list-style: none;
margin: 0;
padding: 0;
}

#right-container .brand-tools li {
width: 221px;
height: 24px;
background: url(media/merk-button.gif);
margin: 0 0 1px 0;
padding: 0 0 0 5px;
}

#right-container .brand-tools li a {
display: block;
height: 21px;
padding: 3px 0 0 20px;
color: #333333;
text-decoration: none;
}

#right-container .brand-tools li a:hover {
color: #666666;
}

/* HOMEPAGE */
.home #header-container {
background: none;
}

#flash-element {
position: absolute;
width: 975px;
height: 520px;
top: 0;
left: 10px;
z-index: 1;
padding-bottom: 9px;
background: #e2eaf0 url(media/menu-bottom-shadow.gif) repeat-x bottom;
border-bottom: 3px solid #e2eaf0;
z-index: 1;
}

#flash-overlay {
position: absolute;
top: 446px;
left: 17px;
width: 960px;
height: 67px;
background: url(media/flash-overlay.png) repeat-x;
z-index: 2;
}

#flash-overlay ul.brands {
position: relative;
top: 0;
left: 0;
}

#flash-overlay ul.brands li {
width: 192px;
height: 68px;
}

#flash-overlay ul.brands li a {
width: auto;
height: 0;
padding-top: 68px;
}
#flash-overlay ul.brands li a.toyota {
background: url(media/logo-toyota.png) no-repeat;
margin: 0;
}
#flash-overlay ul.brands li a.hyundai {
background: url(media/logo-hyundai.png) no-repeat;
}
#flash-overlay ul.brands li a.fiat {
background: url(media/logo-fiat.png) no-repeat;
}
#flash-overlay ul.brands li a.lancia {
background: url(media/logo-lancia.png) no-repeat;
}
#flash-overlay ul.brands li a.alfa {
background: url(media/logo-alfa.png) no-repeat;
}


/* FOOTER */
#footer-content div {
float: left;
margin-top: -32px;
color: #ffffff;
}

#footer-content h2 {
font-size: 14px;
font-weight: bold;
color: #ffffff;
margin-bottom: 20px;
}

#footer-content a {
color: #ffffff;
}

#footer-content th {
font-weight: normal;
width: 180px;
}

#footer-content td {
text-align: right;
}

#footer-content .contact,
#footer-content .hours {
width: 300px;
margin-left: 20px;
}

#footer-content .brand-links {
width: 150px;
margin-left: 20px;
}

#footer-content .links {
width: 150px;
}

#footer-content ul {
margin: 0;
padding: 0;
list-style: none;
}

/* RIGHT CONTAINER NEWS en ACTIE*/

/* wsb news */
#right-container .news img, #right-container .news .article, #right-container .news .read-more {
display: none;
}

#right-container .news h2 {
display: inline;
margin: 0;
font-size: 13px;
}

#right-container .news h2 a {
text-decoration: underline;
}

#right-container .news h2 a:hover {
text-decoration: none;
}

/* atk actie */
#right-container .actie h2 {
font-size: 14px;
font-weight: bold;
}

#right-container .actie img {
float: right;
margin: 0 0 5px 5px;
}

#right-container .actie .article {
height: 90px;
overflow: hidden;
margin-bottom: 18px;
}

/* actie */
#acties h1, #acties .more {
display: none;
}

/* NEWS en ACTIE */
/* page nav */
.lijst_navigatie {
text-align: right;
}

#news_detail .navbar {
float: left;
width: 145px;
}

#news_detail .back {
float: right;
width: 200px;
text-align: right;
}

.actie-back {
text-align: right;
}

/* overview */
.news_list img {
float: right;
padding: 1px;
border: 1px solid #cccccc;
margin: 0 0 5px 5px;
}

#content-container .news_list .news,
#content-container .actie-overview .actie {
border-top: 1px solid #cccccc;
padding-top: 10px;
margin-top: 10px;
}

#content-container .news_list h2,
#content-container .news_list p,
#content-container .actie-overview h2,
#content-container .actie-overview p {
margin: 0;
}

.publishdate, .detail_datum {
font-size: 11px;
}

/* detail */
.detail_image, .img-container {
width: 124px;
float: right;
margin: 0 0 5px 5px;
}

.detail_image img, .img-container img {
padding: 1px;
border: 1px solid #cccccc;
margin-bottom: 5px;
}

.detail_image img {
margin-bottom: -5px;
}

.detail_header, #news_detail h2 {
margin: 0;
}

.detail_datum {
margin-bottom: 20px;
}

/* MODEL INFORMATIE */
table#header {
width: 100%;
}

#nieuwexternindex img, #nieuwexternuitvoeringen img, #nieuwexterndetail img, .column img{
padding: 1px;
border: 1px solid #cccccc;
}

#nieuwexternindex .modelname {
margin: 5px 0 0 0;
}

/* uitvoering */
#nieuwexternuitvoeringen table#uitvoering {
width: 400px;
}

#nieuwexternuitvoeringen table#uitvoering .uitvoering_label {
color: #ffffff;
background: #77797b url(media/shadow.gif) repeat-x bottom;
padding: 2px 5px 10px 5px;
}

#nieuwexternuitvoeringen table#uitvoering td {
padding: 3px 5px;
}

#nieuwexternuitvoeringen table#uitvoering tr.even {
background: #f5f5f5;
}

#nieuwexternuitvoeringen table#uitvoering .brandstof a,
#nieuwexternuitvoeringen table#uitvoering .prijs a {
text-decoration: none;
color: #666666;
}

#nieuwexternuitvoeringen table#uitvoering .prijs {
text-align: right;
padding-right: 10px;
}

/* detail */
#nieuwexterndetail #detail_gegevens td.data {
text-align: right;
}

#nieuwexterndetail .label, #nieuwexterndetail .data {
border-bottom: 1px solid #eeeeee;
}

#nieuwexterndetail .label {
padding-left: 4px;
}

#nieuwexterndetail .data {
text-align: right;
padding-right: 4px;
}

#nieuwexterndetail .uitvoering_label {
border-bottom: 3px solid #cccccc;
}

#nieuwexterndetail .uitvoering, #nieuwexterndetail .brandstof, #nieuwexterndetail .prijs {
border-bottom: 1px solid #cccccc;
}

#nieuwexterndetail .uitvoering {
font-weight: bold;
}

#nieuwexterndetail .brandstof a, #nieuwexterndetail .prijs a {
text-decoration: none;
}

#detail_algemeen, #detail_techniek, #detail_veiligheid, #detail_interieur {
display: block;
width: 152px;
height: 18px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
text-align: center;
padding: 2px 0 5px 0;
margin-right: -1px;
font-weight: bold;
background: #77797b;
}

a#detail_algemeen, a#detail_techniek, a#detail_veiligheid, a#detail_interieur {
text-decoration: none;
color: #ffffff;
}

#nieuwexterndetail table#nav {
border: 1px solid #cccccc;
border-bottom:none;
}

#nieuwexterndetail table#nav a:hover {
text-decoration: none;
background-color: #989b9d;
color: #3e3e3e;
}

#nieuwexterndetail table#nav .activedetail {
background-color: #ffffff;
border-left: 1px solid #ffffff;
color: #222222;
}

#alg table, #tech table, #veil table, #int_ext table {
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
width: 614px;
}

/* afbeelding */
.column div {
padding: 0 10px 18px 0;
}

.column .body {
text-align: center;
padding: 0;
}



/* KIES */
.footer h1 {
display: none;
}

/* Auto van de Week */
.avdw h2 {
font-size: 14px;
font-weight: bold;
margin: 0;
}

.avdw dl {
margin: 18px 0 0 0;
}

.avdw dt {
float: left;
width: 75px;
}

/* searchfield */
.searchform, #search-box {
clear: both;
padding: 10px 0 18px 10px;
margin-bottom: 17px;
width: 606px;
height: 154px;
background: url(media/kies/search-bg.gif) no-repeat;
}

#search-box  {
margin: 0;
height: auto;
}

#content-container .searchform p {
float: left;
width: 150px;
margin: 0 0 10px 0;
}

#search-box td {
padding: 0 13px 10px 0;
}

.searchform select,
#search-box select  {
width: 138px;
}

.submit-button {
text-align: right;
}

#search-box .submit-button {
clear: both;
position: relative;
top: 25px;
}

#dsl .submit-button input,
.wsb-form .submit-button input {
width: 102px;
height: 32px;
border: none;
cursor: pointer;
font-weight: bold;
}

.submit-button input:focus {
outline: none;
}

.submit-button input.submit {
color: #ffffff;
background: url(media/kies/button-submit.gif) no-repeat;
}
	
#dsl .submit-button input.reset {
background: url(media/kies/button-reset.gif) no-repeat;
font-weight: normal;
color: #666666;
}

/* merk modeloverzicht */
.modeloverzicht h2, 
.merkoverzicht h2 {
margin-top: 20px;
}

.modeloverzicht table, 
.merkoverzicht table {
width: 100%;
}

.modeloverzicht td, 
.merkoverzicht td {
width: 33%;
padding: 5px 10px;
}

.modeloverzicht a, 
.merkoverzicht a {
padding-left: 20px;
background: url(media/arrow.gif) no-repeat left;
font-size: 16px;
text-decoration: none;
}

.modeloverzicht a:hover, 
.merkoverzicht a:hover {
text-decoration: underline;
}

/* overview */
#overview p {
margin: 0;
}

#overview .overview_tools {
float: left;
width: 310px;
height: 37px;
background: url(media/kies/select-bg.gif) no-repeat;
margin-left: -5px;
padding: 13px 0 0 15px;
}

#overview .overview_tools select {
width: 150px;
}

#overview .back {
position: relative;
left: 185px;
top: 20px;
}

#overview .nav {
padding: 15px 0;
color: #afafaf;
}

#overview .nav table {
float: right;
}

#overview td {
padding: 2px;
}

#overview .nav a {
text-decoration: none;
}

#overview .nav .selected {
padding: 0 4px;
font-weight: bold;
color: #ffffff;
background: #0b65af;
}


#overview #occasions {
clear: both;
border-top: 1px solid #cccccc;
}

#overview .occasion {
clear: both;
position: relative;
border-bottom: 1px solid #cccccc;
padding: 10px 0;
width: 615px;
height: 100px;
cursor: pointer;
}
#overview .occasion:hover {
background: #f2f8fb;
}


#overview img {
float: left;
display: inline;
margin: 0 10px 0 5px;
border: 1px solid #cccccc;
background: #ffffff;
padding: 1px;
}

#overview h2 {
margin: 0;
padding: 0;
}

#overview h3 {
width: 335px;
overflow: hidden;
line-height: normal;
font-weight: normal;
}

#overview dl {
padding: 0;
margin: 0;
}

#overview dt {
position: absolute;
top: 62px;
font-weight: bold;
}

#overview dd {
position: absolute;
top: 75px;
padding: 0;
margin: 0;
}

#overview .cost {
left: 450px;
top: 10px;
font-size: 16px;
font-weight: normal;
}

#overview dd.cost  {
top: 32px;
}

#overview .build,
#overview .listing {
left: 120px;
}

#overview .fuel {
left: 220px;
}

#overview .milage {
left: 325px;
}

#overview a.more {
position: absolute;
left: 450px;
top: 56px;
font-weight: bold;
padding: 5px 0 0 0;
line-height: normal;
}

#overview img.listing {
position: absolute;
top: 90px;
left: 0;
padding: 0 5px 0 4px;
}

.listings h2 {
float: left;
}

.listings .back-to-search {
float: right;
}

.listings #occasions {
margin-top: 10px;
}

/* detail */
#detail .back {
text-align: right;
margin: -30px 0 10px 0;
}

#detail h1 {
margin: 0 0 10px 0;
}

#detail h1 span {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333333;
}

#carspecs {
background: url(media/kies/carspecs-bg.gif) no-repeat;
width: 615px;
height: 345px;
padding: 5px 0 0 0;
margin-bottom: 20px;
}

#carspecs #afbeelding-container {
float: right;
width: 325px;
}

#carspecs #afbeelding {
margin-top: -27px;
}

#thumbnails {
margin: 0 0 0 1px;
background: url(media/kies/thumbs-bg.gif);
width: 320px;
height: 95px;
}

#thumbnails img {
width: 62px;
margin: 0 2px 2px 0;
}

.zoom {
display: block;
position: relative;
top: 27px;
margin: 0 0 0 -24px;
width: 24px;
height: 27px;
background: url(media/icons/icon-zoom.gif) no-repeat;
z-index: 100;
}

dl.carspecs {
position: relative;
padding: 0 0 0 10px;
height: 240px;
margin: 0;
}

.carspecs dt {
float: left;
width: 115px;
}

.carspecs .cost {
font-weight: bold;
}

.carspecs img.nap {
position: absolute;
top: 70px;
left: 220px;
}

#cartools {
background: #eeeeee;
margin-left: 5px;
padding: 5px;
width: 270px;
height: 90px;
overflow: hidden;
}

#cartools p {
font-weight: bold;
background: #bababa;
padding: 0 5px;
margin: 0;
height: 22px;
overflow: hidden;
}

#cartools ul {
margin: 5px 0 0 0;
padding: 0;
list-style: none;
}

#cartools li {
float: left;
width: 135px;
}

#cartools a {
display: block;
padding-left: 20px;
text-decoration: none;
color: #333333;
}

#cartools a:hover {
text-decoration: underline;
}

#detail h3 {
clear: both;
}


#detail .collumn {
float: left;
width: 307px;
margin-bottom: 20px;
}

/* popover */
#pop_over_container {
padding: 20px;
}

#pop_over_container table {
font-size: 12px;
}

#pop_over_container input,
#pop_over_container textarea {
width: 230px;
}

#pop_over_container input.checkbox {
width: auto;
}

#pop_over_container select {
width: 236px;
}

.belmij h1 {
font-size: 18px;
}

.belmij img {
float: left;
margin-right: 10px;
}

.belmij .form {
clear: both;
border-top: 1px solid #cccccc;
margin-top: 10px;
padding-top: 10px;
}

.belmij dt {
float: left;
width: 125px;
}

/* my account */

#login dt,
.retrieve dt {
float: left;
}

#login input, #login select {
margin-bottom: 2px;
}

#inloggen {
float: left;
width: 285px;
}

#inloggen .login {
width: 270px;
height: 85px;
background: url(media/kies/login-bg.gif) no-repeat;
padding: 15px 0 0 15px;
}

.login dt {
width: 100px;
}

.login input {
width: 147px;
}

#content-container .login .forgot {
text-align: right;
margin: -20px 16px 0 0;
}

#registreren {
float: right;
width: 285px;
}

#registreren dt {
width: 137px;
}

#registreren input {
width: 140px;
}

#registreren input.checkbox {
width: auto;
}

.retrieve dl {
width: 250px;
height: 38px;
padding: 12px 0 0 14px;
background: url(media/kies/input-single-bg.gif) no-repeat;
}

.retrieve dt {
width: 90px;
}

.retrieve .submit-button {
width: 264px;
}

/* my account overview */
.followed_car {
float: left;
display: inline;
width: 164px;
margin:0 25px 20px 0;
}

.followed_car img {
padding: 1px;
border: 1px solid #cccccc;
margin-bottom: 5px;
}

#content-container .followed_car p {
margin: 0;
}

p.delete-car {
margin: 5px 0 17px 0;
border-top: 1px solid #cccccc;
padding: 5px 0 0 0;
}

.zoekopdracht th {
color: #ffffff;
font-weight: bold;
padding: 2px;
background: #77797b;
}
	
.zoekopdracht td {
border-bottom: 1px solid #cccccc;
padding: 2px;
}

.account_details {
border-bottom: 1px solid #cccccc;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}

.account_details dt,
#wijzig dt {
float: left;
width: 125px;
}

.account_tools {
list-style: none;
margin: 0 0 17px 0;
padding: 0;
}

form .comment {
font-size: 10px;
font-style: italic;
}

/* alerts & icons*/
a.info {
background: url(media/icons/icon-info.gif) no-repeat left;
}
a.list {
background: url(media/icons/icon-list.gif) no-repeat left;
}
a.testdrive {
background: url(media/icons/icon-key.gif) no-repeat left;
}
a.brochure {
background: url(media/icons/icon-brochure.gif) no-repeat left;
}
span.follow,
a.follow {
padding-left: 20px;
background: url(media/icons/icon-follow.gif) no-repeat left;
}
span.follow {
font-weight: bold;
}
a.pdf {
background: url(media/icons/icon-pdf.gif) no-repeat left;
}
a.callme {
background: url(media/icons/icon-phone.gif) no-repeat left;
}
a.mail {
background: url(media/icons/icon-mail.gif) no-repeat left;
}

#dsl div.alert {
height: 19px;
background: url(media/kies/alert-bg.gif) repeat-x;
border: 1px solid #decc00;
text-align: center;
padding: 3px 0 0 10px;
margin-bottom: 17px;
}

#dsl div.alert p {
background: url(media/icons/icon-alert.gif) no-repeat left center;
margin: 0;
}

#dsl div.succes {
background: url(media/kies/succes-bg.gif) repeat-x;
border: 1px solid #12b010;
}

#dsl div.succes p {
background: url(media/icons/icon-succes.gif) no-repeat left center;
}

#dsl div.error {
background: url(media/kies/error-bg.gif) repeat-x;
border: 1px solid #fa0000;
}

#dsl div.error p {
background: url(media/icons/icon-error.gif) no-repeat left center;
color: #ffffff;
}

#dsl ul.error, #dsl span.error ul {
color: #fa0000;
margin: 0 0 17px 20px;
}

#dsl a.add {
background: url(media/icons/icon-plus.gif) no-repeat left center;
padding-left: 20px;
}

#dsl a.delete {
background: url(media/icons/icon-bin.gif) no-repeat left center;
padding-left: 20px;
}

#dsl #account_overview a.search {
background: url(media/icons/icon-search.gif) no-repeat left center;
padding: 2px 0 0 20px;
}

#dsl a.edit {
background: url(media/icons/icon-edit.gif) no-repeat left center;
padding: 2px 0 0 20px;
}


/* aflevering */
#aflevering_thumbs td {
padding: 0 10px 20px 0;
}

.aflevering .back {
float: right;
}

.aflevering-img {
width: 484px;
float: left;
margin: 0 10px 0 0;
overflow: hidden;
}



/* ============== Erkend Duurzaam LOGO ================ */

#header-container div.erkend-duurzaam {
	position: absolute;
	padding: 0;
	margin: 0;
	background: url(media/erkend-duurzaam.png) no-repeat;
	width: 86px;
	height: 60px;
	top: -5px;
	right: 6px;
}

/* ========== EINDE Erkend Duurzaam ========== */




/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
position: absolute;
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
}

#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
}

.TB_overlayMacFFBGHack {background: url(media/macFFBgHack.png) repeat;}
.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}

#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
text-align:left;
top:50%;
left:50%;
}

#TB_window img#TB_Image {
display:block;
margin: 0;
border: none;
}

#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}

#TB_closeWindow{
height:25px;
padding:11px 18px 10px 0;
float:right;
}

a#TB_closeWindowButton {
display: block;
width: 43px;
height: 18px;
background: url(media/close.gif);
margin: -2px -5px 0 0;
}

a:hover#TB_closeWindowButton {
background: #ffffff url(media/closehover.gif);
}

#TB_closeAjaxWindow{
padding:2px 5px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}

#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
}

#TB_title{
background-color: #686464;
height:27px;
}

#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
padding:15px;
}

#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}

#TB_load{
position: fixed;
display:none;
height:13px;
width:208px;
z-index:103;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

#TB_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);

-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}

#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}