/****************************/
/***** Global Settings *****/
/****************************/

* {
	padding:0;
	margin:0;
    }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse:separate;
	border-spacing:0px;
	outline: 0;
}


/*.langcdcp{
	background-color:#6FC;
	color:#690;
	}*/

/* ************************************************** */
/* ******************* Basis ************************ */
/* ************************************************** */

body {
	font: 80%/1.6em Arial, Helvetica, sans-serif;
	background: url(../images/bg_site.gif) repeat;
	color: #555555;
}

/* ******************* LINK ************************ */

a {
	text-decoration:underline;
	color: #996600;
	}

/*a:link {
	text-decoration:none;
	color: #aa8104;
	}
a:visited 
	{
	text-decoration:none;
	color: #aa8104;
	}*/
a:hover {
	text-decoration:underline;
	color: #555555;
	}
/*a:active 
{
	text-decoration:none;
	color: #aa8104;
	}*/


a[href$="pdf"]:after,
a[href$="doc"]:after,
a[href$="xsl"]:after,
a[href$="ppt"]:after{
margin:0 0 0 3px;
font:normal 10px Arial, Helvetica, sans-serif;
content: " (PDF)";
}
a[href$=".doc"]:after {content: " (DOC)";}
a[href$=".xsl"]:after {content: " (XSL)";}
a[href$=".ppt"]:after {content: " (PPT)";}

/* ***************** HEADINGS + Titles ******************** */

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
	padding:0px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color: #aa8104;
	margin-bottom: 10px;
}

h2 {
	padding:0px;
	color: #555555;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
}

h3 {
	padding:0px 0;
	color: #aa8104;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
}
h4 {
	padding:0px 0;
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #555555;
	margin-bottom: 5px;
}
h5 {
	padding:0px 0px 5px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #555555;
	margin-bottom: 10px;
	border-bottom:1px dotted #555555;
}

h6 {
	padding:0px 0px 5px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #aa8104;
	margin-bottom: 10px;
	border-bottom:1px dotted #cc9900;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
/*cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;*/
}


.note{
	color: #555555;
	font-size: 10px;
}

.yellow{color: #aa8104;}

.topbold{
	font-size: 16px;
	font-weight: bold;
	}


.cijfer{
	font-size:2.4em;
	line-height:2em;
	}
/* ******************* GLOBAL TAGS ************************ */
.hr {

	width: 100%;

	height: 1px;

	border-style: dashed none none;

	border-width: 1px 0 0;

	border-color: #ccc

}
p, ul, ol {
	margin:0;
	padding:0;
}

ul, ol {
	padding:0;
}

img {
	border:0;

}

.line{
	background: url(../images/dottedline.gif) repeat-x;
	height:3px;
	margin-bottom: 5px;
}


/* ******************* GLOBAL CLASSES ******************** */


.clear 			{ 
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px;

 }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }
.uppercase{
	text-transform: uppercase;
}

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

.pic {
	border-top: 1px solid #e8e6dc;
	border-right: 1px solid #d1cec0;
	border-bottom: 1px solid #d1cec0;
	border-left: 1px solid #e8e6dc;
}



.spacer {

	width: 1px;

	float: left;

	display: block;

	margin: 0px 14px 0px 15px;

	padding: 0px;

}
.space  { padding: 5px }

.space2 { padding: 10px }

.space3 { padding: 20px }


.bottomspace{
	padding-bottom:10px;
	}

.topspace{
	padding-top:5px;
	}

.arrowlist{
	margin:0;
	padding:0;
	list-style: url(../images/icons/icon_arrowyellow_right.gif) none inside;
}



/* ************************************************** */	
/* ******************* FRAMEWORK ******************** */
/* ************************************************** */

#wrapper     {
	width: 985px; /* aXe +1 px : orig 980 */
	margin: 0px auto;
	position: relative;
	background: #FFFFFF;
	border-right: 1px solid #e8e6dc;
	border-bottom: 1px solid #e8e6dc;
	border-left: 1px solid #e8e6dc;
	padding: 10px;
	}

/* ************************************************** */
/* ******************* TOP ************************** */
/* ************************************************** */

#top{
	background: url(../images/bg_top.jpg);
	margin-bottom: 10px;
	height: 100px;
}

#logo  {
	height: 50px;
	width: 225px;
	position: absolute;
	top: 35px;
	left: 30px;
	z-index: 100;
}

#dealer{
	float: right;
	margin-right: 20px;
	margin-top: 5px;
	color: #FFFFFF;
	text-align: right;
}

.dealertitle{
	font-weight: bold;
	margin-bottom: 3px;
	font-size: 12px;
}

