/*----------------------------*/
/*          General            /------------------------------------------*/
/*----------------------------*/

body, div
{
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, Sans-Serif !important;
    line-height: 18px;
}
body {
    background: #2b2928 url(../img/bg.gif) fixed; /*background: #505050 url(img/schaduw.png) 10px 0 ;*/
    /*background: #2b2928 url(../img/background.jpg) fixed;*/
}

#version {
    position: fixed;
    top: 0; right: 0;
    width: 50px; height: 50px;
    background: transparent url(../Img/badge-beta.png);
}
#leaderboard
{
    /*padding: 10px;
    background-color: #000000;
    border-bottom: solid 1px #666666;*/
    text-align: center;
}
#pagecontainer /* Div die hele pagina omringt, behalve de doormat. */
{
    width: 950px;
    margin: 20px auto 0 auto;
    padding: 0;
    background: #fff /*#505050*/;
    /*

	De schaduw voorlopig(?) uitgezet, omdat dit soms het scrollen van de pagina's erg belemmerd.
	"Soms", want het ene moment is het een probleem, en even later niet meer.
	
	    -moz-box-shadow: 0px 10px 50px #000;
	    -webkit-box-shadow: 0px 10px 50px #000;

    */
    border: solid 1px black;
    border-top: 0; border-bottom: 0;
    min-height: 500px;
    position:relative;    
}


#header /* Header op iedere pagina (bevat menu en zoek) */
{
    background-color: #151515;
    padding: 0 20 px 0 20px !important;
    height: 110px;
    position: relative;
}
#header #zoek
{
    /*float: right;*/
    margin: 0;
    padding: 0;
}

.SearchBox { margin: 5px 20px 0 0; float: right; }

/*#header #zoek input[type=text]*/
.SearchBox #ctl00_searchBox_ctl00_SearchPhraseTextBox
{
    /* RHA: (bijhouden tijdens dev)
    background-color: #fffdee;
    border: solid 1px #434033;
    color: #999999;
    font-style: italic;
    width: 210px;
    height: 18px;
    margin: 0;*/
    
    padding: 0;
    margin: 7px 0 0 0;
    width: 180px;
    height: 23px;
    border: solid 1px #5a5951;
    background: #fef7d6 url(../Img/bg-ic-zoekveld.png) no-repeat 3px 2px;
    float:left;
    outline: none;
    padding-left: 25px; display: table-cell; vertical-align: middle;
    font-size: 18px;
}

/*#header #zoek input[type=submit]*/
.SearchBox #ctl00_searchBox_ctl00_SearchButton
{  
    /* RHA: (bijhouden tijdens dev)
    background-color: orange;
    border: solid 1px yellow;
    cursor: pointer;
    margin-left: 10px;*/
    
    padding:0;
    margin: 7px 0 0 0;
    width: 60px;
    height: 25px;
    border: 0;
    background-color: #ffffff;
    background-image: url(../Img/btn-zoek.gif);
    text-align: -99999;
    float:left;
    cursor: pointer;
}
.SearchBox #ctl00_searchBox_ctl00_SearchButton:hover {
	opacity: .8; filter:alpha(80);
}
a {color: Orange}

/*----------------------------*/
/*        Main Menu            /------------------------------------------*/
/*----------------------------*/

/*----------------------------*/
/*logo*/
/*----------------------------*/

#logo
{
    text-indent: -9000px;
    top: 45px;
    width: 282px;
    position: absolute; top 48px; left: 20px;
    float: left;
    background: transparent url(../img/logo-autokanaal2.gif) no-repeat 0 0;
    }
#logo a
{
    height: 46px;
    width: 282px;
    float: left; 
    outline: none;
    } 

#logo a:visited, #logo a:active
{
    outline: none;
}
/*----------------------------*/
/*Navigation*/
/*----------------------------*/
 ul#navMain
{    
    margin: 0;
    /*clear: both;*/
    width: 615px;
    height: 45px;
    background: transparent url(../img/sprite-menu5.png) no-repeat 0 0;
	position: absolute;
	right: 19px;
	top: 45px;
}

#navMain ul
{
   background: none; 
 }



#navMain li  
{
    list-style-type: none;
    float: left;
    position: relative;
}

/*smaller maken dan standaard navigatie-onderdeel*/
#navMain li.nav1
{
    width: 130px;
    }
#navMain li.nav2
{
    width: 110px;
    }
#navMain li.nav3
{
    width: 80px;
    }
 #navMain li.nav4
{
    width: 70px;
 }
 #navMain li.nav5
{
    width: 140px;
 }
 #navMain li.nav6
{
    width: 85px;
 }
#navMain li a
{

    height: 45px;
    display: block;
    text-indent: -9000px;
}
#navMain li a:focus
{
    outline: 0; 
}
#navMain ul li a
{
    text-indent: 0;
    height: auto;
    }


#navMain li.nav1:hover,
#navMain li.nav2:hover,
#navMain li.nav3:hover,
#navMain li.nav4:hover,
#navMain li.nav5:hover,
#navMain li.nav6:hover 

{
   background: transparent url(../Img/sprite-menu5.png) no-repeat 0 -43px;
}
#navMain li.nav2:hover
{
   background-position: -130px -43px;
}
#navMain li.nav3:hover
{
   background-position: -240px -43px;
}
#navMain li.nav4:hover
{
   background-position: -320px -43px;
}
#navMain li.nav5:hover
{
   background-position: -390px -43px;
}
#navMain li.nav6:hover
{
   background-position: -530px -43px;
}

#navMain li .mcontent
{
    display: none; 
    background: #404040 url(../Img/bg-supertab.gif) repeat-x 0 -3px;
    color: #fff;
    border: 2px solid #555;
    border-top-color: #444;
    position: absolute;
    top: 40px;
    left: 5px;
    z-index: 10;
    padding: 5px;
    width: 300px;
    float: none;
   /* overflow: auto; */
   -moz-border-radius: 10px;
}
#navMain li .mcontent ul
{
    background-color: transparent;
    border: none;
    width: 100%;
    display: block; float: none;
}

/*#navMain li ul.mcontent li
{
    width: 100%;
    border: none;
}*/

#navMain li ul.mcontent li h4
{ 
    font-size: 16px;
    font-weight: bold;
    padding:0; margin:0 0 5px 0;
}
#navMain li ul.mcontent li img
{
	float: left; margin-right: 5px;
}
li ul.mcontent li.largeItem
{
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #333;
    }
li ul.mcontent li.smallItem
{
    float: left;
    width: 95px;
    margin-left: 5px;
    display: block;
    font-size:11px;
}

/*highlighten van actieve menu-items*/

#home #navMain li.nav1,
.autonieuws #navMain li.nav1
{
    background: transparent url(../img/sprite-menu5.png) 0 -89px;
    }
.tests #navMain li.nav2
{
    background: transparent url(../img/sprite-menu5.png) -130px -89px;
    }
    
.moto #navMain li.nav3
{
    background: transparent url(../img/sprite-menu5.png) -240px -89px;
    }  
    
.fun #navMain li.nav4
{
    background: transparent url(../img/sprite-menu5.png) -320px -89px;
    } 

.tweedehands #navMain li.nav5
{
    background: transparent url(../img/sprite-menu5.png) -390px -89px;
    } 
 .prijzen #navMain li.nav6
{
    background: transparent url(../img/sprite-menu5.png) -530px -89px;
    }          
#header #navExtra
{
    float: right;
    color: #FFFFFF;
    margin: 15px 20px 0 0;

}
/*#header #navExtra li { list-style-position: inside; float: right; clear: both; }*//*#header #navExtra li a { color: orange; text-decoration: none; font-size: 12px }*/
#header #navExtra a
{
    color: orange;
    text-decoration: underline;
    font-size: 12px;
}

	/* Witte verticale lijnen tussen hyperlinks creëren. Onderdeel van registratiemodule. */
	/*#ctl00_ProfileControl_UserWelkomLabel { border-right: solid 1px white; padding-right: 3px; }*/
	#ctl00_ProfileControl_ProfielPageHyperLink { border-right: solid 1px white; padding-right: 6px; }
	#ctl00_ProfileControl_btnLoginOut { border-right: solid 1px white; padding-right: 6px; margin-right:3px; }
	
/* ----------------------------------------------------*/
/* Breadcrumb: op iedere pagina onder de header.       */
/* ----------------------------------------------------*/

/* OUDE STIJL 
#breadcrumb
{
    margin: 0;
    background-color: #505050;
    color: #FFFFFF;
    font-size: 11px;
    padding: 10px 20px 10px 20px;
}
#breadcrumb a
{
    color: #FFFFFF;
    text-decoration: underline;
}
#breadcrumb a:hover
{
    color: orange;
}
*/

/* NIEUWE STIJL */
#breadcrumb
{
    margin: 0;
    background-color: #404040;
    color: #FFFFFF;
    font-size: 11px;
    padding: 10px 20px 10px 20px;
}
#breadcrumb a
{
    color: #FFFFFF;
    text-decoration: none;
    border: solid 0px #707070;
    background-color: #606060;
    padding: 2px 4px;
    -moz-border-radius: 3px;
}
#breadcrumb a:hover
{
	/* zie Sitemaster templ.
		Moest hier verwijderd worden omwillen van (surprise surprise!!!) een bug in IE */
}



/* ----------------------------------------------------*/
/*  Styling homepage                                   */
/* ----------------------------------------------------*/

