body{
    margin:0;
    padding:0;
    color:#000;
    background-color:#fff;
}

body, th, td, p{ 
    font-family:'Open Sans',Tahoma, Arial, Helvetica, sans-serif;
    font-size:16px;
    line-height:1.5;
}


a{ 
    text-decoration:none;
    color:#0000b0;
}

a:hover{
    text-decoration:underline;
}

h1 {
	font-size:28px;
    margin-bottom:12px;
}
h2 {
	font-size:20px;
    margin-bottom:12px;
}

h3 {
	font-size:20px;
    margin-bottom:12px;
}

h3 a { color:#fff; }

img {
	border:0;
}

ul{
    margin:0;
    padding:0;
    list-style:none;
}

ul li{
    margin:0;
    padding:0;
    list-style:none;
}

ul.makemodels {
	column-count: 4;
}
ul.total-lists {
	column-count: 4;
	column-gap:10px;
}

form {
	margin:0;
}

.clear{
    clear:both;
}
.clearfix {
	zoom: 1;
	clear:both;
}

ul.inline{
    display:inline;
}

ul.inline li{
    display:inline;
}


#container{}

#content_container{
    width:1040px;
	max-width:1040px;
    margin:0 auto 20px auto;
}

@media only screen and (max-width: 1064px){
	
#content_container {
	width: 100%;
	border: 0;
}
	.content {
		padding:0 2%;
		width:96%;
	}

}

table {
	border-spacing: 0;
	border-collapse: separate;
}

table tr:nth-child(odd) {
	background-color:#eee;
}
table tr:nth-child(even) {
	background-color:#fff;
}

table th {
	font-weight:bold;
	text-align:left;
	font-size:14px;
}
table th,table td {
	padding:10px 0;
}
table td.amount {
	text-align:right;
	padding:10px 8px;
}
table td.pos {
	text-align:right;
	padding:10px 8px;
}
table .amount_small {
	text-align:right;
	padding: 0 4px;
	font-size:13px;
}
table .date{
	padding:4px 4px;
}

.total-block table,.block-total table {
	width:100%;
	max-width:100%;
}

@font-face{
	font-family:Kenteken;src:url(/inc/fonts/kenteken.woff2) format("woff2"),url(/inc/fonts/kenteken.woff) format("woff");
	unicode-range:U+002D,U+0030-0039,U+0041-005A
}

.kentekenstyle {
	font-family: Kenteken, monospace;
}

.logo .kentekenstyle {
	font-size: 24px;
	text-transform:uppercase;
}
.logo img {
	max-width:100%;
	width:300px;
}
#header a {
	color:#000;
}
#header a:hover {
	text-decoration: none;
	color:#000;
}


#header{
    color:#000;
    font-size:28px;
    font-weight:bold;
    border-color:#FFF;
	background-color:#f4be04;
	line-height:1;
	padding:12px 16px 8px 16px;
}

.block-intro {
	margin:0px auto;
	width:100%;
	display:inline-block;
}
.block-odd {
	margin:0 auto;
	background-color:#ddd;
	box-shadow: 0 4px 10px 0 gray;
	width:100%;
	display:inline-block;
}
.block-even {
	margin:20px auto 20px auto;
	background-color:#fff;
	width:100%;
	display:inline-block;
}
.block-total {
	width:100%;
	max-width:1040px;
	margin:40px auto;
}

.lists-container {
	width:100%;
	display:inline-block;

}
.lists-monthly {
	width: calc(96% / 3);
	margin-right: 2%;
	float:left;
}
.lists-monthly:last-child{
	margin-right: 0%;
}
.lists-monthly table {
	width:100%;
}
.total-block {
	width:100%;
	margin-bottom:20px;
}
.total-block>ul li,.block-total>ul li {
	line-height:20px;
	text-align:left;
	padding:0 10px;
}
.total-block>ul li:nth-child(odd),.block-total>ul li:nth-child(odd) {
	background-color:#eee;
}
.block-odd .block-total>ul li:nth-child(even) {
	background-color:#eee;
}
.total-block>ul div,.block-total>ul div {
	display:inline-block;
	padding:10px 0;
	width:100%;
}
.total-block>ul span.amount,.block-total>ul span.amount {
	float:right;
	display:inline-block;
}

