/* CSS Document */
/* reset for css
---------------------------------------- */
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, hr,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:inherit;
	vertical-align: baseline;
	background: transparent;
}

html {
	font-size:100.01%;
	}
	
textarea, input, select {
	font-size:1.2em;
	font-family:inherit;
	}
	
blockquote, q {
	quotes:none;
	}
	
q:before, q:after, blockquote:before, blockquote:after {
	content:'';
	content:none;
	}

ol, ul {
	list-style: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	/*text-align:left;*/
	/*width:100%;*/
}

/* frame
---------------------------------------- */

html, body {
	/*height:100%;*/height: 100%;
}

body, textarea, input, select {
	font-family:"Verdana", Times New Roman, serif;
}
	
body {
	background:#fff url(images/bg.png) 0 0;
	font-size:55%;
	line-height:1.5;
	color:#000;height: 100%;
}


	#main-container1 {
	
		width:900px;
		margin:0 auto;
		background:#fff;
		
	}
	.r{height:30px}

/* quots
---------------------------------------- */
q:before {
	content:'\00ab';
}
	
	q q:before {
		content:'\201e';
	}
		
q:after {
	content:'\00bb';
}
	
	q q:after {
		content:'\201c';
	}
		
/* links
---------------------------------------- */
a {
	cursor:pointer;
	text-decoration:underline;
}
	
	a img {
		border:0;
	}

a:link {
	color:#ed1c24;
}
	
a:hover {
	text-decoration:none;
}

a:visited, a:hover {
	color:#ed1c24;
}
	
a:active {
	color:#ed1c24;
}

/* headers
---------------------------------------- */
h1 {
	font-size:2.5em;
}

h2 {
	font-size:1.8em;
}

h3 {
	font-size:1.4em;
}

/* overflows
---------------------------------------- */
.overflow {
overflow:auto;
}

.hide {
overflow:hidden;
}

/* Header
---------------------------------------- */

#header {
	position:relative;
	height:190px;margin:0px 0 0px;
	background:url(gfx/h/bg.jpg) 4px 6px no-repeat;
	font-size:1.2em;
	
}

	#logo {
		width:195px;
		height:65px;
		position:absolute;
		top:30px;
		left:-215px;
		margin:0 0 0 100%;
	}
	
		#logo a {
			height:100%;
			display:block;
			position:relative;
		}
		
			#logo a span {
				position:absolute;
				top:0;
				left:0;
				display:block;
				width:100%;
				height:100%;
				background:url(gfx/h/bg.jpg) -681px -24px no-repeat;
			}
			.flags {
				width:135px;

		position:absolute;
		top:10px;
		right:0;				

	}
	.flags a {display:block;float:left;width:25px;height:25px;margin:0px 4px}
	.flags a img{width:25px;height:25px}
			
	.vcard {
				width:135px;

		position:absolute;
		top:102px;
		right:0;
				line-height:1.2;
		font-size:0.8em;

	}
	
		.vcard p {
			padding:0 0 10px;
		}

