/* ----------------------------------------------------------------------------------------------------------

    Output device: screen, projection

    Author:     Nuvio (www.burobengel.nl)
    Update:     2009-05-03, 13:17 

    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Content:
    
        1) HTML tags
        2) HTML styles
        3) Layout
        4-1) Page: Homepage
        5) Others

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {padding:25px 0; background:url("../images/design/bg.gif") 0 0 repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset { margin:15px 0;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

.form_input { width: 140px; }
.button { width: auto; }
.form_button { width: auto; padding: 0px 5px; }

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#main { width:1040px; padding:10px; margin:0 auto; overflow:hidden;}

    #header { float: left; height:170px; width: 100%; overflow: hidden;}
    
	#slogan {position:absolute; top:30px; right:0; width:275px; padding:10px 10px 10px 15px; background:url("../images/design/pattern.gif");}
    
    #nav { float: left; width: 600px; padding-left: 440px; background:url("../images/design/nav.gif") 0 0 repeat-x; height:26px; display:block;}
    #nav ul {margin:0; list-style:none;}
    #nav ul li {display:inline; }
    #nav ul li a {display:block; float:left; padding:4px 20px; background:url("../images/design/nav-separator.gif") 100% 0 repeat-y; text-decoration:none;}
    #nav a:hover {text-decoration:underline;}
    #nav #feeds {position:absolute; top:9px; right:0px; margin:0;}
    #nav #feeds a:hover {text-decoration:none;}

    #cols {float: left; width: 100%; margin-bottom:10px; background:url("../images/design/cols.jpg") 0 0 no-repeat;}
	#cols2 {float: left; margin-bottom:10px; background:url("../images/design/cols2.jpg") 0 0 no-repeat;}
	#cols3 {float: left; margin-bottom:10px; background:url("../images/design/cols3.jpg") 0 0 no-repeat;}
    #cols-in {float: left; min-height:430px; width: 1000px; padding:20px; background:url("../images/design/cols-in.jpg") 0 100% no-repeat;}
.content_in {float: left; padding: 15px; width: 670px; }
.content_in #top { float: left; width: 100%; }
		#content { float:left; width:700px;}
		#aside { float: right; width:280px;}
		#content .in, #aside .in {padding:15px;}
		#content .on {padding:0px;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */


.userinfo { float: left; width: 100%; }
.userinfo div { float: left; }
.userinfo #row { width: 100%; margin-bottom: 10px; }
.userinfo #row #left { width: 150px; }
.userinfo #row #right { }

#breadcrumbs {margin:0; font-size:90%; color:#FFFFFF;}
#breadcrumbs a:hover {text-decoration:none;}
#breadcrumbs span {margin:0 3px;}

#search {float:left; width:328px; height:151px; background-image:url(../images/design/searchbg.jpg);}
#search2 {float:left; width:670px; min-height:450px; background-image:url(../images/design/searchbg2.jpg); background-repeat:repeat-x;  background-color:#d4d4d4;}
#subscribe {float:left; width:670px; height:450px; background-image:url(../images/design/subscribebg.jpg); background-repeat:repeat-x;  background-color:#d4d4d4;}

#topstory-img img {display:block;}
#topstory-txt {float:right; width:325px;}
#topstory-txt h3 {margin:0; font-size:140%; font-weight:normal;}
#topstory-txt #topstory-info {margin:0; font-size:90%;}
#topstory-txt .comment {padding-left:12px; background:url("../images/design/ico-comment.gif") 0 2px no-repeat;}



.newestads { float: left; width: 100%; background:url("../images/design/dot-01.gif") 0 100% repeat-x; }
.newestads div { float: left; }
.newestads #ad { width: 50%; height: 63px; padding: 7px 0px; }
.newestads #ad #left { width: 85px; }
.newestads #ad #right { width: 200px; padding-left: 10px; }
.newestads #ad #right #top { width: 100%; height: 14px; font-size: 110%; font-weight: bold; }
.newestads #ad #right #bottom { width: 100%; height: 45px; font-size: 90%; padding-top: 4px; }


.cols5050 {clear:both; background:url("../images/design/dot-01.gif") 0 100% repeat-x;}
.cols5050 .col { float: left; width:275px;}
.cols5050 .col .article { clear: both; margin-bottom:15px;}
.cols5050 .col .article-img {float:left; width:85px;}
.cols5050 .col .article-img img {display:block;}
.cols5050 .col .article-txt {float:right; width:175px;}
.cols5050 .col .article-txt h4 {margin:0; margin-bottom:7px; font-size:110%;}
.cols5050 .col .article-txt p {margin:0; font-size:90%;}

