@charset "UTF-8";
/* CSS Document */

body { background: url('images/bg_body.jpg') repeat-x top left #FFF; font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height: 130%; color: #333; padding: 0px; margin: 0px; }

div#outer { position: relative; margin: 0 auto; width: 922px; }
a { color: #1F79A9; }
h2 {  color: #1F79A9; font-size: 14px; font-weight: normal; }

/* HEADER */
div#header 					{ float: left; width: 922px; height: 169px; background: url('images/bg_header2009_2.png') no-repeat top left; }
* html body div#header 		{ background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.auto-motorkrant.be/styles/images/bg_header2009_2.png', sizingMethod='crop'); }


/**html body div#header 		{ background: url('images/bg_header2009_2.jpg') no-repeat top left; }
*/
/* PAGE-UTILITIES */
div#page-utilities			{ position: absolute; z-index: 1000; width: 328px; height: 44px; top: 24px; left: 45px; background: url('images/bg_page_utilities_red.gif') no-repeat top left; }
div#page-utilities a { position: relative; }
#header a#test { position: relative; background: #003; display: block; width: 10px; height: 10px; position: absolute; top: 10px; left: 10px; }
/** html body div#page-utilities { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.auto-motorkrant.be/styles/images/bg_page_utilities.png', sizingMethod='crop'); }*/
div#page-utilities div#pu-home { width: 58px; height: 17px; display: block; position: absolute; left: 0px; top: 29px; }
div#page-utilities div#pu-home a { position: relative; display: block; width: 58px; height: 17px; }
div#page-utilities div#pu-contact { width: 75px; height: 18px; display: block; position: absolute; left: 110px; top: 16px; }
div#page-utilities div#pu-contact a { display: block; width: 75px; height: 18px; }
div#page-utilities div#pu-login { width: 108px; height: 21px; display: block; position: absolute; left: 219px; top: 1px; cursor: pointer; }
div#page-utilities div#pu-login a { display: block; width: 108px; height: 21px; }
/*div#page-utilities a		{ display: block; color: #DBE6F2; text-transform: uppercase; text-decoration: none; height: 17px; top: 15px; padding: 2px 0 0 20px; voice-family: "\"}\""; voice-family: inherit; height: 15px; }
div#page-utilities a:hover	{  text-decoration: underline; }
div#page-utilities a#pu-home { width: 62px; position: absolute; left: 583px; padding: 2px 0 0 22px; background: url('images/bg_pu_home.png') no-repeat top left; voice-family: "\"}\""; voice-family: inherit; width: 40px; }
* html body div#page-utilities a#pu-home { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.auto-motorkrant.be/styles/images/bg_pu_home.png', sizingMethod='crop'); }
div#page-utilities a#pu-contact { width: 80px; position: absolute; left: 686px; background: url('images/bg_pu_contact.png') no-repeat top left; voice-family: "\"}\""; voice-family: inherit; width: 60px; }
* html body div#page-utilities a#pu-contact { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.auto-motorkrant.be/styles/images/bg_pu_contact.png', sizingMethod='crop'); }
div#page-utilities a#pu-login { width: 119px; position: absolute; left: 795px; background: url('images/bg_pu_login.png') no-repeat top left; voice-family: "\"}\""; voice-family: inherit; width: 99px; }
*html body div#page-utilities a#pu-login { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.auto-motorkrant.be/styles/images/bg_pu_login.png', sizingMethod='crop'); }
*/

/* BODY BLOCK */
div#bodyblock 				{ float: left; width: 922px; min-height: 500px; background: url('images/bg_bodyblock.png') repeat-y top left; }
*html body div#bodyblock 	{ height: 500px; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.auto-motorkrant.be/styles/images/bg_bodyblock.png', sizingMethod='scale'); }

/* LANGUAGES */
div#languages { display: none; }

/* CONT DIV */
div#cont { float: left; width: 710px; position: relative; padding: 0 35px 0 28px; _padding: 0 15px 0 28px; voice-family: "\"}\""; voice-family: inherit; width: 647px; _width: 667px; }
div#cont div#pagecont { width: 637px; _width: 667px; padding: 5px 0 0 0; position: relative; }

p.pageintro { float: left; width: 637px; padding: 0 371px 0 0; text-align: center; color: #1F79A9; line-height: 120%; margin: 0 0 50px 0; voice-family: "\"}\""; voice-family: inherit; width: 266px; }
p.pageintro2 { float: left; width: 637px; padding: 20px 371px 0 0; text-align: left; color: #1F79A9; line-height: 120%; margin: 0 0 30px 0; voice-family: "\"}\""; voice-family: inherit; width: 266px; }

div#cont div.text, div.form { margin: 30px 0 0 0; }
div#afkortingen, div.builder { margin: 30px 0 0 0; width: 637px; } 
div.adv { float: left; width: 350px; padding: 2px 0 0 0; }
div.banners { float: left; width: 647px; padding: 2px 0 0 0; }
div.textadv { float: left; width: 647px; }
td.textadentry { width: 140px; margin: 0px; border: 1px solid #217BA9; color: #217BA9;  background-color: #FFF; padding: 3px; cursor: pointer; text-align: center; vertical-align: middle; }
td.textadentry a { color: #217BA9; text-decoration: none; }
img.bannerimg { float: left; margin: 0 10px 10px 0}

/* ZOEKERTJES PAGINA */
div.tabs { /*float: left; width: 637px; padding: 0 371px 0 70px; voice-family: "\"}\""; voice-family: inherit; width: 196px */ position: absolute; top: 0px; left: 180px; width: 120px; }
div.tabs table.tabtable td { text-align: center; width: 60px; }
div.tabs table.tabtable td a { text-decoration: none; font-size: 10px; text-transform: uppercase; color: #1F79A9; font-family: Arial, Helvetica, sans-serif; }
div#cont div.browsetable { float: left; clear: both; position: relative; width: 647px;  }
div.filter { float: left; width: 320px; margin: 10px 0 0 0; min-height: 30px; _height: 30px; }
div.filter select { display: block; width: 240px; }
div.filter input.button { width: 70px; display:block; height: 22px; background: url('images/bg_button.gif') no-repeat top left; color: #FFF; text-decoration: none; text-transform: uppercase; padding: 6px 0 0 0; text-align: center; font-size: 10px; voice-family: "\"}\""; voice-family: inherit; height: 16px;}
div.browsetable a { text-decoration: none; color: #333; }
table.datatable, table.sortable { float: left; margin: 30px 0; width: 635px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; position: relative; }
table.datatable tr th, table.sortable tr th { background: url('images/bg_tr_th.gif') repeat-x top left; height: 23px; }
div.browsetable table { /*float: left;*/ }
table.datatable tr th.id { width: 40px; }
table.datatable tr th.merk { /*width: 57px;*/ width: 107px; }
table.datatable tr th.model { /*width: 80px;*/ /*width: 155px;*/ }
table.datatable tr th.kenmerk { width: 100px; }
table.datatable tr th.cc { width: 35px; }
table.datatable tr th.kw { width: 25px; }
table.datatable tr th.brandstof { width: 70px; }
table.datatable tr th.kleur { width: 70px; }
table.datatable tr th.bj { width: 40px; }
table.datatable tr th.teller { width: 40px; }
table.datatable tr th.prijs { width: 80px; }

table.datatable tr th a { text-decoration: none; color: #333; }
table.datatable tr td, table.sortable tr td { border-left: 1px solid #CCC; padding: 3px; border-top: 1px solid #CCC; }
table.datatable tr.red td { color: #F00 }
table.phototable { /*border-top: 1px solid #CCC;*/}
table.datatable table.phototable tr td { vertical-align: top; width: 160px; padding: 5px; text-align: center; voice-family: "\"}\""; voice-family: inherit; width: 150px; }
table.phototable tr td a { text-decoration: none; color: #333 }
table.datatable tr.row:hover .hover { cursor: pointer; background: #E5E5E5; }
div.cardetail { padding: 90px 0 0 0;}
div.cardetail h2 { width: 637px; padding: 0 371px 0 0; text-align: left; color: #1F79A9; line-height: 120%; margin: 0 0 50px 0; voice-family: "\"}\""; voice-family: inherit; width: 266px; }
table#auto_detail td.titel { width: 140px; }

div.message { margin: 0 0 30px 0; }
div.form { float: left; width: 637px; background: url('images/bg_homecats.gif') no-repeat bottom left; padding: 0 0 20px 0; margin: 10px 0 30px 0; }

/* NEW TABLE - PHOTOVIEW */
table.photoview, table.phototable { width: 640px; }
table.photoview td.zoekertjes-items { position: relative; padding: 0px; margin: 0px; background: url('images/bg_zoekertjes-items.gif') repeat-y top left; width: 160px; }
table.photoview tr td { vertical-align: top; width: 160px; padding: 0px; text-align: center; voice-family: "\"}\""; voice-family: inherit; width: 160px; }

table.photoview tr td a { text-decoration: none; color: #333 }
table.photoview td.zoekertjes-items td.zoekertje-info { background: url('images/bg_zoekertje-info.gif') no-repeat top left; padding: 9px 10px 9px 5px;}
table.photoview td.zoekertjes-items div.zoekertje-price { position: absolute; bottom: 0px; left: 0px; background: url('images/bg_zoekertje-price.gif') no-repeat top left; width: 160px; height: 32px; color: #FFF; font-size: 11px; padding: 4px 0 0 0; voice-family: "\"}\""; voice-family: inherit; height: 28px; }
table.photoview div.zoekertje-image { height: 122px; text-align: left; }
table.phototable { margin: 30px 0 0 0; }
table.phototable tr th{ background: url('images/bg_phototable-head.gif') no-repeat top left; height: 35px; padding: 0 0 0 8px; text-align: left; color: #FFF;}

/* PAGENAV */
table#pages { float: left; width: 635px; font-size: 11px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;}
table#pages td.page-left { text-align: left; vertical-align: middle; }
table#pages a.navigate { text-decoration: underline; }
table#pages td#page-more { text-align: right; vertical-align: middle; }


/* TITLES */
div.pagecont h2 { }
div#pagecont h1 { margin: 90px 0 20px 0; }
h2#Disclaimer, h2#Contact, h2#afkortingen, h1#Aanbiedingen, h2#Aanmelden, h1#Zoekertje_plaatsen,h2#mijn_account { margin: 90px 0 0 0; height: 16px; }
h2#Disclaimer span, h2#Contact span, h2#afkortingen span, h1#Aanbiedingen span, h2#Aanmelden span, h1#Zoekertje_plaatsen span, h2#mijn_account span, h1#artikels span, h1#moppen span { display: none; }
h2#Disclaimer { background: url('images/h2_disclaimer.gif') no-repeat top left; }
h2#Contact { background: url('images/h2_contact.gif') no-repeat top left; }
h2#afkortingen { height: 26px; background: url('images/h2_afkortingen.gif') no-repeat top left; }
h2#Aanmelden { height: 19px; background: url('images/h2_aanmelden.gif') no-repeat top left; margin: 90px 0 20px 0; }
h2#mijn_account { height: 19px; background: url('images/h2_mijn_account.gif') no-repeat top left; margin: 90px 0 20px 0; }
h1#Aanbiedingen { height: 26px; background: url('images/h1_aanbiedingen.gif') no-repeat top left; }
h1#Zoekertje_plaatsen { height: 26px; background: url('images/h1_zoekertje_plaatsen.gif') no-repeat top left; }
h1#artikels { float: left; width: 647px; margin: 90px 0 20px 0; height: 21px; background: url('images/h1_artikels.gif') no-repeat top left; }
h1#moppen { float: left; width: 647px; margin: 90px 0 20px 0; height: 21px; background: url('images/h1_moppen.gif') no-repeat top left; }

/* HOME CATS */
div#homecats { float: left; width: 637px; background: url('images/bg_homecats.gif') no-repeat bottom left; padding: 0 0 20px 0; }
div#homecats div.cat { position: relative; float: left; width: 127px; height: 135px; text-align: center; margin: 0 0 10px 0; }
div#homecats div.cat a { display: block; position: absolute; top: 0px; }
div#homecats div.cat a span { display: none; }
div#homecats div.cat a#cat1 { left: 16px; width: 94px; height: 109px; background: url('images/bg_cat1.jpg') no-repeat top left; }
div#homecats div.cat a#cat1:hover { background: url('images/bg_cat1.jpg') no-repeat bottom left; }
div#homecats div.cat a#cat2 { left: 12px; width: 102px; height: 114px; background: url('images/bg_cat2.jpg') no-repeat top left; }
div#homecats div.cat a#cat2:hover { background: url('images/bg_cat2.jpg') no-repeat bottom left; }
div#homecats div.cat a#cat3 { left: 10px; width: 106px; height: 114px; background: url('images/bg_cat3.jpg') no-repeat top left; }
div#homecats div.cat a#cat3:hover { background: url('images/bg_cat3.jpg') no-repeat bottom left; }
div#homecats div.cat a#cat4 { left: 13px; width: 100px; height: 131px; background: url('images/bg_cat4.jpg') no-repeat top left; }
div#homecats div.cat a#cat4:hover { background: url('images/bg_cat4.jpg') no-repeat bottom left; }
div#homecats div.cat a#cat5 { left: 4px; width: 116px; height: 112px; background: url('images/bg_cat5.jpg') no-repeat top left; }
div#homecats div.cat a#cat5:hover { background: url('images/bg_cat5.jpg') no-repeat bottom left; }
div#homecats div.cat a#cat6 { left: 16px; width: 94px; height: 130px; background: url('images/bg_cat6.jpg') no-repeat top left; }
div#homecats div.cat a#cat6:hover { background: url('images/bg_cat6.jpg') no-repeat bottom left; }
div#homecats div.cat a#cat7 { left: 16px; width: 94px; height: 110px; background: url('images/bg_cat7.jpg') no-repeat top left; }
div#homecats div.cat a#cat7:hover { background: url('images/bg_cat7.jpg') no-repeat bottom left; }
div#homecats div.cat a#cat9 { left: 16px; width: 94px; height: 109px; background: url('images/bg_cat9.jpg') no-repeat top left; }
div#homecats div.cat a#cat9:hover { background: url('images/bg_cat9.jpg') no-repeat bottom left; }
div#homecats div.cat a#cat10 { left: 13px; width: 100px; height: 114px; background: url('images/bg_cat10.jpg') no-repeat top left; }
div#homecats div.cat a#cat10:hover { background: url('images/bg_cat10.jpg') no-repeat bottom left; }
div#homecats div.cat a#cat12 { left: 16px; width: 94px; height: 114px; background: url('images/bg_cat12.jpg') no-repeat top left; }
div#homecats div.cat a#cat12:hover { background: url('images/bg_cat12.jpg') no-repeat bottom left; }

/* BIG BANNER */
div#banner_large { position: absolute; top: 3px; left: 349px; width: 346px; height: 134px; }
div#banner_large div#banner_img { position: absolute; top: 0px; left: 0px; width: 346px; height: 108px; background: url('images/bg_banner_img.gif') no-repeat top right; }
div#banner_large div#banner_img img { width: 340px; height: 108px; }
div#banner_large div#banner_more { position: absolute; top: 108px; left: 0px; width: 346px; height: 25px; background: url('images/bg_banner_more_red2.gif') no-repeat top left;}
div#banner_large div#banner_more a { display: block; position: absolute; width: 210px; height: 19px; top: 0px; right: 6px; }
div#banner_large div#banner_more a span { display: none; }

div#flashbanner { float: left; width: 637px; text-align: left; background: url('images/bg_homecats.gif') no-repeat bottom left; padding: 0 0 16px 0; margin-top: 5px; }

/* SMALL BANNERS */
div#autotextadv { float: left; width: 637px; margin: 30px 0 0 0; }
div#autotextadv div.container { float: left; width: 180px; margin: 0 10px 10px 10px; min-height: 100px; height: 100px; }
div#autotextadv div.textadentry { width: 180px; margin: 0px; border: 1px solid #217BA9; color: #217BA9;  background-color: #FFF; padding: 3px; cursor: pointer; text-align: center; vertical-align: middle; }
div#autotextadv div.textadentry a, div#autotextadv div.textadentry a:hover { color: #217BA9; text-decoration: none; }

/* L-COL */
div#l-col { float: left; width: 212px; padding: 0 10px 0 21px; voice-family: "\"}\""; voice-family: inherit; width: 181px; }
div#l-col p.nav { margin: 10px 0 20px 10px; color: #207AA9; padding: 0px; }
div#l-col ul { margin: 0px; padding: 0px; list-style: none; }
div#l-col ul li { border-bottom: 1px solid #217BA9; padding: 5px 0 5px 10px; width: 181px; background: url('images/bg_l_col_ul_li.gif') no-repeat 0 8px; voice-family: "\"}\""; voice-family: inherit; width: 171px;  }
div#l-col ul li a { color: #1F79A9; font-weight: bold; text-decoration: none; }
div#l-col ul li ul { margin: 5px 0 0 -10px; width: 181px; border-top: 1px solid #217BA9; }
div#l-col ul li ul li { border: none; padding: 2px 0 3px 35px; width: 181px; background: url('images/bg_l_col_ul_li_ul_li.gif') no-repeat 25px 8px; voice-family: "\"}\""; voice-family: inherit; width: 146px; }
div#l-col ul li ul li a { font-weight: normal; }
div#l-col ul li ul li.active a , div#l-col ul li ul li a:hover { font-weight: bold; }

/* FOOTER */
div#footer { float: left; width: 922px; height: 57px; background: url('images/bg_footer.png') no-repeat top left; padding: 39px 0 0 217px; margin: 0 0 25px 0; text-align: center; color: #1F79A9; voice-family: "\"}\""; voice-family: inherit; height: 18px; width: 715px; }
div#footer div#footer-left { float: left; width: 500px; text-align: left; }
div#footer div#footer-right { float: left; width: 180px; text-align: right; color: #999; }
div#footer div#footer-right a { color: #999; }
div#footer a { color: #1F79A9; text-decoration: none; }
div#footer a:hover { text-decoration: underline; }
*html body div#footer { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.auto-motorkrant.be/styles/images/bg_footer.png', sizingMethod='crop'); }


/* AUTO DETAIL TABLE */
table#auto_detail { width: 100%; border-collapse: collapse; }
table#auto_detail td.titel { width: 120px; font-weight: bold; vertical-align: top; }
table#auto_detail td.field { width: 197px; padding: 0 30px 0 0; voice-family: "\"}\""; voice-family: inherit; width: 167px;}
table#auto_detail td.pictures { width: 320px; }

/* ZOEKERTJE PAGINA */
textarea { width: 400px; font-family: Verdana, Geneva, sans-serif; font-size: 11px; padding: 2px;}


#auto_detail ul {
	padding: 0px;
	margin: 0px;
	padding-left: 15px;
}


input, textarea, select, option {
	color: black;
}

#content {
	width: 990px;
}

#content_shop {
	width: 990px;
	margin: 0 auto 0 auto;
}

#header {
	/*height: 105px;*/
}

#left {
	vertical-align: top;
	width: 190px;
}



#middle {
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
	width: 800px;
}

#middle_shop {
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
	width: 990px;
}

#middle_shop #autotextadvleft {
	margin: 0 auto 0 auto;
	width: 100%;
}

.messages {
	padding: 5px;
	font-weight: bold;
	margin: 0px;
}

td {
	vertical-align: top;
}

/* Forms */
.form, .menulist {
	padding: 3px;
}

.form .form_label {
	font-weight: bold;
	width: 130px;
}

.form .messages {
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 9px;
	margin: 0px;
	border: none;
}

.form .messages p {
	margin: 0px;
	margin-top: 3px;
}

.form .form_error .form_label {
	color: red;
}

/* Banners */
#header_image {
	float: left;
}

/* General */
img {
	border: none;
}


h1, h2 {
	font-size: 16px;
}

.builder h2 {
	font-size: 15px;
}

h3 {
	font-size: 14px;
	margin-left: 5px;
}

.rightAligned {
	text-align: right;
}

form {
	margin: 0;
}

.error {
	font-weight: bold;
	color: red;
}



.advlist img {
	margin-bottom: 15px;
}

/* ARTIKELS */
div.messages div#artikel { margin: 20px 0 50px 0; float: left; width: 647px; }
div.messages div#artikel h1 { color: #1F79A9; font-size: 14px; margin: 0 0 20px 0; }
div.messages div#artikel h2 { color: #1F79A9; font-size: 12px; margin: 10px 0 10px 0; }
div.messages div#artikel p { font-weight: normal; }
div.messages div#artikel-archief { float: left; width: 647px; font-weight: normal; }
div.messages div#artikel-archief h3 { font-weight: bold; text-transform: uppercase; font-size: 12px; border-bottom: 1px solid #333; color: #333; margin: 0 0 8px 0; padding: 0 0 5px 0; }

/* VERWIJDER DUBBELS */
table#deletetable { font-weight: normal; }
table#deletetable td.label { width: 120px; }


/* MEER VAN DEZE HANDELAAR */
div#handelaar_andere { width: 285px; margin: 25px 0 5px 0; text-align: center;}
div#handelaar_andere a { /*display: block; width: 234px; height: 60px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 120%; font-weight: normal; color: #FFF; text-decoration: none; text-align: center; font-size: 15px; background: url('images/bg_btn_handelaar_andere.jpg') no-repeat top left;padding: 10px 35px; voice-family: "\"}\""; voice-family: inherit; width: 164px; height: 40px;*/}
