body {background-image: url("pic/all/bg_grn2005.gif");background-color: #2AA939;}

.copy { font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #fff; }
a.copy:hover { color: #f8f305; }

.maker { font-family: Arial, Verdana, sans-serif; font-size: 18px; color: #f8f306; padding-bottom:2px;}
a.maker:hover { color: #f8f305; }

.year { font-family: Verdana, Arial, sans-serif; font-size: 18px; color: #f8f306;float:right;}
a.year:hover { color: #f8f305; }

.type { font-family: Arial, Verdana, sans-serif; font-size: 20px; color: #f8f306; font-weight: bold;padding-bottom: 8px;}
a.type:hover { color: #f8f305; }

/* forms */

.contact { font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #FEF200; background-color: #259331; border-width: 0px; padding: 3px; }  

.ffield { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #FEF200; background-color: #259331; border-width: 0px; height: 16px; }   

.send { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #FEF200; background-color: #259331; border: 1px double #FEF200;} 
a.send:hover { color: #ffffff;} 

select { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #FEF200; background-color: #259331; border-width: 0px; }  


.pic { color: #259331;}

.fotorow {margin-top:1%;}

.fotopic { float:left; width:24%; margin-right:1%;}
.fotopic img {width:100%; height: auto;}
.fotoinfo { float:left; width:23%; margin-left:1%; margin-right:1%;font-family: Arial, Verdana, sans-serif; font-size: 15px;}
.rating {line-height:20px; font-size: 13px;}
.ratingnr {background:#fff;color:#2AA939;padding:1px 5px;border-radius:15px;}

.nav_showing {color:#fff;padding:4px 9px;font-family: Arial, Verdana, sans-serif; font-size: 22px; float:left;}
.nav_sort {color:#fff;padding:4px 9px;font-family: Arial, Verdana, sans-serif; font-size: 22px; float:right;}
.nav_sort a {background:#fff;color:#2AA939;padding:4px 9px;border-radius:22px;font-family: Arial, Verdana, sans-serif; font-size: 22px;text-decoration:none;}
.nav_sort a.active {background:#f8f306;color:#2AA939;padding:4px 9px;border-radius:22px;font-family: Arial, Verdana, sans-serif; font-size: 22px;text-decoration:none;}
a.arrows {background:#fff;color:#2AA939;padding:4px 9px;border-radius:22px;font-family: Arial, Verdana, sans-serif; font-size: 22px;text-decoration:none;}
/* misc */

.wrap {clear: both;padding-bottom:2%;}

@media screen and (min-width: 1200px) {
.fotopic { float:left; width:24%; margin-right:1%;}
.fotopic img {width:100%; height: auto;}
.fotoinfo { font-size: 17px;}
.year { font-size: 22px;}
.copy { font-size: 17px;}
.maker { font-size: 24px;}
.type { font-size: 28px;}
}
@media screen and (max-width: 800px) {
.fotopic { float:right; width:48%; margin-right:1%;clear: right;padding-bottom:1%;}
.fotoinfo { float:left; width:48%; margin-left:1%; font-family: Arial, Verdana, sans-serif; font-size: 15px;}
}

@media screen and (max-width: 500px) {
.fotopic { float:right; width:96%;; margin-left:2%; margin-right:2%;clear: right;padding-bottom:1%;}
.fotoinfo { float:left; width:98%; margin-left:2%; font-family: Arial, Verdana, sans-serif; font-size: 15px;}
.copy{padding-bottom:4%;}
.year{margin-right:2%}
.wrap {clear: both;padding-bottom:2%;}
.nav_showing {font-size: 17px;}
.nav_sort, .nav_sort a, .nav_sort a.active {font-size: 17px;}
a.arrows {font-size: 17px;}
}