body{
	margin: 0;
	padding: 0;
	background: url(../images/bg_red.jpg) repeat top center;
	background-attachment: fixed;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	color: #333;
}

html{}

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

/* layout
------------------------------------------------ */
#wrap{
	
}

header, nav, aside, section, footer{
	display: block;
}

	header#top{
		background: url(../images/bg_light.jpg) repeat top center;
		color: #fff;
		position: relative;
		padding:  0;
		margin-top: 10px;
		height: 339px;
		box-shadow: 0 0 10px rgba(0,0,0,0.4);
	}
		
		header#top .vlag{
			display: block;
			background: url(../images/vlag.png) repeat-x top center;
			width: 100%;
			height: 28px;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1000;
		}
	
		header#top .inner{
			width: 970px;
			height: 339px;
			margin: 0 auto;
			position: relative;
			z-index: 101;
		}
		
		header#top #logo{
			/* padding: 29px 20px; */
            padding: 43px 0;
		}

		header#top #img{
			position: absolute!important;
			top: 0!important;
			left: 0!important;
			z-index: 100;
			width:  100%;
			height: 339px;
		}

			header#top #img span{
				height: 339px;
				width: 100%;
				display:  block;
				z-index: 100;
			}

			header#top #img .img1{
				background:  url(../images/f_foto1.jpg) no-repeat center;
			}

			header#top #img .img2{
				background:  url(../images/f_foto2.jpg) no-repeat center;
			}

			header#top #img .img3{
				background:  url(../images/f_foto3.jpg) no-repeat center;
			}
	
	#main{
		padding: 0;
		overflow: hidden;
		zoom: 1;
	}
		
		section#content{
			padding: 20px;
			line-height: 1.5em;
		}
		
			#homepage section#content{
				padding: 0;
				margin: 0;
			}

			#subpage section#content{
				padding: 40px;
				margin: 40px auto 20px auto;
				width: 890px;
				background:  url(../images/bg_light.jpg) repeat top center;

				box-shadow: 0 0 10px rgba(0,0,0,0.4)
			}
				
				section#content #upper{
					width: 970px;
					min-height: 296px;
					margin: 0 auto;
					overflow: hidden;
					zoom: 1;
				}
				
					section#content #intro{
						padding: 30px;
						color: #fff;
						font-size: 1.3em;
						font-weight: lighter;
						line-height: 1.4em;
						float: left;
						width: 433px;
					}
					
					section#content #aanbod{
						padding: 30px 0 30px 30px;
					}
				
				section#content #bar{
					background: url(../images/bg_light.jpg) repeat top center;
				}
				
					section#content #bar .inner{
						width: 940px;
						margin: 0 auto;
						padding: 20px 0 20px 30px;
					}
					
					section#content #bar #social{}
					
						section#content #bar #social a{
							margin-right: 10px;
						}
					
					section#content #bar #volledigaanbod{
						float: right;
						width: 54%;
						height: 120px;
					}
					
						section#content #bar #volledigaanbod .imgs{
							position: relative;
							top: -80px;
						}
		
			.hr{
				margin: 20px 0;
				border-top: 1px solid #437EA1;
			}
			
				.hr hr{
					display: none;
				}
			
			.foto, .foto-l, .foto-r{
				padding: 0;
				margin-bottom: 10px;
			}
			
				.foto-l{
					float: left;
					margin-right: 10px;
				}
				
				.foto-r{
					float: right;
					margin-left: 10px;
				}
			
			#map{
				width:420px;
				height:250px;
				border:1px solid #999;
				margin-bottom: 10px;
			}
	
	footer#footer{
		color: #fff;
	}
	
		footer#footer .upper{
			width: 910px;
			margin: 0 auto;
			padding: 0 20px 40px 20px;
			color: #fff;
			font-size: 1.3em;
			line-height: 1.4em;
			font-weight: lighter;
		}
		
			footer#footer .upper img{
				float: right;
				margin-top: -10px;
			}
		
		footer#footer .bezoek, footer#footer .footer{
			background: url(../images/bg_light.jpg) repeat top center;
			color: #6c6a58;
		}
		
			footer#footer .bezoek .inner, footer#footer .footer .inner{
				width: 900px;
				margin: 0 auto;
				padding: 10px 0;
			}
			
		footer#footer .footer{
			font-size: 0.9em;
		}
		
		footer#footer .creatie{
			float: right;
		}

/* typo
------------------------------------------------ */
h1, h2, h3, h4, h5, h6{
	font-family: 'Oleo Script Swash Caps', cursive;
}

