/*
Mammuth

BASISKLEUREN:
#900 Bordeauxrood
#bb5 Groen
#334 Donkergrijs

=================================================================*/


/* Hoofdlayout
=================================================================*/
* { 
	margin:0;
	padding:0;
	}
body { 
	padding:0px;
	margin:0px;
	background-color:#fff;
	font-family:tahoma;
	font-size:70%;
	line-height:130%;
	background-color:#eee;
	color:#334;
	}
.noshow { 
	position:absolute;
	left:-9000px;
	}
.clearlaag { 
	clear:both;
	line-height:1px;
	font-size:1px;
	}
#wrapitall {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:780px;
	background-color:#fff;
	}
#topwrapper {
	height:50px;
	}
#logo {
	position:absolute;
	top:11px;
	left:20px;
	display:block;
	border:0px;
	}
.foto_links{
 float:left;
 margin-top:4px;
 margin-right:8px;
}
.foto_rechts{
 float:right;
 margin-top:4px;
 margin-left:8px;
}

img{
 border:0px;
}

ul .head{
	list-style:none;
 margin:10px 0px 0px -20px;
 font-weight:bold;
}
/* Sublayout
=================================================================*/
#middenwrapper {
	background-image:url('../gfx/middenwrapper_bg.gif');
	width:780px;
	overflow:hidden;
	}
.zijkant {
	float:left;
	padding-left:10px;
	width:190px;
	}
#binnenkant,
#bovenkant {
	float:left;
	padding-left:10px;
	width:370px;
	}
#binnenkant p,
#binnenkant .contentlist,
#bovenkant p {
	margin-bottom:10px;
	font-family:verdana;
	}
#binnenkant .contentlist li,
.zijkant .contentlist li{
	padding:0px 0px 0px 14px;
	list-style:none;
	background:url('../gfx/arrow_list.gif') no-repeat 3px 5px;
	margin-bottom:2px;
	}
#binnenkant .contentlist .url{
	margin-bottom:10px;
	}
.zijkant .contentlist {
	padding:3px 10px 0px 7px;
	}
.zijkant .blok .contentlist {
	padding:3px 10px 0px 0px;
	}
.blok {
	padding:3px 10px;
	}
.blok2 {
	background-color:#eee;
	margin:10px 0px;
	padding-bottom:10px;
	}
	.blok2 p{
	 margin: 10px 0px 0px 20px;
	}
.fotorechts {
	float:right;
	margin:4px 0px 0px 8px;
	border:3px solid #ddd;
	}
.fotolinks {
	float:left;
	margin:4px 8px 0px 0px;
	border:3px solid #ddd;
	}
.zijkant address {
	font-style:normal;
	padding:5px 0px 5px 0px;
	background:url('../gfx/trekhaakaddress.gif') no-repeat bottom right;
	margin-bottom:10px;
	}
.rechtsuitlijnen {
	display:block;
	text-align:right;
	font-weight:bold;
	}
.zijkantfoto {
	display:block;
	}

/* Navigatie (Topmenu)
=================================================================*/
#topmenu {
	float:right;
	list-style:none;
	margin-top:20px;
	}
#topmenu li {
	float:left;
	border-right:1px solid #334;
	padding:0px 5px;
	}
#topmenu li.cart {
	border-right:0px;
	}
#topmenu li a,
#topmenu li a:visited,
#topmenu li a:hover,
#topmenu li a:visited:hover {
	float:left;
	text-decoration:none;
	line-height:100%;
	}
#topmenu li a,
#topmenu li a:visited {
	color:#334;
	}
#topmenu li a:hover,
#topmenu li a:visited:hover {
	color:#667;
	}
#topmenu li a.select,
#topmenu li a.select:visited,
#topmenu li a.select:hover,
#topmenu li a.select:visited:hover {
	font-weight:bold;
	}


/* Hoofdmenu
=================================================================*/
#hoofdmenu {
	height:50px;
	border-top:3px solid #e56001;
	border-bottom:3px solid #e56001;
	background-color:#f9dcbc;
	padding-left:200px;
	}