.chart-container {
	margin-top:20px;
}
@media only screen and (max-width: 360px) {
	#header{
    	height:5%;
	}
	#header .header-left {
   		padding: 5%px 5% 0 5%;
	}
	#header .logo {
		width:100%;
	}
}



nav.top {
	height:40px;
	background-image: -webkit-linear-gradient(#f0f0f0,#e9e9e9);
	background-image: -moz-linear-gradient(#f0f0f0,#e9e9e9);
	background-image: -o-linear-gradient(#f0f0f0,#e9e9e9);
	background-image: linear-gradient(#f0f0f0,#e9e9e9);
}

nav.top ul.main {
	line-height:18px;
	float:left;
	max-height:40px;
	overflow:hidden;
}

nav.top ul.main li {
 float:left;
 position:relative;
}

nav.top ul.main li a {
	color: #000;
	display:block;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding: 6px 16px 6px;
	line-height:28px;
 	border-right:1px solid #e3e3e3;
	white-space:nowrap;
	text-decoration:none;
}
nav.top ul.main li a#home {
	padding:10px 16px 0 16px;
	height:30px;
}
nav.top ul.main li a:hover {
	background-image: -webkit-linear-gradient(#FFCC00,#FF8C00);
	background-image: -moz-linear-gradient(#FFCC00,#FF8C00);
	background-image: -o-linear-gradient(#FFCC00,#FF8C00);
	background-image: linear-gradient(#FFCC00,#FF8C00);
}
nav.top div.search {
	float:right;
	padding:0 0 0 0;
	border:1px #f0f0f0 solid;
}


ul.anchorlinks {
	font-weight:700;
	margin-top:20px;
	column-count: 2;
}

ul.anchorlinks li {
	background-color:#fff !important;
	background: url('/images/bullet.png') no-repeat left top;
	height: 34px;
	padding-left: 36px;
	padding-top: 3px;
	display:inline-block;
}
ul.anchorlinks li:last {
	height:24px;
}

@media only screen and (max-width: 1088px) {
	.block-total {
		width:96%;
		padding:0 2%;
	}
}
@media only screen and (max-width: 900px) {
	ul.total-lists {
		column-count: 3;
	}
}
@media only screen and (max-width: 740px){
	nav.top li:nth-child(7) {
		display:none;
	}
	table td:nth-child(n+9),table th:nth-child(n+9) {
		display:none
	}
	table {
		width:100%;
		max-width:100%;
	}
	ul.makemodels {
		column-count: 3;
	}
}
@media only screen and (max-width: 680px){
	nav.top li:nth-child(6) {
		display:none;
	}
	table td:nth-child(n+8),table th:nth-child(n+8) {
		display:none
	}
	ul.total-lists {
		column-count: 2;
	}

}
@media only screen and (max-width: 600px){
	nav.top li:nth-child(4) {
		display:none;
	}
	table td:nth-child(n+7),table th:nth-child(n+7) {
		display:none
	}
	.lists-monthly {
		width: calc(98% / 2);
	}
	.lists-container div:nth-child(3n) {
		display:none;
	}
	.lists-container div:nth-child(1n) {
		margin-right:0;
	}
	table td {
		padding:8px 4px;
		font-size:14px;
	}
	table td.amount {
		padding:8px 4px;
	}

}
@media only screen and (max-width: 520px) {
	table td:nth-child(n+6), table th:nth-child(n+6) {
		display: none
	}

	ul.makemodels {
		column-count: 2;
	}

	.lists-monthly .pos {
		display: none;
	}

	ul.anchorlinks {
		column-count: 1;
	}
}
@media only screen and (max-width: 375px){
	table td:nth-child(n+5),table th:nth-child(n+5) {
		display:none
	}
	ul.makemodels {
		column-count: 1;
	}
	ul.total-lists {
		column-count: 1;
	}
}
nav.top input {
	height:36px;
	width:180px;
	margin:0;
	padding:0px 4px 0px 4px;
	float:left;
	border:0;
	font-size:14px
}

#main {
    width: 100%; 
}

#main-results {
    width: 100%; 
    display:table;
}

#main-row {
	display:table-row;
}




#footer {
width: 100%;
margin: 0 auto;
	font-size: 15px;
    line-height:17px;
    background-color: #000; 
}

#footer .col1 {
float: left;
width: 22.5%;
padding: 0 0 20px 2.5%;
}
 
#footer .col1 h5, .col2 h5,.col3 h5,.col4 h5 {
color: #fff;
font-size: 16px;
text-align: left;
margin:0px;
padding-top: 20px;
}
 
/* This controls how the blog footer's regular text looks - Feel free to change the colours/font family */
#footer .col1 p, .col2 p,.col3 p,.col4 p {
color: #ff;
font-size: 12px;
text-align: left;
font: 14px Helvetica,serif;
line-height:22px;
margin:0px;
padding-bottom: 5px;
}
/* This controls how column 2's list items hyperlinks look as well as column 4's hyperlinks - Feel free to change the colours/font family */
#footer a {
color: #fb0;
font-size: 12px;
text-align: left;
line-height:20px;
margin:0px;
padding-bottom: 5px;
letter-spacing:0.1px;
}
 