h1{
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 20px;
	line-height: 1.1em;
	color: #2A4E64;
}
	
	#content header{
		float:  right;
		width: 100%;
	}
	
		#content h1{
			color: #fff;
			display: block;
			text-decoration: none;
			padding: 0 57px 0 15px;
			margin: 0;
			border-top: 17px solid #c73436;
			border-bottom: 17px solid #c73436;
			border-right: 17px solid transparent;
			line-height: 0;
			position:  relative;
			left: -43px;
			top: -20px;
			float:  left;
		}

	header#top h1{
		padding: 10px;
		margin: 0;
		font-weight: normal;
		font-size: 1.7em;
		letter-spacing: normal;
		color: #fff;
	}

h2{
	font-size: 1.7em;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 20px;
	line-height: 1.1em;
	color: #407697;
}

	footer#footer .upper h2{
		color: #e0ddc7;
		font-size: 1.5em;
	}
	
	footer#footer .bezoek h2{
		color: #7d322b;
		font-size: 2em;
	}
	
	section#content #bar .inner h2{
		margin-top: 0;
		color: #7d322b;
		font-size: 2em;
	}

h3{
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 20px;
	line-height: 1.1em;
	color: #666;
}

h4{
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 20px;
	line-height: 1.1em;
	color: #7F9EB1;
}

h5{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 20px;
	line-height: 1.1em;
	color: #2A4E64;
}

h6{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 20px;
	line-height: 1.1em;
	color: #666;
}

p{
	margin-bottom: 10px;
}

	#footer .footer p{
		margin: 0;
	}

.mute{
	font-size: 0.9em;
	color: #666;
}

/* links
------------------------------------------------ */
a{
	color: #437EA1;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

	a.k{
		font-family: 'Oleo Script Swash Caps', cursive;
		display: block;
		font-size: 1.3em;
		padding: 20px;
		text-decoration: none;
		text-align: center;
	}
		
		#footer .bezoek a{
			margin-right: 15px;
		}
		
		#footer a.k{
			background: #f0eedf url(../images/vw-red.png) no-repeat 115% 50%;
			color: #753324;
			box-shadow: 0 0 8px rgba(0,0,0,0.4), inset 0 1px 0 #fff;
			width: 350px;
			
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			
			transition: all 0.2s ease-in;
			-webkit-transition: all 0.2s ease-in;
			-moz-transition: all 0.2s ease-in;
			-o-transition: all 0.2s ease-in;
		}
		
			#footer a.k:hover{
				background: #f0eedf url(../images/vw-red.png) no-repeat -20% 50%;
				box-shadow: none;
				
				transition: all 0.2s ease-in;
				-webkit-transition: all 0.2s ease-in;
				-moz-transition: all 0.2s ease-in;
				-o-transition: all 0.2s ease-in;
			}
			
		section#content #intro a.k{
			background: #d78500 url(../images/vw-red.png) no-repeat 115% 50%;
			color: #fff;
			box-shadow: 0 0 8px rgba(0,0,0,0.4), inset 0 1px 0 #dc9522;
			width: 350px;
			
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			
			transition: all 0.2s ease-in;
			-webkit-transition: all 0.2s ease-in;
			-moz-transition: all 0.2s ease-in;
			-o-transition: all 0.2s ease-in;
		}
		
			section#content #intro a.k:hover{
				background: #d78500 url(../images/vw-red.png) no-repeat -20% 50%;
				box-shadow: none;
				
				transition: all 0.2s ease-in;
				-webkit-transition: all 0.2s ease-in;
				-moz-transition: all 0.2s ease-in;
				-o-transition: all 0.2s ease-in;
			}

		section#content #bar #volledigaanbod a.k{
			float:right;
			background: #73b1c0 url(../images/vw-white.png) no-repeat 115% 50%;
			color: #175b6b;
			box-shadow: 0 0 8px rgba(0,0,0,0.4), inset 0 1px 0 #86bbc8;
			width: 145px;
			font-size: 1.7em;
			margin-top: 5px;
			
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			
			transition: all 0.2s ease-in;
			-webkit-transition: all 0.2s ease-in;
			-moz-transition: all 0.2s ease-in;
			-o-transition: all 0.2s ease-in;
		}

			section#content #bar #volledigaanbod .k:hover{
				background: #73b1c0 url(../images/vw-white.png) no-repeat -20% 50%;
				box-shadow: none;
				box-shadow: 0 0 2px rgba(0,0,0,0.4), inset 0 1px 0 #86bbc8;
				
				transition: all 0.2s ease-in;
				-webkit-transition: all 0.2s ease-in;
				-moz-transition: all 0.2s ease-in;
				-o-transition: all 0.2s ease-in;
			}

		section#content #aanbod ul li a{
			color: #ebe2dc;
			text-decoration:  none;
		}

	#footer a{
		color: #6c6a58;
	}