/* Social Networking (grote versie, op plaats van IMU positie) */

	.socialWrapper { font-size: 12px; line-height: 16px; color: Black; }
	.socialWrapper a { color: Black; cursor: pointer; font-weight: normal; text-decoration: none; }
	.socialWrapper .txtLink { color: White; font-weight: bold; text-decoration: underline; }
	
	.facebook, .rss, .twitter, .newsletter { display: block; width: 230px; height: 48px; margin: 0 0 9px 0; padding: 10px 0 0 80px; }
	.facebook { background: #6999e1 url(../Img/bg-social-facebook.jpg) no-repeat }
	.rss { background: #f4b83e url(../Img/bg-social-rss.jpg) no-repeat }
	.twitter { background: #66d1e3 url(../Img/bg-social-twitter.jpg) no-repeat }
	.newsletter { background: #b4ee38 url(../Img/bg-social-newsletter.jpg) no-repeat; margin-bottom: 0 }

/* Social Networking (kleine versie in rechterkolom */

	.socialWrapper2 { font-size: 11px; line-height: 15px; color: Black; margin-bottom: 0px; text-align: center; padding: 10px 0 6px 0 }
	.socialWrapper2 a { color: Black; cursor: pointer; font-weight: normal; text-decoration: none; margin: 0 3px; }
	.socialWrapper2 .txtLink { color: White; font-weight: bold; text-decoration: underline; }
	
	/* .socialWrapper2 .facebook, .socialWrapper2 .rss, .socialWrapper2 .twitter, .socialWrapper2 .newsletter { display: block; width: 140px; height: 34px; margin: 0 0 4px 0; padding: 2px 0 0 50px; overflow: hidden } */
	/*.socialWrapper2 .facebook { background: #6999e1 url(../Img/btn-facebook-190x36.jpg) no-repeat }
	.socialWrapper2 .rss { background: #f4b83e url(../Img/btn-rss-190x36.jpg) no-repeat }
	.socialWrapper2 .twitter { background: #66d1e3 url(../Img/btn-twitter-190x36.jpg) no-repeat }
	.socialWrapper2 .newsletter { background: #b4ee38 url(../Img/btn-newsletter-190x36.jpg) no-repeat; margin-bottom: 0 }*/


#imu_300x250
{
    padding: 25px;
    width: 300px; height: 250px; background-color: #333333;
}
#content /*  Wrapper voor artikelcontent op homepage*/
{
    background-color: #fff /*#333333*/;
    overflow: auto;
    font-size: 12px;
    overflow: hidden;
    clear: both;
}
#content #artTopWrapper /* Nodig om artTopLeftBlock en artTopRightBlock uit te lijnen, wanneer titel van artikel weer eens heel lang is. */
{
    position: relative;
    background-color: white;
    display: block;
}
#content #artTopLeftBlock
{
    width: 630px;
    /* float: left; */
    bottom: 0; left: 0;
    background-color: #ffffff;
}
#content #artTopRightBlock
{
    position: absolute;
    bottom: -10px; right: 0;
    width: 320px;
    float: right;
    padding: 0;
    margin: 0;
    background-color: #ffffff;
}
#content #artTopRightBlockPortrait
{
    width: 320px;
    float: right;
    padding: 0;
    margin: 0;
    background-color: #ffffff;
}
#content #artTopLeftBlock h1
{
    color: #000000;
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    margin: 0;
    padding: 20px 0 10px 20px;
}
#content #artTopLeftBlock h1 strong
{
    font-weight: 700;
}
#content #artTopRightBlock h3,#content #artTopRightBlockPortrait h3
{
    color: #000000;
    font-weight: normal;
    font-size: 18px;
    line-height: 18px;
    margin: 0;
    padding: 28px 0 20px 10px;
}
#content #artTopRightBlock img, #content #artTopRightBlockPortrait img
{
    margin-bottom: 10px;
}

/* ----------------------------------------------------*/
/*  Styling artikel of review                          */
/* ----------------------------------------------------*/

#art .imu300x250
{
    width: 300px; height: 250px; padding: 10px; background-color: #333333;
}
#art .imua300x250
{
    width: 300px; padding:10px;background-color: #333333;
}

#content #article
{
    float: left;
    width: 600px;
    font-size: 14px; /* 12 */ 
    line-height: 21px; /* 18 */
    margin: 0 10px 20px 30px /* op #article gedefinieerd omwillen van missing <p> tags in Webedit. */;
}
#content #article h2, #content #article h3
{
    clear: left;
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0 0 0;
}
#content #article p
{
    clear: left;
    margin-bottom: 11px;
    padding-right: 30px;
}
#content #article #artTextThumbsWrapper
{
    width: 150px;
    float: right;
    margin-left: 10px;
}
#content #article #artTextThumbsWrapper img
{
    margin-bottom: 10px;
}
#art #rightColumn
{
    width:320px;
    float:right;
    background-color: #333;
}
#art #rightColumn h3
{
    color: White;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0 0 10px;
}

#art #rightColumn #imu_banman_300x250
{
    margin: 10px auto;
    width: 300px; height: 250px; background-color: #333333;
}

/* ----------------------------------------------------*/
/* Metadata van een artikel, tussen hoofdfoto en tekst */
/* ----------------------------------------------------*/
#artMeta
{
    clear: both;
    display: block;
    margin: 0;
    padding: 15px 10px 15px 30px;
    font-size: 11px;
    color: #999999;
    background-color: #ffffff
}
#artMeta.portrait
{
    /*width:590px*/;
    float:left;
    }
#artMeta a
{
    color: #999999;
    text-decoration: underline;
}
#artMeta a:hover
{
    color: orange;
}
#artMeta li
{
    list-style-type: none;
    list-style-position: inside;
    float: left;
    margin-right: 20px;
    height: 16px;
}
#artMeta .tags
{
    background-image: url(../Img/ic-tags.png);
    background-repeat: no-repeat;
    padding-left: 20px;
}
#artMeta .date
{
    background-image: url(../Img/ic-cal.png);
    background-repeat: no-repeat;
    padding-left: 20px;
}
#artMeta .comments, a.comments,
#rsWrapper #leftColumn .classified a.comments, 
#rsWrapper #leftColumn .storyholder-type-2 a.comments
{
    background-image: url(../Img/ic-comments.png);
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
}
a.comments { margin-left: 5px; }

#artMeta .share
{
    background-image: url(../Img/ic-delen.png);
    background-repeat: no-repeat;
    padding-left: 20px;
}
#artMeta .email
{
    background-image: url(../Img/ic-email.png);
    background-repeat: no-repeat;
    padding-left: 20px;
}
#artMeta .print
{
    background-image: url(../Img/ic-print.png);
    background-position: 0 3px;
    background-repeat: no-repeat;
    padding-left: 20px;
}

/* Styling van de nieuwprijs en hebbesprijs */
.prices
{
    margin: 20px 0 20px 0;
}
.new, .hebbes { 
    font-size: 18px;
    line-height: auto;
    color: #444;
    font-weight: bold;
    margin-bottom: 10px;
}


/* KAN WEG ???
            tr
            {
                text-align: left;
            }
            tr.nieuwprijs td
            {
                color: #999999;
                font-size: 18px;
                width: 320px;
            }
            tr.hebbesprijs td
            {
                color: #005aff;
                font-size: 18px;
            }
*/


/* 
    Deze divs zijn eigenlijk onnodig en beletten dat artPluspunten etc. fatsoenlijk floaten.
    Daarom dit op display:inline.
 */
.plus, .min, .conc
{ display: inline; }

.reviewWrapper {
    background-color: #bfdeff;
    margin-bottom: 20px;
}

.reviewWide, .reviewNarrow {
    overflow: auto;
}

#artPluspunten, #artMinpunten, #artPrijzen
{
    
    width: 50%;
    float: left;

}
#artConcurrenten
{
	width: 100%;
	clear: both;
}


#artPluspunten, #artPrijzen 
{
    border-right: solid 1px white;
}
#artMinpunten, #artConcurrenten
{
    border-left: solid 1px white;
    margin-left: -1px; /* plaatsen over linkertabellen, zodat witte borders overlappen */
}

/*
#artPluspunten th { background: url(../Img/ic-pluspunten.png) no-repeat; background-position: 10px 3px; text-indent: 35px; }
#artMinpunten th { background: url(../Img/ic-minpunten.png) no-repeat; background-position: 10px 3px; text-indent: 35px; }
*/

#artPluspunten th, #artMinpunten th, #artPrijzen th, #artConcurrenten th {
    text-align: left;
    border-top: solid 3px #5384bf /* was #acb7c5 */;
    background-color: #8fc2ff /* was #dfeaf8 */;
    padding: 10px;
    color: #32629d /* #798492 */;
    font-weight: bold;
}
#artPluspunten td, #artMinpunten td, #artPrijzen td, #artConcurrenten td {
    border-top: solid 1px #ffffff;
    background-color: #afd4ff /* was #eff6ff */;
    padding: 5px 10px 5px 10px;
}

/*#artPluspunten, #artPrijzen
{
    margin-left: 20px;
}*/

.moreautotest
{
	background-color: #EF9D00;
	color: #AB5900;
}

.moreautotest a{color: #fff; text-decoration: none;}
.moreautotest a:hover{text-decoration: underline;}

.moreautotest ul
{
    list-style: disc inside;
    padding-bottom: 10px;
}
.moreautotest ul li 
{
    padding-left: 10px;
}
.moreautotest ul li ul {
	padding-bottom: 0;
}
.moreautotest li ul{list-style: circle inside;}

/* ----------------------------------------------------*/
/*  Styling reacties                                   */
/* ----------------------------------------------------*/

.commentsBlock
{
    margin-left: -20px; /* Blok naar rand pageContainer duwen */
    clear: both;
    overflow: auto;
    background-color: #faf4d2;
    text-shadow: 0 1px 0 #fff;
    padding: 20px 20px 0px 40px;
    width: 590px;
}
.commentsBlock h4
{
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 18px;
    font-weight: 100;
}
.commentsBlock fieldset h3 /* "U bent nog niet aangemeld" */
{
    margin: 0 0 18px 0;
    padding: 0;
    font-size: 18px;
    font-weight: 100;
}

.commentsBlock hr
{
    width: 100%;
    border: solid 1px #ccc7ab;
    color: #ccc7ab;
    margin: 10px 0;
}
.commentsBlock p
{
    margin: 0;
    padding: 0;
}
.commentsBlock a.complaint
{
    float: right;
    margin-right: 20px;
    color: orange;
}
.commentsBlock .comment-count, 
.commentsBlock ul li div /* dit is de ID van de reactie */
{
    opacity: 0.2;
}

.commentsBlock .comment-count {float: left; margin-right: 10px; }

.commentsBlock span.user
{
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}
.commentsBlock span.city
{
    display: inline-block;
    font-size: 12px;
    font-weight: 100;
    margin-bottom: 10px;
}
.commentsBlock textarea
{
    background-color: #fffdee;
    color: #827c5a;
    font-size: 14px;
    padding: 5px;
    width: 578px;
    height: 120px;
    font-family: Arial, Helvetica, sans-serif;
    border: solid 1px #ebe3b7;
}
.commentsBlock input
{
    float: right;
    margin: 10px 0 20px 0;
    background-color: #fffdee;
    color: #827c5a;
    font-size: 14px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    border: solid 1px #ebe3b7;
    cursor: pointer;
}
.commentsBlock ul
{
    list-style-type: none !important;
}

.commentsBlock .LegalNote
{
	font-size: 11px;
	text-align: justify;
	overflow: scroll;
	height: 100px;
	background-color: #fffdee;
	border: solid 1px #ebe3b7;
}
.commentsBlock .LegalNote ol { 
	margin: 11px 0;
}
.commentsBlock .LegalNote ol li { margin-left: 20px; } 

.commentsBlock #ctl00_Content_ctl03_LegalNoteCheckBox { margin: 4px 10px 0 0; float :left }

/* Paginering in div.CommentsPagerDiv */
ul.CommentPagerUl 
{
    margin: 0;
    background-color: transparent;
    overflow: auto;
    font-size: 11px;
    padding: 0px 0px 20px 0px;
    list-style-position: inside; 
}

li.CommentPagerLi, li.CommentPagerLiSelected, li.CommentPagerLiLast, li.CommentPagerLiNext
{ 
    float: left;
}
li.CommentPagerLi a, li.CommentPagerLi a, li.CommentPagerLiLast a, li.CommentPagerLiSelected a, li.CommentPagerLiNext a
{
    color: #606060;
    text-decoration: none;
    border: solid 0px #dfd8b5;
    background-color: #dfd8b5;
    padding: 2px 4px;
    -moz-border-radius: 3px;
    text-shadow: none;
}

li.CommentPagerLiSelected a {
    background-color: #aca582; /* overrule bovenstaande kleurinstelling */
}

li.CommentPagerLi a:hover, li.CommentPagerLiLast a:hover, li.CommentPagerLiNext a:hover
{
    color: white;
    border-color: #ffcc00;
    background-color: orange;
}


/* ----------------------------------------------------*/
/*  Styling Google Ads op homepage                     */
/* ----------------------------------------------------*/

#googleAds
{
    width: 630px;
    height: 80px;
    background-color: #333333;
}

/* ----------------------------------------------------*/
/*  Styling rechterkolom homepage                      */
/* ----------------------------------------------------*/

#home #rightColumn, #overview #rightColumn
{
    float: right;
    width:190px;    
}
#rightColumn #hebbesBlock
{
    width: 300px;
    background-color: #505051;
    padding: 10px;
}
#rightColumn #imuBlock
{
    width: 300px;
    height: 250px;
    padding: 10px;
    background-color: #333333;
}
#rightColumn #moreInfoBlock
{
    width: 310px;
    overflow: auto;
    background-color: #505051;
    padding: 10px 0 10px 10px;
}
#rightColumn #moreInfoBlock h4
{
    color: #FFFFFF;
    font-weight: 100;
    font-size: 18px;
    margin: 5px 0 5px 0;
    padding: 0;
}
#rightColumn #moreInfoBlock ul
{
    margin: 0;
    padding: 0 0 10px 15px;
}
#rightColumn #moreInfoBlock ul li
{
    color: white;
    margin: 0 0 0 0px;
}
#rightColumn #moreInfoBlock ul li a
{
    color: orange;
}
#rightColumn #moreInfoBlock img
{
    margin-bottom: 10px;
}
#relatedArts
{
    clear: both;
    overflow: auto;
    background-color: #505051;
    padding: 20px;
    color: white;
}
#relatedArts h4
{
    color: #FFFFFF;
    font-weight: 100;
    font-size: 18px;
    margin: 5px 0 5px 0;
    padding: 0;
    text-transform: uppercase;
    text-shadow: -1px -1px 0 #333;
}
#relatedArts div.last
{
    float: left;
    width: 296px;
    margin-right: 0;
}
#relatedArts div h2
{
    font-size: 14px;
    color: white;
    margin: 0;
    padding: 10px 0 0 0;
    text-shadow: -1px -1px 0 #333;
}
#relatedArts div, #relatedArts div p
{
    font-size: 12px;
    line-height: 18px;
    margin: 5px 0 0 0;
    padding: 0;
}
#relatedArts div
{
    display: block;
    float: left;
    width: 296px;
    margin-right: 10px;
}
#relatedArts div p img
{
    float: right;
}

/* ----------------------------------------------------*/
/*  Styling doormat, op elke webpagina                 */
/* ----------------------------------------------------*/

#doormatContainer
{
    clear: both;
    /*height: 360px;*/
    overflow: hidden;
    background-color: #000000;
    background-image: -moz-linear-gradient(left, right, from(#333), to(#000));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #252525), color-stop(0.30, #000));
    background-image: filter : progid : DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#252525',EndColor Str='#000000');
    text-shadow: 0 1px 0 #333;
}
#doormatContainer #doormat
{
    width: 920px;
    padding: 20px;
    margin: 0 auto;
    overflow: auto;
}
#doormatContainer #doormat h4
{
    color: white;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    width: 300px;
}
#doormatContainer #doormat ul
{
    margin: 0;
    padding: 0;
    width: 120px /* voor IE */;
}
#doormatContainer #doormat ul li
{
    color: #fff;
    font-size: 11px;
    list-style-type: none;
    list-style-position: outside;
    height: 20px;
}
#doormatContainer #doormat ul li a
{
    color: #ccc;
    text-decoration: none;
}
#doormatContainer #doormat ul li a:hover
{
    color: orange;
    text-decoration: underline;
}
#doormat .col2
{
    position: relative;
    left: 120px;
    top: -260px;
}
#doormat .col3
{
    position: relative;
    left: 240px;
    top: -520px;
}
#doormat .col4
{
    position: relative;
    left: 360px;
    top: -780px;
}
#doormat .col5
{
    position: relative;
    left: 480px;
    top: -1040px;
}

div#doormatRight { float: left; width: 300px !important; padding-left: 0px !important; }


#doormatRight .rssfeed { background: url('../Img/ic-rssfeed.png'); background-position: 0px 1px; margin-top: 10px }
#doormatRight .advertise { background: url('../Img/ic-info.png'); }
#doormatRight .techsupport { background: url('../Img/ic-help.png'); }
#doormatRight .superindex { background: url('../Img/ic-superindex.png'); }
#doormatRight .privacy { background: url('../Img/ic-info.png'); }
#doormatRight .email { background: url('../Img/ic-email.png'); }
#doormatRight .zoekertje { background: url('../Img/ic-hebbes-16x16.png'); }

#doormatRight .rssfeed, #doormatRight .advertise, #doormatRight .techsupport, #doormatRight .superindex, #doormatRight .privacy, #doormatRight .email, #doormatRight .zoekertje
{ padding-left: 22px; background-repeat: no-repeat; margin-bottom: 4px; }

#doormat ul, #doormat ul li { width: 250px; }

#branding { color: #fff; font-size: 11px; text-align: center; padding: 0 0 20px 0 }

/* ----------------------------------------------------*/
/*  Allerlei hulpclasses voor styling                  */
/* ----------------------------------------------------*/

.center { display: block !important; text-align: center; margin: 0 auto }
.centerText { text-align: center }
.centerImg { display: block !important; margin: 0 auto; }

.left
{
    float: left !important;
}
.right
{
    float: right !important;
}
.nopad
{
    padding: 0 !important;
}
.nomargin
{
    margin: 0 !important;
}
.clearfix:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix
{
    display: inline-block;
}

html[xmlns] .clearfix
{
    display: block;
}
* html .clearfix
{
    height: 1%;
}

.clear { clear: both; }

.add-whitespace-top {
	margin-top: 1em;
}
.add-whitespace-bottom {
	margin-bottom: 1em;
}
.last-add-whitespace-left {
	margin-left: 10px; 
}
.last-add-whitespace-left {
	margin-right: 10px; 
}



/* Styling van errors in gedetailleerde zoek van Hebbes (en mogelijk per ongeluk elders :) ) */

.error 
{ 
    background-color: #ffcccc;
    border: solid px Red;
    color: Red;
    border-left: 0; border-right: 0;
}
.error span { padding: 10px; }

/* Styling gedetaileerde zoek Hebbes */

.makeAndModel label { display: block; width: 100px; float: left; text-align: right; margin-right: 10px; }
.makeAndModel select { width: 250px; float: left; }

/* ?????????????????
body
{
    padding: 0px;
    margin: 0px;
    font-family: font-family: "Helvetica Neue" , Arial, sans-serif;
    background-image: url(../Img/background.jpg);
    background-attachment:  scroll;
    background-repeat: repeat;
}
*/

#footer
{
    width: 100%;
    height: 220px;
    color: White;
    background-color: #000;
}
.header
{
    width: 100%;
    height: 100px;
    background: #151515;
}
.header h1
{
    margin: 10px;
    color: White;
    font-family: Verdana;
}

.mainStory1
{
    background-color: #e6e6e6;
}
.mainStory1 h1, .mainStory1 h1 a
{
    font-size: 18px !important;
    color: Black !important;
}

/* CSS code van Erik voor extra containers die nog eens IN de doormat geplaatst zijn. */
.IndexContainer, #doormat div
{
    padding: 0px;
    font-size: 11px; line-height: 18px;
    overflow: hidden;
    width: 615px;
    float: left;
}

.IndexContainer ul.Links
{
    float: left;
}
.IndexContainer ul, .IndexContainer li, .IndexContainer ul ul, .IndexContainer ul li
{
    list-style-type: none;
    text-transform: capitalize;
}
.IndexContainer li 
{
    
}
.IndexColumn
{
    width: 160px;
    float: left;
}



/*----------------------------*/
/*       Brand Menu            /------------------------------------------*/
/*----------------------------*/
#BrandMenu, #makeHeader
{
    width: 910px;
    padding: 10px 20px;
    color: White;
    background-color: #505052; 
    overflow: hidden;
    /* height: 35px; */
    /* overflow: hidden; */
    position: relative;
    font-size: 11px; line-height: 18px;
}

#BrandMenu ul, 
{
    margin: 0px;
}
#BrandMenu li, #makeHeader li
{
    float: left;
    width: 80px;
    margin-right: 7px;
    display: block;
    overflow: hidden;
    list-style-type: none;
}
#makeHeader li.long
{
     width: 167px;
    }
/* Twee aparte classes gestyled voor wanneer makeHeader 1.toe of 2.geopend is */

	/* Styling van merknaam */
	#makeHeader li.makeHeaderTitle, .tightFit li.makeHeaderTitle {
		color: #fff; font-weight: bold; font-size: 12px; width: 100px;
	}
	#makeHeader li.makeHeaderTitle:after, .tightFit li.makeHeaderTitle {
		content: ":";
	}

		/* Onderscheid maken tussen #makeHeader en #makeHeader.tightFit
			Extra margin voorzien, onder de merknaam voor wanneer types op 2 regels staan, 
			zodat de types niet onder de merknaam komen te staan. */
			ul li.makeHeaderTitle { margin-bottom: 20px }

		/* Breedte van ieder li element zo groot maken als de tekstinhoud ervan,
			en extra margin voorzien om li elementen van elkaar te scheiden. */
			ul.tightFit li {
				width: auto !important; margin-right: 20px !important; margin-bottom: 0;
			}

#BrandMenu a, #makeHeader a
{
    color: White;
    text-decoration: underline;
	white-space: nowrap;
}
#BrandMenu a:hover, #makeHeader a:hover
{
    color: Orange;
}

#BrandMenu .readmore, #makeHeader.readMore
{
    color: orange;
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
    text-decoration: underline;
}



/*----------------------------*/
/*       3CarBox               /------------------------------------------*/
/*----------------------------*/

#topBox
{
    background-color: #696969;
    overflow: visible; /*overflow: hidden;*/     /* wanneer er op "#topBox #carconfigurator a" wordt geklikt verschijnt er scrollbalk. Overflow verbergen. */
    height:336px;
}

.mainImage a { text-decoration: none; cursor: hand }

.imageScoller
{
    width: 630px;
    height: 336px;
    position: relative;
    background-color: #000;
    float: left;
}
.bidimage
{
    height: 112px;
    width: 160px;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin-left: 470px;
}
.bidimage img
{
    width: 100%;
    height: 100%;
}

.bidimage.active
{
    opacity: 1;
    filter: alpha(opacity=100);
    border: 6px solid white;
    width: 148px;
    height: 100px;
}


.bidimage .mainImage
{
    display: none;
}
.bidimage .mainImage
{
    width: 470px;
    height: 336px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    background-color: Silver;
    position: absolute;
    top: 0;
    left: 0;
    cursor:default;
}
.bidimage.active .mainImage
{
    display: block;
}
.loginimage
{
    background-color: Red;
    background-repeat: no-repeat;
    cursor: pointer;
}
.subboxBack
{
    /* achtergrond voor .subbox, om te vermijden dat tekst opaque wordt */
    position: absolute; margin-top: -112px; width: 100%; height: 212px;
    background-color: Black;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: -1;
    
}
.subbox
{
    color: White;
    width: 100%;
    height: 56px; /* was height: 112px; */
    position: absolute;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    z-index: 1;
}

.subbox p
{
    margin: 5px 10px 0 20px;
    font-size: 12px;
    color: #cccccc;
}
.subbox p a
{
    color: Orange;
    text-decoration: none;
}

.subbox p strong
{
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    color: White;
}

#topBox #carconfigurator
{
    float: right;
    width: 310px;
    height: 65px;
    background-color: Orange;
    background-image: url(../Img/btn-carconfigurator.jpg);
    margin: 0 0 10px 0;
    padding: 0;
}
#topBox #carconfigurator a {
    display: block;
    width: 310px;
    height: 65px;
    text-decoration: none;
}

#topBox #campaign
{
    float: right;
    width: 310px;
    height: 250px;
    background-color: transparent /* #ccc */;
    margin: 0;
    padding: 0;
}

/*----------------------------*/
/*       ART Img control       /------------------------------------------*/
/*----------------------------*/

#content #artTopRightBlock #artimages, #content #artTopRightBlockPortrait #artimages
{
    margin-top: -12px;
    width: 320px;
}
#content #artTopRightBlock .landscape, #content #artTopRightBlockPortrait .landscape
{
    float: left;
    width: 150px;
    height: 80px;
    padding: 0 0 10px 10px;
    margin: 0;
}
#content #artTopRightBlock .landscape.big, #content #artTopRightBlockPortrait .landscape.big
{
    width: 310px;
    height: 170px;
}
#content #artTopRightBlock .portrait, #content #artTopRightBlockPortrait .portrait
{
    float: left;
    width: 150px;
    height: 170px;
    padding: 0 0 10px 10px;
    margin: 0;
}
#content #artTopRightBlock .portrait .big, #content #artTopRightBlockPortrait .portrait.big
{
    width: 310px;
    height: 350px;
}
#content #artTopRightBlock .stopper,
#content #artTopRightBlock .stopper150x80,
#content #artTopRightBlock .stopper150x170,
#content #artTopRightBlock .stopper310x170,
#content #artTopRightBlock .stopper310x350,
#content #artTopRightBlockPortrait .stopper
{
    float: right;
    padding: 0;
}
#content #artTopRightBlock .artrelated h3
{
    padding: 10px 5px;
    }
.artrelated
{
    position: absolute;
    bottom: 0;
    }

/* Aparte positionering voor .stopper310x350 omwille van ontbreken <h3> element. */
.stopper310x350 { position: relative; top: -10px; }

/* Aparte margins voor .stopper310x170 voor positionering. */
.stopper310x170 { margin: 0 0 10px 10px }

/*  TODO: voorbeeld van stoppers, bevat nu het Alfa Romeo logo. Verschijnt bij ieder merk.
    Om dit merkspecifiek te maken zal per merk 3 regels CSS aangemaakt moeten met apart logo.
    Bijvoorbeeld: body.lexus .stopper150x80 {...} */
.stopper150x80 { width: 150px; height: 80px; background: #eee url(../Img/stopper-autokanaal.gif) no-repeat center; }
.stopper150x170 { width: 150px; height: 170px; background: #eee url(../Img/stopper-autokanaal.gif) no-repeat center; }
.stopper310x350 { width: 310px; height: 350px; background: #eee url(../Img/stopper-autokanaal.gif) no-repeat center; }
.stopper310x170 { width: 310px; height: 170px; background: #eee url(../Img/stopper-autokanaal.gif) no-repeat center; }

/*
#content #artTopRightBlockPortrait .stopper310x350 {
    margin: -10px 0 10px 10px;
}
*/



/*----------------------------*/
/*       Rating control        /------------------------------------------*/
/*----------------------------*/
.hand
{
    cursor: pointer;
}

#rating
{
    color: #fff;
    width: 630px;
    position: absolute;
    bottom: 0;
    background-image: url(../Img/rating-bg.png);
    /* background-color: #000000;
     opacity: .8; 
    filter:alpha(opacity=50); */
    background-repeat: repeat;
}
#rating.opened
{
    padding-top: 15px;
}

#rating #rAddLink
{
    position: absolute;
    top: 5px;
    left: 520px;
    cursor: pointer;
    font-size: 15px;
}
#rating #rCloseLink
{
    position: absolute;
    top: 3px;
    left: 570px;
    cursor: pointer;
    font-size: 15px;
}

#rating #curRating
{
    height: 20px; display: block;
    overflow: hidden;
    margin-left: 30px;
    float: left;
}
#rating #curRating .rtitle
{
    display:none;
    }
#rating #addRating
{
    display: none;
    float: left;
    width: 300px;
    margin-left: 50px;
    position:relative;
    height:145px;
}
#rating #addRating strong
{
    margin-left: -5px;
}
#rating .rcontent
{
    margin: 5px;
}
#rating a
{
    background-color: transparent;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
#rating .questionHeader
{
    width: 110px;
}

#rating .ui-stars-star
{
    cursor: default;
}
.viewrating
{
    display: block;
    overflow: hidden;
    margin: 0 0 5px 5px;
}
#curRating .viewrating:first-child
{
    margin-bottom: 15px;
}

#rSendLink {
	-moz-border-radius: 3px;
	border: solid 1px Orange;
	background-color: Orange;
	display:block;
	float: left;
	height: 15px;
	width: 50px;
	padding: 0 3px 3px 3px;
	margin-right: 5px;
	position: relative;
	left: 128px;
	top: 15px;
}
#rCancelLink {
	margin-top: 10px;
	color: #faa41a; text-decoration: underline;
	position: relative;
	left: 128px;
	top: 15px;
}

/*----------------------------*/
/*       Other Controls        /------------------------------------------*/
/*----------------------------*/

/* Eurotax logo */

.logoEurotax {
	clear: both;
	border: 0;
	width: 150px;
	height: 27px;
	display: block;
	padding-top: 20px;
	margin: 20px auto;
}

/* Merkenpagina die doorlinkt naar Eurotax-types */
.etListBrand, .ModelOverview {	/* Container nodig om gericht te kunnen stylen. */
	background-color: #666;
	overflow: auto;
}
.etListBrand div.index, .etListBrand div.index ul
.ModelOverview div.index, .ModelOverview div.index ul
 {
	width: 126px /* 760 / 6 kolommen */
}
.etListBrand div.index ul,
.ModelOverview div.index ul {
	width: 125px;
	border-left: solid 1px #333;
	border-right: solid 1px #333;
	margin-left: -1px;
}

/* 
	last-child selector gebruiken om de laatste kolom de resterende pixels te laten gebruiken
	die nog over blijven binnen de .etListBrand container.
	Werkt natuurlijk niet in IE8 en lager.
*/
	.etListBrand div.index:last-child
	{
		width: 130px;
		background-color: Red;
	}
	
	.etListBrand div.index:last-child ul:last-child
	{
		width: 129px;
	} 

.etListBrand ul li,
.ModelOverview ul li { /* (Eerste letter van) titel/merk */
	color: #fff;
	background-color: #333;	
	font-weight: bold;
	text-indent: 5px;
}
.etListBrand ul li span {
	display: inline-block;
	margin: 3px 0 4px 0;
}
.etListBrand ul li ul {
	color: #fff;
}
.etListBrand ul li ul li,
.ModelOverview ul li {
	font-weight: normal;
	text-indent: 7px;
	border-bottom: solid 1px #333;
}
.etListBrand ul li ul li a,
.ModelOverview ul li a {
	background-color: #666;
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 3px;
}
.etListBrand ul li ul li a:hover
.ModelOverview ul li a:hover {
	background-color: Orange;
	display: block;
	text-decoration: underline;
}

/* Eurotax content */
.etListModelTitle, .etListTypeTitle {
    background-color: #333;
    color: #fff;
    font-size: 16px;
    padding: 5px 0 5px 20px;
    text-transform: capitalize;
}

.etListModel { background-color: #444; overflow: auto; margin: 0 0 0 0; list-style-type: none; }
.etListModel a { 
    /* background-color: #eee; color: #444; */
    background-color: #666; color: #fff; 
    display: table; 
    float: left; 
    font-size: 12px;
    font-weight: bold;
    height: 60px; 
    margin: 0 2px 1px 0;
    overflow: hidden; 
    padding: 0px;
    text-align: center;
    text-decoration: none; 
    width: 188px; 
}
.ModelOverview li { list-style-type: none; zoom: 1; }
.ModelOverview li {
	float: left; width: 189px; border-right: solid 1px #333; border-bottom: solid 1px #333
}

.etListModel a:hover, .ModelOverview a:hover { background-color: Orange; color: White; }
.etListModel a span { display: block; display:table-cell; vertical-align:middle; padding: 0 10px 0 10px; }

.etListType { background-color: #333; /*margin-right: 4px;  omdat H1 dit ook heeft - en dit is nodig op modellenpagina*/ }
.etListType li.odd,.etListType li.even { color: #fff; margin-bottom:1px; padding: 3px 20px; overflow: auto; font-weight: bold; }
.etListType li.odd { background-color: #666; /*background-color: #eee;*/ }
.etListType li.even { background-color: #777; /*background-color: #ddd;*/ }
.etListType li.odd span,.etListType li.even span { float: right; text-align: right; font-weight: normal; }

/*----------------------------*/
/*       page styling          /------------------------------------------*/
/*----------------------------*/

/* Basisindeling van kolommen op de homepage */
#leftColumn
{
    overflow: hidden;
    float: left;
    background-color: White;
}
#home #leftColumn, #overview #leftColumn { width: 760px }
#home #rightColumn, #overview #rightColumn  { width: 190px }
#art #leftColumn{width:630px;}



/* Vorm van artikel bepalen */
.artTypePortrait
{
    width: 340px /* =380px */;
    height: 407px !important;
    padding: 20px;
    display: block;
    float: left;
    overflow: hidden;
}

    .artTypePortrait img
    {
        width: 340px;
        height: 192px;
        border: 0; /* Gescaled naar formaat van container */
    }

.artTypeLandscape
{
    width: 720px /* =760px */;
    clear: both;
    padding: 20px;
    overflow:hidden;
}

    .artTypePortrait h1, .artTypePortrait h2, .artTypeLandscape h2
    {
        font-size: 20px; /* was 18 */
        line-height: 18px;
        padding: 0;
        margin: 0 0 5px 0;
    }
    .artTypePortrait h1 a, .artTypePortrait h2 a, .artTypeLandscape h2 a
    {
        color: #000000;
        text-decoration: none;
    }
    .artTypePortrait h1 a:hover, .artTypePortrait h2 a:hover, .artTypeLandscape h2 a:hover
    {
        color: #ef9d00;
        text-decoration: underline;
    }
    
    
    /* Aanpassing font-size op homepage (op vraag van Hans) */

    .artTypePortrait p, .artTypeLandscape p, .artTypeLandscapeSmall p
    {
        font-size: 14px;
        line-height: 21px;
        padding: 0;
        margin: 0;
    }
    
    /*contrast verhogen op witte en grijze bg*/
    .artTypePortrait p a, .artTypeLandscape p a, .artTypeLandscapeSmall p a
    {
        color: #AB5900;
        color: #ff6c00;   
        }
    
    
    /* Ruimte tussen artTypePortrait's en artTypeLandscape's. */
    .artTypeLandscape.spacer 
    {
        border-top: solid 2px #eee;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #dddddd), color-stop(0.1, #e6e6e6));
        background: -moz-linear-gradient(top, bottom, from(#dddddd), to(#e6e6e6)); /* vanaf Firefox 3.6 */
    }
    .artTypeLandscape img
    {
       /* width: 310px;
        height: 170px;*/
    }

    /* Positioneer foto rechts in blok */
    .artTypeLandscape .imgFloatRight img
    {
        float: right;
        margin-left: 10px;
        width: 340px; height: 192px; 
    }
    /* Positioneer foto links in blok */
    .artTypeLandscape .imgFloatLeft img
    {
        float: left;
        margin-right: 10px;
        width: 340px; height: 192px; 

    }

/* Kleine nieuwsartikels op de homepage */

    .artTypeLandscapeSmall {
        /* Geen vaste breedte; moet flexible layout hebben! */
        clear: both;
        padding: 10px 20px;
        overflow:hidden;
        }
    .artTypeLandscapeSmaller {
        /* Geen vaste breedte; moet flexible layout hebben! */
        clear: both;
        padding-left:5px;
        overflow:hidden;
        }

        .artTypeLandscapeSmall h2, .artTypeLandscapeSmaller h2 { margin-bottom: 5px; }
        .artTypeLandscapeSmall h2 a { color: black; font-size: 20px /* was 16 */; text-decoration: none; }
        .artTypeLandscapeSmaller h2 a { color: black; font-size: 16px; text-decoration: none; }
        .artTypeLandscapeSmall h2 a:hover,.artTypeLandscapeSmaller h2 a:hover { color: orange; text-decoration: underline; }

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

/* Kleurpallet van artikel bepalen */
.artColorSet1 { 
    background-color: #e6e6e6; position: relative;
    /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #e3e3e3), color-stop(1.0, #e6e6e6));
    background-image: filter : progid : DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#e3e3e3',EndColor Str='#e6e6e6');
    background-image: -moz-linear-gradient(top, bottom, from(#e3e3e3), to(#e6e6e6));*/
}
.artColorSet1 .fadeOut { height: 20px; width: 380px; background-image: url(../Img/bg-fade-out-to-e6e6e6.png); background-repeat: repeat-x; position: absolute; left: 0; bottom: 0 }
.artColorSet2 { background-color: #f8f8f8; position: relative; }
.artColorSet2 .fadeOut { height: 20px; width: 380px; background-image: url(../Img/bg-fade-out-to-ffffff.png); background-repeat: repeat-x; position: absolute; left: 0; bottom: 0 }

/* Artikeltype aangeven */
span.artTypeReview
{
    background-color: #2f8eff; 
    /*background-image: url(../Img/bg-label-blauw-glossy.png);*/
}
span.artTypeNews
{
    background-color: red; 
    /*background-image: url(../Img/bg-label-rood-glossy.png);*/
}
span.artTypeFun
{
    background-color: #ef9d00; 
}
span.artTypeReview, span.artTypeNews, span.artTypeFun
{
    color: white;
    font-size: 10px;
    text-align: center;
    background-repeat: no-repeat;
    display: block;  margin: 0 5px 0 0; padding:0;
    width: 50px; height: 21px; 
    float: left; 
}

/* Verschillende containers */
.tweedehandsHebbes
{
    background-color: #272727;
    width: 760px;
    height: 150px /* rare maat? */;
    clear: both;
}
#home .imu300x250, #home #imu_adsense_300x250_mar /*,#home #imu_pebble_300x250*/
{
    background-color: #333333;
    width: 300px;
    height: 250px;
    float: left;
    padding: 25px;
}
#home #imu_adsense_300x250_mar /*,#home #imu_pebble_300x250 */{
	background-color: #f8f8f8;
}

.featuredVideo
{
    background-color: #cccccc;
    padding: 20px;
    width: 370px; /* 410 px => 20 + 20 + 370 */
    height: 260px; /* 300 px => 20 + 20 + 260 */
    float: left;
}

.featuredVideo .wrapper { clear: both }

.featuredVideo h3 {
    clear: both; margin: 0 0 3px;
    display: inline;
}
.featuredVideo h3 a {
    text-decoration: none;
    color: #333333;
    font-size: 18px; line-height: 18px;
    
}
.featuredVideo h3 a:hover {
    text-decoration: underline;
    color: orange;
}
.featuredVideo a {
	/* float:left; display: block; width:150px; height:80px; margin-right: 10px */
}

.featuredVideo a img {
    float: left; margin: 0 10px 10px 0; 
    position: relative;
}
.featuredVideo a div.overlay 
{
    position: absolute;
    display: block; width: 150px; height: 80px;
    background: url('../Img/video_overlay.png') no-repeat scroll center center;
    float: left;
}

.featuredVideo p {
    position: relative; display: inline;
    margin-bottom: 18px;
}
.skyscraperHome, .skyscraperSearch, #skyscraperSearch
{
    background-color: #333333;
    width: 160px /* =190 */;
    /*height: 605px*/ /* =620px */;
    padding: 0px 15px; /* was 20px 15px */
    text-align: center;
}
	
	/* Gebruik door javascript om skyscrapers te stylen ALS deze zijn geladen */
	.advertLoaded { 
		background-color: #333333 !important;
		padding: 20px 15px 20px 15px !important;
		height: 600px !important;
		text-align: center !important;
	}
	.advertNotLoaded { 
		padding: 0; margin: 0; 
		display: none; /* <- omdat F#&!% IE het anders toch blijft tonen. */
	}

.skyscraperHome img, .skyscraperHome object, .skyscraperHome embed
{
    border: 0;
}

.topArticles
{
    padding: 0;
    background-color: #ef9d00;
    color: #ab5900 /*was #6600FF */;
}

.topArticles .listview { .list-style-position: outside; .margin: 0; .padding-left:25px;}

.topArticles a
{
    color: #fff;
    text-decoration: none;
    }
    
.topArticles li a
{
    font-size: 12px /*font-size enkel op li a bepalen*/
}
.topArticles a:hover
{
    text-decoration: underline;
}
.topArticles h3,
#art #rightColumn .moreautotest h3
{
	background-color: #bc6a00;
    text-transform: lowercase;
    font-variant: small-caps;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    padding: 5px 10px;
}
.topArticles ul
{
    padding: 0 0 5px 0;
    margin: 5px 5px 0 20px;
    height: 262px;/*zet de volledige hoogte van topArticles mét lijstjes op 300px*/
    }
.topArticles img
{
    margin: 5px 20px;
    }    
.topArticles p{ padding: 0 5px 10px; }
.leesmeer a{ display: block; text-align: right;}
.videos
{
    clear: both;
    background-color: #505051;
    width: 930px;
    padding: 20px 0 0 20px; /* rechtse padding wordt geregeld via tussenwit in ".videos a" */
    overflow:auto;
}
.videos a 
{
    display: block;
    width: 152px !important;
    height: 135px;
    float: left;
    margin-right: 1px;
}
.videos a:hover
{
    background-color: orange;
    color: White;
    text-decoration: none;
}
.videos a img { border: solid 1px transparent; }
.videos a:hover img { border: solid 1px orange; }

.videos span { margin: 3px; display: block; }

/*-----------------------------*/
/* =Fillers                     */
/*-----------------------------*/
#articleFillerLeft { padding:0 0 0 20px; margin:0; }
#articleFillerLeft h3 {
    margin: 20px 20px 5px 0;
    font-size: 18px;
}

#articleFillerRight { 
	overflow: auto;
}
#articleFillerRight h3 {
    margin-left: 0px;
}
#articleFillerRight a img {
    float: left;
    margin: 0 0 10px 10px;
    width: 150px;
    height: 80px;
    background-color: #393939;
}

/*-----------------------------*/
/* =Zoekpagina's */
/*-----------------------------*/

#rsWrapper /* container voor getoonde record set */
{

}

#rsWrapper #leftColumn
{
    background-color: White;
    float: left;
    overflow: hidden;
    width: 760px;
}

#rsWrapper #rightColumn
{
    background-color: #333333;
    float: right;
    width: 190px;
}

#rsWrapper #leftColumn div.image
{
    float: left; 
    /*width: 310px; height: 170px;*/
    margin-right: 10px;
}

#rsWrapper #leftColumn .classified
{
    border-bottom: solid 1px #cccccc;
    overflow: hidden;
}

#rsWrapper #leftColumn .classified img,
#rsWrapper #leftColumn .classified table,
#rsWrapper #leftColumn .classified h3 { cursor: hand } 


#rsWrapper #leftColumn .classified img 
{
	width: 85px; height: 64px; 
	/* Fix voor ontbrekend beeld in hebbes-resultaten?
	Niet goed kunnen testen, wegens geen ontbrekende beelden op
	het moment van deze style aan te maken */
}

 #rsWrapper #leftColumn .storyholder-type-2
{
    border-bottom: solid 1px #cccccc;
    overflow: hidden;
    padding: 0 30px 7px 30px;
}

#rsWrapper #leftColumn .classified h3, 
#rsWrapper #leftColumn .storyholder-type-2 h3
{
    font-size: 18px;
}

#rsWrapper #leftColumn .classified h3 a, 
#rsWrapper #leftColumn .storyholder-type-2 h3 a 
{
    color: black; text-decoration: none; 
    overflow: hidden /* Chrome */;
}

#rsWrapper #leftColumn .classified h3 a:hover, 
#rsWrapper #leftColumn .storyholder-type-2 h3 a:hover 
{
    color: orange; text-decoration: underline;
}

#rsWrapper #leftColumn .classified .date-marker, 
#rsWrapper #leftColumn .storyholder-type-2 .date-marker
{
    font-weight: bold;
    color: #999999;
}

#rsWrapper #leftColumn .classified .date-marker:after, 
#rsWrapper #leftColumn .storyholder-type-2 .date-marker:after
{
    content: " - ";    
}

#rsWrapper #leftColumn .classified table, 
#rsWrapper #leftColumn .storyholder-type-2 table
{
    width: 600px; color: #000;
}
#rsWrapper #leftColumn .classified tr, 
#rsWrapper #leftColumn .storyholder-type-2 tr
{
    font-size: 12px;
}
#rsWrapper #leftColumn .classified th, 
#rsWrapper #leftColumn .storyholder-type-2 th,
#rsWrapper #leftColumn .classified td, 
#rsWrapper #leftColumn .storyholder-type-2 td
{
    width: 33%;
}

#rsWrapper #leftColumn .classified a, #rsWrapper #leftColumn .storyholder-type-2 a
{
    padding: 10px 30px 9px 30px;
    display: block; 
    overflow: auto;
    text-decoration: none;
}
#rsWrapper #leftColumn .storyholder-type-2 a
{
     padding: 10px 0px 10px 0px;
}
#rsWrapper #leftColumn .classified a:hover /* , #rsWrapper #leftColumn .storyholder-type-2 a:hover*/
{
    background-color: Orange !important;
    color: White !important;
    text-decoration: none;
}
#rsWrapper #leftColumn .classified a:active, #rsWrapper #leftColumn .storyholder-type-2 a:active
{
    background-color: #ffde9f;
}
#rsWrapper #leftColumn .storyholder-type-2 p 
{

}
/*
.LargeSearchBox, .slide
{
    background-color: #505052;
    padding: 30px;
}

*/

.LargeSearchBox
{
    padding: 0;
    background-color: #ddd;
}
.LargeSearchBox span.label 
{
    margin-left: 30px;
}
.LargeSearchBox span.label:after
{
    content: ":";
}
.LargeSearchBox #ctl00_Content_ctl01_ctl00_SearchPhraseTextBox
{
    margin: 10px 5px 10px 5px;
}

.LargeSearchBox ul
{
    background-color: #eee; display: block; overflow: auto;
    padding: 5px 30px;
}
.LargeSearchBox ul li
{
    color: #666;
    list-style-type: none;
    float: left; margin-right: 20px;
}
.LargeSearchBox ul li a
{
    -moz-border-radius: 4px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    background-color: #ececec;
    color: #555;
    padding: 2px 4px;
    border: solid 1px #aaa; 

}
.LargeSearchBox ul li a:hover
{
    -moz-border-radius: 4px;
    background-color: Orange;
    border: solid 1px Orange;
    color: #fff;
}
.LargeSearchBox ul li a.selected
{
    background-color: #666; color: #fff;
    border: solid 1px #fff; 
    border-style: inset;
}


.LargeSearchBox h1 { font-size: 18px; font-weight: bold; color: #333 }


#leftColumn span div.noresult, .noresult
{
    margin: 0 0 5px 30px;
}
#rightColumn .noresult 
{
    margin: 0 0 10px 10px;
    color: #666;
}





#rsWrapper h1 {
    font-size: 21px; font-weight: bold; color: #333;
    padding: 5px 30px;
    margin: 20px 0 10px 0;
}

#rsWrapper h2 {
    font-size: 16px; font-weight: bold; color: #fff;
    padding: 5px 30px;
    background-color: #666;
    margin: 0 0 4px 0;
    clear: both;
}
#rsWrapper h2.hebbes 
{
    margin: 0px;
}
#rsWrapper a.searchLink {
    display: inline;
    float: right;
    font-size: 14px;
    font-weight: normal;
}

.SearchPagerDiv
{
    background-color: #606062;
    padding: 10px 30px;
    margin: 0 0 20px 0;
}

.SearchPagerUl 
{ 
    overflow: auto;
}
.SearchPagerUl li
{
    list-style-type: none;
    float: left; margin-right: 10px;
}




/* Paginering in div.SearchPagerDiv op zoekresultatenpagina */
ul.SearchPagerUl 
{
    margin: 0;
    background-color: transparent;
    overflow: auto;
    font-size: 11px;
    padding: 0px 0px 0px 0px;
     
}

li.SearchPagerLi, li.SearchPagerLiSelected, li.SearchPagerLiLast, li.SearchPagerLiNext
{ float: left; }

li.SearchPagerLi a, li.SearchPagerLi a, li.SearchPagerLiLast a, li.SearchPagerLiSelected a, li.SearchPagerLiNext a
{
    color: #606060;
    text-decoration: none;
    border: solid 0px #aaa;
    background-color: #aaa;
    padding: 2px 4px;
    -moz-border-radius: 3px;
    text-shadow: none;
}

li.SearchPagerLiSelected a {
    background-color: #eee; /* overrule bovenstaande kleurinstelling */
}

li.SearchPagerLi a:hover, li.SearchPagerLiLast a:hover, li.SearchPagerLiNext a:hover
{
    color: white;
    border-color: #ffcc00;
    background-color: orange;
}




/* Hebbes Search - op zoekpagina */

#panel {
	background-color: #f3f3f3;
	height: 200px;
	/*display: none;*/
	padding: 20px;
}
    #panel input {

        margin-right: 10px;
    }
    
    /* Containers rond labels, inputs en selects */
    .makeAndModel { display: table-row }
    .makeAndModel div, .price, .build, .mileage, .fuelAndLocation { display: table-row;  height: 35px; }
    
    /* Labels */
    #panel .brand, #panel .model, #panel .priceFrom, #panel .fuelType, 
    #panel .buildFrom, #panel .mileageFrom {   
        display: table-cell; vertical-align: middle; float: left; width: 80px; margin-right: 5px; text-align: right;
    }
    #panel .location { width: 80px; margin: 0 5px 0 15px;}
    
    #panel .priceTil, #panel .buildTil, #panel .mileageTil {
        width: 40px; margin-right: 5px;
    }
    #panel .submitButton { float: right; margin: -35px 20px 0 0; }


/* Hebbes Search - op homepage */

div#HebbesSearch {
	display: block;
	margin: 0;
	clear: none;
	float: right;
    width: 310px;
    height: 65px;
    background-color: #ef9d00;
    margin: 0 0 10px 0;
    padding: 0;
    position: relative;
}

div#HebbesSearch div.makeAndModel {
	display: table; width: 240px; height:60px; float: left;
	position: absolute; top: 50%; margin-top: -26px;
}

div#HebbesSearch div.makeAndModel div {

	display: table-row; vertical-align: middle; width: 240px; margin: 0 0 0 0; height: 30px;
}

div#HebbesSearch div.makeAndModel label {
	display: table-cell; vertical-align: middle; float: left; width: 50px; margin-right: 5px; padding-top: 3px; text-align: right; 
}