#hoofdmenu li {
	list-style:none;
	float:left;
	}
#hoofdmenu a:link,
#hoofdmenu a:visited,
#hoofdmenu a:hover,
#hoofdmenu a:visited:hover {
	float:left;
	display:block;
	height:32px;
	padding:18px 6px 0px 6px;
	text-decoration:none;
	color:#e56001;
	font-weight:bold;
	text-align:center;
	}
#hoofdmenu a:link,
#hoofdmenu a:visited {
	background-color:#f9dcbc;
	}
#hoofdmenu a:hover,
#hoofdmenu a:visited:hover,
#hoofdmenu a.select  {
	background:#fff url('../gfx/hoofd_select.gif') no-repeat bottom center;
	}


/* Navigatie (Submenu / Portfoliomenu)
=================================================================*/
#submenu {
	font-family:tahoma;
	border-top:1px solid #eee;
	margin:5px 0px 20px 0px;
	}
#submenu a,
#submenu a:visited,
#submenu a:hover,
#submenu a:visited:hover {
	text-decoration:none;
	display:block;
	height:18px;
	padding-top:2px;
	color:#666;
	}
#submenu a:hover,
#submenu a:visited:hover {
	background-color:#ddd;
	}
#submenu li.submenu {
	background:#eee;
	}
#submenu li {
	list-style:none;
	border-bottom:1px solid #eee;
	}
#submenu li ul li {
	font-weight:normal;
	border-bottom:0px;
	background-color:#eee;
	}
#submenu li.submenu a.selectmetsub {
	background-image:url('../gfx/arrow_down.gif');
	font-weight:bold;
	}
#submenu a.select {
	background-image:url('../gfx/arrow_right.gif');
	font-weight:bold;
	}
#submenu li a,
#submenu li a:visited,
#submenu li a:hover,
#submenu li a:visited:hover {
	padding-left:20px;
	}
#submenu li ul li a,
#submenu li ul li a:visited,
#submenu li ul li a:hover,
#submenu li ul li a:visited:hover {
	padding-left:30px;
	}


/* Kruimelpad en footer
=================================================================*/
#kruimelpad,
#footer {
	color:#fff;
	font-weight:bold;
	background-color:#560a05;
	}
#kruimelpad {
 font-weight:normal;
	padding:5px 10px 6px 210px;
	}
#footer {
	text-align:center;
	padding:5px 10px 6px 10px;
	}
#kruimelpad a:link,
#kruimelpad a:visited {
	color:#fff;
	}
#kruimelpad a:hover,
#kruimelpad a:visited:hover {
	color:#ddd;
	}


/* Links
=================================================================*/
a:link,
a:visited {
	color:#339;
	}
a:hover,
a:visited:hover {
	color:#900;
	}


/* Headers
=================================================================*/
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	}
#middenwrapper h1 {
	background:url('../gfx/header_streep.gif') no-repeat bottom left;
	padding:6px 0px 10px 0px;
	margin-bottom:4px;
	color:#e66004;
	font-size:130%;
	}
#bovenkant #bovenkant h1,
#middenwrapper #binnenkant h1 {
	color:#560a05;
	}
#bovenkant #bovenkant h2,
#middenwrapper #binnenkant h2 {
	font-size:110%;
	color:#560a05;
	}
.blok2 h3 {
	background-color:#334;
	padding:3px 10px;
	color:#fff;
	}

/* Navigatie (Overige)
=================================================================*/
#contentopties {
	position:relative;
	list-style:none;
	padding-top:6px;
	height:28px;
	background:url('../gfx/header_streep.gif') no-repeat top left;
	clear:both;
	}
#contentopties li {
	float:left;
	display:block;
	height:22px;
	}
#naarboven {
	position:absolute;
	right:0px;
	}
#contentopties a,
#contentopties a:visited,
#contentopties a:hover,
#contentopties a:visited:hover {
	display:block;
	font-weight:bold;
	padding:3px 0px 0px 18px;
	}
#contentopties a,
#contentopties a:visited {
	color:#666;
	}
#contentopties a:hover,
#contentopties a:visited:hover {
	color:#900;
	}
