/*
Wieldraaijer Aanhangwagens
=================================================================*/


/* Main Layout
=================================================================*/
* {
	margin:0;
	padding:0;
	}
img {
	border:0;
	display:block;
	}
body {
	font-family:arial;
	line-height:1.4em;
	font-size:76%;
	background-color:#fff;
	}
.noshow { /* Generally used to make things disappear when display:none; and visibility:hidden; cause bugs. */
	position:absolute;
	left:-9000px;
	}
#wrapitall {
	position:relative;
	font-size:1em;
	background-color:#fff;
	}


/* Topbar
=================================================================*/
#topbarcontainer {
	height:150px;
	background:#000 url(../gfx/topbar_bg.gif) repeat-x left top;
	}
#topbar {
	position:relative;
	width:960px;
	height:150px;
	margin-left:auto;
	margin-right:auto;
	}
#topbar a:link,
#topbar a:visited {
	color:#fff;
	}
#topbar a:hover,
#topbar a:visited:hover {
	color:#abf;
	}
#logo {
	float:left;
	}
#payoff {
	float:left;
	color:#fff;
	padding:50px 15px 0px 15px;
	width:450px;
	}
#payoff dt {
	font-size:1.6em;
	margin-bottom:3px;
	}
#nova {
	position:absolute;
	width:190px;
	color:#fff;
	top:45px;
	right:15px;
	padding:15px 15px 15px 15px;
	background:transparent url(../gfx/nova_bg.gif) repeat-x left top;
	}
#nova dt {
	font-size:1.6em;
	margin-bottom:3px;
	}


/* Service Menu
=================================================================*/
#servicemenu {
	position:absolute;
	top:0px;
	right:0px;
	background:transparent url(../gfx/servicemenu_stripe.gif) no-repeat left top;
	height:32px;
	}
#servicemenu li {
	float:left;
	list-style:none;
	background:transparent url(../gfx/servicemenu_stripe.gif) no-repeat right top;
	height:32px;
	}
#servicemenu a:link,
#servicemenu a:visited,
#servicemenu a:hover,
#servicemenu a:visited:hover {
	float:left;
	display:block;
	text-decoration:none;
	height:24px;
	padding:8px 15px 0px 15px;
	}
#servicemenu a:link,
#servicemenu a:visited {
	color:#fff;
	}
#servicemenu a:hover,
#servicemenu a:visited:hover {
	color:#abf;
	}
#servicemenu a.select:link,
#servicemenu a.select:visited {
	color:#fff;
	font-weight:bold;
	}
#servicemenu a.select:hover,
#servicemenu a.select:visited:hover {
	color:#abf;
	font-weight:bold;
	}


/* Main Menu
=================================================================*/
#mainmenucontainer {
	height:50px;
	background:#b10 url(../gfx/mainmenu_bg.gif) repeat-x left top;
	margin-bottom:5px;
	}
#mainmenu {
	width:960px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	}
#mainmenu li {
	height:50px;
	width:318px;
	list-style:none;
	float:left;
	padding:0px 1px 0px 1px;
	}
#mainmenu a:link,
#mainmenu a:visited,
#mainmenu a:hover,
#mainmenu a:visited:hover {
	text-decoration:none;
	display:block;
	float:left;
	width:318px;
	height:30px;
	padding:10px 0px 0px 0px;
	border-top:10px solid #707177;
	text-align:center;
	font-size:1.6em;
	}
#mainmenu a:link,
#mainmenu a:visited {
	color:#c89;
	background:#000 url(../gfx/mainmenu_bg.gif) repeat-x left 50%;
	}
#mainmenu a:hover,
#mainmenu a:visited:hover {
	color:#fff;
	background:#000 url(../gfx/mainmenu_bg.gif) repeat-x left bottom;
	}
#mainmenu a.select:link,
#mainmenu a.select:visited {
	color:#fff;
	background:#000 url(../gfx/mainmenu_bg.gif) repeat-x left 70%;
	border-top:10px solid #8b8d94;
	}
#mainmenu a.select:hover,
#mainmenu a.select:visited:hover {
	color:#fff;
	background:#000 url(../gfx/mainmenu_bg.gif) repeat-x left bottom;
	}


/* Middlebar
=================================================================*/
#middlecontainer {
	background:#fff url(../gfx/middle_bg.gif) repeat-x left top;
	}
#middle {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	}
.contentversion {
	background:transparent url(../gfx/kolom240_bg.gif) repeat-y left top;
	}