div#HebbesSearch div.makeAndModel select {
	display: table-cell; vertical-align: middle; float: left; width: 170px; margin: 0 5px 0 0;
}

div#HebbesSearch .submitButton {
	 width: 60px; position: absolute; right: 10px; top: 45%; margin-top: -10px; clear: none;
}


p.resultsFor {
    margin: 10px 0 10px 30px;
}
p.resultsFor span {
    font-weight: bold;
}

    
.slide {
	border-top: solid 1px #999;
	margin: 0;
	padding: 0;
	text-align: center;
}
.btn-slide {
	height: 20px;
	padding: 0 10px;
	margin: 0 auto;
	display: inline-block;
	border-top: solid 1px #999;
    background-color: #999;
    text-decoration: none;
    color: #fff; 
}

.active {
	
}
.btn-slide:hover { background-color: orange; color: white; }

/**/
.gallerySearch 
{
    list-style: none inside;
}
.gallerySearch img
{
    width: 100% !important;
    height: auto !important;
    margin-bottom: 1px;
}


/*-----------------------------*/
/* Achtergrondbeelden per merk */
/*-----------------------------*/

body.alfaromeo { background-image: url(../img/bg/bg-alfa.jpg) }
body.audi { background-image: url(../img/bg/bg-audi4.jpg) }
body.bentley { }
body.bmw { background-image: url(../img/bg/bg-bmw2.jpg) }
body.chevrolet {  }
body.chrysler {  }
body.citroen { background-image: url(../img/bg/bg-citroen2.jpg) }
body.dacia { }
body.daihatsu { background-image: url(../img/bg/bg-daihatsu.jpg) }
body.dodge { background-image: url(../img/bg/bg-dodge.jpg) }
body.fiat { background-image: url(../img/bg/bg-fiat2.jpg) }
body.ford { background-image: url(../img/bg/bg-ford2.jpg) }
body.honda { background-image: url(../img/bg/bg-honda.jpg) }
body.hyundai { background-image: url(../img/bg/bg-hyundai.jpg) }
body.jaguar { background-image: url(../img/bg/bg-jaguar.jpg) }
body.jeep { background-image: url(../img/bg/bg-jeep.jpg) }
body.kia { background-image: url(../img/bg/bg-kia.jpg) }
body.lada { background-image: url(../img/bg/bg-lada.jpg) }
body.lancia { background-image: url(../img/bg/bg-lancia.jpg) }
body.lexus {  }
body.maserati { }
body.mazda {  }
body.mercedes { background-image: url(../img/bg/bg-mercedes2.jpg) }
body.mini { }
body.mitsubishi { background-image: url(../img/bg/bg-mitsubishi.jpg) }
body.nissan { background-image: url(../img/bg/bg-nissan.jpg) }
body.opel { background-image: url(../img/bg/bg-opel.jpg) }
body.peugeot { background-image: url(../img/bg/bg-peugeot.jpg) }
body.porsche {  }
body.renault { background-image: url(../img/bg/bg-renault.jpg) }
body.saab {  }
body.seat { background-image: url(../img/bg/bg-seat.jpg) }
body.skoda { background-image: url(../img/bg/bg-skoda.jpg) }
body.ssangyong { background-image: url(../img/bg/bg-ssangyong.jpg) }
body.subaru { background-image: url(../img/bg/bg-subaru.jpg) }
body.suzuki { background-image: url(../img/bg/bg-suzuki.jpg) }
body.toyota { background-image: url(../img/bg/bg-toyota.jpg) }
body.volkswagen { background-image: url(../img/bg/bg-volkswagen.jpg) }
body.volvo {  }