#subnavcont{}

#subnav{
	background: url(../images/bg_subnav.gif) no-repeat left -12px;
	text-align: right;
	height: 25px;
	float: right;
	padding: 0px 5px 2px 10px;
	color: #555555;
	font-weight: bold;
	font-size:11px;
}

.subnavLoginName {
	font-weight: normal;
}
	
.subnavitems{
	
}
.subnavitems a{
	color: #555555;
	text-decoration:none;
}

.subnavitems a:hover{
	color: #aa8104;
}



.shop{
	color: #aa8104;
	text-decoration: none;	
}

.shop a{
	color: #aa8104;
	text-decoration:none;
}

.shop a:hover{
	color: #555555;
}


/* ******************* STYLESWITCH ************************** */

#styleswitch{
	position: absolute;
	top: 45px;
	right: 10px;
	width:65px;
	vertical-align: bottom;
	display: block;
	z-index: 300;
}

.normal {
	float: left;
	height: 15px;
	width: 15px;
	text-align: center;
	font-size: 11px;
	color:#FFFFFF;
	/* border: 1px solid #FFFFFF;*/
	margin-right: 5px;
	padding-top: 2px;
}
.normal a {
	height: 15px;
	width: 15px;
	color:#FFFFFF;
}
.normal a:hover {
	height: 15px;
	width: 15px;
	color:#e9b026;
	background: #e9b026;
}
.bigger {
	float: left;
	height: 15px;
	width: 15px;
	text-align: center;
	font-size: 13px;
	color:#FFFFFF;
	/*border: 1px solid #FFFFFF;*/
	margin-right: 5px;
	vertical-align: bottom;
	padding-top: 1px;
}
.bigger a {
	
	height: 15px;
	width: 15px;
	color: #FFFFFF;
}
.bigger a:hover {
	float: left;
	height: 15px;
	width: 15px;
	color:#E0A71A;
	font-size: 13px;
	background: #cc9900;
}
.biggest {
	float: left;
	height: 15px;
	width: 15px;
	text-align: center;
	font-size: 15px;
	color:#FFFFFF;
	vertical-align: bottom;	/*border: 1px solid #FFFFFF;*/
}
.biggest a {
	height: 15px;
	width: 15px;
	font-size: 15px;
	color: #FFFFFF;
}
.biggest a:hover {
	height: 15px;
	width: 15px;
	font-size: 15px;
	color:#cc9900;
}



/* ************************************************** */
/* ******************* NAV ************************** */
/* ************************************************** */

#nav   {
	margin: 10px 0px 0px;
	padding: 0px 0px 0px 10px;
	color: #FFFFFF;
	width: 970px;
	font-size: 10px;
	text-align: right;
	height: 20px;
	font-weight: bold;
	position: absolute;
	z-index: 200;
	top: 75px;
}

#nav a {
	color: #FFFFFF;
	text-decoration: none;
}

#nav a:hover {
	color: #e9b026;
	text-decoration: none;
}

#navitem ul {
	white-space: nowrap;
	list-style: none;
	margin: 0px;
	padding: 10px 0px 0px;
}



#navitem li {
	display: inline;
	list-style: none;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
	border-left: 1px solid #FFFFFF;
	text-transform: uppercase;
}


#navitem .navactif{
	color: #e9b026;
	text-decoration: none;
}

#navitem .navactif a {
	color: #e9b026;
	text-decoration: none;
}

#navitem .navactif a:hover {
	color: #FFFFFF;
	text-decoration: none;
}





/* ************************************************** */
/* ******************* CONTENT *********************** */
/* ************************************************** */

#main   {
	margin: 0px 0px 10px;
	padding: 0px;
	background: url(../images/bg_content.gif) repeat-y;
	width: 985px; /* aXe + 1px -> orig 980 */
}
.middlecontent{
	float: left;
	width: 460px;
	margin-right: 10px;
}
.rightcontent{
	float: left;
	width: 275px;
}


/* ************************************************* */
/* ******************* PRODNAV ********************* */
/* ************************************************* */


#prodnavi{
	float: left;
	width: 223px;
	margin-right: 10px;
	background: #f2f0df;
	border-top: 1px solid #e8e6dc;
	border-right: 1px solid #e8e6dc;
	border-left: 1px solid #e8e6dc;
	border-bottom: 0px none;
		
}

.prodnav{
	width: 223px;
	font-size: 11px;
	border-bottom: 1px dotted #999;
	background-color:#efebd6;
	}



/* ******************* LEVEL 1 ********************* */