.kolom240 {
	float:left;
	width:240px;
	}
.kolom480 {
	float:left;
	width:480px;
	}
.kolom720 {
	float:right;
	width:720px;
	}


/* Sub Menu
=================================================================*/
#submenu {
	width:210px;
	border-top:1px solid #aaa;
	margin-bottom:20px;
	}
#submenu li {
	list-style:none;
	width:210px;
	}
#submenu a:link,
#submenu a:visited,
#submenu a:hover,
#submenu a:visited:hover {
	display:block;
	padding:3px 20px 3px 15px;
	text-decoration:none;
	width:175px;
	border-bottom:1px solid #aaa;
	}
#submenu a:link,
#submenu a:visited {
	color:#000;
	background:transparent none no-repeat right 50%;
	}
#submenu a:hover,
#submenu a:visited:hover {
	background:#fff url(../gfx/submenu_select_bg.gif) no-repeat right 50%;
	}
#submenu a.select:link,
#submenu a.select:visited {
	font-weight:bold;
	background:#fff url(../gfx/submenu_select_bg.gif) no-repeat right 50%;
	}
#submenu a.select:hover,
#submenu a.select:visited:hover {
	font-weight:bold;
	background:#fff url(../gfx/submenu_select_bg.gif) no-repeat right 50%;
	}
#submenu a.selectwithsubsub:link,
#submenu a.selectwithsubsub:visited {
	font-weight:bold;
	background:#ccc url(../gfx/submenu_selectwithsubsub_bg.gif) no-repeat right 50%;
	}
#submenu a.selectwithsubsub:hover,
#submenu a.selectwithsubsub:visited:hover {
	font-weight:bold;
	background:#fff url(../gfx/submenu_selectwithsubsub_bg.gif) no-repeat right 50%;
	}
#submenu li ul li a:link,
#submenu li ul li a:visited,
#submenu li ul li a:hover,
#submenu li ul li a:visited:hover {
	padding:3px 20px 3px 30px;
	width:160px;
	background:#ccc none no-repeat right 50%;
	}
#submenu li ul li a:link,
#submenu li ul li a:visited {
	background:#ccc none no-repeat right 50%;
	}
#submenu li ul li a:hover,
#submenu li ul li a:visited:hover {
	padding:3px 20px 3px 30px;
	width:160px;
	background:#fff url(../gfx/submenu_select_bg.gif) no-repeat right 50%;
	}
#submenu li ul li a.select:link,
#submenu li ul li a.select:visited {
	font-weight:bold;
	background:#fff url(../gfx/submenu_select_bg.gif) no-repeat right 50%;
	}
#submenu li ul li a.select:hover,
#submenu li ul li a.select:visited:hover {
	font-weight:bold;
	background:#fff url(../gfx/submenu_select_bg.gif) no-repeat right 50%;
	}


/* Crumbtrail
=================================================================*/
#crumbtrail {
	font-weight:bold;
	color:#000;
	}
#crumbtrail a:link,
#crumbtrail a:visited {
	color:#666;
	}
#crumbtrail a:hover,
#crumbtrail a:visited:hover {
	color:#000;
	}
#crumbtrail {
	margin-bottom:0px;
	}


/* Contentcontainer
=================================================================*/
h1,h2,h3,h4,h5,h6 {
	margin:0px;
	padding:0px;
	font-size:1em;
	}
a:link {
	color:#369;
	}
a:hover {
	color:#69c;
	}
a:visited {
	color:#636;
	}
a:visited:hover {
	color:#969;
	}
.contentcontainer {
	position:relative;
	overflow:hidden;
	height:1%; /* Makes overflow work in IE as well */
	width:960px;
	}
.contentcontainer .kolom720 {
	position:relative;
	width:690px;
	padding:15px 15px 0px 15px;
	}
.contentcontainer .kolom480 {
	position:relative;
	width:450px;
	padding:15px 15px 0px 15px;
	}
.contentcontainer .kolom240 {
	position:relative;
	width:210px;
	padding:15px 15px 0px 15px;
	}
.contentcontainer h1 {
	font-size:1.5em;
	margin-bottom:15px;
	color:#3a3e65;
	}
.contentcontainer h2 {
	font-size:1.5em;
	color:#3a3e65;
	}
.contentcontainer .kolom240 h2 {
	margin-bottom:15px;
	}
.contentcontainer h3 {
	font-size:1.2em;
	color:#ca3844;
	margin-bottom:4px;
	clear:both;
	}
.contentcontainer p {
	margin-bottom:15px;
	}