/* CSS ADDED BY DEVELOPERS */
.fillerright
{
    float:right;
    padding:0 0 10px 10px;
    }
.fillerleft
{
    
    }

.img-type-biggest-a
{
    border-bottom: solid 0px white; /* fixt extra witruimte tussen foto en artMeta */
}
/* Styling merknamen */.index ul li
{
 list-style-type: none;
}
.index
{
 float: left;
 width:120px;
}
#BrandMenu .index
{
 float: left;
 width:90px;
    }

.artTypeLandscapeSmall2 {
 /* Geen vaste breedte; moet flexible layout hebben! */
 padding: 10px 20px;
 overflow:hidden;
 width:435px;
 float:left;
 height:140px;
}

.artTypeLandscapeSmall2 h2 { margin-bottom: 5px; }
.artTypeLandscapeSmall2 h2 a { color: black; font-size: 16px; text-decoration: none; }
.artTypeLandscapeSmall2 h2 a:hover { color: orange; text-decoration: underline; }

        
#imu_120x600 {
	left:970px;
	position:absolute;
	top:120px;
	width:160px;
}
#imu_120x600 .skyscraperHome
{
   background-color:Transparent; 
}

.info {
    margin: 5px 0 5px 0;
    padding: 5px 20px;
    background-color: #cceeff;
    border: solid 1px #003366;
    color: #003366;
    border-left: none; border-right: none;
}

