/* CSS Document */

html, body {
	height: 100%;
}

body {
	margin: 0px;
	background: url(../images/achtergrond.gif) left top repeat-x #000000;
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 13px;
	font-weight: normal;
	color: #dfdfdf;
}

img {
	border: none;
}

* {	
	outline: none;
}

a {
	color: #ff000d;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 20px 0px;
	text-align: justify;
}

.center {
	text-align: center;
}

ul {
	list-style-type: none;
	list-style-image: url(../images/bull.gif);
}

li {
	padding-bottom: 15px;
}

h3.open 
{
	font-size: 12px;
	line-height: 30px;
	background: url(../images/arrow_open.gif) no-repeat left center;
	margin-top: 0px;
	margin-bottom: 10px;
	text-indent: 20px;
	cursor: pointer;
}

h3.close 
{
	font-size: 12px;
	line-height: 30px;
	background: url(../images/arrow.gif) no-repeat left center;
	margin-top: 0px;
	margin-bottom: 10px;
	text-indent: 20px;
	cursor: pointer;
}

h3 span
{
	text-transform: none;
	color: #9d0505;
}

#container {
	position: relative;
	width: 100%;
	min-height: 100%;
	height: auto !important; /* voor moderne browsers */
	height: 100%; /* voor IE */
	background: url(../images/bg_site.jpg) 380px bottom no-repeat;
	z-index: 20;
}

#site {
	width: 1000px;
	height: auto;
	position: relative;
	padding: 0 0 170px 0;
	text-align: left;
	margin: 0px auto;
	background: url(../images/achtergrond.jpg) 225px top no-repeat;
	z-index: 20;
}

#site:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

#links {
	position: relative;
	float: left;
	width: 256px;
	z-index: 20;
}

#kolom {
	position: relative;
	float: right;
	width: 239px;
	background: url(../images/kolom.gif);
	z-index: 20;
}

#kolom .vdb {
	margin: 36px 38px 21px 41px;
}

#kolom #language {
	position: relative;
	float: left;
	width: 178px;
	margin: 10px 0px 10px 29px;
	height: 30px;
	line-height: 30px;
	text-indent: 8px;
	background: url(../images/language.gif)  left top no-repeat;
	z-index: 20;
	display: inline;
	cursor: pointer;
	font-size: 11px;
	text-decoration: underline;
	color: #ABABAB;
}

#kolom #language #languages {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 178px;
	height: 30px;
	background: #000000;
	cursor: default;
}

#kolom #language #languages img {
	position: relative;
	float: left;
	margin: 2px 3px 2px 3px;
}

#kolom #language #languages #close {
	position: relative;
	float: right;
	margin: 10px 0px 2px 3px;
	cursor: pointer;
}

#kolom #language #languages #close img {
	margin: 0px;
}

#kolom #menu {
	position: relative;
	float: left;
	width: 239px;
	background: url(../images/achtergrond_menu.gif) left bottom no-repeat;
	padding: 32px 0px 20px 0px;
	z-index: 15;
}

#kolom #menu .knop {
	position: relative;
	float: left;
	width: 178px;
	margin: 0px 0px 0px 29px;
	display: inline;
	z-index: 15;
}

#kolom #menu .knop span {
	margin-right: 15px;
}

#kolom #menu .knop a {
	position: relative;
	width: 178px;
	height: 28px;
	line-height: 28px;
	background: url(../images/knop.gif) left bottom no-repeat;
	text-indent: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}

#kolom #menu .knop a:hover {
	color: #ff000d;
}

#kolom #menu .knop .submenu {
	position: absolute;
	left: 178px;
	top: -10px;
	background: #111111;
	padding: 10px;
}

#kolom #menu .knop .submenu a {
	position: relative;
	width: 178px;
	height: 28px;
	line-height: 28px;	
}

#kolom #menu .knop .submenu a.noborder {
	background: none;
}

#reifen {
	position: relative;
	float: right;
	margin: 32px 0px 28px 0px;
}

#tyres {
	position: relative;
	float: right;
	margin: 60px 0px 28px 0px;
}

#tyres #handleiding a {
	position: absolute;
	bottom: 20px;
	right: 10px;
	width: 155px;
	height: 20px;
	line-height: 15px;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}

#adres {
	position: relative;
	float: right;
	width: 239px;
	height: 170px;
	background: url(../images/adres.gif) left bottom repeat-x #282827;
	margin-bottom: 43px;
}

#adres #inhoud {
	position: relative;
	float: left;
	width: 193px;
	height: 124px;
	margin: 1px;
	display: inline;
	background: url(../images/adres_inhoud.gif) left bottom no-repeat #121212;
	padding: 22px;
	color: #a2a2a2;
	font-size: 12px;
}

#adres #inhoud span {
	position: relative;
	float: left;
	width: 40px;
}

