html, body, ol, ul, li, dl, dt, dd, img { margin: 0; padding: 0; border: 0; list-style: none; }
body { background: #fff; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; }
img{border:0;}
/* h1 { position: relative; text-transform: uppercase; letter-spacing: 0.2ex; } */
#footer { clear: both; padding: 1em; text-align: center; font-size: 90%; }
#footer a { text-decoration: none; color: black; }
#products #footer a:hover { color: lime; }
#projects #footer a:hover { color: #8FC9EC; }
#home .subnavigatie { position: absolute; margin: 0; padding: 0; z-index: 10;}
#home .subnavigatie li {height: 24px; margin: 0; padding: 0;}
#home .subnavigatie li a { font-size: 15px; font-weight: bold; display: block; width: auto; height: 16px; padding: 2px; border: 2px solid transparent;}
#home .subnavigatie li a:hover { border: 2px solid;}
#home #nav-products { bottom: 166px; left: 184px;}
#home #nav-projects { bottom: 10px; left: 310px;}
#projects #navigatie, #products #navigatie { position: relative; height: 25px; width: auto; overflow: hidden; margin: 0 0 0 15px; padding: 0;}
#projects #navigatie li, #products #navigatie li { position: relative; float: left; margin: 4px 4px 0 0; padding: 0;}
#projects .subnavigatie, #products .subnavigatie { position: relative; top: -20px; height: 23px; width: auto; overflow: hidden; margin: 0 0 0 76px; padding: 0;}
#projects .subnavigatie li, #products .subnavigatie li { position: relative; float: left; margin: 0; padding: 0;}
#projects .subnavigatie li a, #products .subnavigatie li a { position: relative; width: auto; display: block; margin: 0; padding:1px 2px; font-weight: bold; border: 2px solid #fff;}
#projects .subnavigatie li a:hover, #products .subnavigatie li a:hover { border: 2px solid #000;}
/* #projects .subnavigatie li a.selected, #products .subnavigatie li a.selected { position: relative; width: auto; display: block; margin: 0; padding:1px 2px; border: 2px solid #000;} */
#wrapper { position: relative; margin: 2% auto; padding: 0; width: 780px; height: 585px; text-align: left; background: #fff;}
#wrapper #content { position: relative; padding: 0; margin: 0; width: 390px; height: 585px; }
#home #wrapper { background: url(../media/bg_home_right.gif) no-repeat right top;}
#wrapper #gallery { position: relative; float: right; overflow: hidden; width: 390px; height: 585px; z-index: 1; padding: 0; margin: 0; /* background: url(../media/hobbelpaard.png) no-repeat; */ }
#wrapper #gallery li { display: block; }
/* #wrapper #bank { position: absolute; top: 0px; right: 0px; width: 390px; height: 560px; z-index: 1; padding: 0; margin: 0; background: url(../media/bank.png) no-repeat; }
#wrapper #pot { position: absolute; top: 0px; right: 0px; width: 390px; height: 560px; z-index: 1; padding: 0; margin: 0; background: url(../media/koffiepot.png) no-repeat; }
#wrapper #stoel { position: absolute; top: 0px; right: 0px; width: 390px; height: 590px; z-index: 1; padding: 0; margin: 0; background: url(../media/stoel.png) no-repeat; } */
#home #content { background: url(../media/bg_home_left.png) no-repeat right top;}
#home #content div.text { padding: 240px 12px 10px 24px; margin:0; }
#press #wrapper { background: url(../media/bg_press.gif) no-repeat right top;}
#press #content { width: 780px; height: 585px; }
#press #content div.text { padding: 180px 12px 10px 57px; margin:0; }
#press #content div.text h1 { font-size: 14px; line-height: 2ex; letter-spacing: 0.2ex; text-transform: uppercase; }
#contact #wrapper { background: url(../media/bg_contact.gif) no-repeat right top;}
#contact #content { width: 780px; height: 585px; }
#contact #content div.text { padding: 40px 12px 10px 57px; margin:0; }
#contact #content div.text p { padding: 0; margin: 10px 0 0 256px; font-size: 14px; letter-spacing: 0.2ex; line-height: 18px; font-weight: bold; text-transform: uppercase; }
#contact #content div.text div.contactform { padding: 0; margin: 74px 0 0 256px; }
#contact #content div.text .label { width: 130px; font-size: 11px; font-weight: bold; text-transform: uppercase; }
#contact #content div.text .button { width: 90px; padding: 2px 4px; font-size: 12px; font-weight: bold; text-transform: uppercase; border: 2px solid; background: none;}
#contact #content div.text input.text {border: 1px solid #000; width: 298px;}
#contact #content div.text input.zipcode {border: 1px solid #000; width: 60px; margin-right:10px;}
#contact #content div.text input.city {border: 1px solid #000; width: 226px; }
#contact #content div.text textarea  {border: 1px solid #000; width: 298px;}
/* Card rules */
/* Styles for scrolling layers Specify width and height in slider and wn, and in clip for wn. slider div height accommodates scrollbar in this example */
#slider {position: relative; overflow:hidden; width: 780px; height: 210px; z-index:100; }
div#wn { position:absolute; left:0px; top:0px; width:780px; height:195px; clip:rect(0px, 780px, 195px, 0px); overflow:hidden;	z-index:1; }
#projects div#wn { top: 25px; }
div#lyr1 { position:absolute; visibility:hidden; left:0px; top:0px; z-index:1; }
/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { position:absolute; left:0; top:195px; width:780px; height:15px; font-size:1px; z-index:2; }
#products div#scrollbar { top: 195px; }
#projects div#scrollbar { top: 10px; }
div#scrollbartrack { position:absolute; left:17px; top:0; width:746px; height:15px; z-index:1; background: #000; }/* url("/images/nav/track.gif")repeat */
div#dragBar { position:absolute; overflow:hidden; left:1px; top:0; margin-top:1px; width:20px; height:11px; z-index:1; }
#projects div#dragBar {background-color:#8FC9EC;}
#products div#dragBar {background-color:#0f0;}
div#dragBar img#dbleft {position: relative; float:left;}
div#dragBar img#dbright {position: relative; float:right;}
div#scrollbarleft { position:absolute; left:0; top:0; z-index:2; }  
div#scrollbarright { position:absolute; right:0; top:0; z-index:3; }
#homebtn {position: relative; float: right; margin: 5px;}
#contact #homebtn {position: absolute; top: 5px; left: 7px;z-index: 10;}
#press #homebtn {position: absolute; top: 5px; left: 7px; z-index: 10;}
#card {position: relative; width: 746px; height: 328px; }
b.cn { position: absolute; height: 10px; width: 10px; margin: 0; padding: 0; background: url(../media/white.png) no-repeat; line-height: 1px; font-size: 1px; }
b.tr {top: -2px; right: -2px; background-position: top right;}
b.bl {bottom: -2px; left: -2px; background-position: bottom left;}
b.br {bottom: -2px; right: -2px; background-position: bottom right;}
#card ul li a.pro_link:hover { text-decoration: underline; }
/* disclaimer */
#disclaimer #wrapper { position: relative; margin: 5% auto; padding: 0; width: 500px; height: 240px; text-align: left; background: #fff;}
#disclaimer #card {position: relative; width: 470px; height: 200px; border: 2px solid lime; margin: 15px 15px 4px 15px; background: url(../media/label_disclaimer.gif) no-repeat 0 0;}
#disclaimer #card b.cn {background-image: url(../media/products_corn.gif);}
#disclaimer #card .content {position: relative; margin: 0; padding: 50px 15px 0 10px; }
/* products */
#products #card {border: 2px solid lime; margin: 15px 15px 4px 15px; }
#products #card b.cn {background-image: url(../media/products_corn.gif);}
#products #card h1 { padding: 0; font-size: 14px; line-height: 2ex; width: 50%; text-transform: uppercase;}
#products #card.new {background: url(../media/label_new.gif) no-repeat 0 0;} 
#products #card.new h1 {margin: 6px 0 0 66px; }
#products #card.seats {background: url(../media/label_seats.gif) no-repeat 0 0;} 
#products #card.seats h1 {margin: 6px 0 0 70px;}
#products #card.tables {background: url(../media/label_tables.gif) no-repeat 0 0;}
#products #card.tables h1 {margin: 6px 0 0 80px;}
#products #card.indoor-outdoor {background: url(../media/label_indooroutdoor.gif) no-repeat 0 0;} 
#products #card.indoor-outdoor h1 {margin: 6px 0 0 160px;}
#products #card.tabletop {background: url(../media/label_tabletop.gif) no-repeat 0 0;} 
#products #card.tabletop h1 {margin: 6px 0 0 102px;}
#products #card.children {background: url(../media/label_children.gif) no-repeat 0 0;} 
#products #card.children h1 {margin: 6px 0 0 104px;}
#products #card.gifts {background: url(../media/label_gifts.gif) no-repeat 0 0;} 
#products #card.gifts h1 {margin: 6px 0 0 70px;}
#products #card .content {position: relative; margin: 14px 0px 0px 374px; padding: 0; width: 360px; height: 290px; }
#products #card .content h2 {margin: 2px 0 14px 0; font-size: 11px; text-transform: uppercase; }
#products #card ul { position: relative; margin:0; padding:0; width: 360px;}
#products #card ul li { position: relative; padding: 1px 1px 1px 0; }
#products #card .left_image { position: relative; float: left; margin: 10px 12px 0px 13px; }
#products #card .staal_image { position: absolute; bottom: 9px; margin: 0; }
/* projects */
#projects #card { margin: 0px 15px 4px 15px; border: 2px solid #8FC9EC; background: url(../media/label_projects.gif) no-repeat 0 0; }
#projects #card b.cn {background-image: url(../media/projects_corn.gif);}
#projects #card h1 { margin: 7px 0 0 108px; padding: 0; font-size: 14px; line-height: 2ex; letter-spacing: 0.2ex; width: 50%; text-transform: uppercase;}
#projects #card .content { position: relative; margin: 14px 0px 0px 374px; padding: 0; width: 360px; height: 290px; }
#projects #card .content h2 { margin: 2px 0 14px 0; font-size: 11px; text-transform: uppercase; }
#projects #card ul { position: relative; margin:0; padding:0; width: 360px;}
#projects #card ul li { position: relative; padding: 1px 1px 1px 0; }
#projects #card .left_image { position: relative; float: left; margin: 10px 12px 0px 13px; }
/* sitemap */
ul#sitemap {position: relative;margin: 0 0 0 30px;padding: 2px;font-weight: bold;}
ul#sitemap ul li {position: relative;margin: 0px 0px 0px 20px;padding: 2px;list-style: circle;font-weight: normal;}
/* Generic rules */ 
a { color: #000; text-decoration: none; }
.brclear { clear:both; height:0; margin:0; font-size: 1px; line-height: 0; }
span.bigstar { font-size: 18px; font-weight: bold; vertical-align: sub; }