* {
	margin: 0px;
	padding: 0px;
}

body {
	text-align: center;
	padding: 0 0 20px 0;
	font-family: Arial, Verdana, Trebuchet MS;
	font-size: 12px;
	line-height: 16px;
	background: transparent url('/picture/backgrounds/main_asfalt.jpg') left top;
}

p {
	margin: 10px 0;
}

body.asfalt {
	background: transparent url('/picture/backgrounds/main_asfalt.jpg') left top;
}

body.gravel {
	background: transparent url('/picture/backgrounds/main_gravel.jpg') left top;
}

body.grass{
	background: transparent url('/picture/backgrounds/main_grass.jpg') left top;
}

div#viewport {
	width: 901px;
	margin: auto;
	text-align: left;
}

div#left {
	float: left;
	margin: 47px 0 0 0;
	background: transparent url('/picture/frame/left.png') left bottom no-repeat;
	height: 749px;
	width: 200px;
}

div#middle {
	float: left;
	width: 648px;
	margin: 0 0 20px 0;
}

div#middleTop {
	background-color: white;
	width: 561px;	
	padding: 0px 36px 0px 51px;
	float: left;
	clear: left;
}

div#middleBottom {
	width: 648px;
	height: 229px;
	float: left;
	clear: left;
}


body.asfalt div#middleBottom  {
	background: transparent url('/picture/backgrounds/bottom_asfalt.png') left bottom no-repeat;
}

body.grass div#middleBottom  {
	background: transparent url('/picture/backgrounds/bottom_grass.png') left bottom no-repeat;
}

body.gravel div#middleBottom  {
	background: transparent url('/picture/backgrounds/bottom_gravel.png') left bottom no-repeat;
}

body.asfalt div#middleTop  {
	background: white url('/picture/backgrounds/bottom_asfalt2.png') left bottom no-repeat;
}



body.grass div#middleTop {
	background: white url('/picture/backgrounds/bottom_grass2.png') left bottom no-repeat;
}

body.gravel div#middleTop  {
	background: white url('/picture/backgrounds/bottom_gravel2.png') left bottom no-repeat;
}

div#right {
	float: left;
	width: 53px;
	height: 749px;
	margin: 47px 0 0 0;
	background-image: url('/picture/frame/right.png');
	background-position: left bottom !important;
	background-repeat: no-repeat;
	background-color: transparent;
	position: relative;
}

ul#menu {
	margin: 195px 0 0 13px;
	list-style-type: none;
	float: left;
	clear: left;
}

ul#menu a {
	outline: none;
}

ul#menu li {
	float: left;
	clear: left;
}

ul#menu li  a {
	display: block;
	height: 30px;
	width: 122px;
	background-repeat:no-repeat;
	background-position: left top; 
	position: relative;
	overflow: hidden;
}

ul#menu li  a span {
	position: absolute;
	top: -100px;
}

ul#menu li  a.home {
	background-image: url('/picture/buttons/home.gif');
}

ul#menu li  a.geschiedenis {
	background-image: url('/picture/buttons/geschiedenis.gif');
}

ul#menu li  a.catalogus {
	background-image: url('/picture/buttons/catalogus.gif');
}

ul#menu li  a.dealers {
	background-image: url('/picture/buttons/dealers.gif');
}

ul#menu li  a.sponsoring {
	background-image: url('/picture/buttons/sponsoring.gif');
}

ul#menu li  a.downloads {
	background-image: url('/picture/buttons/downloads.gif');
}

ul#menu li  a.nieuws {
	background-image: url('/picture/buttons/nieuws.gif');
}

ul#menu li  a.contact {
	background-image: url('/picture/buttons/contact.gif');
}

ul#menu li  a:hover, ul#menu a.active {
	background-position: left bottom;
}

body.home ul#menu li  a.home, body.geschiedenis ul#menu a.geschiedenis, body.catalogus ul#menu li a.catalogus, body.dealers ul#menu li a.dealers, body.sponsoring ul#menu li a.sponsoring, body.downloads ul#menu li a.downloads, body.nieuws ul#menu li a.nieuws {
	background-position: left bottom;
}

div.contactData {
	width: 170px;
	float: left;
	clear: left;
	color: white;
	padding: 170px 0 0 25px;
}
div#middle div {
	background-position: left top;
	background-repeat: no-repeat;
}

div#middleHeader {
	width: 648px;
	height: 75px;
	float: left;
	clear: left;
	background-color: white;
}

body.home div#middleHeader {
	background: white url('/picture/top/home.gif') left top no-repeat;
}

body.geschiedenis div#middleHeader {
	background: white url('/picture/top/geschiedenis.gif') left top no-repeat;
}

body.catalogus  div#middleHeader{
	background: white url('/picture/top/catalogus.gif') left top no-repeat;
}

body.dealers div#middleHeader {
	background: white url('/picture/top/dealers.gif') left top no-repeat;
}

body.sponsoring div#middleHeader {
	background: white url('/picture/top/sponsoring.gif') left top no-repeat;
}

body.downloads div#middleHeader {
	background: white url('/picture/top/downloads.gif') left top no-repeat;
}

body.nieuws div#middleHeader {
	background: white url('/picture/top/nieuws.gif') left top no-repeat;
}

body.contact div#middleHeader {
	background: white url('/picture/top/contact.gif') left top no-repeat;
}

div#middleTop {
	min-height: 530px;
	height: auto;
}