#subnav {margin:0; list-style:none;}
#subnav li {display:inline; display:block; padding:0px 0px 4px 25px; background:url("../images/design/subnav.gif") 10px 50% no-repeat;}
/* #subnav li a {padding:14px 10px 7px 5px;} */
#subnav li a:hover {text-decoration:none;}
#subnav li.last a {border:0;}

dl#news {margin:0; background:url("../images/design/dot-02.gif") 3px 0 repeat-y;}
dl#news dt {margin-bottom:3px; padding-left:15px; background:url("../images/design/news-dt.gif") 0 50% no-repeat; font-weight:bold;}
dl#news dd {margin:0; margin-bottom:10px; padding-left:15px;}
dl#news a:hover {text-decoration:none;}

#gallery { float: left; width: 100%; }
#gallery div { float: left }
#gallery #g_title { width: 1000px; height: 18px; float: left; margin: 0px; padding:10px 30px 12px 10px; background:#9BE3B3; font-size:100%; font-weight:bold; }
#gallery #g_title a { float: left; margin-top: 3px; }
#gallery #g_title #arrow { float: right; margin-right: 80px; width: 18px; height: 18px; }

#gallery #merkinfo { float: left; height: 111px; width: 1020px; padding: 15px 10px 15px 10px; background: url("../images/design/gallery.gif") 0 0 repeat-x; }
#gallery #merkinfo #barMerkinfo {  float: left; width: 970px; margin: 0px 10px 10px 20px; text-align: left; }
#gallery #merkinfo #barMerkinfo a { float: left; }

.barMerkinfo_box { float: left; width: 129px; height: 71px; margin-right: 20px; border: 1px solid; }
.barMerkinfo_box img { padding: 0px; margin: 0px; }
.barMerkinfo_arrow { float: left; width: 10px; height: 71px; margin-right: 20px; }


#gallery #merkinfo #separator { width:1010px; height:2px; margin:5px 0; background:url("../images/design/separator.gif") 0 0 repeat-x; font-size:0; line-height:0; overflow:hidden;}
#gallery #merkinfo #links {width: 100%; text-align: left; width: 100%;}


#footer { float: left; padding:15px 1% 5px 1%; width: 98%; }
#footer div { float: left; }
#footer #left { width: 50%; text-align: left; }
#footer #right { width: 50%; text-align: right; }
	#ico-print {padding-left:12px; background:url("../images/design/ico-print.gif") 0 50% no-repeat;}
	#ico-sitemap {margin-left:10px; padding-left:10px; background:url("../images/design/ico-sitemap.gif") 0 50% no-repeat;}

	.ico-rss {padding-left:18px; background:url("../images/design/ico-rss.gif") 0 50% no-repeat;}

#copy {margin:15px auto 0 auto; width:910px; font-size:90%;}

.newads_title { background: url("../images/design/dot-01.gif") 0 60% repeat-x; font-size:100%; float: left; width: 660px; padding: 0px 5px; }

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.title-01 {margin:0; padding:15px 15px 15px 45px; background:url("../images/design/arrow-01.gif") 15px 50% no-repeat; font-size:150%; font-weight:normal;}
.title-02 {background:url("../images/design/dot-01.gif") 0 60% repeat-x; font-size:100%;}
.title-02 span {padding-right:5px;}
.title-03 {margin:0; padding:13px 10px 13px 15px; background:url("../images/design/arrow-02.gif") 245px 50% no-repeat; font-size:100%; font-weight:bold;}
.title-03.gallery {background:url("../images/design/arrow-02.gif") 903px 50% no-repeat;}
.title-04 {margin:0 5px; padding:13px 30px 13px 15px; background:url("../images/design/title-04.gif") 0 0  repeat-x; font-size:100%; font-weight:bold;}
.title-1 {margin:0; padding:15px 15px 15px 45px; background:url("../images/design/arrow-01.gif") 15px 50% no-repeat; font-size:150%; font-weight:normal;}

.more {padding-right:14px; background:url("../images/design/more.gif") 100% 5px no-repeat;}
a:hover.more {text-decoration:none;}

