html, body, #holder { min-height: 100%; width: 100%; height: 100%; }
html>body, html>body #holder { height: auto; }
body { margin: 0; background: url(pics/bg.gif) repeat-x; }
* {font-size: 1em; padding:0; margin:0;}
#holder { position: absolute; background: url(pics/bgLeft.gif) repeat-y; top: 0; left: 0; }
#header, #body, #footer { width: 100%; }
#header div.header, div.nav1, #body div.body, #footer div.footer { clear: both; width: 978px; }
#header div.header { height: 158px; }
#header div.logo { background: #FFFFFF url(pics/logodvw.gif) no-repeat; background-position: center center; width:177px; float:left; height:159px; }
#header div.logo a { display: block; width: 177px; height: 100%; }
#header div.headerBg { float: left; width: 801px; height: 159px; background-position: 100% 0; background-repeat: no-repeat; }
div.nav1 { height: 23px; background: #245D91 url(pics/randje.gif) no-repeat 100% 0;}
#body { margin-top: 23px;}
#body div.left { width: 178px; float: left; }
#body #gallery { position: relative; width: 177px; height: 177px; margin: 0; padding: 0; list-style: none; background: transparent; overflow: hidden; float: left; }
#body div.nav2 { padding: 8px 0 10px 0; width: 112px; }
#body div.tpl { width: 800px; float: left; background: #ffffff url(pics/rechtermenu.gif) no-repeat 100% 0; min-height:250px; }
#rechtermenu { text-align: right; line-height: 18px; padding: 8px 14px 0 0; float: right; }
#partjes { background: url(pics/partjes.jpg) no-repeat; width: 149px; height: 148px; float: right; padding: 0 0 38px 0; }
#footer { position: absolute; background: #ECBE00; bottom: 0; width: 100%; height: 30px; }
#footer div.footer { }
#naw { width: 102px; font-size: 10px; color: #245D91; line-height: 16px; position: absolute; left: 10px; bottom: 40px; }
#naw a, #naw a:link, #naw a:visited { color: #245D91; text-decoration: none; }
#naw a:hover, #naw a:active { color: #245D91; text-decoration: underline; }
#footer div.circle { width: 147px; height: 147px; position: absolute; left: 780px; bottom: 60px; background: url(pics/circle.jpg) no-repeat; }
#footer div.name { margin-left: 178px; color: #FFFFFF; font-size: 140%; font-weight: bold; line-height: 30px; }
#footer div.nav3 { float: right; line-height: 30px; }
#content { position:relative; width: 600px;}
#content .content { position:relative; padding: 40px 15px 45px 15px; z-index: 1; }
#tpl { position: relative; }
#tpl div.right { position:absolute; top:0; right:0; z-index:2; display:inline; width: 170px; padding-bottom: 240px;}
#header div.headerBg { background-image: url(pics/devalk.jpg); }
#banner	{ position:relative; width:142px; height: 200px; margin-left: 17px; padding-top: 10px; padding-bottom: 160px; height:auto; overflow: hidden; }
#banner	a img { border: 0; }
/* body - tpl - breadcrum */
#breadcrumMenu { position: absolute; width: 460px; height: 14px; padding:2px 0; left:0; top:10px; }
#breadcrumMenu ul.breadcrumMenu { position: relative; list-style: none;  }
#breadcrumMenu ul.breadcrumMenu li { position: relative; float: left; display:inline; color: #50185c; padding-right: 15px; padding-left: 10px; background: url(pics/divBreadCrum.gif) right 4px no-repeat; }
#breadcrumMenu ul.breadcrumMenu li a { position: relative; float: left; display:inline; color: #50185c; text-decoration: underline; }
#breadcrumMenu ul.breadcrumMenu li a:hover { text-decoration: none; }
#breadcrumMenu ul.breadcrumMenu li.lastNode { background: none; }
#breadcrumMenu ul.breadcrumMenu li.firstNode { padding-left: 0px;}
#form fieldset { border: 1px solid #666; padding: 10px 10px 8px 10px; margin: 0 0 0px 0; }
#form legend { color: #245D91; }
#form fieldset table { margin: 10px 0 0 0; }
#form span.alt { text-decoration: underline; }
#form span.required { color: #CC3333; }
#form .error { color: #CC3333; }
#form th { font-weight: normal;	text-align: left; vertical-align: top; padding: 0 0 0 0; width: 100px; }
#form tfoot td { text-align: right; }
#form fieldset tfoot td { text-align: left; }
#form input { color: #666666; vertical-align: middle; padding: .1em .3em 0 .3em; }
#form input.text, #form input.activetext { height: 18px; border: 1px solid #000000; margin: 0 0 3px 0; }
#form input.activetext { color: #000000; }
#form textarea { margin: 0 0 3px 0; padding: .1em .3em 0 .3em; border: 1px solid #000000; scrollbar-face-color:#FFFFFF; scrollbar-shadow-color:#000000; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#000000; scrollbar-darkshadow-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-arrow-color:#000000; font: 11px Arial, Helvetica, Verdana; color: #666666; }
#form textarea.activetext { color: #000000; }
#form input.submit { padding: 0 1em 0 1em; color: #000000; text-decoration: none; background: #FFFFFF; border: 1px solid #000000; }
#form a.submit, #form a.submit:link, #form a.submit:visited { height: 100px; height: 18px; line-height: 18px; margin: 10px 0 3px 0; padding: 0 1em 0 1em; color: #666666; border: 1px solid #000000; text-decoration: none; }
#form a.submit:hover, #form a.submit:active { color: #000000; background-color: #ECBE00; }
#form .algemeen input, #form .bezorgadres input, #form .factuuradres input, #form .contact input { width: 300px; }
#form .afleverdatum input.text, #form .afleverdatum input.activetext { width: 100px; }
#form .afleverdatum textarea, #form .contact textarea { width: 300px; height: 40px; }
#form .bulkbestelling input, #form .zakgoedbestelling input { margin-right: 5px; }
#form .bulkbestelling .field1 input, #form .zakgoedbestelling .field1 input { width: 50px; }
#form .bulkbestelling .field3 input, #form .voerbestelling .field4 input { width: 30px; }
#form .zakgoedbestelling .field3 input { width: 67px; }
#form .bulkbestelling .field2 input, #form .bulkbestelling .field5 input, #form .zakgoedbestelling .field2 input, #form .zakgoedbestelling .field4 input { width: 150px; }
ul.footMenu { position:relative; color: #000000; list-style: none; }
ul.footMenu li { margin: 0; display: inline; position: relative; }
ul.footMenu li a, ul.footMenu li a:link, ul.footMenu li a:visited { color: #000000; text-decoration: none; margin-left: 10px; margin-right: 10px;}
ul.footMenu li a:hover, ul.footMenu li a:active, ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: underline; }
ul.subMenu { position:relative; float: right; z-index: 1; color: #ECBE00; list-style: none; font-weight: bold; font-size: 110%; margin: 30px 30px 0 0; line-height: 16px;text-align: right;}
ul.subMenu li {}
ul.subMenu li a,ul.subMenu li a:link,ul.subMenu li a:visited { color: #ECBE00;text-decoration: none;}
ul.subMenu li a:hover,ul.subMenu li a:active,
ul.subMenu li a.active, ul.subMenu li a:visited.active { color: #245D91;}
ul.subMenu ul { display:none; }
ul.generalMenu { position:relative; color: #000000; position:relative; list-style: none; }
ul.generalMenu li{ margin: 0; display: inline; position: relative;}
ul.generalMenu li a,ul.generalMenu li a:link,ul.generalMenu li a:visited{color: #000000;text-decoration: none;margin: 0 .8em 0 .8em;}
ul.generalMenu li a:hover,ul.generalMenu li a:active,ul.generalMenu li a.active,ul.generalMenu li a:visited.active{	color: #000000;	text-decoration: underline;}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink { background: url(pics/prevlabel.gif) left 15% no-repeat; }
#nextLink { background: url(pics/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ float: right;  padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* Sizer */
#sizer a { position: relative; color: #ffffff; margin-top: 5px; float: left; display: block; text-decoration: none; font-weight: bold; text-transform: uppercase; margin-left: 2px;}
#sizer a span { margin: 0px 0px 0px 4px; }
#sizer a#defaultfont { font-size: 11px; padding-top: 2px;}
#sizer a#increasefont { font-size: 14px;}
#sizer a:hover { color: #ECBE00; }

#nav .nav { float: right; width: 200px; }
#nav .nav .navMonth { float: right; width: 74px; }


#mainMenu { position: absolute; top: 159px;}
ul.mainMenu { position:relative; margin-left: 177px;}
ul.mainMenu ul { position: absolute; visibility:hidden; width: 140px; top:0; left:0; margin-top: 23px; background: #ECBE00; padding: 5px; z-index:1000;}
ul.mainMenu ul ul { margin-left: 138px; margin-top: 2px;}
ul.mainMenu li { position:relative; display: block; float: left; }
ul.mainMenu li li { width: 140px; }
ul.mainMenu li a, ul.mainMenu li a:visited, ul.mainMenu li a.mouse { display: block; float: left; min-height: 23px; line-height: 23px; padding: 0 10px 0 10px;color: #FFFFFF; text-decoration: none;background-image: url(/skins/default/pics/mainMenuBg.gif); background-repeat: no-repeat; background-position: 100% 100%; overflow:hidden;}
* html ul.mainMenu li a, * html ul.mainMenu li a:visited, * html ul.mainMenu li a.mouse { }
ul.mainMenu li a:hover, ul.mainMenu li a:active, ul.mainMenu li a.active, ul.mainMenu li a.mouse, ul.mainMenu li a.active:visited { /*padding: 0 10px 0 10px;*/	color: #000000;	background-color: #F5DE7F;}
ul.mainMenu li a:hover{	background-color: #FBF2CC;}
ul.mainMenu ul a, ul.mainMenu ul a:visited, ul.mainMenu ul a.active, ul.mainMenu ul a.mouse { position:relative; display: block; float: none; background: none; color: #000000; padding: 0 1.5em 0 .5em; }
ul.mainMenu ul a:hover, ul.mainMenu ul a:active, ul.mainMenu ul a.active, ul.mainMenu ul a.mouse, ul.mainMenu ul a.active:visited { background: #F6DF80;}