.contentlist {
	margin-bottom:15px;
	}
.contentlist li {
	height:1%; /* Otherwise the arrows aren't shown in IE... */
	list-style:none;
	padding-left:20px;
	background:url('../gfx/listarrow.gif') no-repeat 10px 7px;
	}
.contentlist li ul li {
	padding-left:20px;
	background:url('../gfx/listsubarrow.gif') no-repeat 10px 7px;
	}
.photoleft {
	position:relative;
	float:left;
	margin:2px 15px 10px 0px;
	width:210px;
	}
.photoright {
	position:relative;
	float:right;
	margin:2px 0px 10px 15px;
	width:210px;
	}
.photoleft span,
.photoright span {
	display:block;
	width:200px;
	padding:2px 5px 2px 5px;
	font-size:0.9em;
	border-bottom:1px solid #bbb;
	background-color:#ddd;
	}
.photoresize {
	position:absolute;
	right:0px;
	top:0px;
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
	}


/* Blocks
=================================================================*/
.block {
	width:210px;
	border-bottom:1px solid #aaa;
	margin-bottom:15px;
	}


/* Contentoptions
=================================================================*/
.contentoptions {
	height:1%; /* To fix a bug in IE which causes this container to implode once you hover on a link in the page */
	margin-bottom:18px;
	}
.contentoptions li {
	list-style:none;
	display:inline;
	padding:0px 20px 0px 18px;
	}
.printing {
	background:url(../gfx/printicon.gif) no-repeat left 2px;
	}
.mailing {
	background:url(../gfx/mailicon.gif) no-repeat left 2px;
	}


/* Footer
=================================================================*/
#footercontainer {
	background-color:#323768;
	height:50px;
	color:#fff;
	border-top:10px solid #c92231;
	}
#footer {
	width:960px;
	height:34px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:16px;
	}
#footer p {
	display:inline;
	}
#footer ul {
	display:inline;
	padding-right:15px;
	}
#footer ul li {
	display:inline;
	padding-right:15px;
	font-weight:bold;
	}
#footer ul li a:link,
#footer ul li a:visited {
	color:#fff;
	}
#footer ul li a:hover,
#footer ul li a:visited:hover {
	color:#abf;
	}


/* Formulieren
=================================================================*/
input,
select,
textarea {
	font-size:1em;
	font-family:arial;
	}
.form_standard {
	margin-bottom:20px;
	background-color:#ddd;
	clear:both;
	}
.form_standard legend {
	padding:10px 10px 5px 0px;
	color:#555;
	font-size:1.5em;
	margin-bottom:10px;
	}
.form_standard em {
	color:#f00;
	}
.form_standard h4 {
	padding:4px 10px 4px 10px;
	background-color:#ddd;
	font-size:1.1em;
	}
.form_standard input.small,
.form_standard select.small {
	width:60px;
	}
.form_standard input.medium,
.form_standard select.medium {
	width:100px;
	}
.form_standard input,
.form_standard select {
	width:180px;
	}
.form_standard input.radio_check {
	width:20px;
	}
.form_standard fieldset {
	border:0px;
	}
.form_standard div {
	clear:both;
	border-bottom:1px solid #fff;
	overflow:hidden;
	padding:4px 10px;
	height:1%;
	}
.form_standard div.errorfield {
	border-top:1px solid #f00;
	border-right:1px solid #f00;
	border-bottom:1px solid #f00;
	border-left:1px solid #f00;
	padding:6px 9px 8px 9px;
	margin:10px 10px 6px 10px;
	background-color:#fff;
	}
.form_standard textarea {
	width:300px;
	}
.form_standard label,
.form_standard span.labelfake {
	float:left;
	display:block;
	padding-top:1px;
	width:100px;
	text-align:right;
	padding-right:15px;
	}
.form_standard label.radio_check_label {
	float:none;
	display:inline;
	padding-top:0px;
	width:auto;
	text-align:left;
	padding-right:5px;
	font-size:0.9em;
	}
.form_standard big {
	display:block;
	color:#df0024;
	font-weight:bold;
	padding:3px 0px 6px 22px;
	background:url(../gfx/alert.gif) no-repeat 0px 4px;
	}
.form_standard big span {
	font-size:0.7em;
	display:block;
	font-weight:normal;
	}
.form_standard em {
	color:#f00;
	}
.form_standard .buttons {
	clear:both;
	border-bottom:0px;
	}