.level1{

	margin:0px;

	padding:0px;

	text-indent:0px;

}



.level1 li {
	width: 223px;
	display:block;
	padding: 0px;
	border-top: 1px dotted #999;
	text-indent: 0px;
	background-color:#efebd6;
}



.level1 li a{
	display:block;
	width: 213px;
	padding: 5px 0px 5px 10px;
	color: #555555;
	text-decoration:none;
	}



.level1 li a:hover{
	display:block;
	width: 213px;
	background-color:#faf9f4;
	padding: 5px 0px 5px 10px;
	color:#cc9900;
	text-decoration: none;
	}

	

	

/* ******************* LEVEL 2 ********************* */	

	

.level2{

	margin:0px;

	padding:0px;

	text-indent:0px;

	

}



.level2 li {
	width: 223px;
	display:block;
	padding: 0px;
	background-color:#f4f2e8;
	
}



.level2 li a{
	display:block;
	width: 223px;
	padding: 5px 0px;
	text-decoration: none;
	}



.level2 li a:hover{
	display:block;
	width: 223px;
	background-color:#efebd6;
	padding: 5px 0px;
	color:#cc9900;
	text-decoration: none;
	}







/* ******************* LEVEL 3 ********************* */	

.level3{

	margin:0px;

	padding:0px;

	text-indent:0px;

	

}



.level3 li {
	width: 223px;
	display:block;
	padding: 0px;
	text-indent: 10px;
	background-color:#faf9f4;
}



.level3 li a{
	display:block;
	width: 223px;
	padding: 5px 0px;
	text-decoration: none;
	}



.level3 li a:hover{
	display:block;
	width: 223px;
	background-color:#f4f2e8;
	padding: 5px 0px;
	color:#cc9900;
	text-decoration: none;
	}









/* ******************* LEVEL 4 ********************* */	

	

.level4{

	margin:0px;

	padding:0px;

	text-indent:0px;

	

}



.level4 li {
	width: 223px;
	display:block;
	padding: 0px;
	text-indent: 20px;
	background-color:#fff;
	
}



.level4 li a{
	display:block;
	width: 223px;
	padding: 5px 0px;
	text-decoration: none;
	}



.level4 li a:hover{
	display:block;
	width: 223px;
	background-color:#faf9f4;
	padding: 5px 0px;
	color:#cc9900;
	text-decoration: none;
	}


/* ******************* LEVEL 5 ********************* */	

	

.level5{

	margin:0px;

	padding:0px;

	text-indent:0px;

	

}



.level5 li {
	width: 223px;
	display:block;
	padding: 0px;
	text-indent: 30px;
	background-color:#fff;
	
}



.level5 li a{
	display:block;
	width: 223px;
	padding: 5px 0px;
	text-decoration: none;
	color:#cc9900;
	}



.level5 li a:hover{
	display:block;
	width: 223px;
	background-color:#faf9f4;
	padding: 5px 0px;
	color:#555555;
	text-decoration: none;
	}






#content   {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 745px;
}


.contentzoneul ul{
	margin-left: 20px;
	}

#contentzone #tabs ul{
	margin-left:0px;
	}

/*#contentzone ul{
	margin-left: 20px;
}

#contentzone ol{
	margin-left: 20px;
}*/
.dotarrow li{
	list-style: url(../images/icons/icon_arrow_dot.gif) none inside;
	margin: 0px;
	padding: 0px;
}

.contenthalf{
	float:left;
	width:340px;
}


/* ************************************************** */
/* ******************* HOMEPAGE ********************* */
/* ************************************************** */


/* ******************* HOMENEWS ********************* */
.homenews{
	border: 1px solid #e8e6dc;
	background: #faf9f2;
	padding: 10px;
	}

.listcont{
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(../images/dottedline.gif) repeat-x bottom;
	cursor:pointer;
	width: 438px;
}

.listcont:hover{
	cursor:pointer;
	background-color:#F2F0DE;
}
.listpic{
	float: left;
	width: 82px;
	margin-right: 15px;
	background: #FFFFFF;
	border-top: 1px solid #e3e1e1;
	border-right: 1px solid #d1cec0;
	border-bottom: 1px solid #d1cec0;
	border-left: 1px solid #e3e1e1;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
}


.listtxtcont{
	float: left;
	width: 315px;
}

.listtitle{
	font-weight: bold;
	padding-bottom: 5px;
	color: #aa8104;
}

.listtitle a{
	color: #aa8104;
	text-decoration: none;
}

.listtitle a:hover{
	color: #6B6154;
	text-decoration: none;
}