#printervriendelijk a,
#printervriendelijk a:visited {
	background:url('../gfx/icon_print.gif') no-repeat 0px 5px;
	}
#printervriendelijk a:hover,
#printervriendelijk a:visited:hover {
	background:url('../gfx/icon_print_hover.gif') no-repeat 0px 5px;
	}
#naarboven a,
#naarboven a:visited {
	background:url('../gfx/icon_naarboven.gif') no-repeat 6px 7px;
	}
#naarboven a:hover,
#naarboven a:visited:hover {
	background:url('../gfx/icon_naarboven_hover.gif') no-repeat 6px 7px;
	}


/* Documenten
=================================================================*/
a.documenten,
a.documenten:visited,
a.documenten:hover,
a.documenten:visited:hover {
	display:block;
	padding:4px 10px 4px 22px;
	margin-bottom:10px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	width:338px;
	}
a.documenten,
a.documenten:visited {
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:0px 3px;
	}
a.documenten:hover,
a.documenten:visited:hover {
	background-color:#eee;
	}
#docgif {
	background-image:url('../gfx/icons/icon_gif.gif');
 }
#docjpg {
	background-image:url('../gfx/icons/icon_jpg.gif');
 }
#docbmp {
	background-image:url('../gfx/icons/icon_bmp.gif');
 }
#docpdf {
	background-image:url('../gfx/icons/icon_pdf.gif');
 }
#docdoc {
	background-image:url('../gfx/icons/icon_doc.gif');
 }
#docxls {
	background-image:url('../gfx/icons/icon_xls.gif');
 }
#doczip {
	background-image:url('../gfx/icons/icon_zip.gif');
	}
#doctxt {
	background-image:url('../gfx/icons/icon_txt.gif');
	}
#docwmp {
	background-image:url('../gfx/icons/icon_wmp.gif');
	}
/* Formulieren
=================================================================*/
input,
select {
	font-size:100%;
	}
textarea{
 width:212px;
 height:160px;
 font-size:120%;
}
#zoeken {
	float:right;
	width:190px;
	}
#zoeken fieldset {
	border:0px;
	padding:18px 10px 10px 10px;
	}
#zoekveld {
	width:120px;
	}
#zoekveld:focus {
	background-color:#fee;
	}
#zoeken .button {
	position:relative;
	top:-1px;
	color:#fff;
	font-weight:bold;
	background-color:#560a05;
	border:0px;
	cursor:pointer;
	}
#zoeken .button:hover {
	background-color:#84302b;
	}
.dealerlogin {
	color:#fff;
	background-color:#84302b;
	padding-bottom:3px;
	}
.dealerlogin fieldset {
	border:0px;
	padding:3px 10px;
	}
.dealerlogin label {
	float:left;
	display:block;
	width:60px;
	color:#fff;
	font-weight:bold;
	}
.dealerlogin div {
	padding:3px 0px;
	}
.dealerlogin h3 {
	background-color:#334;
	color:#fff;
	padding:3px 10px;
	}
.dealerlogin p,
.dealerlogin ul {
	padding:3px 10px;
	}
.dealerlogin li {
	list-style:none;
	background:url('../gfx/arrow_list_2.gif') no-repeat 3px 5px;
	padding:0px 14px;
	}
.dealerlogin a:link,
.dealerlogin a:visited,
.dealerlogin a:hover,
.dealerlogin a:visited:hover {
	font-family:arial;
	}
.dealerlogin a:link,
.dealerlogin a:visited {
	color:#fff;
	}
.dealerlogin a:hover,
.dealerlogin a:visited:hover {
	color:#ccc;
	}
.formulier {
	background-color:#eee;
	margin-bottom:10px;
	}
.formulier fieldset {
	border:0px;
	padding:3px 10px;
	}
.formulier div {
	padding:4px 0px;
	border-bottom:1px solid #ddd;
	clear:both;
	}
.formulier label,
.formulier .labelfake {
	float:left;
	display:block;
	padding-top:1px;
	font-weight:bold;
	color:#666;
	width:130px;
	}