/* lists
------------------------------------------------ */
ul{
	list-style: none;
	margin: 0 0 10px 10px;
	padding: 0;
}

	ul li{
		background: url(../images/bull_default.png) no-repeat 0 8px;
		margin: 0 0 3px 0;
		padding: 0 0 0 10px;
	}
	
	section#content #aanbod ul{
		margin: 0;
		padding: 0;
	}
	
		section#content #aanbod ul li{
			margin: 0 10px 0 0;
			padding: 0;
			float: left;
			text-align: center;
			color: #fff;
			font-family: 'Sunshiney', cursive;
			font-size: 1.5em;
			width: 149px;
			color: #ebe2dc;
		}
		
			section#content #aanbod ul li .img{
				background: #fff;
				width: 139px;
				height: 139px;
				padding: 5px;
				display: block;
				text-align: center;
				position: relative;
			}
			
				section#content #aanbod ul li .img img{
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius: 3px;
				}
			
			
		
		section#content #aanbod ul li .img:after{
			content:".";
			width: 10px;
			height: 10px;
			background: url(../images/instagram.png) no-repeat center center;
			position: absolute;
			top: 5px;
			left: 5px;
			width: 139px;
			height: 139px;
			text-indent: -99999px;
		}

	ul#sitemap{
		margin-top: 40px;
	}

ol{
	margin: 0 0 10px 30px;
}

	ol li{
		margin: 0 0 3px 0;
	}

dl{}

	dl dt{}
	
	dl dd{}

/* forms
------------------------------------------------ */
.form-row{
	margin-bottom: 15px;
}

	.form-row .form-l{
		font-weight: bold;
		color: #444;
	}
	
	.form-row .form-r{}

.form_input_txt, .form_input_textarea{
	font-size: 1.1em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	border: 1px solid #ccc;
	background: #F6F7F1;
	padding: 8px;
	line-height: 1.1em;
	width: 530px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.knop-row{
	margin: 30px 0;
}

	input[type=submit], input[type=button]{
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		padding: 8px;
		line-height: 17px;
		font-weight: bold;
		color: #fff;
		text-transform: uppercase;
		border: none;
		background: #C73436;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		
		cursor: pointer;
		overflow: visible;
	}
	
		input[type=submit]:hover, input[type=button]:hover{
			background: #6e1c13;
		}

.captcha{
	overflow: hidden;
	zoom: 1;
	margin-bottom: 5px;
}

	.captcha img{
		float: left;
	}
	
	.captcha .txt{
		margin-left: 85px;
		line-height: 1.2em;
		font-size: 0.9em;
	}

label.error{
	font-weight: bold;
	color: #C00;
	font-size: 0.9em;
}

.messageBox{
	background: #f8f8f8;
	padding: 5px 8px;
	font-size: 0.9em;
	border: 1px solid #fff;
	margin-bottom: 10px;
	line-height: 1.3em;
	font-weight: bold;
	color: #444;
	text-shadow: 0 1px 0 #fff;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 0 2px #999;
	-webkit-box-shadow: 0 0 2px #999;
	box-shadow: 0 0 2px #ccc;
	
}
	

/* tables
------------------------------------------------ */
table{
	margin-bottom: 10px;
	border-top: 1px solid #437EA1;
	border-left: 1px solid #437EA1;
}
	
	table th, table td{
		background: #f6f7f1;
		border-bottom: 1px solid #437EA1;
		border-right: 1px solid #437EA1;
		text-align: left;
		padding: 2px 4px;
		font-size: 0.9em;
		color: #666;
	}
	
	table th{
		background: #97c2dc;
		color: #437EA1;
	}
	
	table td{
	}

/* navs
------------------------------------------------ */
nav#nav{
	position: absolute;
	bottom: -10px;
	left: 0;
	background: none;
	font-family: 'Oleo Script Swash Caps', cursive;
	font-weight:400;
	font-size: 2em;
}

	nav#nav ul{
		overflow: hidden;
		margin: 0;
		padding: 0;
		font-weight: bold;
		line-height: 34px;
		line-height: 0;
	}
	
		nav#nav ul li{
			margin: 0 0 0 -18px;
			padding: 0;
			background: none;
			float: left;
			position: relative;
		}
		
			nav#nav ul li:first-child{
				margin: 0;
				z-index: 1003;
			}
			
			nav#nav ul li:nth-child(2){
				z-index: 1002;
			}
			
			nav#nav ul li:nth-child(3){
				z-index: 1001;
			}
			
			nav#nav ul li:nth-child(4){
				z-index: 1000;
			}
		
		nav#nav ul li a{
			color: #fff;
			display: block;
			text-decoration: none;
			padding: 0 57px 0 15px;
			border-top: 17px solid red;
			border-bottom: 17px solid red;
			border-right: 17px solid transparent;
			
			transition: all 0.2s ease-in;
			-webkit-transition: all 0.2s ease-in;
			-moz-transition: all 0.2s ease-in;
			-o-transition: all 0.2s ease-in;
		}
		
			nav#nav ul li:first-child a{
				border-top: 17px solid #a76804;
				border-bottom: 17px solid #a76804;
				border-right: 17px solid transparent;
			}
			
			nav#nav ul li:nth-child(2) a{
				border-top: 17px solid #c73436;
				border-bottom: 17px solid #c73436;
				border-right: 17px solid transparent;
				padding-left: 25px;
			}
			
			nav#nav ul li:nth-child(3) a{
				border-top: 17px solid #d78500;
				border-bottom: 17px solid #d78500;
				border-right: 17px solid transparent;
				padding-left: 25px;
			}
			
			nav#nav ul li:nth-child(4) a{
				border-top: 17px solid #73b1c0;
				border-bottom: 17px solid #73b1c0;
				border-right: 17px solid transparent;
				padding-left: 25px;
			}
		
		nav#nav ul li a:hover, nav#nav ul li a.in{
			color: #333;
			border-top: 17px solid #f6f7f1;
			border-bottom: 17px solid #f6f7f1;
			border-right: 17px solid transparent;
			
			transition: all 0.2s ease-in;
			-webkit-transition: all 0.2s ease-in;
			-moz-transition: all 0.2s ease-in;
			-o-transition: all 0.2s ease-in;
		}
	