/* Modal popup window voor "Ongepast?" link bij reacties */
#pageComplaint { background-color: #000; }

.offense-form  {
    color: #white !important;
}

#HideWindow
{
   width:250px;
   height:100px;
   position:absolute;
   top:0px;
   left:0px;
   display:none 
    }
  
.commentsBlock .AddCommentButton
{
    float:right;
    }
.commentsBlock .AddCommentButton input
{
    margin-top:0px;
    margin-bottom:5px;
    }
.commentsBlock > hr { visibility: hidden; }
.subheader
{
    height:100px;
    width:960px;
    
    }
    
/*                  AutoSalon                                */ 
.autosalon { background: #0c5aac url(../img/bg-autosalon-2010.jpg); overflow: hidden; width: 760px; position: relative; padding-bottom: 15px /* IE :( */ ; }
                
.asLogos { background: transparent url(../img/logos-autosalon-2010.png) no-repeat; float: left; height: 170px; margin: 20px; width: 100px; }

.asArticles { margin: 15px 0 0 0;  }
.asArticle { display: table; float:right; margin-bottom: 10px; overflow: hidden; }

.asArticleTextTr { display: block; width: 620px; text-decoration: none; overflow: auto; .padding-bottom: 5px /* IE >:-( */; }
.asArticleTextTr:hover {  
                background-color: rgba(63,141,223,0.5);
               .background-color: rgb(63,141,223);
                         }
.asArticleTextTr:active, .asArticleTextTr:visited { outline: none; }

.asArticle img { display: table-cell; border: 0; float: left; margin: 5px 10px 0 5px; vertical-align: top; }
.asArticleTextTd { display: table-cell; float: left; margin: 5px 0 5px 5px; width: 425px;  }
.asArticleTextTd { text-decoration: none; vertical-align: top; }
.asArticleTextTd h1 { color: white; font-family: Arial, sans-serif; cursor: pointer; font-size: 14px; line-height: 16px; margin: 0; padding-bottom: 5px; }
.asArticleTextTd p { color: white; font-family: Arial, sans-serif; cursor: pointer; font-size: 11px; line-height: 14px; margin: 0; padding: 0; }
                              
.asLeesVerder {  visibility: hidden; color: yellow }
.asArticleTextTr:hover .asLeesVerder { visibility: visible; }

    
/******************************************************************************
 * =Google Adsense Styling
 * - imu_adsense_728x90_list		=> Rubriekspagina's 
 * - imu_adsense_728x90				=> Scheiding tussen 'grote' en 'kleine" art.
 * - imu_adsense_728x90_search		=> Op zoekresultatenpagina.
 * - imu_adsense_728x90_art_b		=> Onderaan homepage
 * - imu_adsense_468x60_art_c		=> Midden homepage + onderaan artikels
 * - imu_adsense_300x250_mar		=> 'IMU' op homepage naast videoartikels.
 * - imu_adsense_300x250_bottom		=> Doormat
 ******************************************************************************/
div#imu_adsense_300x250_bottom { width: 300px; height: 250px; position: relative; }

body#art div#imu_120x600 div.skyscraperHome { padding: 0 !important } /* TODO: skyscraper van homepage niet op art. plaatsen */

#hpImuPebble
{
    overflow:visible ;/*overflow:hidden;*/
    float:left;
    }
#hpImuAdsense
{
    overflow:hidden;
    float:left;
    }

#skyscraperHome,
#skyscraperModelOverview,
#imu_adsense_728x90_art_b,
#imu_adsense_468x60_art_c,
#imu_adsense_728x90,
#imu_adsense_728x90_list,
#imu_adsense_728x90_search,
#rightColumn .skyscraperArticle {
	text-align: center;
}