/* ----------------------------------------------------------------------------------------------------------
6) Offer area
---------------------------------------------------------------------------------------------------------- */
#offer {float:left; min-height: 300px; width:670px; background-image:url(../images/design/offerbg.jpg); background-repeat:repeat-x;  background-color:#c9c9c9;}


.offercontainer {
width:655px;
float:left;
}

.offerbox	{
float:left;
width:655px;
margin-bottom:10px;
}

.offerimage	{ float:left; height:20px; width:100px; }

.offerspecs	{
float:left;
height:20px;
width:125px;
padding-left:5px;
}

.offerprice	{
float:left;
height:20px;
width:60px;
padding-left:5px;
}

.offerkm {
float:left;
height:20px;
width:80px;
padding-left:5px;
}

.offerperson {
float:left;
height:20px;
width:90px;
padding-left:5px;
}

.offercity {
float:left;
height:20px;
width:100px;
padding-left:5px;
}

.offeryear {
float:left;
height:20px;
width:55px;
padding-left:5px;
}



#fontnormal	{ font-size:12px; color:#e570a3; font-weight:bold; }


.tblResults { width: 100%; border-spacing: 0px; padding: 0px; }

.tblResults thead tr { height: 20px; }
.tblResults thead tr th { height: 20px; text-align: left; font-weight: normal; }


.tblResults tbody tr { min-height: 90px; }
.tblResults tbody tr #image { width:100px; border-left: 1px solid #b4b4b4; }
.tblResults tbody tr #specs { width:125px; font-size:10px; padding-left:5px;}
.tblResults tbody tr #user { width:90px; padding-left:5px; font-weight:bold; }
.tblResults tbody tr #city { width:100px; padding-left:5px; font-weight:bold; }
.tblResults tbody tr #year { width:55px; padding-left:5px; font-weight:bold; }
.tblResults tbody #sep { height: 10px; border: none; }
.tblResults tbody #sep td { border: none; }
.tblResults tbody tr td { border: none; border-width: 1px 1px 1px 0px; border-style: solid; border-color: #b4b4b4; vertical-align: top; }


.nextpage	{
float:right;
width:100px;
margin-bottom:10px;
}

a.current	{
height:18px;
color:#FFFFFF;
background-color:#e570a3;
}

.specsleft	{
width:260px;
float:left;
}

.specsleftimage	{
	background-color:#ffffff;
	border: 1px solid #AAAAAA;
	width: 220px;
	height: 275px;
	text-align: center;
	padding: 20px;
}

.extrainfo	{
	border: 1px solid #AAAAAA;
	width:235px;
	float:left;
	margin-top:20px;
	padding-left:10px;
	margin-bottom:20px;
	padding-top:5px;
	padding-right:15px;
	background-color:#ffffff;
}


.specsright	{
width:340px;
float:left;
margin-left:20px;
}


.advinfo { float: left; width: 100%;}
.advinfo div { float: left; }
.advinfo #row { width: 100%; }
.advinfo #row #left { width: 150px; line-height: 16px; color: #e570a3; font-weight: bold; }
.advinfo #row #right { width: 170px; font-weight:bold; line-height:16px; }
.advinfo #sep { width: 100%; height: 20px; }


.rightleft	{
width:150px;
float:left;
font-weight:bold;
line-height:16px;
color:#e570a3;
}

.rightright	{
width:170px;
float:left;
font-weight:bold;
line-height:16px;
}


#roze	{
color:#e570a3;
}

/* table container */
div.table {
	float:left;
	position:relative;
	width:644px;
	margin-top:20px;
	}
table.listing {
	border-bottom:1px solid #848484;
	width:643px;
	padding:0;
	margin:0;
	
	}
table.listing th {
	border-top:0 !important;
	}
table.listing th.full {border-left:0;border-right:0 !important;text-align:left;text-transform:uppercase;}
div.table img.left {
	position:absolute;
	top:0;
	left:0;
	}
div.table img.right {
	position:absolute;
	top:0;
	right:1px;
	}
/* table styles */
table.listing td,
table.listing th {
	border:1px solid #fff;
	text-align:center;
	}	
table.listing th {
	background:#848484;
	color:#fff;
	padding:5px;
	}
table.listing td {
	background:#D8D8D8;
	color:#000;
	padding:3px 5px;
	}
table.listing .bg td {
	background:#ECECEC;
	}