.listdate{
	color: #999999;
	font-weight: normal;
	font-size: 11px;
}

.listtxt{
	margin-bottom: 5px;
}

.listlink{
	float: left;
	margin-left: 5px;
}


/* ******************* SFEERBOX ********************* */

#sfeerbox, .sfeerbox{
	background: #fcfcfc;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #e8e6dc;
	border-bottom: 1px solid #e8e6dc;
	border-left: 1px solid #e8e6dc;
	width: 273px;
	height: 360px;
	overflow: hidden;
	
}

/* ******************* TODAY ********************* */

#today{
	margin-top: 10px;
	border: 1px solid #e8e6dc;
	padding: 10px;
	background: #fcfcfc;
	color: #6A6054;
}

.todayspace{
	margin-bottom: 5px;
}

/* ************************************************** */
/* ******************* SUBPAGES ********************* */
/* ************************************************** */

#titlebar{
	width: 725px;
}

/* ******************* Breadcrumb ********************* */
#breadcrumb {
	font: 12px Arial, Helvetica, sans-serif;
	background-image:url(../images/bc_bg.gif);
	background-repeat:repeat-x;
	height:30px;
	line-height:30px;
	color:#888;
	border:solid 1px #dddddd;
	width:740px;
	overflow:hidden;
	margin:0px 0px 10px;
	padding:0px;
}


ul#breadcrumb{
	margin-left:0px;
	}
#breadcrumb li {
    list-style-type:none;
    padding-left:10px;
	display:inline-block;
	float:left;
}

#breadcrumb a, #breadcrumb .next {
	display:inline-block;
	background-image:url(../images/bc_separator.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right: 15px;
	text-decoration: none;
	color:#555555;
	outline:none;
}

#breadcrumb a:hover {
	color:#DFA519;
}

#breadcrumb .status{
	color:#996600;
}

#breadcrumb .status a{
	color:#996600;
}
	
#breadcrumb .status a:hover{
	color:#555555;
	}



/* ******************* Breadcrumb ********************* */
#tap {
	font: 12px Arial, Helvetica, sans-serif;
	height:30px;
	line-height:30px;
	color:#888;
	/*border-bottom:solid 1px #dddddd;
	width:740px;*/
	overflow:hidden;
	margin:0px 0px 0px;
	padding:0px;
	
}


ul#tap{
	margin-left:-5px;
	
	}
#tap li {
    list-style-type:none;
    padding-left:10px;
	display:inline-block;
	float:left;
	border-top:solid 1px #dddddd;
	border-right:solid 1px #dddddd;
	border-left:solid 1px #dddddd;
	border-bottom:solid 1px #dddddd;
	background: url(../images/bg_beigebar.gif) repeat-x;
	margin-left:5px;
}

#tap a, #tap .next {
	display:inline-block;
	/*background-image:url(../images/bc_separator.gif);*/
	background-repeat:no-repeat;
	background-position:right;
	padding-right: 15px;
	text-decoration: none;
	color:#555555;
	outline:none;
}

#tap a:hover {
	color:#DFA519;
}

#tap .status{
	color:#555555;
	background: url(../images/bg_yellowbar.gif);
}

#tap .status a{
	color:#555555;
	/*font-weight:bold;*/
}
	
#tap .status a:hover{
	color:#8e6929;
	}




/* ******************* YEllOWBAR ******************* */
.yellowbar{
	background: url(../images/bg_yellowbar.gif);
	padding: 10px;
	color: #FFFFFF;
}

.yellowbar .headtitle{
	text-transform: uppercase;
}


#crumb{
	float: left;
	width: 445px;
	color: #FFF;
}

#crumb a{
	color: #FFF;
	text-decoration: none;
}

#crumb a:hover{
	color: #555555;
	text-decoration: none;
	}

#search{
	float: right;
	width: 275px;
	text-align: right;
}

/* ******************* BEIGEBAR ******************* */
.beigebar{
	background: url(../images/bg_beigebar.gif);
	padding: 10px;
	color: #555555;
	
}

.beigebar .headtitle{
	text-transform: uppercase;
}



/* ******************* EXTRANAV ********************* */

.extranav{
	margin-bottom: 10px;
	margin-top: 10px;
}

.extranav a{color: #555555;
	text-decoration: none;}