#imu_adsense_728x90,
#imu_adsense_728x90_art_b,
#imu_adsense_468x60_art_c,
#imu_adsense_300x250_bottom
{ margin: 10px auto }

/* Script plaats padding rond skyscraper; mag niet naast een artikel */
/* Niet zeker of dit werkt aangezien er plots weer geen skyscrapers geladen werden */
#imu_120x600 > #skyscraperArticle { padding:0 !important; margin: 0 !important }



/* Wedstrijden */
.wedstrijdenWrapper { padding: 20px; overflow: auto; }
.faqlink { margin: 20px;}

/* Blok wedstrijdoverzicht op fun overzichtspagina */
#overzicht .wedstrijdenWrapper,
.wedstrijdenWrapper-1,
.wedstrijdenWrapper-2,
.wedstrijdenWrapper-3,
.wedstrijdenWrapper-4 { padding: 20px 0 20px 20px; overflow: auto; }

#overzicht .wedstrijdenWrapper h1,
.wedstrijdenWrapper-1 h1,
.wedstrijdenWrapper-2 h1,
.wedstrijdenWrapper-3 h1,
.wedstrijdenWrapper-4 h1 { font-size: 18px; }

/* Fix voor flow van li's (gebuikt in wedstrijdoverzicht */
.ib-fix li { display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; vertical-align:top; word-wrap:break-word; }
* html .ib-fix li { display:inline; }
* + html .ib-fix li { display:inline; }
.ib-fix li > * { display:table; table-layout:fixed; overflow:hidden; }