/* for Internet Explorer */
/*\*/
* html div#middleTop{
	height: 530px;
}


div#middleTop h1 {
	margin: 40px 0 30px 0;
	display: block;
	width: 356px;
	height: 96px;
	position: relative;
	overflow: hidden;
}

div#middleTop h1 span {
	position: absolute;
	top: -100px;
}

body.home div#middleTop h1 {
	background: transparent url('/picture/headers/home.gif') left top no-repeat;
}

body.geschiedenis div#middleTop h1{
	background: transparent url('/picture/headers/geschiedenis.gif') left top no-repeat;
}

body.catalogus div#middleTop h1 {
	background: transparent url('/picture/headers/catalogus.gif') left top no-repeat;
}

body.dealers div#middleTop h1{
	background: transparent url('/picture/headers/dealers.gif') left top no-repeat;
}

body.sponsoring div#middleTop h1 {
	background: transparent url('/picture/headers/sponsoring.gif') left top no-repeat;
}

body.downloads div#middleTop h1 {
	background: transparent url('/picture/headers/downloads.gif') left top no-repeat;
}

body.nieuws div#middleTop h1 {
	background: transparent url('/picture/headers/nieuws.gif') left top no-repeat;
}

body.contact div#middleTop h1 {
	background: transparent url('/picture/headers/contact.gif') left top no-repeat;
}

div.copyright {
	width: 11px;
	height: 129px;
	margin: 51px 0 0 22px;
}

div.copyright a {
	display: block;
	width: 11px;
	height: 129px;
	overflow: hidden;
	position: relative;
}

div.copyright a  span{
	position: absolute;
	left: -100px;
}

div#crumbs {
	margin-top: 10px;
	font-size: 11px;
}

div#crumbs span.crumb {
	color: #1b619d;
	font-weight: bold;
}

div#crumbs a {
	color: #1b619d;
}

div#fill {
	float: right;
	clear: both;
	width: 1px;
	height: 500px;
	margin-right: -10px;
	display: none;
}

/* category */

div.category {
	border: 1px solid #bfcbd3;
	background: #fff;
	float: left;
	position: relative;
	margin: 10px 17px 15px 12px;
	*_margin: 10px 17px 15px 6px;
	width: 149px;
	height: 144px;
	position: relative;
}

 div.more {
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 101;
	background: transparent url('/picture/frame/info.png') left top no-repeat;
	width: 65px;
	height: 65px;
}

div.more a {
	display: block;
	width: 65px;
	height: 65px;
}


h3 {
	width: 111px;
	background: #234c66;
	color: #fff;
	margin: 0;
	float: left;
	padding-left: 10px;
	height: 26px;
	line-height: 26px;
	width: 139px;
	overflow: hidden;
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
	position: relative;
	z-index: 100;
}

h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {
	color: #fff;
	text-decoration: none;
	display: block;
}

div.category a.img {
	display:block;
	height: 113px;
	width: 149px;
	float: left;
}

img {
	/*float: left;*/
	border: 0;
}

div#contentRight {
	float: right;
	width: 180px;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px dotted #b4b4b4;
}

div#contentRight div.contentRightcontent {
	background: transparent url('/picture/frame/home_products.png') left top no-repeat;
	width: 175px;
	height: 341px;
	overflow: hidden;
}

/* product detail + downloads */
table.downloads {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #bfcbd3;
	margin-bottom: 30px;
}

table.downloads td, table.downloads th {
	vertical-align: top;
}

td.dealerInfo p {
	margin: 0 0 10px 0;
}

table.downloads th {
	color: white;
	font-weight: bold;	
	background-color: #234c66;
	padding-left: 10px;
	height: 26px;
	line-height: 26px;
}

div.productThumb {
	margin: 23px 0 23px 23px;
	border: 1px dotted black;
	width: 113px;
	height: 143px;
	text-align: center;
	position: relative;
	z-index: 100;
}

div.productThumb a {
	outline: none;
}

table.downloads tH A {
	color: white;
	font-weight: bold;
	text-decoration: none;
}

table.downloads td.img {
	width: 150px;
}

table.downloads td.details {
	padding: 10px
}

table.downloads td.details ul {
	padding: 0 0 0 15px;
}

table.downloads td.details  strong {
	color: #1a619d;
}

 div.enlarge {
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 101;
	background: transparent url('/picture/frame/enlarge.png') left top no-repeat;
	width: 64px;
	height: 64px;
}

div.enlarge a {
	display: block;
	width: 64px;
	height: 64px;
}

/* dealers */
select.dropdown option {
	padding: 1px 5px;
}

/* sponsoring */
table.downloads td.sponsorImg {
	width: 200px;
	padding: 23px;
}
table.downloads td.sponsorImg a{
	border: 1px dotted black;
}

table.downloads td.sponsorImg a img {

}

/* contact */
form#frm_contact fieldset{
	border: 0;
	padding: 0;
	margin: 0;
}

form#frm_contact div {
	width: 100%;
	float: left;
	clear: left;
	margin: 0 0 5px 0;
}

form#frm_contact label {
	width: 150px;
	float: left;
}

form#frm_contact input {
	width: 200px;
	border: 1px solid #c6c6c6;
	float: left;
}

form#frm_contact textarea {
	width: 200px;
	border: 1px solid #c6c6c6;
	float: left;
}

form#frm_contact button {
	margin: 0 0 0 150px;
	float: left;
}