/* normal */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #8c806e; background-color: #eeeeee; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
body { background: #fff; }
img { border: 0px; display: block; }
a, input { outline: none; }
.clear { clear: both; height: 0px; overflow: hidden; }
.centering { width: 980px; margin: 0 auto; }
h1,h2,h3,h4,h5 { font-weight: normal; }

/* template  */
#template { position: relative; display: block; width: 100%; min-height: 100%; }

.no-bg	{ background: none !important; }
.hide	{ display: none !important; }

/* layout */
#layout { margin: 0 auto; width: 100%; }

	/* header */
	#header-part { position: relative; width: 100%; }
	
		/* top bar */
		.top-bar { padding-bottom: 20px; width: 100%; }
		.top-bar .top { margin-bottom: 20px; width: 100%; height: 15px; background-color: #e41819; }
		.top-bar .logo { padding: 5px 70px 0 0; width: 274px; float: left; }
		.top-bar .logo a { display: block; }
		.top-bar .contact { padding-top: 5px; width: 635px; float: left; overflow: hidden; }
		.top-bar .contact img { float: left; margin: 15px 20px 0 0; }
		.top-bar .contact .right { margin-top: -5px; float: right; }
		.top-bar .contact .right a { display: block; letter-spacing: 0.05em; text-decoration: none; font-weight: bold; font-size: 18px; line-height: 28px; color: #e41819; }
		.top-bar .contact .right a:hover { color: #14110d; }
		.top-bar .contact .right a.phone { padding-left: 40px; margin-bottom: 15px;  background: url(../images/phone.jpg) no-repeat left center; }
		.top-bar .contact .right a.mail { padding-left: 40px;  background: url(../images/mail.jpg) no-repeat left center; }
		
		/* nav bar */
		.nav-bar { width: 100%; background: url(../images/menu_bg.jpg) repeat-x left top; }
		.nav-bar ul { list-style-type: none; display: block; }
		.nav-bar li { float: left; border-right: 1px solid #fff; position: relative; }
		.nav-bar li:first-child { border-left: 1px solid #fff; }
		.nav-bar li a { padding: 0 15px; font-size: 14px; line-height: 49px; letter-spacing: 0.5px; color: #010101; font-weight: bold; display: block; text-decoration: none; text-transform: uppercase; text-shadow: 0 1px 0 #fff; }
		.nav-bar li:hover a, .nav-bar li a:hover { color: #fff; text-shadow: 0 1px 0 #000; background: #db1516 url(../images/menu_hover.png) repeat-x left top; }
		.nav-bar ul ul { padding: 15px 0 15px 25px; display: none; z-index: 99999999; border-top: 0px solid #fff; position: absolute; width: 175px; background: #940001 url(../images/sub_menu_bg.png) repeat-x left top; }
		.nav-bar li li { float: none; display: block; border-right: none; background: url(../images/menu_circle.png) left center no-repeat; }
		.nav-bar li li:first-child { border-left: none; }
		.nav-bar li:hover li a, .nav-bar li li a { padding: 0 0 0 10px; font-size: 13px; line-height: 29px; color: #fff; text-transform: inherit; text-shadow: 0 1px 0 #000; background: none; }
		.nav-bar li:hover li a:hover , .nav-bar li li a:hover { text-decoration: underline; background: none;  }
		.nav-bar li:hover ul { display: block; }
		a.tab { display: none; }
	
	/* banner */
	#banner-part { padding-bottom: 5px; position: relative; width: 100%; background: #fff; }
		/* slider bar */
		.slider-bar { position: relative; width: 100%; position: relative; overflow: visible; margin-top: 5px; background: url(../images/bg.png) center no-repeat; }
		.slider-bar .centering { width: 980px; position: relative; }
		.slider-bar ul { list-style: none; overflow: visible; }
		.slider-bar ul.slides { position: relative; z-index: 8; }
		.slider-bar ul.slides li { position: relative; width: 100%; width: 100%; }
		.slider-bar ul.slides li img { margin-right: -30px; float: right; }
		.slider-bar .overlay_r { width: 100%; height: 285px; position: absolute; top: 0; left: 30px; z-index: 9; background: url(../images/overlay-bg.png) center top no-repeat; }
		.slider-bar .overlay { z-index: 99999; color: #fff; width: 100%; height: 100%; border: 0px solid #f00; position: absolute; left: 15px; top: 0; z-index: 999; }
		.slider-bar .caption { padding: 25px 0 0 0; margin-left: 0; width: 330px; float: left; position: relative; z-index: 99999; }
		.slider-bar h1 { padding-bottom: 20px; font-family: 'arial_narrowbold'; font-size: 26px; line-height: 34px; color: #fff; text-transform: uppercase; }
		.slider-bar p { font-size: 13px; line-height: 20px; color: #fff; }
		.slider-bar a { font-size: 14px; line-height: 26px; color: #e41819; font-weight: bold; text-decoration: none; }
		.slider-bar a:hover { color: #fff; }
		.slider-bar .flex-direction-nav .flex-prev { position: absolute; z-index: 9999999; top: 50%; left: -30px; margin-top: -10px; text-indent: -9999px; display: block; width: 18px; height: 27px; background: url(../images/slider_left_arrow.png) no-repeat; }
		.slider-bar .flex-direction-nav .flex-next { position: absolute; z-index: 9999999; top: 50%; right: -30px; margin-top: -10px; text-indent: -9999px; display: block; width: 18px; height: 27px; background: url(../images/slider_right_arrow.png) no-repeat; }
	
	/* content */
	#content-part { overflow: hidden; width: 100%; background: #eee; }
		
		/* center */
		#center-part { padding-bottom: 5px; width: 100%; overflow: hidden; background: #fff; }
			
			/* item bar */
			.item-bar { width: auto; margin-top: 20px; position: relative; overflow: hidden; }	
			.item-bar .inner { padding: 0 20px; width: auto; }
			.item-bar a	{ text-decoration: none; }
			.item-sale ul,
			.item-bar ul { list-style-type: none; }
			.item-sale li,
			.item-bar li { padding-bottom: 10px; width: 290px; position: relative; float: left; margin-left: 30px; min-height: 275px; }
			.item-sale li { margin-left: 4px; min-height: auto;}
			.item-bar li:first-child { margin-left: 5px }
			.item-sale li img,
			.item-bar li img { margin-bottom: 5px; border: 1px solid #e41819; position: relative; }
			.place-bar .item-sale h2,
			.item-sale h2,
			.item-bar h2 { padding: 0;font-size: 15px; line-height: 32px; color: #2a4bbb; font-weight: bold; text-transform: uppercase; }
			.item-sale p,
			.item-bar p { font-size: 13px; line-height: 18px; color: #000; }
			.item-sale span,
			.item-bar span { padding: 0 0 0 15px; position: absolute; top: 0; left: 0; width: 150px; font-size: 17px; line-height: 38px; color: #fff; font-weight: bold; letter-spacing: 0.04em; text-transform: uppercase; border-radius: 0px 0px 25px 0; background: #e41819; }
			.item-sale img.border,
			.item-bar img.border { border: none; }

			

			/* personal bar */
			.personal-bar { width: auto; margin-top: 15px; position: relative; overflow: hidden; }	
			.personal-bar .inner { padding: 0 20px; width: auto; }
			.personal-bar h2 { padding-bottom: 15px; font-family: 'arial_narrowbold'; font-size: 26px; line-height: 34px; color: #e41819; text-transform: uppercase; text-align: right; }
			.personal-bar .text { width: 235px; text-align: right; float: right; }
			.personal-bar p { font-size: 13px; line-height: 18px; color: #000; }
			.personal-bar a { padding-top: 20px; text-decoration: none; display: inline-block; font-size: 13px; line-height: 20px; color: #000; font-weight: bold; }
			.personal-bar a:hover { color: #e41819; }
			.personal-bar ul { list-style-type: none; }
			.personal-bar li { padding: 25px 20px 0 0px; float: left; width: 430px; min-height: 220px; margin-left: 25px; }
			.personal-bar li:first-child { margin-left: 5px; }
			.personal-bar li.first { background: #e3e3e3 url(../images/personal_img1.jpg) no-repeat -20px bottom; }
			.personal-bar li.second { padding: 25px 0px 0 20px; background: #e3e3e3 url(../images/personal_img2.png) no-repeat right bottom; }
			.personal-bar li.second .text { width: 325px; float: left; text-align: left; }
			.personal-bar li.second h2 { text-align: left;  }
			
			/* logos bar */
			.logos-bar { width: auto; margin-top: 10px; position: relative; overflow: hidden; }	
			.logos-bar .inner { padding: 0 20px; width: auto; }
			.logos-bar ul { list-style-type: none; }
			.logos-bar li { float: left; margin-left: 10px; }
			.logos-bar li a { text-decoration: none; }
			.logos-bar li:first-child { margin-left: 5px; }

			/* place bar */
			.place-bar { padding-bottom: 20px; width: auto; margin-top: 10px; position: relative; overflow: hidden; }	
			.place-bar .inner { width: 930px; margin: 0 auto; background-color: #f9ebeb; }
			.place-bar.images .inner { width: 605px; margin: 0 25px; float: left; }
			.place-bar .around { padding: 10px 10px 10px 10px; }
			.place-bar h2 { padding: 0 0 15px 0; font-family: 'arial_narrowbold'; font-size: 26px; line-height: 34px; color: #000000; text-transform: uppercase; }
			.place-bar .left { overflow: hidden; width: 100%; float: left; }
			.place-bar .left.images { width: 632px; }
			.place-bar .left img { /*border: 1px solid #55b033;*/ float: left; margin-right: 20px;  }
			.place-bar .left p { font-size: 13px; line-height: 18px; color: #000; }
			.place-bar .right { float: right; width: 125px; margin-left: 20px;  }
			.place-bar .right img { float: none; border: none; }
			.place-bar a { text-decoration: none; }
			.place-bar a img.space { margin: 55px 0px 0 10px; }
			
			.place-bar.images .sidebar { width: 298px; margin: 0; float: left; background: #e3e3e3; text-align:center; }
			.place-bar.images .sidebar .inner { width: 100%; margin: 0; float: none; background: transparent; padding: 4px 0 25px;  }
			.place-bar.images .sidebar .inner img { display: inline; border: 1px solid #e41819;  }
	/* footer part */
	#footer-part { overflow: hidden; width: 100%; background-color: #eeeeee; }
		
		/* footer bar */
		.footer-bar { padding: 15px 0 20px 20px; width: auto; border-radius: 0 0 25px 25px; -webkit-border-radius: 0 0 25px 25px; position: relative; overflow: hidden; background-color: #e41819; }	
		.footer-bar .centering { padding: 0 20px; width: 940px; }
		.footer-bar ul { list-style-type: none; }
		.footer-bar h2 { padding-bottom: 15px; font-family: 'arial_narrowbold'; font-size: 26px; line-height: 34px; color: #fff; text-transform: uppercase; }
		.footer-bar h3 { padding-bottom: 15px; font-size: 15px; line-height: 22px; color: #fff; font-weight: bold; } 
		.footer-bar address { font-style: normal; font-size: 15px; line-height: 18px; color: #fff; position: relative; }
		.footer-bar address a { text-decoration: none; display: block; color: #fff; }
		.footer-bar address a:hover { color: #000; }
		.footer-bar li { width: 240px; position: relative; float: left; margin-left: 55px; }
		.footer-bar a.facebook { position: absolute; top: 10px; right: 0px; }
		.footer-bar li:first-child { margin: 0 55px 0 10px; }
		.footer-bar .list { list-style-type: none; }
		.footer-bar span { font-size: 15px; line-height: 18px; color: #fff; display: inline-block; }
		.footer-bar h4 { font-size: 15px; line-height: 18px; color: #fff; }
		.footer-bar .list li { float: none; width: auto; margin: 0 }
		.footer-bar .list li:first-child { margin-left: 0; }
		.footer-bar span.text1 { width: 240px; line-height:26px; }
		.footer-bar a img.map { border: 1px solid #000; }
		
		/* copyright bar */
		.copyright-bar { padding: 15px 0 25px; width: auto; overflow: hidden; }	
		.copyright-bar .centering { padding: 0 20px; width: 940px; }
		.copyright-bar span { font-size: 12px; line-height: 18px; color: #777777; display: inline-block; }
		.copyright-bar span a { color: #777777; text-decoration: none; display: inline-block; }
		.copyright-bar span a:hover { color: #000; }
		.copyright-bar span.left { padding-left: 30px; display: block; float: left; }
		.copyright-bar span.right { float: right; padding-right: 20px; }
	
	/* toevoegingen */
	form#contact_form .contact_row { padding-bottom: 10px; }
	form#contact_form .contact_row label {    float: left;    font-size: 14px;    font-weight: normal;    line-height: 20px;    padding-right: 20px;    width: 160px; }
	form#contact_form .contact_row input.contact_input, form#contact_form .contact_row textarea.contact_input {    border: 1px solid #c5c4c4;    color: #666666;    font-size: 14px;    padding: 5px;    width: 198px; }
	
	form#contact_form .contact_row input[type=reset],
	form#contact_form .contact_row input[type=submit] { background: #e41819; color: white; border: none; font-size: 14px; font-weight: normal; padding: 5px 10px;  }
	
	.place-bar.contact .inner { background: none; }
	.place-bar.contact .left { width: 440px; display: inline-block; float: none; vertical-align: top }
	.place-bar.contact .right { width: 440px; display: inline-block; float: none; padding-top: 50px;  }
	
	@media only screen and (max-width: 979px) {
		
		.centering { padding: 0 10px; width: auto; }
		.top-bar .top { margin-bottom: 10px; }
		.top-bar .logo { padding: 5px 8% 0 0; width: auto; }
		.top-bar .logo img { width: 200px; }
		.top-bar .contact { width: 63%; }
		.top-bar .contact img { width: 200px; padding-right: 0px; }
		.top-bar .contact .right a { font-size: 16px; }
		.nav-bar li a { padding: 0 12px; font-size: 12px; }
		.nav-bar ul ul { text-align: left; }
		a.tab { display: none; }
		.slider-bar { overflow: hidden; background: none; }
		.slider-bar .overlay_r { display: none; }
		.slider-bar .centering { width: auto; position: relative; padding: 0px; background: url(../images/bg.png) center no-repeat; overflow: hidden; }
		.slider-bar ul.slides li { overflow: hidden; max-height: 300px; }
		.slider-bar img { max-width: 100%; }
		.slider-bar h1 { padding-bottom: 15px; font-size: 15px; line-height: 22px; }
		.slider-bar p { font-size: 12px; }
		.slider-bar .overlay { padding: 15px 15px 15px 30px; left: 0px; width: auto; height: 100%; background: url(../images/overlay.jpg) no-repeat; background-size: cover; border-radius: 0 10px 10px 0; box-sizing: border-box; }
		.slider-bar .flex-direction-nav .flex-prev { left: 0px; z-index: 99999; }
		.slider-bar .flex-direction-nav .flex-next { right: 0px; z-index: 99999; }
		.slider-bar ul.slides li { overflow: hidden; }
		.slider-bar ul.slides li img { margin: 0px; float: none; width: 100%; }
		.slider-bar .caption { width: 100%; padding-top: 0px; }
		.slider-bar a { font-size: 13px; }
		.slider-bar .caption { width: 220px; }
		.slider-bar a.flex-next { right: -120%; }
		.item-bar .inner { padding: 0; }
		.item-bar { margin-top: 20px; }
		.item-bar li { margin-left: 10px; width: 32%; }
		.item-bar li:first-child { margin-left: 0; }
		.item-bar li img { width: 100%; box-sizing: border-box; }
		.item-bar h2 { font-size: 14px; }
		.item-bar p { font-size: 12px; }
		.item-bar span { padding: 0 30px 0 15px; font-size: 14px; width: auto; }
		.personal-bar .inner { padding: 0; }
		.personal-bar { margin-top: 0px; }
		.personal-bar li { padding-top: 20px; margin-left: 10px; width: 45.5%; min-height: 253px; }
		.personal-bar li:first-child { margin-left: 0; }
		.personal-bar h2 { font-size: 19px; }
		.personal-bar p {  font-size: 12px; }
		.personal-bar li.first { background-size: 50% }
		.personal-bar li.second { padding-top: 20px; background-size: 25% }
		.personal-bar .text { padding-bottom: 20px; width: 195px; }
		.personal-bar li.second .text { width: 230px; }
		.logos-bar ul { text-align: center; width: auto; margin: 0 auto; }
		.logos-bar li a img { width: 100%; }
		.logos-bar li, .logos-bar li:first-child { margin: 0 15px; display: inline-block; float: none; }
		.logos-bar li a { display: block; }
		.place-bar .inner { padding: 0 10px 10px; width: auto; }
		.place-bar h2 { padding-bottom: 10px; font-size: 20px; }
		.place-bar .left img { width: 25%; margin-right: 15px; }
		.place-bar .left p { font-size: 12px; }
		.place-bar .left { width: 81%; }
		.place-bar .right { width: 18%; }
		
		.place-bar.images .inner { width: 52%; margin: 0 10px; float: left; }
		.place-bar.images .left { width: 100%; }
		.place-bar.images .sidebar { width: 298px; margin: 0; float: left; background: #e3e3e3; text-align:center; }
			
		
		/* custom */
		.place-bar.contact .left { width: 59%; }
		.place-bar.contact .right { width: 37%; padding-top: 50px;   }
	
		.place-bar a img.space { margin: 30px 0 0 10px;  }
		.footer-bar { padding: 10px 10px 20px; }
		.footer-bar li:first-child { margin: 0; } 
		.footer-bar h2 { padding-bottom: 10px; font-size: 20px; }
		.footer-bar h4 { font-size: 13px; }
		.footer-bar address { font-size: 13px; }
		.footer-bar span { font-size: 13px; }
		.footer-bar a img.map { width: 86%; }
		.footer-bar li, .footer-bar li:first-child { margin: 0 1%; width: 31%; }
		.copyright-bar span.left { width: auto; }
		.copyright-bar span.right { width: auto; }
	}

	@media only screen and (min-width: 768px) {
		.nav-bar ul { display: block !important; }
		.nav-bar ul ul { display: none !important; }
		.nav-bar li:hover ul { display: block !important; }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		.centering { padding: 0 10px; width: auto; }
		.footer-bar a.facebook { right: 0; }
		.top-bar .top { margin-bottom: 5px; height: 10px; }  
		.top-bar .logo { margin-bottom: 10px; float: none; width: auto; }
		.top-bar .logo  a img { margin: 0 auto; }
		.top-bar .contact { float: none; width: 100%; }
		.top-bar .contact img { float:none; margin: auto; }
		.top-bar .contact .right { margin-top: 10px; width: 180px; }
		.slider-bar { margin-top: 0px; }
		.top-bar .contact .right a { margin: 0 10px; font-size: 14px; display: inline-block; }
		.top-bar .contact .right a.phone { float: left;  }
		.top-bar { padding-bottom: 5px; }
		.top-bar .contact .right a.mail { float: left; }
		.slider-bar .overlay { background: none; background-size: cover; }
		.slider-bar .centering2 { margin-left: -160px; left: 54%; display: none; }
		.slider-bar #slider1 { background: none; }
		.slider-bar #slider1 .image { float: none; margin: 0 auto; width: 100%;  }
		.personal-bar li.second, .personal-bar li.first { padding: 15px; }
		
		.slider-bar .overlay { display: none; }
		.slider-bar { background: none; }
		.slider-bar .centering { padding: 0px; }
		.slider-bar ul.slides li img { float: none; width: 100%; height: auto; margin: 0px; }

		.slider-bar #slider2 { z-index: 999; }
		.slider-bar a.flex-prev, .slider-bar a.flex-next { z-index: 9999; }
		.slider-bar a.flex-prev { left: 8%; }
		.slider-bar a.flex-next { right: 8%; }
		.slider-bar .caption { padding: 30px 0 0 10px; width: 82%; float: none; }
		.slider-bar h1 { font-size: 14px; line-height: 22px; }
		.slider-bar a { margin-top: 10px; display: block;  font-size: 12px; }
		.slider-bar a.flex-next { right: 10%; }
		.nav-bar { position: relative; background: none; }
		.nav-bar li { border-right: none; float: none; border-top: 1px solid #fff; }
		.nav-bar li:first-child { border-left: none;  border-top: none; }
		.nav-bar li a { display: block; text-align: right; }
		.nav-bar .centering { position: relative; padding: 0px; margin: 0 10px 10px; }
		.nav-bar ul { display: none; width: 100%; border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; position: absolute; right: 0; top: 40px; z-index: 9999999; background: #e41819; }
		.nav-bar li a { color: #fff; text-shadow: 0 1px 0 #000; line-height: 35px; }
		.nav-bar li:hover a, .nav-bar li a:hover { color: #000; text-shadow: 0 1px 0 #fff; background: #bababa; }
		.nav-bar ul ul { padding: 0px; display: block; width: auto; border-radius: 0; position: static;  }
		.nav-bar li li { padding-right: 0px; background: none; display: block; border-top: none; text-align: right; }
		.nav-bar li:hover li a, .nav-bar li li a { padding: 0 30px; font-size: 12px; }
		a.tab { position: relative; display: block; }
		a.tab { width: 40px; height: 40px; margin-top: -45px; }
		a.tab img { width: 100%; }
		.item-bar .inner { padding: 0; width: auto; }		
		.item-bar li:first-child { margin-left: 0; float: none; }
		.item-bar li { margin-left: 0; margin-bottom: 10px; float: left; width: 100%; }
		.personal-bar .inner { padding: 0; width: auto; }
		.personal-bar li:first-child { margin-left: 0; }
		.personal-bar li { padding-top: 10px; margin: 0 0 10px 0; float: none; width: 95%; }
		.personal-bar h2 { padding-bottom: 5px; }
		.logos-bar .inner { padding: 0; width: auto; }
		.place-bar .inner { padding: 0 0; width: auto; }
		.place-bar .left { float: none; width: 100%; }
		.place-bar .left img { margin: 0 0 10px 0; width: 100%; }
		.place-bar .right { padding: 10px 0; float: none; width: 100%; text-align: center; margin: auto; }
		
		.place-bar.images .inner { width: auto; margin: 0 0 10px; float: none; display: inline-block; }
		.place-bar.images .left { width: 100%; }
		.place-bar.images .sidebar { width: 100%; margin: 0; float: left; background: #e3e3e3; text-align:center; }
		.place-bar.images .sidebar .inner { width: auto; vertical-align: top; margin: 0 5px;  }
		.place-bar.images .sidebar .item-sale { float: none; display: inline-block; margin: 0 5px; }
		.place-bar.images .sidebar .item-sale li { margin: 0;}
		
		/* custom */
		.place-bar.contact .left { width: 100%; }
		.place-bar.contact .right { width: 100%; padding-top: 0;  }
	
		
		.place-bar a img.space { margin: -55px 0 0 10px;  }
		.place-bar a { display: inline-block; text-align: center; }
		.place-bar a img { margin: 0 auto; }
		.place-bar .left p { text-align: justify; }
		.footer-bar li:first-child { margin: 0; border-top: 0px none; width: 100%; }
		.footer-bar li { margin: 0 0 15px 0; padding-bottom: 10px; width: 100%; float: none; border-top: 1px dotted #fff; }
		.footer-bar .list li { border-top: 0px none; padding-bottom: 0px; }
		.footer-bar h2 { padding-bottom: 5px; }
		.footer-bar h3 { padding-bottom: 10px; }
		.footer-bar a img.map { width: 30%; }
		.copyright-bar span { display: block; }
		.copyright-bar span.left { width: auto; text-align: center; padding: 10px; float: none; }
		.copyright-bar span.right { width: auto; text-align: center; padding: 0 10px 10px; float: none; } 
		.copyright-bar { padding: 0px; }
	}
	
@font-face {
    font-family: 'arial_narrowbold';
    src: url('../fonts/arial_narrow_bold-webfont.eot');
    src: url('../fonts/arial_narrow_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arial_narrow_bold-webfont.woff2') format('woff2'),
         url('../fonts/arial_narrow_bold-webfont.woff') format('woff'),
         url('../fonts/arial_narrow_bold-webfont.ttf') format('truetype'),
         url('../fonts/arial_narrow_bold-webfont.svg#arial_narrowbold') format('svg');
    font-weight: normal;
    font-style: normal;

}