/*	Wedstrijden list op:
	Autosite > Fun
*/
* html .wedstrijdenWrapper-1 .wedstrijden-ul li { width:700px; margin-top: 10px; }   /* for IE 6 */
.wedstrijdenWrapper-1 .wedstrijden-ul li > * { width:700px; margin-top: 10px; }      /* for all other browser */
.wedstrijdenWrapper-1 .wsButton { float: left; display: block; float: left; width: 162px; margin: 0 10px 10px 0; position: relative; }
.wedstrijdenWrapper-1 .wsButton img { border: 0; width: 172px !important; height: 172px !important; }
.wedstrijdenWrapper-1 .wsButton div { display: block; margin-left: 200px; position: absolute; top: 65px; line-height: 24px; left: 0; font-size: 24px; }

* html .wedstrijdenWrapper-2 .wedstrijden-ul li { width:355px; margin-top: 10px; }   /* for IE 6 */
.wedstrijdenWrapper-2 .wedstrijden-ul li > * { width:355px; margin-top: 10px; }      /* for all other browser */
.wedstrijdenWrapper-2 .wsButton { display: block; float: left; width: 345px; margin: 0 10px 10px 0; }
.wedstrijdenWrapper-2 .wsButton img { border: 0; width: 355px !important; height: 355px !important; }

* html .wedstrijdenWrapper-3 .wedstrijden-ul li { width:233px; margin-top: 10px; }   /* for IE 6 */
.wedstrijdenWrapper-3 .wedstrijden-ul li > * { width:233px; margin-top: 10px; }      /* for all other browser */
.wedstrijdenWrapper-3 .wsButton { display: block; float: left; width: 223px; margin: 0 10px 10px 0; }
.wedstrijdenWrapper-3 .wsButton img { border: 0; width: 233px !important; height: 233px !important; }

* html .wedstrijdenWrapper-4 .wedstrijden-ul li { width:172px; margin-top: 10px; }   /* for IE 6 */
.wedstrijdenWrapper-4 .wedstrijden-ul li > * { width:172px; margin-top: 10px; }      /* for all other browser */
.wedstrijdenWrapper-4 .wsButton { display: block; float: left; width: 162px; margin: 0 10px 10px 0; }
.wedstrijdenWrapper-4 .wsButton img { border: 0; width: 172px !important; height: 172px !important; }