.extranav a:hover{color: #aa8104;text-decoration: none;}

.extraleft{
	float: left;
	width: 350px;
}

.extraright{
	float: right;
	width: 370px;
	text-align: right;
}

.shortextrarigh{
	float: right;
	width: 200px;
	text-align: right;
}

/* ******************* NEWS ********************* */


.newslistcont{
	background: url(../images/dottedline.gif) repeat-x bottom;
	cursor:pointer;
	padding: 10px 5px;
	width: 710px;
}

.newslistcont:hover{
	cursor:pointer;
	background-color:#F2F0DE;
}
.newslistpic{
	float: left;
	width: 82px;
	margin-right: 15px;
	background: #FFFFFF;
	border-top: 1px solid #e3e1e1;
	border-right: 1px solid #d1cec0;
	border-bottom: 1px solid #d1cec0;
	border-left: 1px solid #e3e1e1;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
}


.newslisttxtcont{
	float: left;
	width: 580px;
}

.newslisttitle{
	font-weight: bold;
	padding-bottom: 5px;
	color: #aa8104;
}

.newslisttitle a{
	color: #555555;
	text-decoration: none;
}

.newslisttitle a:hover{
	color: #aa8104;
	text-decoration: none;
}

.newslistdate{
	color: #999999;
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 5px;
}

.newslisttxt{
	margin-bottom: 5px;
}

.newslistlink{
	float: left;
	margin-left: 5px;
}


/* ******************* EVENT ********************* */

.eventlistcont{
	background: url(../images/dottedline.gif) repeat-x bottom;
	cursor:pointer;
	padding: 10px 5px;
	width: 710px;
}

.eventlistcont:hover{
	cursor:pointer;
	background-color:#F2F0DE;
}
.eventlistpic{
	float: left;
	width: 82px;
	margin-right: 15px;
	background: #FFFFFF;
	border-top: 1px solid #e3e1e1;
	border-right: 1px solid #d1cec0;
	border-bottom: 1px solid #d1cec0;
	border-left: 1px solid #e3e1e1;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
}


.eventlisttxtcont{
	float: left;
	width: 575px;
}

.eventlisttitle{
	font-weight: bold;
	padding-bottom: 5px;
	color: #aa8104;
}

.eventlisttitle a{
	color: #555555;
	text-decoration: none;
}

.eventlisttitle a:hover{
	color: #aa8104;
	text-decoration: none;
}

.eventlistdate{
	float: left;
	width: 100px;
	margin-right: 15px;
}

.eventlisttxt{
	margin-bottom: 5px;
}

.eventlistlink{
	float: left;
	margin-left: 5px;
}


/* ******************* PROD ********************* */

.prodlistcont{
	margin-bottom: 10px;
	background: url(../images/dottedline.gif) repeat-x bottom;
	cursor:pointer;
	padding: 5px 5px 10px;
}

.prodlistcont:hover{
	cursor:pointer;
	background-color:#FFF;
}
.prodlistpic{
	float: left;
	width: 82px;
	margin-right: 15px;
	background: #FFFFFF;
	border-top: 1px solid #e3e1e1;
	border-right: 1px solid #d1cec0;
	border-bottom: 1px solid #d1cec0;
	border-left: 1px solid #e3e1e1;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
}

.prodlisttxtcont{
	float: left;
	width: 550px;
}

.prodlisttitle{
	font-weight: bold;
	padding-bottom: 5px;
	color: #aa8104;
}

.prodlisttitle a{
	color: #aa8104;
	text-decoration: none;
}

.prodlisttitle a:hover{
	color: #6B6154;
	text-decoration: none;
}

.prodlistdate{
	float: left;
	width: 100px;
	margin-right: 15px;
}

.prodlisttxt{
	margin-bottom: 5px;
}

.prodlistlink{
	float: left;
	margin-left: 5px;
}

.prodcont{
	margin-top: 10px;
	background: url(../images/bg_prodcont.gif) repeat-y;
	width: 745px;
}

.prodzone{
	float: left;
	width: 535px;
	margin-right: 10px;	
}

.prodleft{
	float: left;
	width: 200px;
}

.prodright{
	float: left;
	width: 332px;
}


.quickshop{
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e8e6dc;
	background: #f3f0df;
}


.prodaccess{
	float: left;
	width: 200px;
	
}

/* ******************* PRODUCTS ********************* */
.productbox{
	padding:0px;
	border: 1px solid #e8e6dc;
	background-color:#faf9f4;
	}
.productbox2{
	padding:0px;
	border: 1px solid #e8e6dc;
	background-color:#fff;
	}
.productbox:hover{
	border: 1px solid #cc9900;
	background: #F2F0DF;
}
.productbox2:hover{
	border: 1px solid #cc9900;
	background: #faf9f4;
	}
.productbox3{
	padding:0px;
	border: 1px solid #e8e6dc;
	background-color:#fff;
	}
.productitem{}
.productpic{
	text-align: center;
	background-color:#FFF;
	margin-bottom:5px;
	border-bottom: 1px solid #e8e6dc;
	height: 180px;
	overflow: hidden;
}
.producttitle{
	font-weight: bold;
	font-size: 10px;
}
.producttitle a{
	text-decoration:none;
	color:#555555;
}

.producttitle a:hover{
	text-decoration:none;
	color:#cc9900;
}

.producttxt{
	font-size: 10px;
}

.producttxt a{
	text-decoration:none;
	color:#555555;
	}

.producttxt a:hover{
	text-decoration:none;
	color:#cc9900;
	}

.productprice a,.productprice_selected a,.productprice2 a,.productprice3 a,.productprice3_selected a{
	text-decoration:none;
	color:#555555;
	}

.productprice{
	text-align: right;
	color: #555555;
	font-weight: bold;
}

.productprice_selected{
	text-align: right;
	color: #FFF;
	font-weight: bold;
}

.productprice2{
	text-align: right;
	color: #E6AD22;
	font-weight: bold;
	background-color:#faf9f4;
	border-top: 1px solid #e8e6dc;
}

.productprice3{
	background-color:#faf9f4;
	border-top: 1px solid #e8e6dc;
}

.productprice3_selected{
	background-color:#E6AD22;
	color: #FFF;
	border-top: 1px solid #e8e6dc;
}
.productprice3_selected .productprice{
	text-align: right;
	color: #FFF;
	font-weight: bold;
}

.priceoffer{
	font-weight: bold;
	color: #C00;
}


.productpleft{
	float: left;
	width: 110px;
	font-size: 10px;
}
.productpright{
	float: left;
	width: 110px;
	text-align: right;
}

/* ******************* ACCESSOIRES ********************* */

.accesscont {
	margin-bottom: 5px;
}                        	
.accesspic {
	float: left;
	width: 60px;
	margin-right: 10px;
}
.accesstxtcont{
	float: left;
	width: 115px;
}
.accesstitle{
	color: #555555;
}

.accesstitle a {
	color: #555555;
	text-decoration: none;
}

.accesstitle a:hover {
	color: #DDA316;
	text-decoration: none;
}

.accessprice{
	color: #aa8104;
}
.accesscount{}


/* ******************* RELATED ********************* */

/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 646px;	 
	height:100px;	
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {
	position:absolute;
	width:20000em;
	clear:both;
	border:1px solid #e8e6dc;
}


#thumbs div table a{
	
	color:#555;
	text-decoration:none
	}
