/*
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:0px;width:670px;height:100px;background:transparent url(../images/header.gif) no-repeat top left;}
div#topBox2 {z-index:10;}
div#topBox2 a#logo {display:block; width:290px; height:90px; margin:10px 0 0 0px;}
div#topBox2 p#adresInfo {position:absolute;top:20px;margin:0;left:290px;width:280px;text-align:right;font-size:80%;line-height:130%;}
div#topBox2 div#pageTitle {position:absolute;top:70px;margin:0;left:291px;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#main { position:absolute; top:96px; left:0; width:680px; height:400px; background-image:url('../images/bg/bg_right.gif'); background-position:right bottom; background-repeat:no-repeat; }
div#main2 { position:absolute; top:96px; left:0; width:669px; height:380px; background-position:0 0; background-repeat:no-repeat; }

div.content { text-align:left;}
	div.content img.rechts { float:right; margin-top:6px; }
	div.content ul { list-style:square; margin:0 0 6px 20px; padding:0 0 0 0; }
	div.content li { margin:0 0 4px 0; padding:0 0 0 0; line-height:130%; }

	div#colLeft { float:left; width:290px; }
		div#colLeft div#thumbsLeft div.th { margin:0 0 10px 5px; }
		div#colLeft div.content { padding:385px 5px 0 5px; }
		
	div#colRight { float:left; left:290px; width:290px; }
	div#colRight div.content { padding:10px 10px 0 10px;  }
	
	div#thumbs { clear:both; width:590px; margin-bottom:10px; }
		div#thumbs div.content { padding:0 0 0 10px;}
		div#thumbs div.th { float:left; margin:0 20px 10px 0; }
		div#thumbs p { width:260px; }
		p.help { color:#999; margin-bottom:10px; }
		p.help.nogeentjedan { position:absolute; left:300px; margin-top:-32px; }
	div#popup { position:absolute; top:101px; left:5px; text-align:center; font-size:110%; background-color:#fff; border:1px solid #5F5F5F; width:670px; min-height:460px; }
		div#popup div#pContent { padding:10px; }
		div#popup img { border:1px solid #000; }


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

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 8px 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; }

body#popup { background:#F1F1F1; text-align:center; }
body#popup div#popupContent { margin:20px; }
body#popup img { border:1px solid #000; }
body#popup a.img { margin-bottom:10px; display:block; }
body#popup a.close { margin-bottom:10px; display:block; }

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