.form_standard .buttons input {
	float:right;
	color:#fff;
	font-weight:bold;
	font-family:arial;
	border:0px;
	cursor:pointer;
	border-top:1px solid #fff;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #fff;
	width:auto;
	padding:2px 10px;
	background-color:#ca3844;
	}
.form_standard .buttons input:hover {
	border-top:1px solid #000;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #000;
	background-color:#fff;
	color:#000;
	}
.form_standard .stuurcc input {
	width:auto;
	margin-right:6px;
	}
.form_standard .stuurcc label {
	width:auto;
	display:inline;
	float:none;
	font-weight:normal;
	}
input.button,
a.button:link,
a.button:visited {
	background-color:#ca3844;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	border-top:1px solid #fff;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #fff;
	}
input.button:hover,
a.button:hover,
a.button:visited:hover {
	background-color:#fff;
	color:#000;
	border-top:1px solid #000;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #000;
	}
.succesvol {
	padding:5px 10px;
	border:2px solid #390;
	color:#390;
	font-size:1.2em;
	font-weight:bold;
	background-color:#cfb;
	}


/* Page Scroller.
=================================================================*/
.pagescroller {
	margin-bottom:15px;
	overflow:hidden;
	height:1%; /* Solving problems in IE. */
	background-color:#eee;
	}
.pagescroller li {
	display:block;
	float:left;
	list-style:none;
	}
.pagescroller span {
	font-weight:bold;
	background-color:#c0202e;
	color:#fff;
	border:1px solid #c0202e;
	}
.pagescroller a:link,
.pagescroller a:visited,
.pagescroller a:hover,
.pagescroller a:visited:hover,
.pagescroller span {
	display:block;
	float:left;
	padding:2px 5px;
	}
.pagescroller a:link,
.pagescroller a:visited {
	border:1px solid #eee;
	}
.pagescroller a:hover,
.pagescroller a:visited:hover {
	border:1px solid #69c;
	}


/* Product Overview.
=================================================================*/
.productoverview {
	position:relative;
	margin-bottom:15px;
	border-top:5px solid #ccc;
	padding-top:10px;
	overflow:hidden;
	}
.overview480 {
	width:450px;
	}
.overview720 {
	width:690px;
	}
.aanbieding {
	position:absolute;
	top:0px;
	left:20px;
	}
.soldout {
	position:absolute;
	top:0px;
	left:20px;
	}
.overviewimage {
	float:left;
	margin-bottom:10px;
	}
.overview480 .garantielogo {
	float:left;
	clear:left;
	width:210px;
	}
.overview720 .garantielogo {
	float:right;
	margin-bottom:10px;
	}
.overview480 .overviewtable {
	width:210px;
	float:right;
	}
.overview720 .overviewtable {
	width:210px;
	float:right;
	clear:right;
	}
.overviewtable th {
	white-space:nowrap;
	text-align:left;
	}
.overviewtable td {
	text-align:right;
	}
.productoverview dl {
	width:335px;
	padding:0px 0px 0px 15px;
	margin-bottom:10px;
	}
.overview480 dl {
	float:right;
	}
.overview720 dl {
	float:left;
	}
.productoverview dt {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:4px;
	}


/* Home Chooser.
=================================================================*/
.homechooser {
	width:960px;
	height:240px;
	margin-bottom:5px;
	}
.homechooser li {
	position:relative;
	float:left;
	list-style:none;
	width:318px;
	height:240px;
	padding:0px 1px 0px 1px;
	}
.homechooser a:link,
.homechooser a:visited,
.homechooser a:hover,
.homechooser a:visited:hover {
	position:absolute;
	color:#fff;
	background-color:#000;
	display:block;
	padding:10px 14px 0px 14px;
	width:290px;
	left:0px;
	bottom:0px;
	text-decoration:none;
	height:90px;
	}
.homechooser a:link,
.homechooser a:visited {
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
	}
.homechooser a:hover,
.homechooser a:visited:hover {
	filter:alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity:1.0;
	}
.homechooser span {
	display:block;
	width:290px;
	font-size:1.6em;
	padding-bottom:3px;
	cursor:pointer;
	}


/* Productdetails Page.
=================================================================*/
.productdescription {
	position:relative;
	float:left;
	width:210px;
	padding:0px 0px 0px 15px;
	}
.productdescription .garantielogo {
	margin-bottom:15px;
	}
.aanbiedinggroot {
	position:absolute;
	top:-12px;
	left:-195px;
	}
.soldoutgroot {
	position:absolute;
	top:-12px;
	left:-195px;
	}
