/* General */

html {
	width: 100%;
}

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #d3d3d3;
/*	background-color: #1a221d; */
	background-image: url(../images/bg_site.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	line-height: 18px;
	color: #666666;
	width: 100%;
}

.float_left {
	float: left;
}
.float_right {
	float: right;
}
.clearboth {
	clear: both;
	height: 0px;
	min-height: 0px;
	line-height: 0px;
	font-size: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	content: "";
}
.em {
	font-style: italic;
}

/* CONTENT GENERAL */

a {
	font-weight: bold;
	color: #00662D;
	text-decoration: underline;
}
a:hover {
	font-weight: bold;
	color: #00662D;
	text-decoration: none;
}
h1 {
	margin: 0px 0px 0px 0px;
	padding: 12px 15px 5px 17px;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	background-image: url(../images/bg_h1.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
p { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;	
}
input {
	background-image: url(../images/bg_input.jpg);
	background-repeat: repeat-x;
	border: solid 1px #d3d3d3;
	font-family: Tahoma;
	font-size: 11px;
	color: #666666;
	padding: 3px;
	margin: 4px 2px 7px 2px;
}
select {
	background-image: url(../images/bg_input.jpg);
	background-repeat: repeat-x;
	border: solid 1px #d3d3d3;
	font-family: Tahoma;
	font-size: 11px;
	color: #666666;
	padding: 3px;
	margin: 4px 2px 7px 2px;
	width: 195px;
}
form {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
input.check {
	padding: 0px 0px 0px 0px;
	margin: 0px 2px 0px 0px;
	border: 0px;
}
input.text {
	padding: 3px;
	margin: 0px 0px 0px 0px;
	border: solid 1px #d3d3d3;
	display: inline;
	vertical-align: middle;
}

/* ASSETS */
#centerdiv {
	width: 816px;
	
	margin: 70px auto 0px auto;
	padding: 0px;
}




	

	#topbanner {
		width: 812px;
		border: solid 1px #ffffff;
		background-color: #cccccc;
		
		margin: 0px 0px 17px 0px;
		padding: 1px;
	}
		#topbanner_in {
		border: solid 1px #e8e8e8;
		background-image: url(../images/bg_topbanner.jpg);
		height: 288px;
		
		margin: 0px;
		padding: 0px;
		}
	#container_content {
		width: 816px;
		
		margin: 0px;
		padding: 0px;
	}
		#content_left {
		background-color: #ffffff;
		width: 283px;
		float: left;
		
		display: inline;
		
		margin: 0px 17px 17px 0px;
		padding: 1px;
		overflow: hidden;
		}
			#content_left_in {
			background-color: #ffffff;
			float: left;
			border: solid 1px #e4e4e4;
			width: 279px;
			
			margin: 0px 0px 0px 0px;
			padding: 1px;
			}
			
			.content {
			margin: 0px 6px 6px 6px;
			padding: 7px 13px 10px 13px;
			border-top: solid 1px #ccc;
			background-image: url(../images/bg_bottom_leftbar.jpg);
			background-repeat: no-repeat;
			background-position: bottom left;
			width: 470px;
			}
			.content_small {
			margin: 0px 6px 6px 6px;
			padding: 7px 13px 10px 13px;
			border-top: solid 1px #ccc;
			background-image: url(../images/bg_bottom_leftbar.jpg);
			background-repeat: no-repeat;
			background-position: bottom left;
			width: 188px;
			
			background-color: #FFFFFF;
			}
			
			
			.content_max {
			margin: 0px 6px 6px 6px;
			padding: 7px 13px 10px 13px;
			border-top: solid 1px #ccc;
			background-image: url(../images/bg_bottom_leftbar.jpg);
			background-repeat: no-repeat;
			background-position: bottom left;
			width: 772px;
			
			background-color: #FFFFFF;
			}
			
			
			.content_home {
			margin: 0px 6px 6px 6px;
			padding: 7px 13px 10px 13px;
			border-top: solid 1px #ccc;
			background-image: url(../images/bg_bottom_leftbar.jpg);
			background-repeat: no-repeat;
			background-position: bottom left;
			width: 156px;
			
			background-color: #FFFFFF;
			}
			
			
			.content_roadshow {
			margin: 0px 6px 6px 6px;
			padding: 7px 13px 10px 13px;
			border-top: solid 1px #ccc;
			background-image: url(../images/bg_bottom_leftbar.jpg);
			background-repeat: no-repeat;
			background-position: bottom left;
			width: 253px;
			
			background-color: #FFFFFF;
			}
			
			
			.content_left {
			margin: 0px 6px 6px 6px;
			padding: 7px 13px 10px 13px;
			border-top: solid 1px #ccc;
			background-image: url(../images/bg_bottom_leftbar.jpg);
			background-repeat: no-repeat;
			background-position: bottom left;
			width: 240px;
			
			background-color: #FFFFFF;
			}
			
			
			.kleur {
			background-color: #ffffff;
			float: left;
			border: solid 1px #666666;
			
			margin: 3px 0px 7px 7px;
			padding: 0px;
			}
			
			.kleur_in {
			float: left;
			border: solid 1px #e4e4e4;
			width: 16px;
			height: 16px;
			
			margin: 0px 0px 0px 0px;
			padding: 0px;
			}
			
			.bestellijst {
			border-top: dotted 1px #cfcfcf;
			
			margin: 0px 0px 0px 0px;
			padding-top: 5px;
			}
			
			.button_printdiv {
			background-image: url(../images/button_print.gif);
			background-repeat: no-repeat;
			background-position: bottom left;
			
			
			font-family: Tahoma;
			font-size: 10px;
			color:#666666;
			text-decoration: none;
			cursor: pointer;
			overflow: hidden;
			display: block;
			
			padding: 6px 0px 4px 38px;
			margin: 7px 0px 3px 0px;
			width: 90px;
			}
			
			
			
			.content_full 
			{
			background-color:#FFFFFF;
			float:left;
			margin:0 0 17px;
			padding:0;
			width:816px;	
			}
			
			.content_full_in
			{
			background-color:#FFFFFF;
			border:1px solid #E4E4E4;
			display:inline;
			float:left;
			margin:1px;
			padding:1px;
			width:810px;	
			}
			
			
			.content_full_in .content_max
			{
				background-repeat: repeat-x;
			}
			
			.content_full_in h1
			{
				background-repeat: repeat-x;
			}
			
			

			
			
		
		.content_right {
		float: left;
		background-color: #ffffff;
		width: 514px;
		float: left;
		
		margin: 0px 0px 17px 0px;
		padding: 0px;
		}
			.content_right_in {
			background-color: #ffffff;
			float: left;
			border: solid 1px #e4e4e4;
			width: 508px;
			
			display: inline;
			
			margin: 1px;
			padding: 1px;
			}
			
			.content_right_in img {
			float: right;
			border: solid 1px #ddd;
			display: inline;
			margin: 5px 0px 5px 10px;
			padding: 1px;
			} 
			
			
			.content_right_in .content p img {float: none; border: solid 0px #000000; width: auto; display: inline; margin: 0px 0px 0px 0px; padding: 0px;}
			
			.products {
			float: left;
			margin: 0px 4px 10px 3px;
			width: 149px;
			display: inline;
			}
			
			.products img {
			margin: 0px;
			padding: 2px;
			border: solid 1px #ccc;
			float: left;
			width: 143px;
			}
			
	#footer {
	background-image: url(../images/bg_footer.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	
	width: 806px;
	
	margin: 17px 0px 10px 0px;
	padding: 5px;
	
	overflow: hidden;
	
	font-family: Arial;
	font-weight: normal;
	font-size: 10px;
	color: #cccccc;
	}
	
		#footer a {
		font-family: Arial;
		font-weight: bold;
		font-size: 11px;
		color: #ffffff;
		text-decoration: none;
		}
		
		#footer a:hover {
		font-family: Arial;
		font-weight: bold;
		font-size: 11px;
		color: #ffffff;
		text-decoration: underline;
		}