/* Content
---------------------------------------- */
#content-container1 {
	border-top:solid 1px #f14950;
	
}



	/*Sidebar*/
	#sidebar {
		float:left;
		width:228px;
		overflow:auto;
		position:relative;
		left:1px;
		padding:15px 0;
		scrollbar-face-color:#ee1923;
	   scrollbar-arrow-color:#FFFFFF;
	   scrollbar-track-color:#cfcbc9;
	   scrollbar-shadow-color:#bcbcbe;
	   scrollbar-highlight-color:#bcbcbe;
	   scrollbar-3dlight-color:#bcbcbe;
	   scrollbar-darkshadow-Color:#bcbcbe;
	}
	
		#nav {
						font-size:1.3em;

			padding:0 15px 0 0;
		}
		
			#nav li {
				border-top:solid 1px #c9cacb;
				min-height:25px;
				line-height:25px;
				margin:0 0 0 32px;
			}
			
			#nav a {
				text-decoration:none;
				display:block;
				height:100%;
				margin:0 0 0 -32px;
				padding:0 0 0 42px;
				width:138px;
				position:relative;
				color:#000;
			}
			
			#nav span {
				display:none;
				position:absolute;
				height:15px;
				width:23px;
				top:7px;
				left:5px;
				background:url(gfx/c/act-ico.gif) no-repeat;
			}
			
			#nav a.active {
				background:url(gfx/c/act.gif) right 0 no-repeat;
				color:#fff;
			}
			
			#nav a:hover   {
				background:url(gfx/c/p-act.gif) right 0 no-repeat;
				color:#fff;
			}
			
			#nav a:hover span, #nav a.active span {
				display:block;
			}

			#nav li.home {
				border-top:0;
			}
		
			#nav li.home a:hover span, #nav li.home a.active span {
				background-position:0 0;
			}
			
			#nav li.producten a:hover span, #nav li.producten a.active span {
				background-position:0 -25px;
			}
				
			#nav li.showroom a:hover span, #nav li.showroom a.active span {
				background-position:0 -54px;
			}
				
			#nav li.kalender a:hover span, #nav li.kalender a.active span {
				background-position:0 -75px;
				height:18px;
			}
				
			#nav li.contact a:hover span, #nav li.contact a.active span {
				background-position:0 -101px;
				height:18px;
				top:4px;
			}
				
			#nav li.route a:hover span, #nav li.route a.active span {
				background-position:0 -129px;
			}
				
			#nav li.informatie-aanvaraag a:hover span, #nav li.informatie-aanvaraag a.active span {
				background-position:0 -153px;
				height:18px;
				top:4px;
			}
			
				/*Sub*/
				#nav li li {
					margin:0;
					border-top:solid 1px #ed1c24;
					position:relative;
					top:-1px;
				}
				
				#nav ul a {
					padding:0 0 0 30px;
					margin:0;
					background:none !important;
				}
				
				#nav ul a:hover, #nav ul a.active {
					background:url(gfx/c/s-act.gif) 0 6px no-repeat !important;
					color:#ed1c24 !important;
				}
				
				#nav li ul {
					overflow:hidden;
					/*display:none;*/
				}
				
				#nav li:hover ul, #nav li.active ul {
					/*display:block;*/
				}
				
			
	/*Article*/
	#article {
		float:right;
		
		width:651px;
		padding:15px 0 0 19px;
		font-size:1.3em;
		overflow:auto;
		position:relative;
		
	   
	   scrollbar-face-color:#ee1923;
	   scrollbar-arrow-color:#FFFFFF;
	   scrollbar-track-color:#cfcbc9;
	   scrollbar-shadow-color:#bcbcbe;
	   scrollbar-highlight-color:#bcbcbe;
	   scrollbar-3dlight-color:#bcbcbe;
	   scrollbar-darkshadow-Color:#bcbcbe;
		
	}
	
			
		#article h2 {
			text-transform:normal;
			font-size:1.285714em;
			color:#ffffff;
			border:solid 4px #bcbdbf;
			background:#bcbdbf url(gfx/c/h.gif) 0 bottom no-repeat;
			padding:0 0 0 48px;
			font-weight:bold;
			line-height:1;
			margin:0 0 15px;
		}
		
		#article h3 {
			font-size:1em;
		}
		
		#article .entry {
			padding:0 45px 0 52px;
			line-height:1.6;
			text-align:justify;
		}

		
		#article p {
			margin:0 0 15px;
		}
		
		#article li {
				list-style-type:disc !important;
			}
			
			#article ol li {
				list-style-type:decimal !important;
			}
			
			#article ol, #article ul {
				margin:0 0 15px;
				padding:0 0 0 23px;
			}
			
		#article td {
			vertical-align:top;
		}
			
		/*INFORMATIE-AANVARAAG*/
			#article form {
				width:335px;
				margin:0 0 30px;
			}
			
				#article form dl {
					overflow:auto;
					margin:0 0 5px;
				}
				
				#article form dt {
					float:left;
					width:100px;
				}
				
				#article form dd {
					margin:0 0 0 105px;
				}
				
				#article form input {
					font-size:1em;
					width:97%;
				}
				
				#article form input.radio {
					width:auto;
					margin:0 10px 0 0;
				}
				
				#article dd .submit, #article dd .reset {
					width:107px;
					height:40px;
					background:url(gfx/c/button.png) 0 0 no-repeat;
					position:relative;
					float:left;
					overflow:hidden;
				}
				
				#article dd .reset {
					float:right;
				}
				
					#article dd .submit input, #article dd .reset input {
						position:relative;
						top:0;
						left:0;
						display:block;
						width:100%;
						height:100%;
						background:transparent;
						z-index:5;
						cursor:pointer;
						border:0;
						text-indent:-9999px;
					}
					
					#article dd .submit span, #article dd .reset span {
						position:absolute;
						top:11px;
						left:10px;
						display:block;
						height:20px;
						width:80%;
						text-align:center;
						z-index:2;
					}
					
		/*Route*/
		.print {
			position:absolute;
			top:60px;
			right:10px;
			display:block;
			width:70px;
			height:30px;
			background:url(gfx/c/print.png) 0 0 no-repeat;
			padding:0 0 0 30px;
			color:#5c5d5e !important;
		}
		
		/*Slideshow*/
		#slideshow {
			width:580px;
			margin:0 auto;
		}
		
			#slide {
				text-align:center;
				margin:0 0 8px;
			}
			
				#slide img {
					border:solid 5px #636466;
				}
				
			#slide-nav {
				position:relative;
			}
			
				.l-arrow, .r-arrow {
					background:url(gfx/c/arrows.png) 0 0 no-repeat;
					width:19px;
					height:36px;
					position:absolute;
					top:35px;
					left:0;
					cursor:pointer;
				}
				
				#nav-bg {
					margin:0 19px;
					background-color:#636466;
					position:absolute;
					top:20px;
					left:0;
					width:542px;
					height:66px;
				}
				
				.r-arrow {
					left:-19px;
					margin:0 0 0 100%;
					background-position:-19px 0;
				}
				
				#slide-nav .hide {
					margin:0 20px 0 18px;
					padding:15px 0;
					position:relative;
					top:0;
					left:0px;
					height:105px;
				}
				
					#slide-container {
						width:90000px;						
					}
				
					#slide-nav a {
						display:block;
						width:108px;
						height:95px;
						margin:-10px 1px;
						text-align:center;
					}
					
					#slide-nav a:hover {
						background:url(gfx/c/slide-act.png) 0 0 no-repeat;
					}
				
					#slide-nav img {
						position:relative;
						top:17px;
					}

/* Footer
---------------------------------------- */

.footer_guarantor {
 height: 50px;
 clear: both;
}


#footer {
	width:820px;padding-right:80px;
		margin:0 auto;
		margin-top: -38px;
		clear:both;
		border-top:solid 1px #f14950;
	height:40px;
	background:#fff url(gfx/f/bg.jpg) 0 5px no-repeat;
	text-align:right;
	color:#ed1c24;
	font-size:1.2em;
}

	#copy {
		padding:0 38px 0 0;
	}