/* custom positioning for navigational links */
a.prev, a.next {
	
}



/* single item */
#thumbs div {
	float:left;
	width:213px;
	background:#FFF;
	color:#555;
	border-left:1px solid #e8e6dc;
	cursor:pointer;
	height:100px;
}

/* style when mouse is over the item */
#thumbs div.hover {
	background: #F3F0DF;
}

/* style when element is active (clicked) */
#thumbs div.active {
	background-color:#F3F0DF;
	cursor:default;
}

#thumbs h3, #thumbs p, #thumbs span {
	margin:13px;
	/* font-size:13px; */
	color:#555;
}

#thumbs h3 em {
	font-style:normal;
	color:#555;
}

.half{
	float:left;
	width:47%;
	}


/* ******************* FAQ ****************** */

.panel {
	margin: 0px;
	background: #FFFFFF;
	padding: 0px;
	width: 745px;
}
.panelclose, .panelopen {
	padding: 5px;
	text-align: left;
	background: #FAF9F2 url(../images/panel_btn_open.gif) no-repeat right bottom;
	font-size: 11px;
	border-top: 0px solid #eeeded;
	border-right: 1px solid #eeeded;
	border-bottom: 1px solid #eeeded;
	border-left: 1px solid #eeeded;
}
.panelopen {
	cursor: pointer;
	background: #FFF url(../images/panel_btn_open.gif) no-repeat right center;
	margin: 0px;
	padding: 5px;
}
.panelclose {
	cursor: pointer;
	background: #FAF9F2 url(../images/panel_btn_close.gif) no-repeat right top;
	color: #555555;
}




.panelcontent{
	font-size: 11px;
	padding: 5px;
	border-right: 1px solid #eeeded;
	border-bottom: 1px solid #eeeded;
	border-left: 1px solid #eeeded;
	border-top: 0px solid #fff;
}

.panelcont{
	margin-bottom: 5px;
	font-weight: bold;
	padding: 5px;
}

.panelnr{
	float: left;
	width: 80px;
	margin-right: 20px;
}

