* { padding: 0; margin: 0; }
div.clear { clear: both; }

/*
 * Main body and table defenitions
 */
html, body, main { height: 100%; width: 100%; margin: 0px; padding: 0px; }
body { background-color:  #fff; }
.quiet { color: #888; font-size: 10px; }

/*
 * Main div definitions (display inline fixes IE double margin bug)
 */
div#main   { background-color: #fff; height: 100%; }
div#header { background: #898989; height: 60px; }
div#logo   { background: transparent url(../images/logo.png) top left no-repeat; width: 187px; height: 95px; position: absolute; z-index: 3000; top: 0px; left: 791px; }
div#topSpacer { height: 14px; background-color: white; }
div#cover  { text-align:left; margin:0;}
div#coverImage{ background-position: bottom left; background-repeat: no-repeat; height: 232px; border-bottom: 1px solid #999; }
div#coverShade{ position:absolute; height:27px; width:100%; top:74px; left:0px; background: url('../images/topGradient.png') repeat-x; z-index: 1000; }
div#leftMenu { position: absolute; text-align: left; width: 221px; background-color: #fff; top:74px; left: 0; border-right: 1px solid #a1a0a5; z-index: 2000; }
div#left   { text-align: left; width: 290px; float: left; margin: 5px; display: inline; }
div#middle { position:relative;text-align: left; width: 590px; float: left; margin: 5px; display: inline; padding-top: 10px; padding-bottom: 30px; }
div#footer { height: 29px; clear: both; width: 100%; border-top: 1px solid #999999; position: fixed; bottom: 0; background-color: white; }
* html div#footer { margin-top: -30px; }

div#middle ul { margin: 10px; }
div#middle ul li { margin: 0 0 0 10px; }


div#middle.bigContent,
div.bigContent{ margin: 0px; padding: 0px; width: 1024px; }
div.bigContent div.module { height: 98%; }
div.bigContent div.module div.content { padding: 0px; }
iframe { border: 0px; }

table.markup { width: 100%; border-collapse: collapse; border: 0px; }
table.markup caption { font-size: 1.2em; font-weight: bold; margin: 1em 0; }
table.markup thead { background: #ccc; }
table.markup thead th { padding:2px; font-weight: normal; text-align: left; border: 1px solid #fff; }
table.markup tbody td { padding: 0.5em 1em; margin: 1px; border-right: 2px solid white; border-bottom: 1px solid #ccc; }
table.markup tbody td.thumb {width: 50px; }
table.markup tbody tr { }
table.markup tbody tr.odd { }
table.markup tbody tr:hover { background-color: #f3f3f3; cursor: pointer; }

table.usedcarDetail { width: 350px; border-collapse: collapse; float: left; }
table.usedcarDetail td { padding: 4px 8px; }
table.usedcarDetail td.label { border-right: 1px solid #000; }

table.financiering { border: 1px solid #888; margin: 20px 0 0px 0; width: 800px; }
table.financiering thead th { text-align: center; border-bottom: 1px solid #888; }
table.financiering tbody td { padding: 5px 5px 5px 2px; }
table.financiering tfoot td { color: #555; }

button.backbutton { margin-top: 10px; }

table.searchoptions { width: 90% }
table.searchoptions select { width: 180px; }
table.searchoptions input { width: 60px; }

div#usedCarContainer { position: relative; margin: 40px 0 0px 230px; padding-bottom: 30px; }
div#usedCarContainer.detail div#headlines { text-align: center; width: 350px; margin: 30px 0 0 0; }
div#usedCarContainer.detail { margin: 0px; }
div#photoPlayer { border: 0px; width: 416px; float: left; }
div#photoPlayer div.thumbs  { }
div#photoPlayer div.thumbs img { margin: 2px; }
div#photoPlayer div.preview { background: url(../images/loader.gif) no-repeat 50% 50%; }
div#photoPlayer div.preview img { background-repeat: no-repeat; background-position: 50% 50%; width: 100%; height: 300px; }
div#photoPlayer ul { list-style: none; padding: 0; margin: 10px 0 0 0; }
div#photoPlayer ul li { display: inline; padding: 0 10px 0 0; }
div#photoPlayer ul a { padding: 0 0 0 10px; background: url(../images/arrow_small.jpg) no-repeat left 50% };

/*
 * opacities
 */
div#leftMenu  { filter:alpha(opacity=90); -moz-opacity:.9; opacity:.9; }

/*
 * Module, menu and block definitions
 */
div.block  { }
div.menu   { background: url('../images/dropper.gif') repeat-x bottom left; }
div.module { }
div.header { font-size: 150%; line-height: 30px; padding: 5px; }
div.content { margin-left: 5px; padding: 5px; }

div#footer ul { list-style: none; width: 992px; text-align: right; padding-top: 3px; }
div#footer ul li { display: inline; margin: 0 0 0 8px; }

/*
 * item listings
 *
 * *FIXME* some 'global' CSS'ing has to be done for listings, but because of the inconsistency of the
 *         bertstory.nl-pages, for each page some rethinking-/redesigning has to be done first
 *         in other words : the styling below is temporary!
 *
 */
div.item{ }
div.item div{padding-left:10px;}
div.item#news img{ border:1px solid #DDD;margin-bottom:15px;margin-right:10px; }

/*
 * Menu definitions
 */

div#header ul li    { padding: 5px 0px 9px 0px; }
div#header ul#menuA { margin: 0px 0px 0px 30px; padding-top: 14px; list-style: none; height: 21px; }
div#header ul#menuA li { display: inline; line-height: 21px; }
div#header ul#menuB { margin: 0px 0px 5px 30px; width:755px; padding: 5px 0px 0px 0px; border-top: 1px solid #C7c7C7; }
div#header ul#menuB li { display: inline; }

div#header ul#menuA div.topMenu { position: absolute; height: 294px; width: 202px; top: 49px; background-color: #fff; border: 1px solid #afafaf; border-top: 0px; z-index: 5000; }
div#header ul#menuA div.topMenuBig { width: 439px; }
div#header ul#menuA div.topMenu ul          { padding: 6px; }
div#header ul#menuA div.topMenu ul li       { display: block; padding: 0px; padding-top: 2px padding-bottom: 2px; border: 0px; line-height: 16px; }
div#header ul#menuA div.topMenu ul li.title { font-weight: bold; }
div#header ul#menuA div.topMenu ul a        { color: #4a4a4a; font-size: 11px; line-height: 12px; padding: 0px; }
div#header ul#menuA div.topMenu ul a.selected,
div#header ul#menuA div.topMenu ul a:hover  { color: #003399; }
/*
 * Top Menu definitions
 */
div#header ul a        { color: #fff; }
div#header ul a:hover  { color: #00175C; }
div#header ul li.show a { color: #00175C; }
div#header ul li.selected a { color: #00175C; background-color: #ffffff; }
div#header ul#menuB a { font-size: 11px; padding: 0px 14px 0px 1px; }
div#header ul#menuA a { font-size: 14px; padding: 4px 6px 7px 5px; margin: 1px;  }
div#header ul#menuA a.big { font-weight: bold; font-size: 17px; }
div#header ul#menuA a.home { padding-left: 0px; margin-left: 0px; }

/*
 * Wait and error screen container
 */
div#messageContainer { width: 400px; margin: 0 auto; }