/* 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; }
ul, ol 	{ font-family: Arial; font-size: 12px; color: #FFFFFF; line-height: 17px; margin-left: 15px; padding-left: 0px;}
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: "" ""; }
* { margin: 0; }
.cufon-loading{text-indent:-9999px;}

/* MAIN CSS */
* html { height:100%; overflow-x: hidden; }
body { background:#b0b0b0; height:100%;  }
html, body { height: 100%; } 
p { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;	font-size: 12px; color: #FFF;	line-height: 17px; }
a {	color: #f86b00; text-decoration:none; }
a:hover { color: #CCC; }
a.textlink { color:#f86b00; text-transform:capitalize; text-decoration:none }
a.textlink:hover { text-decoration:underline }
p.adres, p.adres a { color:#FFF; text-decoration:none; font-size:11px; padding-top:5px; }
p.partners a { line-height:30px; color:#FFF; }
p.partners a:hover, p.partners a.active { color:#f86b00; }
input, textarea, select, button{ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; }
h1	{ color:#FFF; font-weight:bold; font-size:18px; }
h1.contacth1 { color:#000; font-weight:bold; font-size:18px; }
h2	{ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;	font-size: 18px; color: #FFF;}

.taal { position:absolute; left:950px; top:170px; z-index:99999; }
.taal a { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;	font-size: 12px; color: #FFF; line-height: 17px; }
.taal a:hover { color: #787878; }
.clear { content:" "; clear:both; height:0; display:block; overflow:hidden; line-height:0; font-size:0; visibility:hidden; }
.container	{ margin: 0 auto; position:relative; }
#textvak { margin-left:10px; width:630px; display:block; background-image:url(/img/bgtextvak.png); background-repeat:repeat; padding:0 61px 0 35px; }
#textvak2 { margin-left:0; width:782px; display:block; background-image:url(/img/bgtextvak.png); background-repeat:repeat; padding:60px 61px 0 22px; }
#contact { padding:60px 0 0 165px; width:782px; }
#textcontainer { position:absolute; width:736px; margin-left:275px; }
#textcontainer2 { position:absolute; width:736px; margin-left:145px; }
#textvakbottom { background-image:url(/img/bgtextvak.png); background-repeat:repeat; display:block; padding-left:32px; }
.topbottom { height:60px; overflow:hidden; }
#grotelinks a { color:#FFF; font-size:18px; padding:5px 0; margin:15px 0; height:30px; overflow:hidden; white-space:nowrap; }
#grotelinks a:hover { color:#FFF; font-size:18px; padding:5px 0; }
#rightblok { position:absolute; display:block; margin-left:271px; padding: 0px; float:left; width:737px; } 
#leftblok { float:left; position:absolute; z-index:100; }
#linksbottom { width:276px; background-color:#787878; }
#linkstekstvak { width:252px; background-color:#787878; padding-right:15px; margin-right:16px; text-align:right; }
#linkstekstvak a { text-decoration:none; color:#FFF; }
#linkstekstvak a:hover { color:#f86b00; }
#inspiratie { position:absolute; width:100%; top:253px; height:395px; display:block; overflow:hidden; z-index:750; }
#inspiratie a img { float:left; padding:0 1px; height:395px; border:none; }
#keuzeproduct label { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;	font-size: 12px; color: #FFF; line-height: 30px; }
.imgholder { background-image:url(/img/prodshadow.png); background-repeat:no-repeat; width:137px; height:127px; margin:0 8px 8px 0; float:left; background-position:1px -1px; }
.imgholder a { margin-left:11px; }
.imgholder a img { border:none; }
.breadcrumb { margin-left:45px; }
.breadcrumb p, .breadcrumb p a { color:#000; text-decoration:none; }
.breadcrumb p a:hover { color:#FFF; }

#brochure	{ height:71px; width:71px; position:absolute; z-index:99999; margin-left:35px; margin-top:420px; overflow:hidden; }
#brochure img:hover, .prod3 a:hover img { margin-top:-71px; cursor:pointer; }

#tulpvideo	{ height:71px; width:71px; position:absolute; z-index:99999; margin-left:35px; margin-top:510px; overflow:hidden; }
#tulpvideo img:hover { margin-top:-71px; cursor:pointer; }

#tulpvideos	{ height:40px; width:150px; float:right; overflow:hidden; margin-top:-15px; }
#tulpvideos img:hover { margin-top:-40px; cursor:pointer; }

#dealer	{ height:50px; width:71px; position:absolute; z-index:99999; margin-left:35px; margin-top:600px; overflow:hidden; }
#dealer img:hover { margin-top:-50px; cursor:pointer; }

/* MENU ITEMS */
#menu	{ height:150px; overflow:hidden; position:relative; z-index:800; }
.menuGrijs	{ width:145px; height:150px; float:left; }
.menuWhite	{ width:108px; height:123px; background-color:#FFF; margin-right:2px; float:left; padding:29px 0 0 20px; }
ul#menu1 { margin:0; padding: 0; list-style: none; }
ul#menu1 li { float: left; margin-right:2px; }
ul#menu1 li a { padding-top: 150px; overflow:hidden; display:block; height:0;  }
ul#menu1 li a:hover { background-position: left -150px;  }
ul#menu2 { margin:0; padding: 0; list-style: none; }
ul#menu2 li { width:90px; }
ul#menu2 li a { padding-top: 20px; overflow:hidden; display:block; height:0;  }
ul#menu2 li a:hover { background-position: left -20px;  }
ul#menu3 { margin:0; padding: 0; list-style: none; }
ul#menu3 li { width:145px; }
ul#menu3 li a { padding-top: 154px; overflow:hidden; display:block; height:0;  }
ul#menu3 li a:hover { background-position: left -154px;  }

/* FOOTER */
.footerx, .push { height: 80px;clear:both;  }
#bottom { z-index:7999; }
#bottomup { clear:both; height:80px; display:block; }
.footer	{ width:869px; height:80px; padding:0 0 0 145px; }
.bottomHolder	{ height:80px; }
.tulpLogo	{ position:absolute; z-index:99999; width:123px; padding-left:2px; margin-right:40px; float:left; }
.adresLine	{ width:660px; height:20px; float:left; margin-top:15px; padding-left:135px; }

/* HOMEPAGINA */
#homePage	{ width:530px; margin-left:480px; padding-top:70px; z-index:99; }
.homePage	{ width:530px; position:absolute; }
.homePage2	{ width:530px; display:none; position:absolute; background-color:#000; }
.elkeHaard	{ width:530px; height:580px; overflow:hidden; }
.elkeHaard img:hover	{ margin-top:-580px; }

/* BROCHURE AANVRAAG */
#message { display:none; }
.nform			{ margin:0px; }
.cformFields	{ width:365px; padding:3px; margin:5px 0; font-size:12px; color:#000; background-color:#CCC; border:1px solid #FFF; }
.cformBtn		{ width:160px; height:40px; overflow:hidden; background:url(/img/formsend.gif); border:0; cursor:pointer; margin-top:20px; }
.cformBtn:hover { background-position:0 -40px; }

/* PRODUCTPAGINA */
.productLeft	{ float:left; width:274px; background-color:#787878; min-height:500px; }

/* 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; }

/* Background */
.bgstretcher { background: black; overflow: hidden; width: 100%; position: fixed !important; z-index: 1; }
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI { position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
.bgstretcher UL, .bgstretcher UL LI { margin: 0; padding: 0; list-style: none; }
#paginastretch { z-index: 2; position: relative; }

/* Zoek dealers */
#map { width:500px; height:490px; }