/* ---------------- INDEX FORMS ---------------- */

#search form {margin:0}
#search table {border-collapse:collapse;width:100%;}
#search table td {text-align:left;padding:2px;white-space:nowrap;}
#search table td label {line-height:1.2em;}
#search table td #zipcode {width:70px;height:22px;padding:0 4px;font-size:14px;line-height:1.2em;color:#333;background-color:#fff;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-right:3px;}
#search table td select {width:45%;height:26px;padding:2px 2px 2px 4px;font-size:14px;line-height:1.4em;color:#333;background-color:#fff;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;min-width:80px;}
#search table td select[disabled] {background-color:#f6f3ec;}
#search table td select#maxdistance {width:80%}
#search table td .from {float:right;display:inline;}
#search table td .to {float:none;display:inline;padding:0 2px;}

@media screen and ( max-width: 480px ){
#search table td label[for="zipcode"] {text-indent:-111px;overflow:hidden;}
#search table td label[for="zipcode"]:after {content:" Postnr.";}

#search table td label[for="yearmin"] {text-indent:-49px;overflow:hidden;}
#search table td label[for="yearmin"]:after {content:" År";}

#search table td label[for="kmmin"] {text-indent:-67px;overflow:hidden;}
#search table td label[for="kmmin"]:after {content:" Km.";}
}



/* ---------------- INDEX LAYOUT ---------------- */

#valuation h2, #searchused h2 {color:#666;font-size:22px;line-height:1.6em;margin:0;padding:6px;text-align:center;}
#valuation h2 strong, #searchused h2 strong {font-weight:700;}
#valuation div, #searchused div {height:400px;text-align:center;border-radius:5px;-webkit-border-radius:5px;background-color:#f6f3ec;margin-bottom:20px;padding:20px;}
#valuation p {margin:8px 12% 15px 12%;}
#valuation a.mwr {width:200px;margin-top:15px;}

body.layoutindex #column1,body.layoutindex #column3 {width:49%;float:left;/*min-width:285px;*/}
body.layoutindex #column2,body.layoutindex #column4 {width:49%;float:right;/*min-width:285px;*/}

@media screen and ( max-width: 768px ){
#valuation div, #searchused div  {height:auto;}
body.layoutindex #column1,body.layoutindex #column2,body.layoutindex #column3,body.layoutindex #column4 {width:100%;float:left;}
}

/* ------------------------------------------------------------------------  #sellCar div:before {content:'Soooooog';}   ---------------- */

#sellCar {width:100%;margin-bottom:20px;text-align:center;}
#sellCar div {font:400 20px/1.4em 'Architects Daughter', Arial, serif; text-transform:uppercase;letter-spacing:2px;margin:0 auto;padding:0 24px;color:#73aa31;}
#sellCar a {color:#fff;background-color:#73aa31;font:400 14px/2.2em 'Open Sans',arial,sans-serif;text-transform:none;letter-spacing:1px;border-radius:4px;-webkit-border-radius:4px;display:inline-block;padding:0 14px;margin:10px;}
#sellCar a:visited {color:#fff;}
#sellCar a:active {color:#fff;}
#sellCar a:hover {color:#fff;background-color:#538d1d;text-decoration:none;}

/* ---------------- INDEX NEWS ---------------- */

#topnews, #topanalysis {display:inline-block;margin:0 0 5px 0;width:99%;padding-top:30px;border-top:4px solid #f6f3ec;}
#topnews h3, #topanalysis h3 {font-size:16px;line-height:1.2em;margin:3px 0 0 0;}
#topnews strong, #topanalysis strong {font-size:24px;line-height:1.2em;font-weight:inherit;}
#topnews #frontpagenews, #topanalysis #frontpagenews {line-height:1.4em;margin:5px 0 0 0;}

#topnews img, #topanalysis img {float:left;margin:0 15px 30px 10px;border:4px solid #fff;}
#topnews img:hover, #topanalysis img:hover {opacity:0.6;}

.newsdate {color:#888;font-size:12px}

#morenews,#analysis, #advice {margin:0 0 40px 14px;display:inline-block;float:left;}
#morenews h5,#analysis h5,#advice h5 {font-size:16px;line-height:1.2em;margin-bottom:8px;}
#morenews ul,#analysis ul, #advice ul {margin:0;padding:0;list-style:none;}
#morenews li,#analysis li,#advice li {line-height:1.2em;background:url(../g/bl/ar_grey_6r.gif) no-repeat 0 2px;padding:0 0 0 12px;margin:5px 0;}

#analysis,#advice {width:42%;}
#advice {float:right;}

@media screen and ( max-width: 480px ){
#topnews img, #topanalysis img  {margin-bottom:20px;padding:0;clear:both;float:none;}
#morenews,#analysis, #advice {margin-top:40px;}
}