.paneltitle{
	float: left;
	width: 580px;
}

.paneltitle a{
	color: #555555;
	font-weight: bold;
	text-decoration: none;
}

.paneltitle a:hover{
	color: #DEA417;
	text-decoration: none;
}


.paneltxt{
	width: 580px;
	margin-left: 90px;
}


.panelfeedbackcont{
	margin-bottom:10px;
	margin-top:10px;
	padding-top:10px;
	border-top: 1px dotted #CCCCCC;
	color: #999999;
	}

.panelfeedbacktxt{
	float:left;
	width:200px;
	}

.panelfeedbackbtn{
	float:left;
	width:150px;}


/* ******************* PICS ************************ */

.picbox{
	position:relative;
	float: right;
	width: 300px;
	padding: 0px;
	margin: 0px;
	left: 20px;
	bottom: 20px;
	top: 0px;
	right: 20px;
	z-index: 200;
	display: block;
}

.picbox2{
	width: 200px;
	margin-bottom: 5px;
	padding: 0px;	
}

.picbig{
	margin-bottom: 5px;
}

.detailPicBox{
    margin: 0px;
	padding: 0px;
	width: 200px;
	/*height: 360px;*/
	max-height:350px;
	overflow: hidden;
	
	
}

.picthumbs{}

.picth{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

/* ************************************************** */
/* ******************* BOXEN ************************ */
/* ************************************************** */

.box1{
	border: 1px solid #e8e6dc;
	background: #faf9f2;
	padding: 10px;
	margin-bottom:10px;
	}


.box2{
	border: 1px solid #e8e6dc;
	background: #fff;
	padding: 10px;
	margin-bottom:10px;
	}


.box3{
	border: 1px solid #e8e6dc;
	background: #fff;	
	}
.box3top{
	background-color:#e8e6dc;
	font-weight: bold;
	}

.box4{
	border: 1px solid #e8e6dc;
	background: #fff;
	margin-bottom:10px;
	}
.box4top{
	background: #f2f0df;
	font-weight: bold;	
	}
.box5{
	border: 1px solid #e8e6dc;
	background: #fff;
	padding: 0px;	
	}
.box6{
	border: 1px solid #e8e6dc;
	background: #fdf2d6;
	padding: 0px;
	}

/* ************************************************** */
/* ******************* FORM ************************ */
/* ************************************************** */
form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
font:1em arial, helvetica, sans-serif;
}

textarea {
line-height:1.25;
}

.verplicht{
	color: #FF0000;
}



/* ************************************************** */
/* ******************* BUTTONS *********************** */
/* ************************************************** */


/* ******************* seachbtn *********************** */
.searchbtn {
	font-size: 10px;
	}
.searchbtn a{
	margin-left: 10px;
	color: #FFF;
	text-decoration: none;
}
.searchbtn a:hover{
	filter:alpha(opacity=30);
	opacity: 1.0;
	-moz-opacity:1.0;
	background:#FC0
}

.searchinput{
	width: 220px;
}

.searchinput2{
	width: 150px;
}

.lengthunit{
	width: 50px;
}


/* ******************* FAQbtn *********************** */

a.btn {
	background: transparent url(../images/bg_button_a.gif) no-repeat scroll top right;
	color: #444;
	display: block;
	font: normal 12px arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	float: right;
}

