/*
F1F1F1 : grey 5% - background
5F5F5F : grey 63% - lines color


370616 : wonen link color
6B0220 : wonen title background color

313131 : werken link color
5F5F5F : werken title background color (?)

5D4404 : assort link color
8F5000 : assort title background color

004923 : winkel link color
006328 : winkel title background color

*/


/* page structure - boxes */

body,html {height:100%;margin:0;padding:0;}

body,html {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:83%;line-height:140%;color:#000;}
body {background:#F1F1F1 url(images/bg_body.gif) repeat-y top center; text-align:center;}

div#mainContainer {position:relative;margin:0 auto;padding:0;width:780px;height:100%;text-align:left;}

div#centerBox1 {position:relative;margin:0 100px;height:100%;}
div#centerBox2 {position:relative;height:100%;}

div#topBox1 {position:absolute;top:0;left:-10px;width:670px;height:100px;background:transparent url(images/bg_title.gif) no-repeat top left;}
div#topBox2 {z-index:10;}
div#topBox2 img {display:block;margin:0 0 0 11px;}
div#topBox2 p#adresInfo {position:absolute;top:20px;margin:0;left:300px;width:280px;text-align:right;font-size:80%;line-height:130%;}
div#topBox2 div#pageTitle {position:absolute;top:70px;margin:0;left:301px;width:288px;height:25px;}

div#topBtnBox1 {position:absolute;top:10px;left:645px;width:35px;height:50px;background:#F1F1F1;z-index:20;}
div#topBtnBox2 {}
div#topBtnBox2 a {display:block;}

div#menuBox1 {position:absolute;top:95px;left:-94px;width:95px;z-index:10;height:401px;background:transparent url(images/bg_menu.gif) no-repeat bottom left;}
div#menuBox2 {position:relative;}

div#rightBox1 {position:absolute;top:95px;left:580px;width:100px;background:#FFF url(images/bg_imgright_b.gif) no-repeat bottom left;}
div#rightBox2 {margin:0 0 20px 0;background:#FFF url(images/bg_imgright.gif) repeat-y 0 0;}
div#rightBox2 img {display:block;border-width:1px 1px 1px 0;border-style:solid;border-color:#5F5F5F;}

div#contentBox1 {height:100%;margin:0 0 0 290px;background:#FFF url(images/bg_textcolumn.gif) repeat-y 0 0;}
div#contentBox2 {padding:96px 0 0 0;height:480px;}
div#contentPadding {padding:10px 10px;text-align:left;}

div#contentPadding p img.rechts {float: right; margin-top: 6px;}

div#imgColBox1 {position:absolute;top:96px;left:0;width:290px;height:200px;}
div#imgColBox2 {position:relative;}
div#imgColBox2 img {position:relative;border-left:1px solid #5F5F5F;}
div#imgColContent {}
div#imgColContent img {position:relative;border-left:0px solid #5F5F5F;}
div#imgColContentPadding {padding:5px;}


/* category specific */
body.home div#contentBox2 {background:transparent url(images/img_home_bg.jpg) no-repeat 1px 96px;}
body.wonen div#contentBox2 {background:transparent url(images/img_wonen_bg.jpg) no-repeat 1px 96px;}
body.werken div#contentBox2 {background:transparent url(images/img_werken_bg.jpg) no-repeat 1px 96px;}
body.assort div#contentBox2 {background:transparent url(images/img_assort_bg.jpg) no-repeat 1px 96px;}
body.winkel div#contentBox2 {background:transparent url(images/img_winkel_bg.jpg) no-repeat 1px 96px;}

   /*
body.werken div#contentBox2 {background:transparent url(images/img_werken_bg.jpg) no-repeat 1px 96px;}
body.assort div#contentBox2 {background:transparent url(images/img_assort_bg.jpg) no-repeat 1px 96px;}
body.winkel div#contentBox2 {background:transparent url(images/img_winkel_bg.jpg) no-repeat 1px 96px;}
   */

body.wonen  div#pageTitle {background-color:#6B0220;}
body.werken div#pageTitle {background-color:#5F5F5F;}
body.assort div#pageTitle {background-color:#8F5000;}
body.winkel div#pageTitle {background-color:#006328;}

body.home   a {color:#006328;}
body.wonen  a {color:#6B0220;}
body.werken a {color:#5F5F5F;}
body.assort a {color:#8F5000;}
body.winkel a {color:#006328;}

/* category-specific submenu backgrounds */
body.home    ul#nav ul {background:#FFF url(images/img_home_pd_bg.jpg) no-repeat 0 0;}
body.wonen   ul#nav ul {background:#FFF url(images/img_wonen_pd_bg.jpg) no-repeat 0 0;}
body.werken  ul#nav ul {background:#FFF url(images/img_werken_pd_bg.jpg) no-repeat 0 0;}
body.assort  ul#nav ul {background:#FFF url(images/img_assort_pd_bg.jpg) no-repeat 0 0;}
body.winkel  ul#nav ul {background:#FFF url(images/img_winkel_pd_bg.jpg) no-repeat 0 0;}

body ul#nav ul.sub1 {background-position:0 0;}
body ul#nav ul.sub2 {background-position:0 -95px;}
body ul#nav ul.sub3 {background-position:0 -190px;}
body ul#nav ul.sub4 {background-position:0 -285px;}


/* generic - text & images */

div#pageTitle h1 {font-size:130%;text-align:right;line-height:25px;font-weight:bold;color:#FFF;margin:0 10px 0 0;padding:0;}

p {margin:0 0 20px 0;}
p.nomargin {margin:0;}
p.right {text-align:right;}

a img {border:0px solid transparent}

p.openingstijden {text-align:right;}
p.openingstijden span {text-align:right;float:left;width:160px;}

p.groen {color:#006328;}

p.home_logos {margin-left:-5px;}
p.home_logos img {margin-left: 4px;}


/* menu */
ul#nav, ul#nav ul { /* all menus */ padding:0;margin:0;list-style:none;position:relative;}
img#menuTopLine {display:block;width:95px;height:1px;margin:0;}

ul.level0 li {display:block;position:relative;width:95px;height:95px;z-index:10;margin:0;padding:0;}
ul.level0 a {display:block;width:95px;height:95px;margin:0;padding:0;}

/* submenus */
ul#nav ul.level1 {display:none;position:absolute;top:0;left:94px;width:190px;min-height:94px;z-index:20;background-color:#FFF;}
ul#nav ul.level1 li {display:inline;float:right;width:190px;height:20px;text-align:right;border-bottom:0px solid black;}
ul#nav ul.level1 li a {width:190px;height:20px;text-align:right;}
ul#nav ul.level1 li a span {margin:0 5px;}

ul#nav li.item0 {position:absolute;top:0;left:0;}
ul#nav li.item1 {position:absolute;top:95px;left:0;}
ul#nav li.item2 {position:absolute;top:190px;left:0;}
ul#nav li.item3 {position:absolute;top:285px;left:0;}

/* submenu borders */
ul#nav ul.level1 {border-right:1px solid #5F5F5F;border-bottom:1px solid #5F5F5F;}
ul#nav li.item1 ul {border-top:1px solid #5F5F5F;top:-1px;}
ul#nav li.item2 ul {border-top:1px solid #5F5F5F;top:-1px;}
ul#nav li.item3 ul {border-top:1px solid #5F5F5F;top:-1px;}

/* link text */
ul#nav a span {display:none;} /* hide link text in lvl0 menu's */
ul#nav ul.level1 a span {display:inline;}  /* ... and show link text in lvl1 menu's */

/* default lvl0 btn classes */
a.btn0 {background:#FFF url(images/btn_wonen.gif) no-repeat 0 0;}
a.btn1 {background:#FFF url(images/btn_werken.gif) no-repeat 0 0;}
a.btn2 {background:#FFF url(images/btn_assort.gif) no-repeat 0 0;}
a.btn3 {background:#FFF url(images/btn_winkel.gif) no-repeat 0 0;}

/* lvl0 btn classes for specific states */
a#itemLink_0.nn {background:transparent url(images/btn_wonen.gif) no-repeat 0 0;}
a#itemLink_1.nn {background:transparent url(images/btn_werken.gif) no-repeat 0 0;}
a#itemLink_2.nn {background:transparent url(images/btn_assort.gif) no-repeat 0 0;}
a#itemLink_3.nn {background:transparent url(images/btn_winkel.gif) no-repeat 0 0;}

a#itemLink_0.rr {background:transparent url(images/btn_wonen.gif) no-repeat 0 0;}
a#itemLink_1.rr {background:transparent url(images/btn_werken.gif) no-repeat 0 0;}
a#itemLink_2.rr {background:transparent url(images/btn_assort.gif) no-repeat 0 0;}
a#itemLink_3.rr {background:transparent url(images/btn_winkel.gif) no-repeat 0 0;}

a#itemLink_0.ss {background:transparent url(images/btn_wonen.gif) no-repeat 0 0;}
a#itemLink_1.ss {background:transparent url(images/btn_werken.gif) no-repeat 0 0;}
a#itemLink_2.ss {background:transparent url(images/btn_assort.gif) no-repeat 0 0;}
a#itemLink_3.ss {background:transparent url(images/btn_winkel.gif) no-repeat 0 0;}

/* submenu link styles */
ul#nav ul li a {text-decoration:none;color:#5F5F5F;}
ul#nav ul li a.rr {font-style:italic;}
ul#nav ul li a.ss {font-weight:bold;}

ul#nav li.item0 ul li a {color:#370616;}
ul#nav li.item1 ul li a {color:#313131;}
ul#nav li.item2 ul li a {color:#5D4404;}
ul#nav li.item3 ul li a {color:#004923;}

/* popup aanbiedingen */
body.aanbieding {background:#F1F1F1; text-align:center; margin:10px; width:auto; height:auto; padding:0;}
body.aanbieding img {border:1px solid #13672B;}

body.popup { background:#F1F1F1; text-align:center; margin:10px; }
body.popup img { border:1px solid #000; }


ul { margin:0 0 10px 14px; }
li {}

div.reset { height:1px; clear:both; }