#container { position:relative; margin:auto; width:940px; height:100%;}

#bg_side { position:absolute; width:100%; height:100%; top:0px; left:0px; background:url(img/layout/bg_side.jpg) repeat-x;}
#bg_content { position:fixed; width:100%; height:100%; top:0px; background:url(img/layout/bg_content.jpg) repeat-y;}
#bg_top { position:absolute; width:100%; height:429px; top:0px; background:url(img/layout/bg_top.png) no-repeat;}
#bg_top #phone { position:absolute; top:0px; left:50px; width:161px; height:100px; background:url(img/layout/phone.png) no-repeat;}
#bg_top #phone:hover { background-position:0px -100px;}

#mainnav { position:absolute; width:583px; height:36px; background:url(img/layout/bg_mainnav_big.png) no-repeat; top:-6px; right:45px; z-index:1;}
#mainnav div { margin:-6px 0px 0px 42px;}
#mainnav div h2 { position:relative; display:block; float:left; padding:5px 12px; margin-top:12px; margin-left:12px;}

#nav { position:absolute; left:0px; top:120px; width:265px;}
#nav_group { position:relative; width:261px; padding-left:4px; background:#111111;}
.nav_container { background:url(img/layout/nav_bg.jpg); cursor:pointer;}
#nav_group h1 { position:relative; float:left; padding:12px 9px 8px 9px; margin:0px;}
#nav_group a.passive { color:#7d7d7d;}
#nav_group a.active { color:#a8a8a8;}
#nav_types h1 { position:relative; font-size:14px; padding:8px 12px 5px 12px; * padding-top:4px; margin:0px; border-top:1px solid #333333; border-bottom:1px solid #151515; color:#7f502c;}
#nav_types h1.green { color:#5f7b3e;}
#nav_types h1.canvas { color:#ceb2a0;}
#nav_items { padding:5px 0px 7px 0px;}
#nav_items a { color:#7d7d7d; display:block; padding:1px 15px; font-size:13px; text-transform:uppercase;}
#nav_items a:hover { color:#a8a8a8;}
#nav_items h2 { padding:0px; margin:0px;}

#nav #organic { position:relative; top:-5px; left:-18px; width:301px; height:118px; background:url(img/layout/organic.png) no-repeat;}
#nav #phone { position:relative; top:10px; left:50px; width:161px; height:100px; background:url(img/layout/phone.png) no-repeat;}
#nav #phone:hover { background-position:0px -100px;}

#content { position:absolute; left:265px; top:20px; width:675px;}
#content_header { position:relative; text-align:center; margin-top:15px;}
#content_header div { position:absolute; top:14px; left:37px;}
#content_header div img { border:none;}
#content_header div .enlarge { position:absolute; right:-4px; bottom:-4px;}
#content_info { position:relative; width:585px; margin:auto;}
#content_info .text { position:relative; float:left; width:330px; margin-top:60px;}
#content_info .spacer { position:relative; float:left; width:45px; padding-top:13px; text-align:center;}
#content_info .details { position:relative; float:left; width:210px;}
//#content_info .details a { position:relative; display:block; width:178px; height:51px; margin-top:11px; background:url(img/layout/webshop.png) no-repeat;}
#content_info .details a { position:relative; display:block; width:178px; height:132px; margin-top:11px; background:url(img/layout/webshop_big.png) no-repeat;}
#content_info .details img { margin-top:11px; margin-bottom:16px; margin-left:-2px;}
#content_info .home { position:absolute; margin-top:-30px; * margin-top:-15px; margin-left:-5px;}
#content_info .intro { position:relative; width:340px; margin-left:245px; margin-top:15px; margin-bottom:17px;}

#home { position:absolute; top:160px; left:60px; width:317px;}
#algemene_voorwaarden { position:absolute; top:90px; left:60px; width:560px; padding-bottom:50px;}
#algemene_voorwaarden span { display:block; font-weight:bold; margin-top:20px; margin-bottom:5px;}
#contact { position:absolute; top:160px; left:115px; width:350px;}
#contact div { position:relative; margin-left:-15px; margin-top:10px;}
#contact span { margin-left:5px;}

#title { position: absolute; margin-left:-8px; margin-top:-75px;}
#title div { position:relative; float:left; height:62px;}
#title div img { margin-top:37px; margin-left:4px;}
#title .left { width:31px; background:url(img/layout/title_bg_1.png) no-repeat;}
#title .center { background:url(img/layout/title_bg_2.png) repeat-x;}
#title .center h2 { margin-top:38px; padding-left:5px;}
#title .right { width:23px; background:url(img/layout/title_bg_3.png) no-repeat;}
#title .sub_11 { margin-top:27px; width:36px; height:35px; background:url(img/layout/product_subs.png) 0 35px; cursor:pointer;}
#title .sub_11:hover { background-position:0px 70px;}
#title .sub_12 { margin-top:27px; width:36px; height:35px; background:url(img/layout/product_subs.png) 0 0px;}
#title .sub_21 { margin-top:27px; width:36px; height:35px; background:url(img/layout/product_subs.png) 0 105px; cursor:pointer;}
#title .sub_21:hover { background-position:0px 0px;}
#title .sub_22 { margin-top:27px; width:36px; height:35px; background:url(img/layout/product_subs.png) 0 70px;}

#title.title_green .left { background-image:url(img/layout/title_bg_1_green.png);}
#title.title_green .center { background-image:url(img/layout/title_bg_2_green.png);}
#title.title_green .right { background-image:url(img/layout/title_bg_3_green.png);}

