/* RESET 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, 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: none; }
:focus { outline: 0; }
body { line-height: 1; font-family: Arial; font-size: 12px; color: #171646; line-height: 17px; }
ul, ol 	{ font-family: Arial; font-size: 12px; color: #171646; line-height: 17px; margin-left: 15px; padding-left: 0px; }
ul li, ol li { list-style-image:url(/img/liststyle.gif); }
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }

/* MAIN CSS */
* html { height:100%; }
p {	font-family: Arial;	font-size: 12px; color: #171646; line-height: 17px; }
a {	color: #171646; }
a:hover { color: #171646; text-decoration:underline; }
input, textarea, select, button{ font-family: Arial; font-size: 12px; }
h1 { color:#1f1d5a; font-family:Arial; font-size:24px; line-height:24px; }
h2 { color:#fcaf21; font-family:Arial; font-size:18px; line-height:18px; } 
.blauwoccasion { color:#908fb7; }
h1.oa { color:#FFFFFF; background-color:#1f1d5a; font-family:Arial; font-size:24px; height:14px; display:block; padding:5px 10px; }

.clear { content:"."; clear:both; height:0; display:block; overflow:hidden; line-height:0; }
.container { margin:0 auto; width:980px; }

.topright { float:left; width:745px; height:110px; overflow:hidden; padding-top:10px; text-align:right; }
.top p, .top a { color:#171646; text-decoration:none; }
.top a:hover, .top a.active { color:#c59130; text-decoration:none; }

.menu { background:url(/img/bgmenu.gif); background-repeat:repeat-x; height:30px; display:block; padding-left:0px; }
.menu span { padding:0 10px; background-image:url(/img/dividemenu.gif); background-repeat:no-repeat; width:21px; display:block; float:left; }

.left { float:left; width:235px; overflow:hidden; }
.right { float:left; width:745px; overflow:hidden; }
.homeproducts { position:absolute; top:420px; margin-left:10px; z-index:4; }
.paardentrailers { background-image:url(/img/paardentrailers.png); width:195px; height:110px; padding:20px; float:left; cursor:pointer; }
.aanhangers { background-image:url(/img/aanhangers.png); width:195px; height:110px; padding:20px; float:left; margin:0 10px; cursor:pointer; }
.bedrijfswagen {  background-image:url(/img/bedrijfswageninrichting.png); width:195px; height:110px; padding:20px; float:left; cursor:pointer; }
.paardentrailers h2, .aanhangers h2, .bedrijfswagen h2 { color:#FFF; padding-bottom:10px; }
.paardentrailers p, .aanhangers p, .bedrijfswagen p { width:120px; color:#FFF; font-size:11px; color:#bcbcd7; }
.header { padding-top:50px; width:745px; height:250px; display:block; overflow:hidden; background-color:white; }
.witvak { float:right; display:block; background:url(/img/headeroverwit.png); background-repeat:repeat; padding:25px 20px 25px 30px; width:320px; height:40px; }
.witvak p { color:#6866a2; }
.product { width:150px; height:170px; border:1px solid #cccce3; display:block; margin:0 10px 10px 0px; float:left; padding:10px; text-align:center; overflow:hidden; }
.product h1, .product h1 a, .product h1 a:hover { font-size:18px; line-height:18px; color:#1f1d5a; text-decoration:none; margin:0; padding:0; }
.product h2, .product h2 a, .product h2 a:hover { font-size:14px; line-height:14px; color:#908fb7; text-decoration:none; margin:0; padding:0; }
.product img { padding-bottom:10px; border:none; }
.nieuws { width:445px; padding-left:20px; float:left; }
.nieuwsarchief { float:right; margin-left:10px; width:250px; }
.tekstblok { width:725px; padding-left:20px; overflow:hidden; }
.tekst p, .nieuws p { color:#171646; }
.fotoboekblok { width:333px; height:108px; border:1px solid #e1e1e1; padding:10px; float:left; }
.fotoboekblokimg { width:108px; height:108px; overflow:hidden; display:block; float:left; }
.fotoboekbloktekst { width:200px; height:90px; padding:0 0 0 15px; float:left; display:block; }
.fotoboekbloktitel { height:60px; color:#1f1d5a; }
.fotoboekbloktitel h2 { color:#1f1d5a; font-size:20px; }
.fotofotoboek { overflow:hidden; width:107px; height:107px; border:1px solid #515194; padding:10px; float:left; }
.fotoinside { overflow:hidden; width:107px; height:107px; }
.foto { width:213px; height:133px; border:1px solid #cccce3; display:block; margin-bottom:10px; float:left; padding:10px; text-align:center; }
.productvak { padding-left:20px; margin:0; }
.product .top p { text-align:right; float:right; line-height:24px; }
.producttekst { }
.producttekst p { color:#171646; }
.productfotovak { margin-left:10px; float:right; }
.fotogrootvak { width:330px; height:278px; border:solid 1px #cccce3; padding:10px; overflow:hidden; margin:0; }
.footer { border-top:1px solid #fcaf21; margin-top:10px; padding-top:10px; margin-bottom:20px; height:40px; }
.footer p, .footer a, .footer a:hover { text-align:right; color:#CCC; text-decoration:none; font-size:11px; }

#selectie { background-color:#fcb021; padding:20px 30px 45px 30px; height:235px; display:block; }
label.zoeken { font-family: Arial; font-size: 12px; color:#fff; line-height:30px; display:block; }
select.zoeken { width:175px; }

.meerinfo { background-image:url(/img/bgmeerinfo.gif); background-repeat:no-repeat; padding:20px 0 20px 30px; } 
.meerinfo p { color:#171646; }
form.belmij { padding-bottom:30px; }
.telnrbelmij { border:solid 1px #888888; background:none; padding:2px 5px; margin:2px 0; color:#888888; float:left; width:100px; }
form { margin:0px; }
form label { display:block; margin-top:5px; font-family:Arial; font-size:12px; color:#171646; }
.cform			{ margin:0px; }
.cformFields	{ width:350px; padding:8px 0 8px 5px; margin-top:5px; font-size:12px; color:#000; background-color:#ccd1d7; border:1px solid #FFF; }
input.error		{  border:1px solid #F00 !important; color:#F00; }
.contactLeft {	width:350px; margin-right:18px; float:left; }
.contactRight {	width:352px; float:left; }
.cformBtn		{ width:130px; height:40px; overflow:hidden; background:url(/img/versturen.gif); border:0; cursor:pointer; margin-top:5px; }
.cformBtn:hover { background-position:0 -40px; }
.vragencontact { width: 730px; background-color:#ccd1d7; font-family: Arial;	font-size: 12px; color: #171646; line-height: 17px; padding:8px 5px; overflow:hidden; }

.text { background-image:url(/img/textbg.jpg); background-repeat:no-repeat; padding-top:140px; width:745px; }
.text h1 { padding-bottom:15px; }
.hometext { width:470px; margin-right:10px; padding-left:20px; float:left; }
.homeoccasion { float:left; width:235px; overflow:hidden; }

.menuitem { height:34px; overflow:hidden; cursor:pointer; }
.menuitem a	img { margin-top:0; cursor:pointer; display:block}
.menuitem a:hover img { margin-top:-34px; cursor:pointer; }
.menuitem2 { height:25px; overflow:hidden; cursor:pointer; float:left; padding-left: 3px;}
.menuitem2 a img { margin-top:0; cursor:pointer; display:block}
.menuitem2 a:hover img { margin-top:-25px; cursor:pointer; }
.menuitem3 { height:40px; overflow:hidden; cursor:pointer; float:left; margin-bottom:30px; }
.menuitem3 a img { margin-top:0; cursor:pointer; display:block}
.menuitem3 a:hover img { margin-top:-40px; cursor:pointer; }
.menuitem4 { height:35px; overflow:hidden; cursor:pointer; float:left; padding-left:25px; }
.menuitem4 a img { margin-top:0; cursor:pointer; display:block}
.menuitem4 a:hover img { margin-top:-35px; cursor:pointer; }
.langebutton { height:40px; overflow:hidden; cursor:pointer; margin-bottom:5px; }
.langebutton a img { margin-top:0; cursor:pointer; display:block}
.langebutton a:hover img { margin-top:-40px; cursor:pointer; }

p.filter { text-align:right; }
p.filter, p.filter a { color:#1e1d59; }
p.filter span { color:#a6a9da; }

/* validate */
label.error { font-family: Arial; font-size: 12px; color: red; line-height:30px; clear: both; }
.notification { height: 36px; line-height: 36px; font-size: 10px; color: #443e3a; padding-left: 44px; }
.succes { border: 1px solid #9ac83f; background: #daf1a3 url(/img/succes.png) no-repeat scroll 14px 10px; }
.err { border: 1px solid #e89168; background: #fdcea4 url(/img/error.png) no-repeat scroll 14px 10px; }

a.browse { height:50px; float:left; cursor:pointer;	font-size:1px;	overflow:hidden;}
a.right { background-position: 0; float:right; background:url(/img/next.png) no-repeat; }
a:hover.right { /*background-position:0 -30px;*/ float:right; }
a.left { margin-left: 0px; float:left; background:url(/img/prev.png) no-repeat; } 
a:hover.left { /*background-position:0 -30px;*/ float:left; }

/* disabled navigational button */
a.disabled { visibility:hidden !important; } 	

/* menu */
ul#navmenu-h { margin: 0; padding: 0; list-style: none; position: relative; z-index:800; }
ul#navmenu-h ul { width:auto; /* Sub Menu Width */ margin:0; padding:0; list-style: none; display: none; position: absolute; top: 100%; left: 0; white-space:nowrap; z-index:100; }
ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { width: auto; top: 0; left: 100%; }
ul#navmenu-h li { float: left; display: inline; position: relative; }
ul#navmenu-h li.divide { background:url(/img/dividemenu.gif) no-repeat; height:30px; display:block; }
ul#navmenu-h ul li { width: 100%; display: block; }

/* Widths */
ul.menu1, ul.menu1 li { width:125px !important; }
ul.menu1sub li { width:130px !important; }
ul.menu2, ul.menu2 li { width:270px !important; }
ul.menu2sub li { width:290px !important; }
ul.menu3sub li { width:290px !important; }
ul.menu3, ul.menu3 li { width:180px !important; }
ul.menu4, ul.menu4 li { width:165px !important; }
ul.menu5, ul.menu5 li { width:116px !important; }

/* Root Menu */
ul#navmenu-h a { float:left; display:block; color: #FFF; font: 12px Arial, sans-serif; text-decoration: none; height: 1%; line-height:30px;  padding:0 20px; }
ul#navmenu-h a.latest { padding:0 10px 0 20px; }
/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a, a.overstate { background-image:url(/img/menuover.gif); background-repeat:no-repeat; background-position:center; color: #FFF; }
/* 2nd Menu */
ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a { float: none; background: #26255e; border-bottom:1px solid #fff; }
/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a { background:#4c4c92; }
li.backgroundsub { background-image:url(/img/subsubsub.png); background-repeat:no-repeat; }
/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a { background: #26255e; border-bottom:1px solid #5e5e7e; clear:right; }
/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a { background: #191846; }
/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a { background: #666; }
/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover { background: #333; }
/* Hover Function - Do Not Move */ ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; }
ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }

/* FAQ */
ul#faqmenu, ul#faqmenu ul { list-style-type:none; margin: 0; padding: 0; width:725px; list-style:none; }
ul#faqmenu a { display: block; text-decoration: none; }
ul#faqmenu li { margin-top: 1px; border-bottom:1px solid #fcaf21; list-style:none; }
ul#faqmenu li a { color: #171646; padding: 0.5em; font-size:12px; font-weight:bold; }
ul#faqmenu li a:hover { background: #fffcf7; }
ul#faqmenu li ul li { background: #FFF; color: #171646; padding-left: 20px; font-size:12px; border-bottom:none; padding-bottom:10px; }
ul#faqmenu li ul li a { background:inherit; color:inherit; padding-bottom:0; font-weight:normal; color: #171646; width:725px; }
ul#faqmenu li ul li ul li, ul#faqmenu li ul li ol li {  list-style-image:url(/img/liststyle.gif) !important; color:#171646 !important;  }
 
/*fotos*/
.slider .ui-widget-content { background: #FFF; border:0; top:6px; margin:0; }
.slider .ui-widget-header { background: #FFF; }

.ui-slider { position: relative; text-align: left; } 
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 24px; height: 24px; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: 4px; }
.ui-slider-horizontal .ui-slider-handle { background: url(/img/handle.gif) no-repeat; top: -10px; margin-left: -12px; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }


/* Fancybox */
#fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; background: transparent; z-index: 1104; display: none; }
* html #fancybox-loading {	/* IE6 */ position: absolute; margin-top: 0; }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('/img/fancy_loading.png') no-repeat; }
#fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; }
* html #fancybox-overlay {	/* IE6 */ position: absolute; width: 100%; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none; }
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #FFF; }
#fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
#fancybox-close { position: absolute; top: -15px; right: -15px; width: 32px; height: 32px; background: url('/img/fancy_close.png') top left no-repeat; cursor: pointer; z-index: 1103; display: none; }
#fancybox_error { color: #444; font: normal 12px/20px Arial; }
#fancybox-content { height: auto; width: auto; padding: 0; margin: 0; }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; }
#fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; }
#fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102; }
.fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; }
.fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold; }
.fancybox-title-over { color: #FFF; text-align: left; }
#fancybox-title-over { padding: 10px; background: url('/img/fancy_title_over.png'); display: block; }
#fancybox-title-wrap { display: inline-block; }
#fancybox-title-wrap span { height: 32px; float: left; }
#fancybox-title-left { padding-left: 15px; background: transparent url('/img/fancy_title_left.png') repeat-x; }
#fancybox-title-main { font-weight: bold; line-height: 29px; background: transparent url('/img/fancy_title_main.png') repeat-x; color: #FFF; }
#fancybox-title-right { padding-left: 15px; background: transparent url('/img/fancy_title_right.png') repeat-x; }
#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('/img/blank.gif'); z-index: 1102; display: none; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left-ico { background: transparent url('/img/fancy_nav_left.png') no-repeat; }
#fancybox-right-ico { background: transparent url('/img/fancy_nav_right.png') no-repeat; }
#fancybox-left:hover, #fancybox-right:hover { visibility: visible;    /* IE6 */ }
#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span { left: auto; right: 20px; }
div.fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; z-index: 1001; }
div#fancy-bg-n { top: -20px; left: 0; width: 100%; height: 20px; background: transparent url('/img/fancy_shadow_n.png') repeat-x; }
div#fancy-bg-ne { top: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('/img/fancy_shadow_ne.png') no-repeat; }
div#fancy-bg-e { top: 0; right: -20px; height: 100%; width: 20px; background: transparent url('/img/fancy_shadow_e.png') repeat-y; }
div#fancy-bg-se { bottom: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('/img/fancy_shadow_se.png') no-repeat; }
div#fancy-bg-s { bottom: -20px; left: 0;	width: 100%; height: 20px; background: transparent url('/img/fancy_shadow_s.png') repeat-x; }
div#fancy-bg-sw { bottom: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('/img/fancy_shadow_sw.png') no-repeat; }
div#fancy-bg-w { top: 0; left: -20px; height: 100%; width: 20px; background: transparent url('/img/fancy_shadow_w.png') repeat-y; }
div#fancy-bg-nw { top: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('/img/fancy_shadow_nw.png') no-repeat; }
#tip7-title { text-align: left; }
#tip7-title b { display: block; }
#tip7-title span { float: right; }