table.listing .white td {
	background:#fff;
	}	
table.listing .first {border-left:0px solid #848484;text-align:left;}
table.listing .last {border-right:0px solid #848484;}

table.listing th.first {background:#848484 url(../images/admore/bg-th-left.gif) no-repeat left top;border-left:0;}
table.listing th.last {background:#848484 url(../images/admore/bg-th-right.gif) no-repeat right top;border-right:0;}

table.listing .style1 {font-weight:bold;color:#FF7A00;}
table.listing .style2 {font-weight:bold;}
table.listing .style3 {padding-left:25px;}
table.listing .style4 {padding-left:35px;}
table.form .last {padding:1px 0 1px 5px;text-align:left;}
table.form th,
table.form td {padding-left:10px;}
table.form input.text {width:262px}

.contactleft	{
width:150px;
float:left;
}

.contactright	{
float:left;
width:200px;
font-weight:bold;
}

.contactedit	{
float:left;
width:100px;
}

#contact { float:left; width:670px; background-image:url(../images/design/offerbg.jpg); background-repeat:repeat-x;  background-color:#c9c9c9; min-height:400px; }

.dealer	{ width:625px; }

.dealerinput { width:625px; height:90px; margin-top:13px; }

.dealerlogo	{
	text-align: center;
	width:130px;
	height:90px;
	float:left;
	border-left: thin solid #b4b4b4;
	border-top: thin solid #b4b4b4; 
	border-bottom: thin solid #b4b4b4;
}

.dealertext	{
width:270px;
height:90px;
float:left;
padding-left:10px;
border-left: thin solid #b4b4b4;
border-top: thin solid #b4b4b4; 
border-bottom: thin solid #b4b4b4;
}

.dealerlink	{
width:200px;
height:90px;
float:left;
border-left: thin solid #b4b4b4;
border-right: thin solid #b4b4b4;
border-top: thin solid #b4b4b4; 
border-bottom: thin solid #b4b4b4;
padding-left:5px;
}


.errMsg {
	text-align: center;
	color: #FF0000;
}

.login_input {
	color: #999999;
}

.merkcolumn { float: left; width: 24%; text-align: left; }
.merkcolumn a { text-decoration: none; font-size: 14px; font-weight: bold; }

.txtsmall {
	font-size: 80%;
}

.content_show { float: left; width: 100%; }
.content_show div { float: left; }
.content_show #title { font-weight: bold; font-size: 120%; text-align: left; border-bottom: 1px dotted; width: 100%; }
.content_show #author { font-weight: normal; font-size: 80%; text-align: right; width: 100%; }
.content_show #content { font-weight: normal; text-align: left; padding: 1%; width: 98%; }


.form_standard { width: 100%; float: left; }
.form_standard div { float: left; }
.form_standard #rowTitle { width: 100%; text-align: center; font-size: 140%; font-size: 140%; color: #666; }
.form_standard #row { width: 100%; text-align: left; }
.form_standard #row #left { width: 48%; text-align: right; padding: 1%; font-weight: bold; }
.form_standard #row #right { width: 47%; text-align: left; padding: 1%; }
.form_standard #errorMsg { width: 100%; text-align: center; color: #ff0000; }
.form_standard #rowSubmit { width: 100%; text-align: center; }



.ad_images { width: 100%; height: 100%; padding: 10px; border-spacing: 0px; padding: 0px; margin: 0px; }
.ad_images tr { border: none; }
.ad_images tr td {border: none; }
.ad_images #img_main { padding: 7px; height: 180px; width: 200px; border: 1px solid #cccccc; text-align: center; }
.ad_images #l_left { width: 33%; text-align: left; padding-top: 5px; padding-bottom: 5px; font-size: 14px; }
.ad_images #l_mid { width: 34%; text-align: center; padding-top: 5px; padding-bottom: 5px; color: #339966; font-weight: bold; font-size: 14px; }
.ad_images #l_right { width: 33%; text-align: right; padding-top: 5px; padding-bottom: 5px; font-size: 14px; }
.thumbdiv { float: left; padding: 1px 2px; border: 1px solid #cccccc; width: 48px; height: 36px; }
.thumbdiv_selected { float: left; padding: 1px 2px; border: 1px solid #339966; width: 48px; height: 36px; }

.blackscreenOff { width: 0px; height: 0px; position: absolute; }