.formulier label.checkdoos {
	float:none;
	display:inline;
	padding-top:1px;
	margin-left:4px;
	font-weight:normal;
	}
#postcode,
#postcode2 {
	width:50px;
	}
.buttons {
	clear:both;
	text-align:right;
	border:0px;
	}
.buttons input {
	color:#fff;
	font-weight:bold;
	border:0px;
	cursor:pointer;
	background-color:#e66004;
	}
.buttons input:hover {
	color:#e66004;
	background-color:#f9dcbc;
	}
.buttons input#annuleren {
	float:left;
	background-color:#334;
	}
.buttons input#annuleren:hover {
	background-color:#667;
	}
.formulier small {
	display:block;
	color:#df0024;
	width:190px;
	margin-left:132px;
	}
.formulier th,
.formulier td {
	font-size:100%;
	padding:3px 5px;
	color:#333;
	border-bottom:1px solid #ddd;
	}
.formulier h3 {
	background-color:#ddd;
	text-align:left;
	font-size:100%;
	padding:3px 5px;
	color:#333;
	}
.formulier th {
	text-align:left;
	font-size:100%;
	padding:3px 5px;
	color:#555;
	width:160px;
	}
.formulier fieldset.mettable {
	border:0px;
	padding:0px 0px;
	}
.formulier .celrechts {
	text-align:right;
	}
.formulier table {
	width:370px;
	}
.formulier table input {
	width:40px;
	}
#subtotaal {
	border-top:1px solid #000;
	}
#totaal {
	border-top:1px solid #000;
	font-weight:bold;
	}
.formulier address {
	font-style:normal;
	display:block;
	float:left;
	width:150px;
	}
.formulier ul li {
	padding:0px 0px 0px 20px;
	list-style:none;
	background:url('../gfx/arrow_list.gif') no-repeat 10px 4px;
	margin-bottom:10px;
	}

/* Productweergave
=================================================================*/
.productfoto {
	float:right;
	background-color:#eee;
	padding:2px;
	width:172px;
	margin:0px 0px 6px 3px;
	}
.productfoto img {
	display:block;
	}
.productfoto span {
	display:block;
	padding:3px 10px;
	text-align:right;
	font-weight:bold;
	font-size:120%;
	}
.producttabel {
	width:370px;
	margin-bottom:10px;
	}
.producttabel th,
.producttabel td {
	border-collapse:collapse;
	border:1px solid #eee;
	}
.producttabel th {
	text-align:left;
	}


/* Homeheader
=================================================================*/
#homeheader {
	background:url('../gfx/homeheader_bg.gif');
	height:200px;
	}
#homeheader h3,
#homeheader .dealerlogin h3 {
	background-color:#84302b;
	color:#fff;
	font-weight:normal;
	font-family:arial;
	font-size:130%;
	}
#homeheader .dealerlogin h3 {
	padding:3px 10px;
 }
#homeheader form{
 background-color:transparent;
}
#homeheader .dealerlogin label{
 width:74px;	
 }
#homeheader .dealerlogin #email{
 width:86px;
 }
#homeheader .dealerlogin #password{
 width:86px;
 }
#homeheader {
	color:#ddd;
	}
#homeheader p {
	padding:6px 30px 0px 0px;
	margin:0px 0px 8px 0px;
	}
#homeheader a:link,
#homeheader a:visited,
#homeheader a:hover,
#homeheader a:visited:hover {
	display:block;
	padding:1px 26px 2px 4px;
	text-decoration:none;
	float:right;
	font-weight:bold;
	}
#homeheader a:link,
#homeheader a:visited {
	color:#ddd;
	background:#334 url('../gfx/homeheader_arrow.gif') no-repeat top right;
	}
#homeheader a:hover,
#homeheader a:visited:hover {
	color:#fff;
	background:#334 url('../gfx/homeheader_arrow_hover.gif') no-repeat top right;
	}
.zijkantlinks {
	float:left;
	width:200px;
	}
.zijkantlinks img {
	display:block;
	}
#homeheader .zijkant,
#homeheader #binnenkant,
#homeheader #bovenkant {
	padding-top:50px;
	}

