/*
Theme Name: Autokoopadvies
Theme URI: http://www.letsbuildit.nl/
Description: Thema voor autokoopadvies.nl
Author: Let's build IT.nl
Version: 1.0
Tags: Autokoopadvies
*/


@charset "UTF-8";
/* CSS Document */

body{
	margin:0px;
	padding:0px;
	background:url(images/bg.png) fixed #af0000;
	font:normal 11px/1.6 arial, Tahoma, Helvetica, sans-serif; /* font-weight | font-size | line-height | font-family */
	color:#666666;
}

h1{font-size:2.7em; line-height:1;}
div#slideshow section h1 {
	font-size: 2.4em;
}

h1, h2, h3, h4{color:#c00; font-family: 'PT Sans Narrow', sans-serif;}
p{margin:5px 0 11px;}
a{color:#c00; text-decoration:none;}
a:hover{text-decoration:underline;}

img{border:none;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ 
    display:block;
}


div#container{width:980px; margin:0 auto;}
div#container > header{width:980px; height:160px; float:left; padding:20px 0 0 0; position:relative;}
div#content{width:980px; background:#fff; float:left; border-bottom-left-radius:4px 4px; border-bottom-right-radius:4px 4px; box-shadow: 1px 1px 5px rgba(0,0,0,0.5); margin:0 0 10px; padding:15px 0 30px;}

div#sidebar{float:right; width:218px; padding:0 10px 0 10px;}
section#main{float:left; width:732px; padding:0 0 0 10px;}
div#footer{width:940px; float:left; background:url(images/footer_bg.jpg) #333; border-top-left-radius:4px 4px; border-top-right-radius:4px 4px; padding:0 20px; position:relative;}
aside#populaire-automerken {float:left; padding:10px; width:300px;}
aside#populaire-automerken ul{margin:10px 0 0 10px; padding:0;}
aside#populaire-automerken li {float:left; display:block; width:135px;}
aside#populaire-automerken li a {color:#ffffff; text-decoration:none;}
/* Default Classes
---------------------------------------------- */
.dashedbox{border-bottom:1px dashed #c00;}
section#main > div.leaderboard{float:left; margin:0 2px 10px; background:#999; width:728px; line-height:1;}
section#main > div.leaderboard a{float:left;}
section#main > div.leaderboard span{color:#fff; float:left; text-indent:10px; margin:2px 0; font-size:10px;}

/* Main (childs)
---------------------------------------------- */
section#main > section, section#main > div{width:732px; float:left; margin:0 0 10px;}

section#featured{color:#000; border-bottom:1px solid #cc0000; padding:0 0 10px; position:relative;}
section#buy-a-car{border-bottom:1px solid #cc0000;}
section#main section#article-searchbox{border:1px solid #000; width:730px;}
section#main section#articlebox{width:732px; float:left; margin:10px 1px 0;}
header#brand-description{width:722px; float:left; padding:0 10px 0 0px; background:url(images/brand-description_bg.gif) repeat-y; margin:0 0 10px; position:relative;}
header#brand-description-merk{width:722px; float:left; padding:0 10px 0 0px; border-bottom: 1px dashed #CC0000;margin:0 0 10px; position:relative;}
header#brand-description-merk > h1{border-top:1px solid #c00; border-bottom:1px solid #c00; padding: 5px 10px; margin:0px;}

.articles_slider{overflow:hidden;}
section#main section#blogentry{color:#000;}
footer#author-infobox{margin:0px 0 10px; padding:10px 10px 20px; float:left;}
footer#related-articles{float:left; width:732px;}

section#main > h1{border-top:1px solid #c00; border-bottom:1px solid #c00; padding:5px 10px; margin: 0px 0px 5px;clear:both;}

/* Main brandpage
---------------------------------------------- */
section#main.brandpage > section > h1, section#main.brandpage  > div > h1{width:712px; border-top:1px solid #cc0000; border-bottom:1px solid #cc0000; font-family: 'PT Sans Narrow', sans-serif; font-size:2.7em; line-height:1; color:#cc0000; padding:8px 10px; text-transform:uppercase; margin:0px; float:left; margin:0 0 10px;}
section#main.brandpage  > section > h2, section#main.brandpage  > div > h2, .articles_slider h2{width:712px; border-top:1px solid #cc0000; border-bottom:1px solid #cc0000; font-family: 'PT Sans Narrow', sans-serif; font-size:2.7em; line-height:1; color:#cc0000; padding:8px 10px; text-transform:uppercase; margin:0px; float:left; margin:0 0 10px;}

/* Main singlepage
---------------------------------------------- */
section#main.singlepage > section > h1, section#main.singlepage  > div > h1{width:712px; border-top:1px solid #cc0000; border-bottom:1px solid #cc0000; font-family: 'PT Sans Narrow', sans-serif; font-size:2.7em; line-height:1; color:#cc0000; padding:8px 10px; text-transform:uppercase; margin:0px; float:left; margin:0 0 10px;}
section#main.singlepage  > section > h2, section#main.singlepage  > div > h2{width:732px;  font-family: 'PT Sans Narrow', sans-serif; font-size:2em; line-height:1; color:#cc0000; padding:8px 0px 10px; margin:0px; float:left; margin:0 0 0px;}

/* Header
---------------------------------------------- */
a#logo{width:185px; height:105px; background:url(images/logoTop.png) no-repeat; display:block; position:absolute; left:0px; top:25px; text-indent:-999px; overflow:hidden;}
div#leaderboardheader{position:absolute; top:30px; right:0px; width:728px; height:105px; background:#999999;}
div#leaderboardheader span{color:#fff; line-height:15px; font-size:10px; height:15px; position:absolute; bottom:0px; left:3px;}

/* Sidebar
---------------------------------------------- */
div.advertentie{float:left; padding:19px; background:#e4e4e4;}

div#sidebar > div, div#sidebar aside{margin-bottom:10px; float:left;}
div#sidebar:last-child{margin-bottom:0px;}

aside h2{width:198px; padding:5px 10px; margin:0px; background:url(images/bgHeader.png); color:#fff; font-size:11px; font-weight:bold; box-shadow:inset -1px 1px 2px rgba(0,0,0,0.5); font-family:Arial, Helvetica, sans-serif;}
aside div.aside-content{padding:10px 10px 10px; background:#e4e4e4; float:left; width:198px;}
aside div.aside-content p{margin:0px 0 20px; color:#000; width:198px}
aside div.aside-content a.login{margin:5px 0; float:left;}
aside div.aside-content a.login img{box-shadow:0px 2px 5px rgba(0,0,0,.5); -webkit-transition:box-shadow .1s ease-out;}
aside div.aside-content a.login:active img{box-shadow:0px 0px 0px rgba(0,0,0,.5);}

aside#advertentie_video {width:335px;height:288px;background-image:url(images/banneruimte.png); position:relative;}
aside#advertentie_video div {position:absolute; top:8px; left:6px;}
p.ebuzzing_sponsor_p {display:none !important;}

/* Featured
---------------------------------------------- */
section#featured header h1{margin:0 0 15px -10px; padding:10px 20px 10px 20px; color:#fff; background:url(images/bgHeader.png); width:184px; box-shadow:inset -1px 1px 2px rgba(0,0,0,0.5);}
section#featured header p{padding:0 25px 0 10px; width:180px; color:#000;}
section#featured header{width:225px; float:left;}
div#advicewidget{width:506px; height:300px; background:#333333; float:right;}

/* advice banner
---------------------------------------------- */
section#advicebanner{width:728px; height:414px; padding:0 2px; background:url(images/advicebanner_bg.jpg) no-repeat; overflow:hidden; position:relative;}
section#advicebanner h1{background:#000; color:#fff; padding:10px; font-size:26px; width:325px; position:absolute; right:7px; top:20px; margin:0px; cursor:pointer;}
section#advicebanner h1 em { font-size:19px; }
section#advicebannerinfo{width:230px; height:290px; background:#fff; position:absolute; left:20px; top:20px; border:1px solid #c00; padding:15px 20px 55px; border-radius:5px; box-shadow:inset 1px 2px 1px rgba(0,0,0,.5); position:relative;}
section#advicebannerinfo h2{margin:0px; color:#000; font-size:2.2em;}
section#advicebannerinfo a, .popup_form input[type="submit"] {
	position:absolute; 
	bottom:20px;    
	border-radius:4px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
    cursor: pointer;
	line-height:1.2;
    display: inline-block;
    font-size:13px;
	font-weight:bold;
    margin:20px 0 0;
	width:180px;
    outline: medium none;
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: baseline;
	color: #fff;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
	}
	
section#advicebannerinfo a:hover, .popup_form input[type="submit"]:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}

section#advicebannerinfo a:active,div.popup_form input[type="submit"]:active{
	 box-shadow:inset 0px 0px 3px rgba(0, 0, 0, 0.8);
}


div#autoslides img{position:absolute; right:-900px; bottom:0px; opacity:0;}
div#personslides img{position:absolute; right:900px; top:55px; opacity:0;}

div#autoslides img:first-child{position:absolute; right:75px; bottom:0px; opacity:1;}
div#personslides img:first-child{position:absolute; right:10px; top:55px; opacity:1;}

/* widget */

#nowidget {position:absolute; top:0px; left:740px;}
#buy_tips_bg {width:732px; height:414px; position:absolute; top:415px; left:0px; background-color:#fff; border-top:1px solid #cc0000; z-index:4;}
.buy_tips {width:732px; height:414px; position:absolute; top:415px; left:0px; background-color:#fff; border-top:2px solid #cc0000; z-index:5;}
.buy_tips div {width:50%;float:left;}
.buy_tips h3 {margin:10px 0px 5px 5px;}
.buy_tips p {margin:0 0 0 5px;padding:0; line-height:16px;}

.buy_tips section {width:732px; height:414px; position:relative;}
.buy_tips section ul {width:1464px; height:414px; position:absolute; top:0; left:0; padding:0; margin:0;}
.buy_tips section ul li {display:block; width:366px; height:414px; float:left; }

div#buy_bullets {width:35px; height:15px; background-image:url(images/buy_bullets.png); position:absolute; bottom:10px; left:350px;}
div#buy_bullets span {display:block;width:50%;height:15px;float:left;cursor:pointer;}

span.close_tips {display:none;width:29px;height:29px;background-image:url(images/button_close.png);position:absolute;top:0px;right:10px;z-index:6;cursor:pointer;}

div#buy_car_tips {background-image:url(images/bg_tip_car.png);}
div#buy_dealer_tips {background-image:url(images/bg_tip_dealer.png);}
div#buy_insurance_tips {background-image:url(images/bg_tip_insurance.png);}

span.buy_tips_link {position:absolute; color:#cc0000; bottom:10px;cursor:pointer;}
span#buy_tips_back {left:10px;display:none;}
span#buy_tips_forward {right:10px;}

/* Buy a car
---------------------------------------------- */
section#buy-a-car h1{width:205px; text-align:center; padding:25px 10px 25px 0; margin:0px; float:left;}
section#buy-a-car a{height:105px; width:150px; float:left; font-family: 'PT Sans Narrow', sans-serif; color:#cc0000; text-decoration:none; font-size:30px; text-align:center; margin-right:33px;}
section#buy-a-car a.last-child{margin-right:0px;}
section#buy-a-car a{-webkit-transition:color .5s ease-in;}
section#buy-a-car a:hover{color:#000;}

/* Articlebox
---------------------------------------------- */
div#article-topbox{width:730px; float:left; height:70px; background:url(images/bgHeader.png);}
div#article-topbox h1{margin:0 19px 0 10px; line-height:70px; color:#fff; width:135px; font-size:23px; float:left;}
div.selectbox-holder{float:left; height:40px; margin:15px 23px 15px 0;}
div.selectbox-holder label{width:100%; color:#fff; display:block;}
div.selectbox-holder select{width:120px;}

div#article-subbox{width:730px; float:left; height:30px; padding:5px 0;}
div#article-subbox ul{margin:0px; padding:0 20px; list-style:none; height:30px;}
div#article-subbox ul li{float:left; line-height:30px; height:30px; margin:0 20px 0 0;}
div#article-subbox ul li.submit-li{float:right;}
div#article-subbox ul li label{color:#333; padding:0px; font-size:12px; height:30px; line-height:30px; float:left; margin:0px;}
div#article-subbox ul li label input[type=checkbox]{margin:8px 5px 0 0; padding:0px; float:left;}
div#article-subbox ul li.current a{font-weight:bold; color:#000;}
div.selectbox-holder input[type=submit]{
	float:right; 
	margin:14px  0 0; 	
	border-radius:4px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
    cursor: pointer;
	line-height:1.2;
    display: inline-block;
    font-size:13px;
	font-weight:bold;
    outline: medium none;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: baseline;
	color: #fff;
	border: solid 1px #000;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
	background: -moz-linear-gradient(top,  #333,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');}
	
div.selectbox-holder input[type=submit]:hover{
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
	background: -moz-linear-gradient(top,  #000,  #333);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#333333');

}

div.selectbox-holder input[type=submit]:active{
	 box-shadow:inset 0px 0px 3px rgba(0, 0, 0, 0.8);
}
	


ul.articlelist{padding:0px; margin:0 5px; list-style:none; width:732px;}
ul.articlelist li{margin:0 5px; border-bottom:1px solid #000; float:left;}
ul.articlelist li article{padding:0 10px 50px 260px; position:relative; min-height:150px; width:440px;}
ul.articlelist li article header  a{width:230px; height:125px; background:url(images/default-230x125.jpg) no-repeat; display:block; position:absolute; left:5px; top:45px;}
ul.articlelist li article header  img{}
ul.articlelist li article header h1{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; position:absolute; left:5px; margin:13px 0;}
ul.articlelist li article header{height:45px;}
ul.articlelist li article p{width:100%;}
ul.articlelist li article a.leesverder{color:#000; text-decoration:none; padding:0 15px 0 0; background:url(images/pijltje.jpg) no-repeat center right; float:right; margin:0 10px 0 0; position:absolute; bottom:25px; right:10px;}
ul.articlelist li article a.leesverder:hover, ul#articlelist li article a.reacties:hover{text-decoration:underline;}
ul.articlelist li article a.reacties{position:absolute; bottom:25px; right:387px; background:url(images/reactieWolk.png) no-repeat; width:65px; height:22px; color:#fff; text-decoration:none; text-align:center; line-height:18px;}
ul.articlelist li article a.reacties:hover{text-decoration:underline;}
ul.articlelist li article footer time{position:absolute; right:10px; top:0px; margin:13px 10px;}

ul.articlelist li:nth-child(-n+3){width:230px; margin:10px 0px; padding:0 5px;}
ul.articlelist li:nth-child(-n+3) article{padding:0px 0 50px; width:230px; min-height:300px;}
ul.articlelist li:nth-child(-n+3) article header{height:auto;}
ul.articlelist li:nth-child(-n+3) article header h1{position:static;}
ul.articlelist li:nth-child(-n+3) article header a{position:static;}
ul.articlelist li:nth-child(-n+3) article a.leesverder{bottom:40px; right:0px;}
ul.articlelist li:nth-child(-n+3) article footer time{background:#666; color:#fff; padding:0 5px; right:0px; margin:0px; display:block; top:103px; background:rgba(0,0,0,.7);}
ul.articlelist li:nth-child(-n+3) article a.reacties{bottom:15px; left:0px;}
ul.articlelist li:last-child { margin-bottom:20px; }
div#paginator{width:660px; padding:10px 35px 20px; float:left; text-align:right;}
div#paginator a, div#paginator span{color:#cc0000; text-decoration:none; border:1px solid #cc0000; padding:0 4px; margin:0 1px;}
div#paginator span { cursor:pointer; }
div#paginator a:hover, div#paginator .current, div#paginator span:hover{color:#000; border:1px solid #000;}

/* Grid layout
---------------------------------------------- */
ul.gridlist{margin:0 6px;}
ul.gridlist li{width:230px; margin:10px 0px; padding:0 5px; border:none; background:#fff;}
ul.gridlist li article{padding:0px 0 50px; width:230px; min-height:300px;}
ul.gridlist li article header{height:auto;}
ul.gridlist li article header h1{position:static;}

ul.gridlist li article header a{position:static;}
ul.gridlist li article a.leesverder{bottom:40px; right:0px;}
ul.gridlist li article footer time{background:#666; color:#fff; padding:0 5px; right:0px; margin:0px; display:block; top:103px;  background:rgba(0,0,0,.8)}
ul.gridlist li article a.reacties{bottom:15px; left:0px;}



/* searchbox
---------------------------------------------- */
label.screen-reader-text{display:none;}
input.s{border:1px solid #666; width:150px; padding:0 5px; float:left;}
input.s_inp {border:1px solid #666; width:190px; padding:0 5px; float:left;}
input#searchsubmit{width:25px; height:20px; background:url(images/zoeken.png) no-repeat center; border:none; text-indent:-9999px; padding:0px; cursor:pointer; font-size:0em; line-height:0; float:left;}

/* populairste
---------------------------------------------- */
aside#populairste-autos h2{background:none; box-shadow:none; font-size:30px; font-family:'PT Sans Narrow', sans-serif; font-size:2.6em; line-height:1; padding:0px 0 0 5px; color:#c00;}
aside#populairste-autos > p{color:#000; margin:3px 0 0 5px; font-size:12px;}
aside#populairste-autos ul{padding:0px; margin:10px 0 0px 5px; list-style:none; width:210px;}
aside#populairste-autos ul li{float:left; width:212px; margin:0 0 5px;}
aside#populairste-autos ul li p{margin:0; width:110px; display:inline; font-size:12px; line-height:1;}
aside#populairste-autos ul li h3{color:#000; margin:0px 0 3px; font-size:1.2em;}
aside#populairste-autos ul li a.imagelink{margin:0 10px 0 0; float:left;}
aside#populairste-autos ul li a.meerinfo-link,#refresh_advice_button{background:#990000; padding:0 10px; text-decoration:none; color:#fff; float:left; margin:8px 0 0;}
aside#populairste-autos ul li a.meerinfo-link:hover{text-decoration:underline;}

/* footer
---------------------------------------------- */
div#footer-top{padding:0px; width:940px; border-bottom:1px dashed #949494; float:left; font-size:12px; position:relative;}

aside#sitelinks{float:left; width:190px; padding:0 0px 10px 20px; margin:10px 0;}
aside#laatste-reacties{float:left; width:388px; padding:0 10px 10px 10px; margin:10px 0; border-right:1px solid #4b4b4b;  border-left:1px solid #4b4b4b;}
a.footer-car{float:left; width:200px; margin:10px 0 0; position:absolute; bottom:0px; right:140px;}

div#footer aside h2{background:none; font-size:14px; font-weight:bold; margin:0px 0 0; padding:0px; box-shadow:none;}

aside#sitelinks ul{padding:0 0 0 20px;}
aside#sitelinks ul li{color:#f4f4f4;}
aside#sitelinks ul li a{color:#f4f4f4; text-decoration:underline;}

aside#laatste-reacties ul{padding:0px 0 0 5px; list-style:none;}
aside#laatste-reacties ul li{color:#f4f4f4; font-style:italic; padding:0 0 5px 20px; background:url(images/speech-bubble.png) left 4px no-repeat;}
aside#laatste-reacties ul li a{color:#f4f4f4;}

aside#bottommenu{width:940px; float:left; height:30px;}
aside#bottommenu ul{padding:0px; margin:0px; list-style:none;}
aside#bottommenu ul li{float:left; padding:0 10px 0 0; line-height:14px; margin:8px 10px 8px 0;}
aside#bottommenu ul li a{color:#fff;}

aside#bottommenu span{float:right; line-height:30px; color:#fff; font-weight:bold; font-size:12px;}

/* brand description
---------------------------------------------- */
header#brand-description{}
header#brand-description h1{text-transform:uppercase; margin:0px;}

header#brand-description div.brand-description-image{width:166px; float:left; padding:10px; margin:0 14px 0 0;}
header#brand-description div.brand-description-text{float:right; width:522px; margin-bottom:50px;}

/* brand slideshow
---------------------------------------------- */
div#slideshow section{width:100%; float:left; position:relative; height:269px; overflow:hidden;}
div#slideshow section img{position:absolute;top:0px; left:0px;display:none;}
div#slideshow section img:first-child {display:block;}
div#slideshow section h1{position:absolute; bottom:10px; left:0px; margin:0px; color:#fff; background:url(images/bgHeader.png); padding:5px 15px; box-shadow:inset -2px 2px 2px rgba(0,0,0,0.5);}
div#slideshow section h1.hideme {display:none;left:-1000px;}
div#slideshow section h1 a {color:#ffffff;}
/* linklist
---------------------------------------------- */
section.linklist ul{float:left; list-style:none; margin:0px; padding:10px 6px; color:#000;}
section.linklist ul li{width:200px; float:left; margin:0 5px; width:160px; padding:3px 0 3px 10px; background:url(images/list-style-stripe-black.gif) no-repeat center left;}
section.linklist ul li a{color:#000; text-decoration:none;}
section.linklist ul li a:hover{text-decoration:underline;}

/* ModelList */

ul#model_list {
	width:100%;
	height:auto;
	margin:0;
	padding:0;	
}

ul#model_list li {
	display:block;
	width:23%;
	float:left;
	margin-left:2%;
}

ul#model_list li a {
	color:#000000;	
}

/* Blogentry
---------------------------------------------- */
img#headerimage{float:left; margin:0 0 10px;}

section#main section#blogentry header h1{float:none; width:477px; border-top:1px solid #c00;  border-bottom:1px solid #c00; margin:0px 0 5px; padding:5px 10px;}
section#main section#blogentry header h1.large_msg_h1{width:97%;}
section#main section#blogentry footer{color:#999; padding:0 0 0 10px; margin:0 0 20px;}
section#main section#blogentry footer span.autheur{float:right;}
section#main section#blogentry footer span.autheur a{color:#999; text-decoration:none;}
section#main section#blogentry footer span.autheur a:hover{text-decoration:underline;}

section#main section#blogentry  h2{float:none; width:732; font-family: 'PT Sans Narrow', sans-serif; font-size:1.9em; margin:35px 0 10px; line-height:1; padding:0px;}
section#blogentry > p:first-of-type{font-weight:bold; }
section#blogentry  p{margin:0px 0 20px; font-size:1.2em; }

div.ratingbox{float:right; width:215px; padding:0 4px; margin:0 0 0px 10px; clear:both; height:44px; background:url(images/bgHeader.png) #c00;}
section#blogentry div.ratingbox p.totalscore{color:#fff; font-family: 'PT Sans Narrow', sans-serif; line-height:44px; padding:0 10px; width:193px; font-size:3em; margin:0px; font-weight:bold; text-shadow:1px 1px 3px rgb(0,0,0);}


/* Mediabox */
section.mediabox{border:1px solid #cc0000; width:213px; padding:0px 4px; margin:0 0 10px 10px; background:#fff;   float:right;  clear:both;}
section#main section#blogentry section.mediabox h2{margin:10px 4px 5px; padding:0px;}
section#main section#blogentry section.mediabox p{margin:10px 4px 5px; padding:0px; line-height:1.4;}
section#main section#blogentry section.mediabox a img.review-image{width:61px; margin:5px;}
section#main section#blogentry section.mediabox a.youtubelink{width:183px; color:#666; display:block; padding:0 0 0 30px; background:url(images/youtube_24x24.png) no-repeat; height:24px; line-height:24px; margin:10px 4px 5px; text-decoration:none; font-size:12px;}

/* Conclusion
---------------------------------------------- */
section#conclusion{float:left; margin:0 0 10px;}
section#conclusion h3{border-bottom:1px solid #c00; font-size:2.6em; margin:0px; padding:0 10px;}
section#conclusion ul{padding:0px; margin:20px 0px; list-style:none; float:left;}
section#conclusion ul li{float:left; width:286px; margin:5px; position:relative; padding:0 0 0 70px; min-height:60px;}
section#conclusion ul li h4{color:#c00; font-size:1.4em; margin:0px;}
section#conclusion ul li p{margin:0px;}
section#conclusion ul li div.cijfer{left:5px; display:block; position:absolute;}

div#avarage{float:left; width:642px; background:#e4e4e4; padding:5px 10px 5px 80px; margin:0 0 10px; position:relative; min-height:75px;}
div#avarage div.cijfer{left:10px; display:block; position:absolute; top:10px;}
div#avarage div.cijfer span{font-size:3.8em; width:50px; height:50px; line-height:50px;}
div#avarage h2{ margin:5px 0 0px;}
div#avarage p{color:#000; margin:0px; width:50%;float:left;}
div#avarage em {font-weight:bold; margin-bottom:4px;}
div.cijfer{display:block; position:relative;}
div.cijfer meter{display:none;}
div.cijfer span{font-family: 'PT Sans Narrow', sans-serif; font-size:3em; border:1px solid #999; display:block; padding:5px; width:36px; height:36px; line-height:36px; text-align:center; background:#fff; box-shadow: 0px 1px 3px rgba(0,0,0,0.9); display:block;}

/* author infobox
---------------------------------------------- */
footer#author-infobox img{float:left; margin:0 10px 0 0;}
footer#author-infobox h1{margin:0px;}
footer#author-infobox h3{color:#666; margin:0px;}
footer#author-infobox h3 a{color:#666;}
footer#author-infobox p{margin:0px; font-size:1.2em;}

/* related-articles
---------------------------------------------- */
footer#related-articles h3{color:#333; font-size:1.8em; margin:0px;}
footer#related-articles section{width:50%; float:left;}
footer#related-articles section ul{padding:0px; margin:0 0 30px;}
footer#related-articles section ul li{list-style:none; margin:5px 0; padding:0 0 0 30px; background:url(images/arrowright.jpg) no-repeat 10px center;}
footer#related-articles section ul li a{color:#c00; text-decoration:none;}
footer#related-articles section ul li a:hover{text-decoration:underline;}

/* sharebuttons
---------------------------------------------- */
section#sharebuttons { padding:0 0 30px 0;}
section#sharebuttons p{font-size:1em; line-height:3em; padding:0 10px;}

/* comments
---------------------------------------------- */
section#main.singlepage section#commentbox h2{padding:5px 10px; background:#e4e4e4; width:712px; font-size:2.7em; float:left; margin:0px 0 10px;}
section#main.singlepage section#commentbox h2 a{color:#c00; text-decoration:none;}
section#main.singlepage section#commentbox h2 a:hover{text-decoration:underline;}
section#main.singlepage section#commentbox h2 sup a{font-size:.6em; margin-left:5px;}

section#commentbox ol.commentlist{padding:0px; margin:0px 0 10px; list-style:none; float:left; width:732px;}
section#commentbox ol.commentlist li{padding:25px 25px 25px 110px; border-bottom:1px dashed #c00; position:relative; min-height:90px;}
section#commentbox ol.commentlist li.comment-author-Admin h5.username{color:#c00;}
section#commentbox ol.commentlist li.comment-author-Admin h5.username a{color:#c00;}
section#commentbox ol.commentlist li img{position:absolute; left:10px; top:25px;}
h5.username{font-size:1.4em; color:#000; margin:0px; display:inline;}
section#commentbox ol.commentlist li h5 a{color:#000; text-decoration:underline;}
section#commentbox ol.commentlist li p.timestamp{margin:0px; color:#999;}

section#commentbox ul{list-style:none; width:692px; left:0px; margin:30px 0 0 -70px; padding:0px;}
section#commentbox ul h5.username{font-size:1.1em;}
section#commentbox ul li.depth-2{padding:0px 25px 0px 110px; border:none; min-height:0px;}
section#commentbox ul li.depth-2 img{top:0px; left:35px;}

a.comment-reply-link{color:#c00; padding:0 0 0 20px; background:url(images/reply.png) no-repeat left center;}

ol#post-submit-form{padding:0px; margin:0px; list-style:none;}
ol#post-submit-form li{float:left; width:652px; margin:0 0px 10px 0;}
ol#post-submit-form li label{width:80px; float:left; padding:0 15px; font-family: 'PT Sans Narrow', sans-serif; color:#c00; font-size:1.6em;}
ol#post-submit-form li input[type=text]{width:290px; background:#f5f5f5; border:1px solid #f7f7f7; border-left:1px solid #c7c7c7; border-top:1px solid #c7c7c7;}
ol#post-submit-form li textarea{width:534px; float:left; background:#f5f5f5; border:1px solid #f7f7f7; border-left:1px solid #c7c7c7; border-top:1px solid #c7c7c7; resize: none; margin:0px;}
ol#post-submit-form li input[type=submit]{float:right; background:#cc0000; color:#fff; border:none; padding:3px 16px; cursor:pointer; box-shadow:1px 1px 3px rgba(0,0,0,.5);}
ol#post-submit-form li input[type=submit]:active{box-shadow:inset 1px 1px 3px rgba(0,0,0,.5); background:#c00;}
ol#post-submit-form li p{font-size:1.1em; margin:0px 0 0 110px;}


/* merkenlist
---------------------------------------------- */

ul.merkenlist{padding:0px; margin:0px; list-style:none;}
ul.merkenlist li{width:732px; margin:0 0 20px; float:left; padding:0 0 10px; border-bottom:1px dashed #c00;}
ul.merkenlist li div.imageholder{width:166px; padding:0 20px 0 0; float:left; text-align:center;}
ul.merkenlist li div.descriptionbox{width:546px; float:left;}
ul.merkenlist li div.descriptionbox h3, ul.merkenlist li div.descriptionbox h2{font-size:3em; margin:0px; padding:0px; line-height:1;}

ul.merkenlist li div.descriptionbox a.bekijk_artikelen{ 
	border-radius:4px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
    cursor: pointer;
	line-height:1.2;
    display: inline-block;
    font-size:13px;
	font-weight:bold;
    outline: medium none;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: baseline;
	color: #fff;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}

ul.merkenlist li div.descriptionbox a.bekijk_artikelen:hover{
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
ul.merkenlist li div.descriptionbox a.bekijk_artikelen:active{box-shadow:inset 0px 0px 3px rgba(0, 0, 0, 0.8);}

/* Registration form */

div.popup_form {
	width: 320px;
	overflow: hidden;
	height: 230px;
	position: relative;
	background: #f9f9f9 url(images/secure.png) no-repeat 260px 40px;
	font-family: Helvetica Neue, Helvetica, Arial !important;
}

div.popup_form input[type="text"], div.popup_form input[type="password"] {
	display: block;
	border: 1px solid #ccc;
	margin: 5px 20px;
	padding: 9px 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	width: 200px;
	font-family: Helvetica Neue, Helvetica, Arial !important;
}

div.popup_form input[type="text"]:hover, div.popup_form input[type="password"]:hover {
	border-color: #b1b1b1;
}

div.popup_form input[type="text"]:focus, div.popup_form input[type="password"]:focus {
	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
}

div.popup_form span {
	display: block;
	margin-bottom: 22px;
}

div.popup_form div.title {margin-left:15px}
div.popup_form div.title h1,
div.popup_form div.title span {text-shadow:1px 1px 0px #fff}
div.popup_form div.title h1 {
	margin:7px 0;
}

div.popup_form input[type="submit"] {
	left:20px;
	width: 210px;
}

p.forgetmenot {
	margin-left:20px;	
}

.show {
	clear:both;	
	float:left;
}

/* Login Widget */

#save_button {
	background-color:#990000; padding:3 8px; text-decoration:none; color:#fff; margin:10px 0 0;border:none;cursor:pointer; float:right;
}

#save_button:hover {
	text-decoration:underline;
}

#top_message {
	position:fixed;
	width:100%;
	height:58px;
	top:-70px;
	text-align:center;
	color:#ffffff;
	z-index:1000;
}

#top_message_inner {
	margin:0 auto;
	width:992px;
	height:30px;
	padding:14px 0;
	background-image:url(images/bg_pull_down.png);
	background-position:3px 0;
	background-repeat:no-repeat;
	font-size:14px;
}	

.green {
	background-color:#00fff00;	
}

.red {
	background-color:#ff0000;	
}


/* occasions-detail
---------------------------------------------- */

header#occ-header{margin:10px 0 10px; float:left; width:602px; padding:0 0px 10px 130px; position:relative; min-height:110px; border-bottom:1px dashed #900;}
header#occ-header h1{margin:0px; color:#000; font-size:22px; font-family:Arial, Helvetica, sans-serif;}
header#occ-header span:last-child {font-size:12px;}
header#occ-header h2{margin:3px 0 0px; color:#666; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px;}
header#occ-header span#occ_price{display:block; width:200px; margin:20px 0 0; font-size:24px; color:#000; font-weight:bold; line-height:1;}

img#occasion-image{position:absolute; left:0px;}


div#occ_tabs{float:left; border:none; padding:0 0 20px;}

div#occ_tabs h2, div#occ_tabs h3{margin:0px 0 10px; line-height:1; font-size:1.8em; color:#333; clear:both;}
div#occ_tabs h3{font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#900; margin:0 0 5px;}
div#occ_tabs p{margin:0px 0 20px;}

div#autobedrijf-buttonbox{float:right; width:240px;}
div#autobedrijf-buttonbox a{float:left; width:220px; background:#900; display:block; color:#fff; text-align:center; cursor:pointer; margin:0 0 7px; border-radius:4px; padding:3px 10px;}

a.occ_button{width:220px; background:#900; display:block; color:#fff; text-align:center; cursor:pointer; margin:0 0 7px; border-radius:4px; padding:3px 10px; float:right;}

div#autobedrijf-adresbox{float:left; width:400px;}

div.listwrapper{width:224px; float:left; margin:0 0 0 20px;}
div.listwrapper h3{font-size:11px;}
div.listwrapper ul{padding:0 0 0 15px; color:#000;}

div#occ_tabs table{border-collapse:collapse; color:#000; margin:10px 0;}
div#occ_tabs table tr{background:#efcccc; border-bottom:1px solid #fff; text-indent:20px;}

/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-widget{font-size:11px !important;}
section#occasion .ui-helper-hidden { display: none; }
section#occasion .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
section#occasion .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
section#occasion .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
section#occasion .ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
section#occasion .ui-helper-clearfix { display:block; }
/* end clearfix */
section#occasion .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
section#occasion .ui-state-disabled { cursor: default !important; }

/* states and images */
section#occasion .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Overlays */
section#occasion .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Component containers
----------------------------------*/

section#occasion .ui-widget-content {  background:none; }
section#occasion .ui-widget-content a {color:#fff;}
section#occasion .ui-widget-header { border:none; background:none; }
section#occasion .ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
section#occasion .ui-state-default, section#occasion .ui-widget-content .ui-state-default, section#occasion .ui-widget-header .ui-state-default { border:none; background:#990000; font-weight:normal; color: #fff; }
section#occasion .ui-state-default a, section#occasion .ui-state-default a:link, section#occasion .ui-state-default a:visited { color:#fff; text-decoration: none; }
section#occasion .ui-state-hover, section#occasion .ui-widget-content .ui-state-hover, section#occasion .ui-widget-header .ui-state-hover, section#occasion .ui-state-focus, section#occasion .ui-widget-content .ui-state-focus, section#occasion .ui-widget-header .ui-state-focus { border:none; background:#600; font-weight:normal; color: #fff; }
section#occasion .ui-state-hover a, section#occasion .ui-state-hover a:hover { color: #fff; text-decoration: none; }
section#occasion .ui-state-active, section#occasion .ui-widget-content .ui-state-active, section#occasion .ui-widget-header .ui-state-active { border:none; background:#000; font-weight: normal; color: #fff; }
section#occasion .ui-state-active a, section#occasion .ui-state-active a:link, section#occasion .ui-state-active a:visited { color: #fff; text-decoration: none; }
section#occasion .ui-widget :active { outline: none; }

/* occasion tabs
----------------------------------*/

div.infocontainer{padding:25px 0 10px; font-size:12px; width:732px; float:left; border-bottom:1px dashed #900;}
table{font-size:inherit;}
ul.occ-tabs-nav{margin:0px; padding:0 0 8px; list-style:none; border-bottom:1px dashed #900; float:left; width:732px;}
ul.occ-tabs-nav li{float:left; margin:0 5px 0 0;}
ul.occ-tabs-nav li a, ul.occ-tabs-nav li a:link, ul.occ-tabs-nav li a:visited{background:#900; color:#fff; padding:4px 10px; text-decoration:none;}
ul.occ-tabs-nav li a:hover{background:#600; text-decoration:underline;}
ul.occ-tabs-nav li a:active{background:#000;}

/* zoekformulier occasions */
section#main div.search-engine{margin:0px;}
div.search-engine div#search-engine-header{color:#fff; background:url(images/bgHeader.png) #900; padding:5px 20px; font-size:24px; width:692px;}
div.search-engine h2{margin:0px; line-height:1; color:#fff; font-size:24px; display:inline;}
div.search-engine span{font-size:14px; font-weight:bold;}
div#search-engine-header em {float:right;color:#ffffff; font-size:13px;margin-top:10px;}
table.filtertable{background:#e4e4e4; padding:5px 20px 20px 20px;}
table.filtertable input[type=submit]{background:#333; border:1px solid #999; border:none; color:#fff; padding:3px 10px; border-radius:4px; cursor:pointer;}
table.filtertable tr td {vertical-align:bottom; }

table.occasionTable{ margin:10px 10px 0px 10px; border-top:1px solid #CC0000; }
table.occasionTable a{color:#000; text-decoration:none; }
table.occasionTable h2{font-family:Arial, Helvetica, sans-serif; color:#000; font-size:14px; text-transform:none; margin:0;}
table.occasionTable p { margin:0; padding:0; color:#666666; }

table.occasionTableLarge {width:712px;}
table.occasionTableSmall {width:480px;float:left;}

table.occasionTable tr td{border-bottom:1px solid #cecece; padding:2px 10px;}
table.occasionTable tr.header td{border-bottom:1px solid #900; font-weight:bold; color:#000; background:#e4e4e4; white-space:nowrap;}

table.occasionTable tr td {  vertical-align:top; }
table.occasionTable img { margin-top:10px; }

span.occassion-price{font-weight:bold; font-size:16px; color:#000;}
.bold { font-weight:bold; }

#occasion_list {border:1px solid #000000;}

#occasions_filter_field {float:left;width:200px;height:auto;}


#refresh_advice_button {position:absolute; bottom:10px; left:10px; display:none; cursor:pointer;}
#refresh_advice_button:hover {text-decoration:underline;}
img.image_margin {margin-right:10px;}

ul#standaard_geleverd_met {width:100%; height:auto; margin:0; padding:0 30px;}
ul#standaard_geleverd_met li {width:33%; height:20px; float:left; list-style:inside disc;}

div.kenteken-normaal {width:126px; height:27px;  background-image:url(images/kenteken.png); padding:2px 12px; margin:5px 20px;font-weight:bold; font-size:18px; letter-spacing:2px;}
div#contact_occ_dealer_wrapper label {width:120px; text-align:right; float:left; clear:both;margin-right:30px;}
div#contact_occ_dealer_wrapper input[type="text"],div#contact_occ_dealer_wrapper textarea {width:350px; padding:3px 10px;  float:left; border:1px solid #c0c0c0; border-radius:3px; -moz-border-radius:3px;}
div#contact_occ_dealer_wrapper input[type="text"]:hover,div#contact_occ_dealer_wrapper textarea:hover,div#contact_occ_dealer_wrapper input[type="text"]:focus,div#contact_occ_dealer_wrapper textarea:focus{box-shadow:inset 1px 1px 2px #c0c0c0;}
div#contact_occ_dealer_wrapper input[type="text"]:focus,div#contact_occ_dealer_wrapper textarea:focus{background-color:#f0f0f0;}
div#contact_occ_dealer_wrapper input[type="text"] {height:25px;}
div#contact_occ_dealer_wrapper textarea{height:100px;}
div#contact_occ_dealer_wrapper input[type="submit"] {float:left; margin-left:150px; border:1px solid #d0d0d0; background-color:#f0f0f0; color:#555444; box-shadow:1px 1px 2px #c0c0c0; clear:both;width:100px; height:25px; font-size:14px; border-radius:4px;cursor:pointer;}
div#contact_occ_dealer_wrapper input[type="submit"]:hover {box-shadow:1px 1px 3px #a0a0a0;}

div#contact_occ_dealer_wrapper label, div#contact_occ_dealer_wrapper input,div#contact_occ_dealer_wrapper textarea {margin-bottom:10px;}
.warning_text {color:#cc0000;}
.warning {border:1px solid #cc0000;}
.hidecontact {display:none;}
.succes_text{color:#00cc00;}