a.btn span {
    background: transparent url(../images/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.btn:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.btn:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}


a.btn2 {
	background: transparent url(../images/bg_button_a.gif) no-repeat scroll top right;
	color: #444;
	display: block;
	font: normal 12px arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	float: left;
}

a.btn2 span {
    background: transparent url(../images/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.btn2:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.btn2:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}


a.btn2_selected {
	background: transparent url(../images/bg_button_a2_selected.gif) no-repeat scroll top right;
	color: #444;
	display: block;
	font: normal 12px arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	float: left;
}

a.btn2_selected span {
   background: transparent url(../images/bg_button_span2_selected.gif) no-repeat;
   display: block;
   line-height: 14px;
   padding: 5px 0 5px 18px;
}

a.btn2_selected:active {
   background-position: bottom right;
   color: #000;
   outline: none; /* hide dotted outline in Firefox */
}

a.btn2_selected:active span {
   background-position: bottom left;
   padding: 6px 0 4px 18px; /* push text down 1px */
}

/* ******************* BUTTONS *********************** */

.buttons a, .buttons button{
	display:block;
	float:left;
	margin:0 7px 0 0;
	background-color:#f9d782;
	border:1px solid #b5b5b5;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	font-family: Arial, Verdana, sans-serif;
	font-size:100%;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	cursor:pointer;
	padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:24px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
	color:#555555;
}
.buttons a.positive:hover, button.positive:hover{
	background-color:#F2F0DF;
	border:1px solid #b5b5b5;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	color:#555555;
}
.buttons a.positive:active{
	background-color:#F2F0DF;
	border:1px solid #999;
	color:#555555;
}

/* NEGATIVE */

button.positive, .buttons a.positive{
	color:#555555;
}
.buttons a.positive:hover, button.positive:hover{
	background-color:#F2F0DF;
	border:1px solid #b5b5b5;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	color:#555555;
}
.buttons a.positive:active{
	background-color:#F2F0DF;
	border:1px solid #999;
	color:#555555;
}


/* ******************* PAGES ********************* */

.pagestxt{
	text-align:right;
	width: 150px;
	float: right;
}
.pagestxt2{
	text-align:left;
	width: 150px;
	float: left;
}
.pages{
	float: right;
}

.pages2{
	
}


.pages ul, .pages2 ul{
	list-style: none;
	margin:0px;
	padding:0px;
}

.pages ul li, .pages2 ul li {
	list-style: none;
	display: inline;
}

.pages a, .pages2 a{
	text-decoration:underline;
	color: #555555;
	padding:1px 4px;
	background: #fff;
	border: 1px solid #FFF;
	}

.pages a:hover, .pages2 a:hover{
	text-decoration:none;
	color: #FFF;
	border:1px solid #555555;
	padding:1px 4px;
	background: #EEB62F;
	}

.pages .selected, .pages2 .selected{
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
	color: #FFF;
}
.pages .selected a, .pages2 .selected a{
	text-decoration:none;
	color: #555555;
	border:1px solid #555555;
	padding:1px 4px;
	background: #fff;
	}
.pages .selected a:hover, .pages2 .selected a:hover{
	text-decoration:none;
	color: #FFF;
	border:1px solid #555555;
	padding:1px 4px;
	background: #EEB62F;
	}


/* ************************************************** */
/* ******************* FOOTER *********************** */
/* ************************************************** */

#footer{
	margin: 0;
	padding: 10px;
	background: #847c72;
	color: #FFFFFF;
	border: 1px solid #e8e6dc;
	font-size: 10px;
}


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

#footer a:hover {
	text-decoration: none;
	color: #e9b026;
}

#footer .navactif{
	color: #e9b026;
	text-decoration: none;
}

#footer .navactif a {
	color: #e9b026;
	text-decoration: none;
}

#footer .navactif a:hover {
	color: #FFFFFF;
	text-decoration: none;
}


/* ******************* FOOTERNAV ******************** */


#footernav ul {
	white-space: nowrap;
	list-style: none;
	margin: 0px;
	padding: 0px;
}



#footernav li {
	display: inline;
	list-style: none;
	color: #FFFFFF;
	padding-right: 7px;
	padding-left: 7px;
	margin: 0px;
	border-right: 1px solid #FFFFFF;
}




/* ************************************************** */
/* ******************* DEALERINFO *********************** */
/* ************************************************** */

#dealerinfo{
	margin: 10px auto 20px;
	padding: 10px;
	background: #FFFFFF;
	color: #555555;
	border: 1px solid #e8e6dc;
	width: 980px;
	font-size: 10px;
}

#dealerinfo a {
	text-decoration: underline;
	color: #aa8104;
}

#dealerinfo a:hover {
	text-decoration: none;
	color: #847C72;
}


/* ******************************************** */
/* ******************* STUFF ****************** */
/* ******************************************** */

.printheader{
	border-bottom: 1px dotted #CCC;
	margin-bottom: 10px;
}



/* ******************* WESTSITE ****************** */

.westsite {
	text-align: right;
	float: right;
	margin: 0px;
	padding: 0px;
	}

/* ******************* SCRIPTING ****************** */

.formfielderror {
  /*background: #FF727C;*/
  border:2px solid #FF727C;
  color:#FF727C;
  font-weight:bold;
}
.formfieldrequired {background: #F4F2E8}
.txtalert {
	color: #FF727C;
	font:bold 14px/1.2em Arial, Helvetica, sans-serif
}
.active { color: #737476; }

#searchByContainer {
	  position:absolute;
	  /*left:-10px;*/
	  right: 0px;
	  top:30px;
	  width:235px;
	  z-index:1000;
	  background-color: #E9B026;
	  border:0px solid #E8E6DC;
	  opacity: 0.9;
	  padding: 10px;
	  margin: 0px;
	  text-align: left;
	  display: none;
	}