.show {border-bottom: solid 1px #9CBDAC;}
.show.last {border: solid 0px #9CBDAC;}
.show .left {float: left; width: 49%;}
.show .seperator {float: left; width: 1px; height: 18px; background-color: #000000;}
.show .right {float: right;}



.content_right_right {float:right;}
.content_right_left {float: left;}



		.content_footer .content_right {
		float: left;
		background-color: #ffffff;
		width: 201px;
		float: left;
		margin: 0px 0px 17px 0px;
		padding: 0px;
		}
		
		
		
		.content_footer .content_right_roadshow {
		float: left;
		background-color: #ffffff;
		width: 295px;
		float: left;
		margin: 0px 0px 17px 0px;
		padding: 0px;
		}
		
		
		.content_footer .content_right_roadshow .content_right_in 
		{
		background-color: #ffffff;
		float: left;
		border: solid 1px #e4e4e4;
		width: 289px;
		display: inline;
		margin: 1px;
		padding: 1px;
		}
		
		
		.content_footer .content_right_in {
		background-color: #ffffff;
		float: left;
		border: solid 1px #e4e4e4;
		width: 195px;
		display: inline;
		margin: 1px;
		padding: 1px;
		}
			


h2 
{
	font-size: 12px;
}





.dealer_container{margin: 0px 6px 6px 6px;
	padding: 7px 11px 10px 11px;
	border-top: solid 1px #ccc;
	background-image: url(../images/bg_bottom_leftbar.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;}

.dealer_container_left{float: left; width: 158px;}
.dealer_container_middle{float: left; width: 158px; }
.dealer_container_right{float: left; width: 158px;}


.dealerafstand {text-align: left; margin-left: 5px; font-weight: bold; color: #86684B; font-size: 10px;}
.adresregel {padding-left: 15px;}
.adresregel.top {background-image: url(../images/icons/icon-address.gif); background-repeat: no-repeat; background-position: center left;}
.dealertelefoon {background-image: url(../images/icons/icon-telephone.gif); background-repeat: no-repeat; background-position: center left; padding-left: 15px;}
.dealerfax {background-image: url(../images/icons/icon-fax.gif); background-repeat: no-repeat; background-position: center left; padding-left: 15px;}
.dealeremail {background-image: url(../images/icons/icon-mail.gif); background-repeat: no-repeat; background-position: center left; padding-left: 15px;}
.dealerwebsite {padding-left: 15px;}



#contact_container{margin: 5px 0px 5px 5px;}
.fielddiv .labeldiv {float: left; width: 150px;}
.fielddiv .inputdiv {float: left}
.fielddiv .inputdiv INPUT {width: 200px;}
.fielddiv .inputdiv textarea {width: 200px; height: 100px;}


textarea
{	background-image: url(../images/bg_input.jpg);
	background-repeat: repeat-x;
	border: solid 1px #d3d3d3;
	font-family: Tahoma;
	font-size: 11px;
	color: #666666;
	padding: 3px;
	margin: 4px 2px 7px 2px;
}


.submit {width: 360px; text-align: right;}
.cursor {cursor: pointer;}


/* APPLETS */


/*NAVIGATION MENU */
 
 
/* FORMS */


/* SLIMBOX styles */

#lbOverlay { position: absolute; z-index: 9999; left: 0; width: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url('../images/other/other-lightboxloading.gif') no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url('../images/other/other-lightboxprevlabel.gif') no-repeat 0% 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url('../images/other/other-lightboxnextlabel.gif') no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url('../images/other/other-lightboxcloselabel.gif') no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }



.additionalboxes{width: 240px; float: right; margin: 10px 0px 0px 0px;}


.additionalfiles 
{
	border:1px solid #DDDDDD;
	display:inline;
	float:right;
	margin:5px 0 5px 10px;
	padding:1px;
	width:225px;
}

.imagecontainer {float:left; margin: 0px;}
.imagecontainer IMG
{
	width: auto;
	cursor: pointer;
	float: none;
}

.imagecontainer .imageleft{margin: 0px 0px 8px 0px;}
.imagecontainer .imageright{margin: 0px 0px 8px 8px;}


.filescontainer{}
.filescontainer .icondiv{float: left; width: 16px;}
.filescontainer .icondiv IMG{width: auto; margin:0px 0px 0px 0px; border: 0px solid #000000;}
.filescontainer .filediv{float: left; margin: 0px 0px 0px 5px;}
.filescontainer .sizediv{float: right;}












/*NAVIGATION MENU */

#menu_container
{
		height: 30px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-family: arial;
		font-size: 12px;
		font-weight: bold;
		float: right;	
}
 
	
 .outer_submenu {
	float: left;
	z-index: 9999;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}
.inner_submenu {
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	border-top: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
	border-left: 1px solid #DBDBDB;
	position: absolute;
	visibility: hidden;
	z-index: 10000;
}
.inner_submenu_futher {
	width: 200px;
	margin: -32px 0px 0px 200px;
	background-color: #F05223;
	border-top: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
	border-left: 1px solid #DBDBDB;
	position: absolute;
	visibility: hidden;
	z-index: 10000;
}
a#onpage 
{
	height: 30px;
	line-height: 30px;
	background-image: none; 
	text-decoration: underline;
	background-color: #FFFFFF;
	color: #00662D;
}

a:hover#onpage 
{
	height: 30px;
	line-height: 30px;
	background-image: none; 
	text-decoration: none;
	background-color: #FFFFFF;
	color: #00662D;
}

.item {
    padding: 0px;
    }
.item a {
	height: 30px;
	line-height: 30px;
	margin: 0px 8px 0px 0px;
	padding: 10px 7px 8px 7px;
	text-decoration: none;
	color: #00662D;
	font-size: 11px;
	text-transform: lowercase;
	
	font-weight: bold;
	
	background-image: url(../images/bg_menuitem.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	background-color: #FFFFFF;
}
.item a:hover {
	height: 30px;
	line-height: 30px;
	margin: 0px 8px 0px 0px;
	padding: 10px 7px 8px 7px;
	background-image: none;
	background-color: #FFFFFF;
	text-decoration: underline;
	color: #00662D;
	font-size: 11px;
	text-transform: lowercase;
	
	font-weight: bold;
}

.item_selected a {
	height: 30px;
	line-height: 30px;
	margin: 0px 8px 0px 0px;
	padding: 10px 7px 8px 7px;
	background-color: #FFFFFF;
	text-decoration: underline;
	color: #00662D;
	font-size: 11px;
	text-transform: lowercase;
	
	font-weight: bold;
}
.item_selected a:hover {
	height: 30px;
	line-height: 30px;
	margin: 0px 8px 0px 0px;
	padding: 10px 7px 8px 7px;
	background-color: #FFFFFF;
	text-decoration: none;
	color: #00662D;
	font-size: 11px;
	text-transform: lowercase;
		
	font-weight: bold;
}

.item_active a {
	height: 30px;
	line-height: 30px;
	margin: 0px 8px 0px 0px;
	padding: 10px 7px 8px 7px;
	background-color: #E3662E;
	text-decoration: none;
	color: #00662D;
	font-size: 11px;
	text-transform: lowercase;
	
	font-weight: bold;
}
.item_active a:hover {
	height: 30px;
	line-height: 30px;
	margin: 0px 8px 0px 0px;
	padding: 10px 7px 8px 7px;
	background-color: #E3662E;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 11px;
	text-transform: lowercase;
	
	font-weight: bold;
}

.subitem a {
	width: 180px;
	height: 29px;
	line-height: 29px;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #DBDBDB;
	text-decoration: none;
	color: #666666;
	display: block;
	font-size: 11px;
	
	text-transform: lowercase;
	background: none;
	background-color: #FFFFFF;
	float: left;
	
}
.subitem a:hover {
	width: 180px;
	height: 29px;
	line-height: 29px;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #DBDBDB;
	text-decoration: underline;
	color: #FFFFFF;
	display: block;
	font-size: 11px;
	text-transform: lowercase;
	background-image: none;
	background-color: #00662D;
	
}
.subitem_active a {
	width: 170px;
	line-height: 29px;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #DBDBDB;
	background-image: none;
	background-color: #00662D;
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	font-size: 11px;
	text-transform: lowercase;

	border-right: 10px solid #00441e;
}
.subitem_futher a {
	width: 170px;
	line-height: 29px;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #DBDBDB;
	background-image: none;
	background-color: #FFFFFF;
	text-decoration: none;
	color: #666666;
	display: block;
	font-size: 11px;
	text-transform: lowercase;
	
	border-right: 10px solid #00662D;
}
.subitem_futher a:hover {
	width: 170px;
	line-height: 29px;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #DBDBDB;
	background-image: none;
	background-color: #00662D;
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	font-size: 11px;
	text-transform: lowercase;
	
	border-right: 10px solid #00662D;
}


.fielddiv .inputdiv input.radio
{
	width: auto;
}


#breadcrums
{
border:solid 1px #FFFFFF;	
background-color: #FFFFFF;
margin-bottom: 15px;
}

#breadcrums .breadcrums_out
{
	margin: 0px 0px 0px 0px;
	border: 1px solid #E4E4E4;
}

#breadcrums .breadcrums_out .breadcrums_in
{
	padding: 12px 15px 5px 17px;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	margin: 1px 1px 1px 1px;
	background-image: url(../images/bg_h1.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #FFFFFF;
}

#breadcrums .breadcrums_out .breadcrums_in .breadcrum
{
	float: left;
	margin: 0px 5px 0px 0px;
}


#breadcrums .breadcrums_out .breadcrums_in .breadcrum a
{
	color: #FFFFFF;
}

.content_roadshow img 
{
	height: 100px; 
	width: 250px; 
	float: none;
	margin: 0px 0px 5px 0px;
	
}


.newsimage
{	
	border: solid 1px #DDDDDD;
	padding: 1px 1px 1px 1px;
}