#adres #inhoud a {
	text-decoration: none;
	color: #a2a2a2;
}

#rechts {
	position: relative;
	float: right;
	width: 690px;
	height: auto;
	z-index: 10;
}

#slogan {
	position: relative;
	float: left;
	width: 690px;
	height: 284px;
	background: none;
}

#content {
	position: relative;
	float: left;
	width: 650px;
	height: auto;
	min-height: 775px;
}

#content h1 {
	font-family:  "Century Gothic", "Trebuchet MS", Tahoma, Arial;
	font-size: 27px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px 0px 30px 0px;
}

#content .nieuwsitem {
	position: relative;
	float: left;
	width: 650px;
	padding: 0px 0px 30px 0px;
}

#content .nieuwsitem .datum {
	position: relative;
	float: left;
	width: 50px;
	height: 63px;
	padding: 0px 15px;
	font-size: 14px;
	font-weight: bold;
	color: #424242;
	background: url(../images/kalender.gif) 15px 0px no-repeat;
}

#content .nieuwsitem .datum span {
	position: relative;
	float: left;
	width: 48px;
	height: 31px;
	line-height: 31px;
	text-align: center;
}


#content .nieuwsitem .intro {
	position: relative;
	float: right;
	width: 560px;
}

#content .nieuwsitem .intro h2 {
	padding: 0px;
	margin: 0px 0px 15px 0px;
	color: #ff000e;
	font-size: 16px;
}

#content .nieuwsitem .intro h2 a:hover {
	text-decoration: none;
}

#content .nieuwsitem .intro .tekst {
	position: relative;
	float: left;
	width: 560px;
	padding: 0px 0px 15px 0px;
}

.highlight {
	color: #ff000d;
}

.veld {
	width: 170px;
	height: 16px;
	border: 1px solid #4d4d4d;
	background: none;
	font-size: 11px;
	color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 15px;		
}

.tekstarea {
	width: 170px;
	height: 75px;
	border: 1px solid #4d4d4d;
	background: none;
	font-size: 11px;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial;
	color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 15px;
	overflow: auto;
}

.send {
	width: 80px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #4d4d4d;
	background: #5c0000;
	font-size: 11px;
	color: #ffffff;	
	font-weight: bold;
	display: block;
	cursor: pointer;
}

.melding {
	width: 650px;
	color: #5c0000;
}

.melding strong {
	color: red;
}

#contactinfo {
	position: absolute;
	top: 125px;
	right: 0px;
	width: 239px;
	height: auto;
	background: url(../images/adres.gif) left bottom repeat-x #282827;
	margin-bottom: 43px;
}

#contactinfo #data {
	position: relative;
	float: left;
	width: 193px;
	height: auto;
	margin: 1px;
	display: inline;
	background: url(../images/adres_inhoud.gif) left bottom no-repeat #121212;
	padding: 22px;
	color: #a2a2a2;
	font-size: 12px;
}

#contactinfo #data span {
	position: relative;
	float: left;
	width: 40px;
}

#contactinfo #data a {
	text-decoration: none;
	color: #a2a2a2;
}

.tekst_left {
	position: relative;
	float: left;
	width: 300px;
}

.tekst_right {
	position: relative;
	float: right;
	width: 300px;
}

.country
{
	width: 650px;
	height: auto;
	margin-bottom: 25px;
}

.tekst_country {
	padding: 0px;
}

.tekst_vacature {
	padding: 0px 20px 20px 20px;
}

.tekst_vacature li {
	padding-bottom: 5px;
}

#contentbanden {
	position: relative;
	float: left;
	width: 650px;
	height: auto;
}

.banden {
	position: relative;
	float: left;
	width: 480px;
	height: auto;
}

.matenpakket {
	position: absolute;
	width: 163px;
	height: auto;
	top: 0px;
	right: 0px;
	border: 1px solid #4d4d4d;
	padding: 12px 0px 12px 5px;
	font-size: 11px;
}

.matenpakket .typenaam {
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	margin-bottom: 11px;
}

.matenpakket .typenaam.blackstone {
	color: #1b80c7;
}

.matenpakket .typenaam.novex {
	color: #ef3e33;
	text-transform: uppercase;
}

.matenpakket .typenaam.federal {
	color: #31b457;
}

.matenpakket .typenaam.silverstone {
	color: #d8323e;
}

.matenpakket .profielnummer {
	width: 35px;
	text-align: center;
	vertical-align: middle;
	background-color: #2f2f2f;
	font-size: 20px;
}

.matenpakket .data {
	padding-left: 5px;
}

.matenpakket table, tr, td {
	padding: 0;
	margin: 0;
	border: 0;
}

.matenpakket p {
	margin: 15px 8px 0px 0px;
}

.column {
	width: 160px; height: auto;
	position: relative;
	float: left;
}