.organic_cotton { position:relative; width:92px; height:62px; top:-70px; left:265px; background:url(img/layout/organiccotton.png) no-repeat; z-index:2;}

.cordura { position:absolute; top:-70px; left:250px;}

.prijs { font-size:24px;}
.prijs2 { font-size:12px; padding-top:10px; font-style:italic; line-height:26px;}

#prijs { position:absolute; width:283px; height:157px; right:-57px; background:url(img/layout/prijs.png) no-repeat; margin-top:-35px; * margin-top:-15px;}
#prijs h2 { position:relative; width:100px; top:65px; left:90px; font-size:26px; color:#151515;}
#prijs_old { position:absolute; width:100px; bottom:-58px; left:10px; font-size:14px; color:#151515; text-decoration:line-through; z-index:3;}

.contact_field { border:none; background-color:#cfcbc3; margin-bottom:5px; padding:3px; border-bottom:1px dashed #918776; border-top:1px dashed #918776; width:300px; font-size:11px;}
.contact_bericht { font-family:verdana; font-size:11px;}
.contact_verzenden { margin-left:215px;}

#overlay { position:fixed; width:100%; height:100%; top:0px; left:0px; background-color:#1b1b1b; -moz-opacity:0.75; opacity:.75; filter:alpha(opacity=75); z-index:2;}
#overlay_content { position:absolute; top:35px; left:0px; width:100%; text-align:center; z-index:3;}
#overlay_content img { border:none;}

.korting { color:#888888; text-align:center; display:block; width:262px; margin:10px 0px 10px 0px; line-height:12px;}

a.matentabel { position:relative; display:block; width:251px; height:12px; background:url(img/layout/matentabel.png) no-repeat;}

.werkkleding { position:absolute; z-index:-1; text-indent:-9999px; line-height:0; font-size:0;}

#iframe { position:absolute; width:800px; height:557px; top:40px; left:50%; margin-left:-400px; z-index:3;}
.webshop_top { position:absolute; width:827px; height:99px; background:url(img/layout/webshop_top.png) no-repeat; top:32px; left:50%; margin-left:-414px; z-index:4;}
.webshop_left { position:absolute; width:29px; height:479px; background:url(img/layout/webshop_left.png) no-repeat; top:131px; left:50%; margin-left:-414px; z-index:4;}
.webshop_right { position:absolute; width:28px; height:479px; background:url(img/layout/webshop_right.png) no-repeat; top:131px; left:50%; margin-left:385px; z-index:4;}
.webshop_bottom { position:absolute; width:770px; height:34px; background:url(img/layout/webshop_bottom.png) no-repeat; top:445px; left:50%; margin-left:-784px; z-index:4;}
.webshop_close { position:absolute; width:62px; height:58px; background:url(img/layout/webshop_close.png) no-repeat; top:-115px; left:50%; margin-left:-27px; z-index:6; cursor:pointer;}
.webshop_credits { position:absolute; width:273px; height:21px; background:url(img/layout/webshop_credits.jpg) no-repeat; top:445px; left:-775px; z-index:5;}
.webshop_ideal { position:absolute; width:319px; height:37px; background:url(img/layout/webshop_ideal.png) no-repeat; top:-53px; left:50%; margin-left:-333px; z-index:5;}

@media screen and (-webkit-min-device-pixel-ratio:0){
	#iframe { position:absolute; width:800px; height:550px; top:40px; left:50%; margin-left:-400px; z-index:3;}
	.webshop_top { position:absolute; width:827px; height:99px; background:url(img/layout/webshop_top.png) no-repeat; top:32px; left:50%; margin-left:-414px; z-index:4;}
	.webshop_left { position:absolute; width:29px; height:479px; background:url(img/layout/webshop_left.png) no-repeat; top:131px; left:50%; margin-left:-414px; z-index:4;}
	.webshop_right { position:absolute; width:28px; height:479px; background:url(img/layout/webshop_right.png) no-repeat; top:131px; left:50%; margin-left:385px; z-index:4;}
	.webshop_bottom { position:absolute; width:770px; height:34px; background:url(img/layout/webshop_bottom.png) no-repeat; top:576px; left:50%; margin-left:-385px; z-index:4;}
	.webshop_close { position:absolute; width:62px; height:58px; background:url(img/layout/webshop_close.png) no-repeat; top:20px; left:50%; margin-left:367px; z-index:6; cursor:pointer;}
	.webshop_credits { position:absolute; width:273px; height:21px; background:url(img/layout/webshop_credits.jpg) no-repeat; top:569px; left:50%; margin-left:-388px; z-index:5;}
	.webshop_ideal { position:absolute; width:319px; height:37px; background:url(img/layout/webshop_ideal.png) no-repeat; top:73px; left:50%; margin-left:30px; z-index:5;}
}

h1,h2 { font-size:16px;}
h2 a.active, h2 a.passive:hover { color:#1d130c;}
h2 a.passive { color:#563c29;}

HTML, BODY {
	background-color:#727475;
	background-image:url(img/layout/bg.jpg);
	font-family:verdana;
	font-size:11px;
	line-height:18px;
	color:#000000;
	margin:0px;
	width:100%;
	height:100%;
}

html { overflow-y:scroll; overflow-x:hidden;}

#clearboth { clear:both;}
img { border:none;}

a { outline:none; text-decoration:none;}
a:link { color:#853801;}
a:hover { color:#000000;}
a:visited { color:#853801;}