/*	Wedstrijden list op:
	Autosite > Fun > Wedstrijden
*/
* html #Overzicht .wedstrijden-ul li { width:200px; margin-top: 10px; border: 2px; }   /* for IE 6 */
#Overzicht .wedstrijden-ul li > * { width:200px; margin-top: 10px; border: 2px; }      /* for all other browser */
#Overzicht .wsButton { display: block; float: left; width: 190px; margin: 0 10px 10px 0; }
#Overzicht .wsButton img { border: 0; width: 200px !important; height: 200px !important; }

/******************************************************
 Wedstrijdintropagina
 ******************************************************/
.wedstrijdcontent { padding: 20px; overflow: auto; }
.wedstrijdimg { float: left; margin: 0 20px 100px 0 }
.wedstrijdtekst h1 { font-size: 24px; line-height: 24px; padding-bottom: 18px; color: #000; }
.wedstrijdtekst p { line-height: 18px; margin-bottom: 18px; }

/******************************************************
 Wedstrijden FAQ
 ******************************************************/
.faq-div { padding: 20px; }
.faq-div h1 { font-size: 24px; line-height: 24px; padding-bottom: 18px; color: #000; }
.faq-div p { line-height: 18px; margin-bottom: 18px; }
.faq-div ul { margin: 0 0 20px 20px; }
.faq-div p span { font-weight: bold; }

/******************************************************
 Copyright
 ******************************************************/
.copyright { padding: 20px; }
.copyright h1 { font-size: 24px; line-height: 24px; padding-bottom: 18px; color: #000; }
.copyright p { line-height: 18px; margin-bottom: 18px; }
.copyright ol { margin: 0 0 20px 20px; }
.copyright p span { font-weight: bold; }

/******************************************************
 Loader meer artikels
 ******************************************************/
 .ShowMore { cursor: pointer; padding: 10px 20px 10px 20px; text-decoration: underline; color: orange; font-size: 15px; }
 .ShowMore img { border: 0; }
 .DivProgress { padding: 10px 20px 10px 20px; font-size: 15px; font-weight: bold; color: #666 }
 
/******************************************************
 Plaats zoekertje op Hebbes
 ******************************************************/
 #zoekertje img { float: right; margin: -25px 0 0 15px; }
 #zoekertje h1 { line-height: 30px; margin-top: 35px; }
 #zoekertje p { line-height: 1.5em }
 
/*.makeAndModel div select { z-index: 9999 }*/




/******************************************************
 Promoblokje op homepage
 ******************************************************/


#tdHomePage { height: 56px; line-height: 56px; }

	span.tdPromo
	{
		background-color:#ffffcc;
		color:#333333;
		text-transform:uppercase;
		font-size: 11px;
		font-weight: bold;
		border: 1px solid #cccc99;
		line-height:21px;
		margin: 17px 0 0 20px;
	}

	#tdHomePage a, #tdHomePage a.link, #tdHomePage a.visited, #tdHomePage a.hover
	{
		color:Blue; 
		margin:10px;   
		margin-right:15px;
	}



#tdArticlePage {
	margin-top: -46px;
	background-color: #fff;
	display: block; overflow: visible;
	min-height: 46px;
}

	#tdArticlePage a, #tdArticlePage a.link, #tdArticlePage a.visited, #tdArticlePage a.hover
	{
		color:Blue; 
		margin:5px;
		margin-left: 10px;   
	}

#tdArticlePage span.tdPromo { margin: 0 0 0 10px; }
#tdArticlePage a { display: block;  margin: 14px 0 0 70px }

/*----------------------------*/
/*          Registratie            /------------------------------------------*/
/*----------------------------*/
#content .regContainer h1,
#content .regContainer h2
{
    color: #000000;
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    margin: 0;
    padding: 20px 0 10px 0;
}

#content .regContainer
{
    
float:left;
font-size:14px;
line-height:21px;
margin:0 10px 20px 30px;
width:400px;
clear:both;
position: relative;
}

#content .regContainer .regContainer
{
   margin:0 10px 20px 0; 
    }
    
.regContainer table
{
    border-collapse: collapse;
    border-spacing: 0;
}

#content .regContainer table,
#content .regContainer fieldset
{
    width: 400px !important; /*formulieren smaller maken*/ 
    }

.regContainer td, 
.regContainer th
{
    text-align: left;
}
#content .regContainer p
{
   margin-bottom: 11px; 
}

#content .regContainer a{color:#FF6C00}

.regContainer th
{
    text-align: left;
}

.regContainer input, 
.regContainer button, 
.regContainer textarea, 
.regContainer select, 
.regContainer optgroup, 
.regContainer option
{
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

.regContainer input, 
.regContainer button, 
.regContainer textarea, 
.regContainer select
{ *font-size:100%;}




/* Uit template framework */

.btn {

	cursor: pointer;
	font-family: Arial, Sans-Serif;
    font-size: 13px;
    padding: 10px;
    margin-left: 0;
    margin-bottom: 10px;
    border: solid 1px #000;
    
    border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;

	
  background-image: -moz-linear-gradient(top, #fef7d6, #dcd5b4); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fef7d6),color-stop(1, #dcd5b4)); /* Saf4+, Chrome */
           /* filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#fef7d6', EndColorStr='#dcd5b4');*/ /* IE6,IE7 */
        /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fef7d6', EndColorStr='#dcd5b4')";*/ /* IE8 */

}

.btn:hover,
.btn:active 
{

  background-image: -moz-linear-gradient(top, #FFE4B2, #FFA500); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFE4B2),color-stop(1, #FFA500)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFE4B2', EndColorStr='#FFA500'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFE4B2', EndColorStr='#FFA500')"; /* IE8 */
}


.regContainer input[type="text"], 
.regContainer input[type="password"]
{
    border: 1px solid #ccc;
    color: #999;
    height: 19px;
    padding-left: 3px;
    width: 245px; /*margin-bottom: 10px;  --> staat op .HorizTextbox*/
    font-family: Arial, Sans-Serif;
}


.regContainer input[type="text"]:hover, 
.regContainer input[type="password"]:hover, 
.regContainer input[type="text"]:active, 
.regContainer input[type="password"]:active, 
.regContainer input[type="text"]:focus, 
.regContainer input[type="password"]:focus
{
    border: 1px solid #aaa;
    color: #333;
}
.regContainer input[type="checkbox"]
{
    margin-right: 5px;
}

.regContainer select
{
    border: 1px solid #ccc;
    color: #999;
    min-height: 19px;
    font-family: Arial, Sans-Serif;
}
.regContainer select:hover, 
.regContainer select:active
{
    border: 1px solid #aaa;
    color: #333;
}

.regContainer .horizTextbox select
{
    width: 250px;
    }



.regContainer legend
{
font-size:1.2em;
font-weight:bold;
padding:5px 0;
margin: 10px 0;
border-top:1px solid Orange;
width: 100%;
clear:left;
}


.regContainer label
{
    font-weight: bold;
    height: 20px;
}
.regContainer .checkboxDiv label
{
    font-weight: normal;
}

/*.regContainer fieldset
 {
margin:10px 0;
padding:0;
}*/

.regContainer fieldset
{
    border: none;
    margin: 0;
    padding: 0;
}


.regContainer div.horizTextbox
{
    clear: both;
    width: 365px;
    margin-bottom: 10px;
    position: relative; /*zodat errors kunnen gepositioneerd worden*/
}
.regContainer div.horizTextbox label
{
    display: block;
    float: left;
    width: 115px;

}


.regContainer div.vertTextbox
{
    clear: both;
    width: 365px;
    margin-bottom: 10px;
    position: relative; /*zodat errors kunnen gepositioneerd worden*/
}

.regContainer div.vertTextbox label
{
    display: block;
    float: left;
    width: 365px;
}
.regContainer div.vertTextbox input
{
    width: 360px; vertical-align: middle; line-height: 22px
}


#content .regContainer .formInfo,
.aqLayer .regContainer .vertTextbox .formInfo
{
    font-size: 11px;
    line-height: 14px;
    background: #f0f0f0;
    color: #777;
    margin: 0 0 0 115px;
    padding: 5px;

}

#content .regContainer .vertTextbox .formInfo
{
    margin: 0;
    width:96%;
    padding: 5px 2%;

}

.aqLayer .regContainer .vertTextbox .formInfo
{
    margin: 0;
    width:100%;
    padding: 5px 4px;

}
.regContainer .error.cleanerror
{
    margin: 0 0 5px 0 !important;
    position: relative !important;
    display: block;
    width: 365px;
}

.regContainer .error,
.regContainer .error[style]
{
    font-size: 11px;
    line-height: 14px;
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpi+M/A0AAQYAAEgQGAB696owAAAABJRU5ErkJggg%3D%3D) 0 0;
    background: #f3c3c3;
    color: #400 !important;
    margin: 0 0 0 115px;
    padding: 5px;
    position: absolute;
    right: 5px;
    top: -7px; 
    -moz-border-radius: 3px; /* FF1+ */
    -webkit-border-radius: 3px; /* Saf3+, Chrome */
    border-radius: 3px; /* Opera 10.5, IE 9 */
}

.regContainer .vertTextbox .error
{
     margin: 0;
    right: 5px;
    top: 10px; 
    }
    
 .wedstrijdeinde
{
    font-size: 10px;
    
}
.wedstrijdlink a
{
    color: #f00;
    
    cursor:pointer;
}
 #content .wedstrijdlink .btn
 {
     width: 300px;
     }
 #content .wedstrijdlink .btn a
 {
     color: #fff;
     }
     
#content #formeel {
background-color:#F0F0F0;
color:#777777;
font-family:Arial,Sans-Serif;
left:450px;
padding:20px;
position:absolute;
top:150px;
width:430px;
}

.regMenu
{
    position: absolute;
    top: 0;
    left:450px;
    width: 195px;
    padding: 20px;
    background-color: #151515;
    overflow: hidden;
    z-index:9999;

    -moz-border-radius-bottomleft:  10px;
    -webkit-border-bottom-left-radius:  10px;
    -moz-border-radius-bottomright:  10px;
    -webkit-border-bottom-right-radius:  10px;

    }
    
.regMenu li
{
    list-style-type: none;
    border-bottom: 1px solid #333;
    padding:5px 0;
    }
    
#content .regContainer .regMenu li a, #content .regContainer .regMenu li a:link
{
    text-decoration: none;
color: Orange;
    }