.band.inactief {
	position: relative;
	float: left;
	width: 146px;
	height: 133px;
	margin-right: 14px;
	margin-bottom: 14px;
	background: url(../images/bg_band.gif);
	cursor: pointer;
}

.band.actief {
	position: relative;
	float: left;
	width: 146px;
	height: 133px;
	margin-right: 14px;
	margin-bottom: 14px;
	background: url(../images/bg_band_actief.gif);
}

.band .afb {
	position: absolute;
	top: 1px;
	left: 0px;
	width: 146px;
	height: 133px;
	text-align: center;
	z-index: 11;
}

.band .new {
	position: absolute;
	width: 48px;
	height: 48px;
	top: 1px;
	left: 1px;
	z-index: 12;
}

.band .type {
	position: absolute;
	bottom: 17px;
	left: 1px;
	width: 144px;
	height: 15px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	line-height: 15px;
	z-index: 12;
}

.band .type.blackstone {
	color: #1b80c7;
}

.band .type.novex {
	color: #ef3e33;
	text-transform: uppercase;
}

.band .type.federal {
	color: #31b457;
}

.band .type.silverstone {
	color: #d8323e;
}

.eskimo {
	position: absolute;
	top: 210px;
	left: -340px;
	z-index: 20;
}

#winterbanden {
	width: 650px;
	line-height: 15px;
	float: left;
	margin-top: 25px;
}

#winterbanden a {
	text-decoration: underline;
	color: white;
	font-weight: bold;
}

#verkopers {
	position: relative;
	float: left;
	margin-top: 10px;
}

.verkoper {
	position: relative;
	float: left;
	width: 200px;
	height: 110px;
	margin-right: 15px;
	margin-bottom: 10px;
}

.defaultmelding {
	position: absolute;
	top: 90px;
	left: 20px;
	width: auto;
	height: auto;
	font-size: 14px;
}

.afb_rechts {
	border: 5px solid #ffffff;
	margin-left: 20px;
	margin-bottom: 15px;
	float: right;
}

.afb_border {
	border: 3px solid #999999;
}

.ledenlijst li {
	padding-bottom: 5px;
}

.ledenlijst a {
	color: #ffffff;
}

#sitemap ul {
	padding-top: 15px;	
}

#sitemap a {
	color: #ffffff;
}

#footer {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 126px;
	background: url(../images/footer.gif) left top repeat-x #000000;
	text-align: center;
	z-index: 25;
}

#footer #info {
	position: relative;
	width: 1116px;
	height: 60px;
	margin: 0px auto;
	background: url(../images/logos.jpg) center top no-repeat;
	line-height: 60px;
	padding-top: 66px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #707070;
}

#footer #info a {
	text-decoration: none;
	color: #707070;
}

/* inloggen */

#inlog {
	width: 239px;
	height: auto;
	position: absolute;
	left: 0px;
	top: 586px;
}

#inlog.en {
	top: 501px 
}

#inlog_form {
	width: 218px;
	height: auto;
	position: relative;
	float: left;
	padding: 23px 0px 18px 19px;
	border: 1px solid #292928;
	background: #000;
}

#inlog_tab {
	width: 167px;
	height: 42px;
	position: relative;
	float: left;
	margin-left: 35px;
	margin-top: -1px;
	cursor: pointer;
}

.field {
	width: 180px;
	height: 19px;
	position: relative;
	float: left;
	margin-bottom: 7px;
	padding: 4px 10px 5px 10px;
	background: #fff;
}

.field.onderste {
	margin-bottom: 17px;
}

.field input {
	width: 180px;
	height: 19px;
	position: relative;
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 12px;
	font-style: italic;
	color: #999999;
	border: none;
	background: none;
}

.btn_inloggen {
	width: 94px;
	height: 28px;
	position: relative;
	float: left;
	padding-bottom: 6px;
	background: url(../images/btn_inloggen.gif) left top no-repeat;
}

.btn_inloggen.en {
	background: url(../images/btn_inloggen_en.gif) left top no-repeat;
}

.btn_inloggen input {
	width: 94px;
	height: 28px;
	cursor: pointer;
	border: none;
	background: none;
}

#error {
	width: 200px;
	height: auto;
	position: relative;
	float: left;
	font-size: 10px;
	padding-bottom: 10px;
	display: none;
}

/* downloadpagina */

#fotos {
	width: 648px;
	height: auto;
	position: relative;
	padding: 15px 0px;
}

#fotos:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}
#fotos a {
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
}

.foto {
	width: 150px;
	height: 150px;
	position: relative;
	float: left;
	margin: 0px 16px 16px 0px;
}

.foto.no_margin {
	margin-right: 0px;
}

.foto img {
	width: 150px;
	height: 150px;
}

.go_back {
	position: absolute;
	right: 16px;
	top: 62px;
}