nav#funcnav{
	position: absolute;
	top: 10px;
	right: 10px;
}

	nav#funcnav ul{
		margin: 0;
		padding: 0;
		overflow: hidden;
		zoom: 1;
		font-weight: bold;
		font-size: 0.9em;
	}
	
	nav#funcnav ul li{
		margin: 0 0 0 10px;
		padding: 0;
		background: none;
		float: left;
	}
	
	nav#funcnav ul li a{
		color: #fff;
		text-decoration: none;
	}
	
	nav#funcnav ul li a:hover, nav#funcnav ul li a.in{
		color: #AAD4ED;
	}
	
nav#subnav{}

	nav#subnav ul{
		margin: 0;
		padding: 0;
		border-top: 1px dotted #ccc;
	}
	
	nav#subnav ul li{
		margin: 0;
		padding: 0;
		background: none;
		border-bottom: 1px dotted #ccc;
	}
	
	nav#subnav ul li a{
		display: block;
		padding: 5px 5px;
		text-decoration: none;
	}
	
		nav#subnav ul li a:hover, nav#subnav ul li a.in{
			background: #fff;
		}

.pagenav{
	font-size: 0.9em;
	font-weight: bold;
	margin: 30px 0;
}

	.pagenav .searchnav{
		overflow: hidden;
		zoom: 1;
	}
	
	.pagenav .searchnav a, .pagenav .searchnav span, .pagenav .searchnav strong{
		float: left;
		display: block;
		background: #9FC5DC;
		color: #fff;
		padding: 0 5px;
		margin-right: 4px;
		text-decoration: none;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		text-shadow: 0 -1px 0 #437EA1;
	}
	
		.pagenav .searchnav span{
			background: none;
			text-shadow: none;
			color: #9FC5DC;
		}
		
		.pagenav .searchnav a:hover, .pagenav .searchnav strong{
			background: #437EA1;
		}

/* skipNaft start
------------------------------------------------ */
a#skipnav{
	position: absolute;
	top: -999px;
	left: -999px;
}

a#skipnav:focus, a#skipnav:active, a#skipnav:hover{
	top: 0;
	left: 0;
	z-index: 9999;
	
	background: #fff;
	display: block;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	color: #333;
}

