/* layout.css */
div#canvas 													{ position:relative; width:919px; margin:0 auto; padding-bottom:10px; text-align:left; }
body														{ background:#fff url('../images/backgrounds/bg.gif') repeat-y 50% 0; }

/* header */
#header														{ height:106px; background:transparent no-repeat 0 0; }
.audi #header												{ background-image:url('../images/backgrounds/bg_audi.png'); }
.seat #header												{ background-image:url('../images/backgrounds/bg_seat.png'); }
.skoda #header												{ background-image:url('../images/backgrounds/bg_skoda.png'); }
.volkswagen #header											{ background-image:url('../images/backgrounds/bg_volkswagen.png'); }
.vwbedrijfswagens #header									{ background-image:url('../images/backgrounds/bg_volkswagen.png'); }


#banner                                                     { position:absolute;top:20px;left:680px; }

/* content */
#content 													{  }
#content_main												{ padding:10px 20px; float:left; width:631px; padding:10px 12px 10px 10px; }
#content_header												{ position:absolute; top:55px; left:164px; }
#content_header h1											{ font-size:1.181818em; font-weight:normal; }
#content_header p											{ font-size:.95em; }
#filter														{ float:right; width:266px; }
#filter h2 													{ position:absolute; left:-999em; width:0; height:0; overflow:hidden; }

/* footer */
#footer														{ clear:both; margin:0 30px 0 20px; padding:10px 0 0 0; border-top:1px solid #E8E8E8; width:608px; }
#footer h2 													{ position:absolute; left:-999em; width:0; height:0; overflow:hidden; }
#footer p													{ float:left; width:600px; margin:0; color:#808080; }
#footer a													{ float:right; }

/* page_home */
body.page_home, 
body.page_details							                { background:none; }
.page_home #content_main, 
.page_details #content_main									{ width:auto; }
.page_home #content_header, 
.page_details #content_header								{ position:relative; left:0; top:0; }
.page_home #content_header h1, 
.page_details #content_header h1							{ font-size:1.45455em; font-weight:bold; }
.page_home #footer, 
.page_details #footer										{ width:auto; }

/* dialogs */
.dialog														{ width:837px; display:none;position:absolute;z-index:2; left:0; top:0; }
.dialog .top												{ height:121px; background:transparent no-repeat 0 0; }
.audi .dialog .top											{ background-image:url('../images/backgrounds/dialog_audi.png'); }
.seat .dialog .top											{ background-image:url('../images/backgrounds/dialog_seat.png'); }
.skoda .dialog .top											{ background-image:url('../images/backgrounds/dialog_skoda.png'); }
.volkswagen .dialog .top									{ background-image:url('../images/backgrounds/dialog_volkswagen.png'); }
.vwbedrijfswagens .dialog .top								{ background-image:url('../images/backgrounds/dialog_vwbedrijfswagens.png'); }
.dialog .close												{ position:absolute; top:15px; right:15px; display:block; width:20px; height:20px; overflow:hidden; background:transparent url('../images/icons/close.png') no-repeat 0 0; text-indent:-9000px; }
.dialog .close:hover										{ background-position:0 -20px; }
.dialog .body												{ padding:22px 28px 28px 28px; background:transparent url('../images/backgrounds/dialog_body.png') repeat-y 0 0; }
.dialog	h2													{ position:absolute; top:64px; left:124px; z-index:100; }
.audi .dialog h2											{ color:#fff; }
.dialog .btm												{ height:11px; background:transparent url('../images/backgrounds/dialog_btm.png') no-repeat 0 0; }
.dialog .image												{ position:relative; width:613px; margin:0 auto; }
.dialog .image img											{ border:1px solid #9d9d9f; border-top-color:#838385; border-right-color:#838385; }
.dialog .image span											{ position:absolute; top:-7px; left:-6px; width:627px; height:100%; background:transparent url('../images/backgrounds/mask_dialog.gif') no-repeat scroll 0 0; }
.dialog .image .mask_btm									{ position:absolute; top:auto; bottom:-7px; left:-6px; width:627px; height:100%; background:transparent url('../images/backgrounds/mask_dialog_btm.gif') no-repeat scroll 0 100%; }

/* dialog small */
.dialog-small												{ width:557px; }
.audi .dialog-small .top									{ background-image:url('../images/backgrounds/dialog_audi_small.png'); }
.seat .dialog-small .top									{ background-image:url('../images/backgrounds/dialog_seat_small.png'); }
.skoda .dialog-small .top									{ background-image:url('../images/backgrounds/dialog_skoda_small.png'); }
.volkswagen .dialog-small .top								{ background-image:url('../images/backgrounds/dialog_volkswagen_small.png'); }
.vwbedrijfswagens .dialog-small .top						{ background-image:url('../images/backgrounds/dialog_vwbedrijfswagens_small.png'); }
.dialog-small .body											{ background-image:url('../images/backgrounds/dialog_body_small.png'); }
.dialog-small .btm											{ background-image:url('../images/backgrounds/dialog_btm_small.png'); }

/* dialog contact */
#dialog-contact .body										{ padding:6px 10px 0 114px; }

/* dialog gallery */
#dialog-gallery .body										{ padding-bottom:40px; position:relative; }
#dialog-gallery a.button									{ position:absolute; top:50%; }
#dialog-gallery a.prev										{ left:14px; }
#dialog-gallery a.next										{ right:13px; }
#dialog-gallery a.button span								{ width:70px; text-align:center; }
#dialog-gallery .quiet										{ width:781px; font-size:.90909em; text-align:center; margin:2em 0 0; }

/* clearfix */
#content:after,
#footer:after 												{ display:block; height:0; visibility: hidden; clear:both; content: "."; }

#overlay { position:absolute; left:0; top:0; }