#footer .col2 {
float: left;
width: 24%;
padding: 0 0 20px 0;
}
 
#footer .col3 {
float: left;
width: 25%;
padding: 0 0 20px 0;
}
 
#footer .col4 {
float: left;
width: 19%;
padding: 0 20px 3% 0;
}

@media only screen and (max-width: 300px) {
	#footer .col1 { width:97%}
	#footer .col2 { display:none; }
	#footer .col3 { display:none; }
	#footer .col4 { display:none; }
}

@media only screen and (min-width: 300px) and (max-width: 560px) {
	#footer .col1 { width:47%}
	#footer .col2 { width:50%}
	#footer .col3 { display:none; }
	#footer .col4 { display:none; }
}

@media only screen and (min-width: 560px) and (max-width: 800px) {
	#footer .col1 { width:30%}
	#footer .col2 { width:33%}
	#footer .col3 { width:33%}
	#footer .col4 { display:none; }
}



#contact {
	margin: 0 0 20px 0;
}

#contact label { margin-right: 12px; margin-bottom: 9px; color: #646464; font-size: 1.2em;width:140px; display:block; float:left; }

#contact .txt {
	display: inline-block;
	color: #676767;
	width: 400px;
	font-family: Arial, Tahoma, sans-serif;
	margin-bottom: 10px;
	border: 1px dotted #ccc;
	padding: 5px 9px;
	font-size: 1.2em;
	line-height: 1.4em;
}

#contact .txtarea {
	display: block;
	resize: none;
	color: #676767;
	font-family: Arial, Tahoma, sans-serif;
	margin-bottom: 10px;
	width: 420px;
	height: 150px;
	border: 1px dotted #ccc;
	padding: 5px 9px;
	font-size: 1.2em;
	line-height: 1.4em;
}

#contact .txt:focus,
#contact .txtarea:focus {
	border-style: solid;
	border-color: #bababa;
	color: #444;
}

#contact input.error,
#contact textarea.error {
	border-color: #973d3d;
	border-style: solid;
	background: #f0bebe;
	color: #a35959;
}

#contact input.error:focus,
#contact textarea.error:focus {
	border-color: #973d3d;
	color: #a35959;
}

#contact .button-submit {
	padding: 20px 0 0 0;
	text-align:center;
}



#footer .footer-bottom {
	text-align:left;
	color:#fff;
	font-size: 11px;
	background-color:#333;
	padding:1.25% 1.25% 1.25% 2.5%;
}


.footer-left {
	float:left;
	padding:0;
	font-size:12px;
	word-spacing:4px;
	letter-spacing:1px;
	width:60%;
}

.footer-left a { color:#fff; font-size:11px; }

.footer-left .copyright {
	font-size:16px;
	font-weight:bold;
	padding-top:4px;	
}