/* modules
------------------------------------------------ */
.i-tot{
	background: url(../images/i-tot.png) no-repeat 50% 50%;
	width: 15px;
	height: 14px;
	text-indent: -9999px;
	display: inline-block;
}

/* agenda(-detail)
------------------------------------------------ */
section#agenda, agenda-detail{}

	section#agenda article{
		margin-bottom: 40px;
	}
	
		section#agenda article header{
			margin-left: 120px;
		}
	
		section#agenda article h2{
			font-size: 1.2em;
			margin: 0 0 5px 0;
			font-weight: bold;
		}
	
	section#agenda .content{
		margin-left: 120px;
	}
	
		section#agenda-detail .content .location{
			margin-bottom: 10px;
			display: block;
		} 
	
	section#agenda footer, section#agenda-detail footer{
		background: #f8f8f8;
		font-size: 0.9em;
		padding: 5px 10px;
		border: 1px solid #eee;
		line-height: 1.3em;
		color: #666;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
		section#agenda footer .date{
			display: block;
		}
	
	section#agenda-detail article header{
		margin-bottom: 20px;
	}
	
		section#agenda-detail article header h1{
			margin-bottom: 5px;
		}
		
		section#agenda-detail article header .back{
			background: #F8F8F8;
			border: 1px solid #eee;
			padding: 0 8px;
			color: #666;
			font-weight: bold;
			float: right;
			font-size: 0.9em;
			text-decoration: none;
			
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
		}
		
			section#agenda-detail article header .back:hover{
				background: #fff;
			}
		
		section#agenda-detail article header .date{
			font-size: 0.9em;
			line-height: 1.3em;
			color: #2A4E64;
		}

/* blog(-detail)
------------------------------------------------ */
section#blog{}

	section#blog article{
		margin-bottom: 40px;
	}
	
	section#blog article header{}
	
	section#blog article header h2{
		font-size: 1.2em;
		margin: 0 0 5px 0;
		font-weight: bold;
	}
	
	section#blog article header .back{
		background: #F8F8F8;
		border: 1px solid #eee;
		padding: 0 8px;
		color: #666;
		font-weight: bold;
		float: right;
		font-size: 0.9em;
		text-decoration: none;
		
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	
		section#blog article header .back:hover{
			background: #fff;
		}
	
	section#blog footer{
		background: #f8f8f8;
		font-size: 0.9em;
		padding: 5px 10px;
		border: 1px solid #eee;
		line-height: 1.3em;
		color: #666;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
		section#blog footer .gebruiker, section#blog footer .date, section#blog footer .reactie{
			display: block;
		}
		
			section#blog footer .reactie{
				float: right;
			}
		
	section#comments{}
		
		section#comments article{
			margin: 0 0 10px 0;
		}
		
		section#comments article footer{
			background: none;
			border: none;
			border-bottom: 1px solid #eee;
			padding-bottom: 8px;
			position: relative;
			font-weight: bold;
		}
		
		section#comments article footer:after{
			content: "";
			position: absolute;
			bottom: 0;
			left: 13px;
			border-bottom: 5px solid #eee;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			
		}
		
			section#comments article footer .gebruiker, section#comments article footer .date{
				display: inline;
			}
		
		section#comments article .content{
			padding: 5px 10px;
		}

/* cataloog
------------------------------------------------ */
section#cataloog{}

	section#cataloog .dock{	}

		section#cataloog .dock:after{
			content: ".";
			clear:  both;
			display: block;
			height: 0;
			text-indent: -99999px;
		}

	section#cataloog article{
		width: 208px;
		float: left;
		margin: 0 19px 19px 0;
		padding: 0;
	}
	
	section#cataloog article.last{
		margin-right: 0;
	}

		section#cataloog .img{
			padding: 7px;
			background: #fff;
		}

			section#cataloog .img img{
				display: block;
			}
	
		section#cataloog article h2{
			margin: 0 0 7px 0;
			padding-top:  10px;
			font-family: 'Sunshiney', cursive;
			font-weight: 400;
			font-size: 1.6em;
			color:  #A76804;
			text-align: center;
		}
		
		section#cataloog article h2 a{
			text-decoration: none;
			color:  #A76804;
		}
	
	section#cataloog article .content{
		font-size: 0.9em;
		line-height: 1.4em;
	}
	
		section#cataloog article .content p{
			margin: 0;
		}