/* Bestelhistorie
=================================================================*/
.gegevenstabel {
	width:370px;
	border-collapse:collapse;
	margin-bottom:10px;
	}
.gegevenstabel th {
	text-align:left;
	background-color:#eea;
	}
.gegevenstabel td {
	background-color:#ffd;
	border:1px solid #eea;
	}
.gegevenstabel th,
.gegevenstabel td {
	padding:2px 10px;
	}

/* Shop
=================================================================*/
#shopmain {
	overflow:hidden;
 margin-bottom:10px;
}

#shopmain li {
 list-style:none;
	width:180px;
	margin-bottom:10px;
	float:left;
}

.productmargin{
 margin:0px 10px 0px 0px;
}

#shopmain li img {
	display:block;
	border:0px;
}

#shopmain li span, h6 {
	padding:0px 6px 3px 6px;
	display:block;
	color:#666;
	background-color:#eee;
}

#shopmain li a .prijs {
	padding:0px 6px 3px 6px;
	text-align:right;
	font-weight:bold;
}

.productfoto .afbeelding,
#shopmain li a .afbeelding {
	text-align:center;
	background-color:#fff;
}

.scrollen{
 text-align:center;
 clear:both;
 margin-bottom: 12px;
}

.redirect_links{
 margin-bottom: 12px;
}
.redirect_links li{
 padding:0px 0px 0px 20px;
	list-style:none;
	background:url('../gfx/arrow_list.gif') no-repeat 3px 5px;
}

#shopmain li  a:link,
#shopmain li  a:visited,
#shopmain li  a:hover,
#shopmain li  a:visited:hover {
 width:172px;
	float:left;
	display:block;
	padding:2px;
	text-decoration:none;
	}
#shopmain li  a:link,
#shopmain li  a:visited {
	border:2px solid #ddd;
	}
#shopmain li  a:hover,
#shopmain li  a:visited:hover {
	border:2px solid #f00;
	}
.winkelmandje .prijs{
 width:62px;
 }
 
.winkelmandje th{
 width:62px;
 }
  
.history {
	background-color:#E5E5E5;
	margin:6px 0px 10px 0px;
	}
.history td {
	padding:3px 10px;
	border-top:1px solid #D9D9D9;
	vertical-align:top;
	}
.history thead {
	background-color:#D9D9D9;
	}
.history thead td {
	font-size:120%;
	padding:3px 10px;
	font-weight:bold;
	}
	
	/* Extra lists
=================================================================*/
#binnenkant .faqlist {
	margin-bottom:10px;
	}
#binnenkant .faqlist li {
	padding:0px 0px 0px 20px;
	list-style:none;
	background:url('../gfx/arrow_faqlist.gif') no-repeat 0px 0px;
	margin-bottom:3px;
	}
.questionanswer {
	margin-bottom:10px;
	font-family:verdana;
	border-top:3px solid #ddd;
	padding-top:3px;
	}
.questionanswer dt {
	color:#000;
	font-weight:bold;
	padding:0px 0px 0px 20px;
	list-style:none;
	background:url('../gfx/arrow_faqlist.gif') no-repeat 0px 0px;
	margin-bottom:3px;
	}
.questionanswer dd {
	color:#000;
	padding:0px 0px 0px 20px;
	list-style:none;
	background:url('../gfx/arrow_faqlist2.gif') no-repeat 0px 0px;
	margin-bottom:3px;
	}

#binnenkant .newslist {
	margin-bottom:16px;
	}
#binnenkant .newslist li {
	padding:0px 0px 0px 20px;
	list-style:none;
	background:url('../gfx/arrow_newslist.gif') no-repeat 3px 2px;
	margin-bottom:3px;
	font-weight:bold;
	}
#binnenkant .newsarchive {
	margin-bottom:10px;
	}
#binnenkant .newsarchive li {
	padding:0px 0px 0px 20px;
	list-style:none;
	background:url('../gfx/arrow_newsarchive.gif') no-repeat 3px 2px;
	margin-bottom:3px;
	font-weight:bold;
	}