.productdetailstable {
	width:450px;
	border-collapse:collapse;
	margin-bottom:15px;
	}
.productdetailstable th,
.productdetailstable td {
	padding:3px 0px 3px 0px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}
.productdetailstable th {
	text-align:left;
	}
.productdetailstable td {
	text-align:right;
	}
.extraphotos {
	overflow:hidden;
	width:450px;
	}
.extraphotos li {
	position:relative;
	width:140px;
	float:left;
	padding-bottom:15px;
	list-style:none;
	}
.extraphotos a:link,
.extraphotos a:visted,
.extraphotos a:hover,
.extraphotos a:visited:hover {
	display:block;
	width:140px;
	float:left;
	}
.extraphotos li.eerste {

	}
.extraphotos li.tweede {
	padding-left:15px;
	}
.extraphotos li.derde {
	padding-left:15px;
	}


/* News module
=================================================================*/
.newsteasers {

	}
.newsteasers dt {
	font-weight:bold;
	}
.newsteasers dd {
	margin-bottom:15px;
	}


/* Extra options (Below News and Agenda modules).
=================================================================*/
.extraoptions {
	margin-bottom:15px;
	}
.extraoptions li {
	list-style:none;
	padding-left:20px;
	height:1%;
	margin-bottom:4px;
	font-weight:bold;
	}
.archivelink {
	background:transparent url(../gfx/icon_archive.gif) no-repeat left top;
	}
.rssfeedlink {
	background:transparent url(../gfx/icon_rss.gif) no-repeat left top;
	}


/* Pricing table.
=================================================================*/
.huurformulier fieldset {
	border:0px;
	}
.pricing_table {
	width:450px;
	border-collapse:collapse;
	margin-bottom:20px;
	}
.pricing_table th,
.pricing_table td {
	padding:2px 5px;
	border:1px solid #fff;
	}
.pricing_table th {
	background-color:#bbb;
	text-align:left;
	}
.pricing_table td {
	background-color:#ddd;
	}
.pricing_table .pricing_small td {
	font-size:0.9em;
	background-color:#ccc;
	}
.pricing_table tfoot td {
	background-color:#fff;
	font-size:0.9em;
	}
.pricing_table .contentlist {
	margin-bottom:0px;
	color:#000;
	font-size:0.9em;
	}
.pricing_table .align_right {
	text-align:right;
	font-weight:bold;
	}
.pricing_table .total {
	font-size:1.2em;
	}


/* Contract
=================================================================*/

.contract {
	clear:both;
	background-color:#ddd;
	margin-bottom:20px;
	border-top:1px dashed #c92231;
	}
.contract address {
	margin:6px 6px 0px 6px;
	font-style:normal;
	}
.contract p {
	margin:6px;
	font-style:normal;
	}
.contract .logo {
	margin:6px 6px 0px 6px;
	}
.contract .top_right {
	margin:6px 6px 0px 6px;
	width:200px;
	height:122px;
	float:right;
	font-weight:bold;
	}
.contract .top_left {
	margin:6px 6px 0px 6px;
	width:200px;
	height:122px;
	float:left;
	font-weight:bold;
	}
.contract .top_right p {
	background-color:#fff;
	padding:6px;
	}
.contract .top_right span,
.contract .top_left span{
display:block;
	width:200px;
	margin-top:20px;
	border-bottom:1px dotted #000;
	}
.address_table {
	clear:both;
	width:450px;
	border-collapse:collapse;
	margin-bottom:20px;
	}
.address_table th,
.address_table td {
	padding:2px 5px;
	border:1px solid #fff;
	}
.address_table th {
	background-color:#bbb;
	text-align:left;
	width:120px;
	}
.address_table td {
	background-color:#ddd;
	}
.address_table .pricing_small td {
	font-size:0.9em;
	background-color:#ccc;
	}
.address_table tfoot td {
	background-color:#fff;
	font-size:0.9em;
	}
.address_table .contentlist {
	margin-bottom:0px;
	color:#000;
	font-size:0.9em;
	}
.address_table .align_right {
	text-align:right;
	font-weight:bold;
	}
.address_table .total {
	font-size:1.2em;
	}
#div_begin_weekend {
	display:none;
	}
.bail {
	display:block;
	width:15px;
	height:15px;
	border:1px solid #000;
	background-color:#fff;
	}
div.msg {
	background-color: #80ed7b;
	width: 100%;
	font-weight: bold;
	border: #257221 1px solid;
	text-align: center;
	padding: 10px;
}