/* product
------------------------------------------------ */
section#product{}

	section#product article{}

		section#product article:after{
			content: ".";
			clear: both;
			display: block;
			height: 0;
			text-indent: -9999px;
		}
	
	section#product article header{}
	
	section#product article header .back{
		background: #C73436;
		background-attachment: fixed;
		padding: 0 10px;
		line-height: 30px;
		color: #fff;
		font-weight: bold;
		float: right;
		font-size: 0.9em;
		text-decoration: none;
		margin-top: -20px;
		box-shadow: inset  0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(0, 0, 0, 0.2);
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
		section#product article header .back:hover{
			background: #C73436;
			box-shadow: inset  0 1px 0 rgba(255, 255, 255, 0), 0 1px 0 rgba(0, 0, 0, 0);
		}
	
	section#product article .img{
		margin-bottom: 30px;
	}
	
		section#product article .img img{
			display: block;
			padding-top: 35px;
		}


		.container{
			width: 890px;
			height: 360px;
			padding: 30px 0;
		}

		#slides{
			display: none;
			position: relative;
			width: 890px;
	    }

	    .slidesjs-previous, .slidesjs-next{
	    	position:  absolute;
	    	top: 139px;
	    	z-index: 10000;
	    	left: 10px;
	    	background: rgba(255,255,255,0.4);
	    	width: 40px;
	    	height:  75px;
	    	text-indent: -99999px;

	    	-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;

			transition: all 0.2s ease-in;
			-webkit-transition: all 0.2s ease-in;
			-moz-transition: all 0.2s ease-in;
			-o-transition: all 0.2s ease-in;
	    }

		    .slidesjs-previous{
		    	background: rgba(255,255,255,0.6) url(../images/up-down.png) no-repeat 7px 16px;
		    	left: -40px;
		    }

		    .slidesjs-next{
		    	right: -40px;
		    	left: auto;
		    	background: rgba(255,255,255,0.6) url(../images/up-down.png) no-repeat -35px 16px;
		    }

		    #slides:hover .slidesjs-previous{
		    	left: 10px;
		    }

		    #slides:hover .slidesjs-next{
		    	right: 10px;
		    }

		    	.slidesjs-previous:hover{
			    	background: rgba(255,255,255,0.8) url(../images/up-down.png) no-repeat 7px 16px;

			    	transition: all 0.2s ease-in;
					-webkit-transition: all 0.2s ease-in;
					-moz-transition: all 0.2s ease-in;
					-o-transition: all 0.2s ease-in;
			    }

			    .slidesjs-next:hover{
			    	background: rgba(255,255,255,0.8) url(../images/up-down.png) no-repeat -35px 16px;

			    	transition: all 0.2s ease-in;
					-webkit-transition: all 0.2s ease-in;
					-moz-transition: all 0.2s ease-in;
					-o-transition: all 0.2s ease-in;
			    }


	section#product article .intro{
		float: left;
		width: 350px;
		font-size: 1.3em;
		line-height:  1.4em;
	}
	
		section#product article .intro a.k{
			background: #73b1c0 url(../images/vw-white.png) no-repeat 115% 50%;
			color: #175b6b;
			box-shadow: 0 0 8px rgba(0,0,0,0.4), inset 0 1px 0 #86bbc8;
			width: 100%;
			font-size: 1.2em;
			margin-top: 20px;
			padding-left: 0;
			padding-right: 0;
			
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			
			transition: all 0.2s ease-in;
			-webkit-transition: all 0.2s ease-in;
			-moz-transition: all 0.2s ease-in;
			-o-transition: all 0.2s ease-in;
		}

			section#product article .intro a.k:hover{
				background: #73b1c0 url(../images/vw-white.png) no-repeat -20% 50%;
				box-shadow: none;
				box-shadow: 0 0 2px rgba(0,0,0,0.4), inset 0 1px 0 #86bbc8;
				
				transition: all 0.2s ease-in;
				-webkit-transition: all 0.2s ease-in;
				-moz-transition: all 0.2s ease-in;
				-o-transition: all 0.2s ease-in;
			}

	section#product article .cont{
		margin-left: 380px;
	}

/* sitemap
------------------------------------------------ */
section#sitemap{}

	section#sitemap ul{}
	
		section#sitemap ul li{
			margin-bottom: 10px;
		}
		
		section#sitemap ul li ul{
			margin: 5px 0 0 10px;
		}
		
		section#sitemap ul li ul li{
			margin-bottom: 3px;
		}

/*ADDED ON 22/2/2017*/
.wheels-show {
	display:none;
}