@import url('webfonts.css');

/* RESET */
html{color:#3d3d3d}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}em{font-style:italic;font-weight:normal;}strong,th{font-style:normal;font-weight:bold}li{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}a{outline:none}
input[type=checkbox]{vertical-align:middle}

/* FONTS */
body{font-size:13px; line-height:1.40; font-family:DroidSerifRegular, "Trebuchet MS", Arial, Helvetica, sans-serif}select,input,button,textarea{font:100%}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%}h1,h2,h3,h4,h5{line-height:1.2}

/* TOOLS */
.border-none {
	border:none!important}
.clear {
	clear:both}
.active {
	cursor:default}
.img-left {
	float:left; margin:0 45px 10px 0}
.img-right {
	float:right; margin:0	0 20px 10px}
.float-left {
	float:left; margin:0 55px 20px 0}
.float-right {
	float:right; margin:0 25px 10px 35px }
.center {
	text-align:center; padding:0 0 15px}

/* LAYOUT */
/* 0. Frame */
html {
	height:100%}
body {
	background:#d8d0ba url(../images/body-1.jpg) center 107px no-repeat; height:100%;}
body > div {
	min-height:100%; position:relative; overflow:hidden}
a, a:link, a:visited {
	text-decoration:none; color:#4f4f4f}
a:hover, a:focus, a:active, a.active {
	text-decoration:underline}
#container {
	overflow:hidden;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 75px;
	padding-left: 0;
}
#containerhome {
	overflow:hidden;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	z-index:2;
}

/* 1. Header */
#header {
	height:176px; background:url(../images/header.png) repeat-x}
#header .inner {
	position:relative; width:936px; margin:0 auto}

/* 1.1 Logo */
#logo, #logo span, #logo a {
	top:10px; left:299px; position:absolute; display:block; /*; z-index:2*/}
#logo span, #logo a {
	background:url(../images/layout/logo.png) no-repeat; top:0; left:0; text-indent:-9999px}

/* 1.2 Quick-cart */
#quick-cart a:link, #quick-cart a:visited {
	color:#a4d5d8}
#quick-cart .quantity, #quick-cart .amount{
	position:absolute; right:64px; top:35px; text-align:center; font-size:18px; font-family:Lobster, Georgia, "Times New Roman", Times, serif; color:#fff}
#quick-cart .amount {
	top:64px; right:83px; font-size:24px}
#quick-cart .amount cite {
	color:#fff; font-size:24px; line-height:38px; height:38px; display:inline-block; padding-left:17px; background:url(../images/layout/quick-cart-amount.png) no-repeat}
#quick-cart .amount span {
	display:inline-block; height:38px; padding:0 14px 0 3px; color:#f6c6d6; background:url(../images/layout/quick-cart-amount.png) right 0 no-repeat; line-height:38px}
		
/* 1.3 Nav */
#nav-main {
	width:862px; height:62px; left:36px; top:103px; position:absolute; z-index:1}
#nav-main, #nav-main li {
	list-style:none; margin:0}
#nav-main li {
	height:62px; position:relative; display:block; float:left}
#nav-main li a:link, #nav-main li a:visited {
	display:block; height:62px; background-image:url(../images/nav-main2.png); background-repeat:no-repeat; text-indent:-9999px}
#nav-main li a.active  {
	cursor:default}
	
#nav-main #nm-1 {margin-left:3px}
#nav-main #nm-1, #nav-main #nm-1 a {width:70px}
#nav-main #nm-1 a:link, #nav-main #nm-1 a:visited {background-position:-3px 0}
#nav-main #nm-1 a:hover, #nav-main #nm-1 a:focus, #nav-main #nm-1 a:active, #nav-main #nm-1 .active {background-position:-3px -62px!important}

#nav-main #nm-2 {margin-left:6px}
#nav-main #nm-2, #nav-main #nm-2 a {width:140px; cursor:default;}
#nav-main #nm-2 a:link, #nav-main #nm-2 a:visited {background-position:-79px 0}
#nav-main #nm-2 a:hover, #nav-main #nm-2 a:focus, #nav-main #nm-2 a:active, #nav-main #nm-2 .active {background-position:-79px 0px!important}

#nav-main #nm-3 {margin-left:10px}
#nav-main #nm-3, #nav-main #nm-3 a {width:150px; cursor:default;}
#nav-main #nm-3 a:link, #nav-main #nm-3 a:visited {background-position:-229px 0}
#nav-main #nm-3 a:hover, #nav-main #nm-3 a:focus, #nav-main #nm-3 a:active, #nav-main #nm-3 .active {background-position:-229px -62px!important}

#nav-main #nm-4 {margin-left:106px}
#nav-main #nm-4, #nav-main #nm-4 a {width:85px; cursor:default}
#nav-main #nm-4 a:link, #nav-main #nm-4 a:visited {background-position:-485px 0}
#nav-main #nm-4 a:hover, #nav-main #nm-4 a:focus, #nav-main #nm-4 a:active, #nav-main #nm-4 .active {background-position:-485px 0px!important}

#nav-main #nm-5 {margin-left:10px}
#nav-main #nm-5, #nav-main #nm-5 a {width:65px; cursor:default}
#nav-main #nm-5 a:link, #nav-main #nm-5 a:visited {background-position:-580px 0}
#nav-main #nm-5 a:hover, #nav-main #nm-5 a:focus, #nav-main #nm-5 a:active, #nav-main #nm-5 .active {background-position:-580px -62px!important}

#nav-main #nm-6 {margin-left:10px}
#nav-main #nm-6, #nav-main #nm-6 a {width:108px; cursor:default;}
#nav-main #nm-6 a:link, #nav-main #nm-6 a:visited {background-position:-655px 0}
#nav-main #nm-6 a:hover, #nav-main #nm-6 a:focus, #nav-main #nm-6 a:active, #nav-main #nm-6 .active {background-position:-655px 0px!important}

#nav-main #nm-7 {margin-left:9px}
#nav-main #nm-7, #nav-main #nm-7 a {width:85px; cursor:default}
#nav-main #nm-7 a:link, #nav-main #nm-7 a:visited {background-position:-772px 0}
#nav-main #nm-7 a:hover, #nav-main #nm-7 a:focus, #nav-main #nm-7 a:active, #nav-main #nm-7 .active {background-position:-772px -62px!important}

/* 2 Content */
#content {
	width:936px; margin:0 auto; padding:0 0 40px 45px}
#content h1 {
	font-size:20px; line-height:1.2; color:#004d60; font-family:DroidSansBold, "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 16px}

/* 2.1 Main */
#main {
	padding:20px 0 0 25px; position:relative}

/* 4. Footer */
#footer {
	height:264px; background:url(../images/footer-bg.jpg) repeat-x; width:100%; margin-top:-29px; z-index:-1; bottom:0}
#footer .inner {
	height:54px; width:936px; margin:0 auto; color:#fff; font-family:DroidSerifRegular, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px}
#footer p {
	padding:20px 0 0 opx; text-align:center; font-weight:bold; color:#40352f; font-family: "Lobster 1.4"; font-size:18px; line-height:24px}
#footer a:link, #footer a:visited {
	color:#fff}
#footer .lnk-fb {
	display:inline-block; text-indent:-9999px; width:25px; height:24px; background:url(../images/layout/footer-lnk-fb.png) no-repeat; margin:0 5px}
#footer img {
	position:relative; top:5px; margin:0 10px 0 0}
		
/* B. PATTERNS */
/* B.1 - Article Base */
.content h2 {
	font-size:17px; color:#b0a000; font-weight:bold; margin:30px 0 8px; font-family:DroidSansBold, "Trebuchet MS", Arial, Helvetica, sans-serif}
.content h3 {
	font-size:15px; color:#b0a000; font-weight:bold; font-family:DroidSansBold, "Trebuchet MS", Arial, Helvetica, sans-serif}
.content h4 {
	font-size:12px; font-weight:bold; font-family:DroidSansBold, "Trebuchet MS", Arial, Helvetica, sans-serif}
.content h3, .content h4 {
	margin:0 0 10px}
.content p, .content ol, .content ul, .content table {
	margin:0 0 22px}
.content ul {-left:18px}
.content ul > li {
	list-style:disc; padding:0; margin:0 0 4px}
.content ul > li ul > li {
	list-style:circle}
.content ol > li {
	margin:0 0 4px 19px; list-style:decimal}
.content > ul, .content > ul > li {
	list-style:none; margin-left:0}
.content > ul > li {
	background:url(../images/layout/content-li.png) 0 center no-repeat; padding:0 0 0 15px}
.content a, .content a:link, .content a:visited {
	text-decoration:none; color:#b0a000}
.content a:hover, .content a:focus, .content a:active {
	text-decoration:underline}
.content blockquote {
	color:#6cbeda; font-size:18px; font-family:DroidSerifItalic, "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:1.15; text-align:center}

/* B.2 - Rounded content */
.rounded {
	width:885px; z-index:1; position:relative}
.rounded .top {
	height:12px; background:url(../images/layout/pattners/rounded-content/top.png) no-repeat}
.rounded .middle {
	background:url(../images/layout/pattners/rounded-content/middle.png) repeat-y; overflow:hidden; padding:0 37px 0 28px}
.rounded .bottom {
	height:18px; background:url(../images/layout/pattners/rounded-content/bottom.png) no-repeat}

/* B.3 - Titel */
.titel {
	position:relative; height:65px; text-align:center; z-index:2}
.titel h1 {
	height:65px; background:url(../images/layout/thema/h1-koord.png) center 0 no-repeat; padding:18px 0 0; text-align:center; display:inline-block; font-weight:normal}
.titel h1 span, .titel h1 strong {
	height:45px; background:url(../images/layout/thema/h1-rounded.png) no-repeat; padding:0 0 0 20px; line-height:38px; color:#d8d2c2; display:inline-block; font-size:26px; font-family:Lobster, Georgia, "Times New Roman", Times, serif; font-weight:normal}
.titel h1 strong {
	padding:0 20px 0 0; background-position:right 0; color:#fff}
.titel a:link, .titel a:visited {
	background:url(../images/layout/thema/lnk-naar-overzicht.png) no-repeat; width:189px; height:54px; zoom:1; display:inline-block; position:relative; text-indent:-9999px; top:-30px; margin:0 0 0 85px}

/* B.4 - Gallery / slideshow */
.jqGSContainer{position:relative}
.jqGSContainer .jqGSImgContainer ul{padding:0;margin:0;position:relative;list-style:none;}
.jqGSContainer .jqGSImgContainer ul li{padding:0;margin:0;position:relative;margin-top:0;margin-bottom:0px;float:left; overflow:hidden}
.jqGSContainer .jqGSImgContainer ul li .jqGSLoader{width:100%;height:100%;position:absolute;}
.jqGSContainer .jqGSImgContainer ul li img{border:none}
.jqGSContainer .jqGSImgContainer ul li .jqGSTitle{display:none;text-indent:-9999px;}

/* C. PAGES */
/* C.1 - Overzicht */
#overzicht #content ul, #overzicht #content li {
	float:left}
#overzicht #content li {
	width:260px; height:325px; margin:0 55px 1px 0; background:url(../images/layout/overzicht/lijst-item-bg.png) no-repeat; position:relative}
#overzicht #content li h2 a:link, #overzicht #content li h2 a:visited{
	font-size:20px; color:#fff; font-family:Lobster, Georgia, "Times New Roman", Times, serif; position:absolute; top:0; left:0; width:250px; padding:280px 5px 0; text-align:center; display:block; height:45px; z-index:3; background:url(../images/layout/blank.gif) repeat}	
#overzicht #content li cite {
	background:url(../images/layout/overzicht/lijst-item-nieuw.png) no-repeat; width:89px; height:62px; position:absolute; z-index:2; top:15px; left:141px; display:block; text-indent:-9999px}
#overzicht #content li p {
	background:url(../images/layout/overzicht/lijst-item-prijs.png)  no-repeat; width:104px; height:30px; text-align:center; font-size:20px; font-family:Lobster, Georgia, "Times New Roman", Times, serif; color:#fff; line-height:30px; position:absolute; z-index:2; top:242px; left:74px}
#overzicht #content li div {
	width:197px; height:197px; position:absolute; top:61px; left:26px; z-index:1}	
#overzicht #content li span{
	width:32px; height:32px; position:absolute; top:230px; left:190px; z-index:999}	

/* C.2 - Winkelmandje */
#winkelmandje .titel {
	margin:0 0 30px}
table.ordertable {
  width: 100%}
table.ordertable th, table.ordertable td {
	height:54px}
table.ordertable thead {
  border-bottom: 1px solid #dfdbcf; color:#c6baa2}
table.ordertable thead  th, table.ordertable thead  td {
	height:42px; font-family:Lobster, Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal}
table.ordertable tbody {
  border-bottom: 1px solid #ABC5CF;}

table.ordertable tbody tr th, table.ordertable tbody tr td{
  border-bottom: 1px solid #ABC5CF;}

table.ordertable tfoot {
	line-height:1.6; text-align:right}
table.ordertable tfoot .c1 {
	text-align:left; padding-left:83px; padding-top:35px}
table.ordertable tfoot .c2 {
	text-align:right; padding-right:79px; width:300px; border: 0px solid green;}
table.ordertable tfoot th {
  font-family:DroidSerifBoldItalic, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#92866f; font-weight:normal; font-size:16px; padding:10px 0 80px}
table.ordertable tfoot th label, table.ordertable tfoot th select {
	display:inline}
table.ordertable tfoot th .total {
	font-size:18px; color:#3d3d3d}
table.ordertable tfoot th select {
	font-size:12px; color:#3d3d3d; font-family:Arial, Helvetica, sans-serif; width:135px; margin-left:5px}
table.ordertable tfoot .c1 img {
	display:block; margin:10px 0 0 190px}

table.ordertable .aantal {
  text-align: center}
table.ordertable .prijs, table.ordertable .totaal, table.ordertable .delete {
  text-align: right}
	
table.ordertable .prijs {
	width:65px}
table.ordertable .aantal {
	width:145px}
table.ordertable .totaal {
	width:70px}
table.ordertable .delete {
	width:70px; padding-right:5px}

table.ordertable .afb-omschrijving {
	text-align:left; padding-left:20px}
table.ordertable tbody .afb {
  text-align: left; padding:5px 0 5px 15px; font-weight:normal; width:100px}
table.ordertable tbody .aantal input {
	width:30px; height:25px; line-height:25px; text-align:center; border:1px solid #919295}
table.ordertable tbody .delete a {
	width:16px; height:17px}
table.ordertable tbody .prijs, table.ordertable tbody .totaal {
	font-size:16px}
table.ordertable tbody .omschrijving {
	width:315px}
table.ordertable .terug, table.ordertable .checkout {
	display:inline-block; width:147px; height:36px; line-height:36px; color:#fff; font-family:Lobster, Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; text-align:center}
table.ordertable .terug {
	background:url(../images/layout/winkelmandje/terug.png) no-repeat}
table.ordertable .checkout {
	background:url(../images/layout/winkelmandje/checkout.png) no-repeat}

table.ordertable .korting {
	font-size: 12px;
}

/* C.3 - Tekstpagina */
.textpage #main .rounded {
	top:-25px}
.textpage #main .middle {
	padding:40px 65px 40px 80px}
.textpage #main .intro {
	font-style:italic; color:#7f7f7f}

/* C.4 - Detail */
#detail {
	background-image:url(../images/layout/detail/body.jpg)}
#detail .lnk-overzicht {
	background:url(../images/layout/thema/lnk-naar-overzicht.png) no-repeat; width:189px; height:54px; zoom:1; display:inline-block; position:absolute; text-indent:-9999px; top:0; margin:0; left:150px}
#detail .nieuw {
	background:url(../images/layout/overzicht/lijst-item-nieuw.png) no-repeat; width:89px; height:62px; position:absolute; z-index:2; top:20px; left:322px; display:block; text-indent:-9999px}
#detail .box {
	width:918px}
#detail .box .top {
	background:url(../images/layout/detail/top.png) no-repeat; height:46px}
#detail .box .middle {
	background:url(../images/layout/detail/middle.png) repeat-y; overflow:hidden; min-height:413px; padding:0 0 0 29px}
#detail .box .bottom {
	background:url(../images/layout/detail/bottom.png) no-repeat; height:40px}

#detail #gallery {
	background:url(../images/content/detail/gallery.png) no-repeat; width:368px; height:369px; padding:16px 0 0 17px; float:left}
#detail .jqGSContainer{width:351px}
#detail .jqGSContainer .jqGSPagination{position:relative;width:100%;height:20px;top:17px;padding: 5px 0;}
#detail .jqGSContainer .jqGSPagination ul{padding:0;margin:0;list-style:none;position:relative}
#detail .jqGSContainer .jqGSPagination ul li{padding:0;float:left;padding-right:1px;text-align:center;padding-bottom:1px;}
#detail .jqGSContainer .jqGSPagination ul li a{padding:2px 0px; color:#7f856c;text-decoration:none;display:block;width:20px;font:16px Lobster, Georgia, "Times New Roman", Times, serif}
#detail .jqGSContainer .jqGSPagination ul li a.selected{color:#fff}
#detail .jqGSContainer .jqGSPagination ul li a:hover{color:#fff}

#detail #info {
	width:340px; float:left; margin:0 0 0 110px}
#detail #info .r1 {
	border-bottom:1px solid #d7d1c1; position:relative; top:-4px; padding:0 0 6px; margin:0 0 14px}
#detail #info .r1 h1 {
	color:#777160; font:25px Lobster, Georgia, "Times New Roman", Times, serif; margin:0 0 6px}
#detail #info .r1 p {
	display:inline-block; color:#1c84a4; font:24px Lobster, Georgia, "Times New Roman", Times, serif}
#detail #info .r1 a:link, #detail #info .r1 a:visited {
	display:inline-block; color:#fff; font:16px Lobster, Georgia, "Times New Roman", Times, serif; background:url(../images/content/detail/toevoegen.png) no-repeat; width:180px; height:30px; line-height:30px; text-align:center; position:relative; top:-3px; left:6px}
#detail #info .r2 {
	color:#54727b; padding:0 0 20px}
#detail #info .r3 li {
    float: left; padding: 8px 0 4px; width: 100%}
#detail #info .r3 li.it-select {
	border-top:1px solid #d7d1c1}
#detail #info .r3 li:first-child {
	border-top:none}
#detail #info .r3 li label {
    color: #535758; float: left; font: 17px/1.7em Lobster,Georgia,"Times New Roman",Times,serif}
#detail #info .r3 li.it-select label {
	width:137px}
#detail #info .r3 li.it-text input {
	height:27px; width:180px; line-height:27px; padding:0 5px; border:1px solid #d8d2c2}
#detail #info .r3 li.it-text label {
	width:140px; line-height:29px}
#detail #main select {
	position:relative; top: -12px}

.tzSelect{
	
	/* This is the container of the new select element */
	
	height:34px; display:inline-block; min-width:200px;	position:relative;
	
	/* Preloading the background image for the dropdown */
	background:url("../images/layout/select/dropdown_slice.png") no-repeat -99999px;
}

.tzSelect .selectBox{
	position:absolute; height:100%; width:100%;
	
	/* Font settings */
	
	font:13px/34px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:center;
	text-shadow:1px 1px 0 #EEEEEE;
	color:#666666;

	/* Using CSS3 multiple backgrounds and a fallback */
	
	background:url('../images/layout/select/select_slice.png') repeat-x #ddd;
	background-image:url('../images/layout/select/select_slice.png'),url('../images/layout/select/select_slice.png'),url('../images/layout/select/select_slice.png'),url('../images/layout/select/select_slice.png');
	background-position:0 -136px, right -204px, 50% -68px, 0 0;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
	
	cursor:pointer;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.tzSelect .selectBox:hover,
.tzSelect .selectBox.expanded{
	background-position:0 -170px, right -238px, 50% -102px, 0 -34px; color:#2c5667; text-shadow:1px 1px 0 #9bc2d0}

.tzSelect .dropDown{
	position:absolute; top:40px; left:0; width:100%; border:1px solid #32333b; border-width:0 1px 1px; list-style:none;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
	-moz-box-shadow:0 0 4px #111;
	-webkit-box-shadow:0 0 4px #111;
	box-shadow:0 0 4px #111}
.tzSelect li{
	height:85px; cursor:pointer; position:relative;
	
	/* Again, using CSS3 multiple backgrounds with a fallback */
	
	background:url('../images/layout/select/dropdown_slice.png') repeat-x #222;
	background-image:url('../images/layout/select/dropdown_slice.png'),url('../images/layout/select/dropdown_slice.png'),url('../images/layout/select/dropdown_slice.png');
	background-position: 50% -171px, 0 -85px, 0 0;
	background-repeat: no-repeat, no-repeat, repeat-x}

.tzSelect li:hover{
	background-position: 50% -256px, 0 -85px, 0 0}
.tzSelect li span{
	left:88px; position:absolute;	top:27px}
.tzSelect li i{
	color:#999999; display:block; font-size:12px}
.tzSelect li img{
	left:9px;	position:absolute; top:13px}
	
/* C.5 - Home */
#home #content, #home #main {
	overflow:visible}
#home #content {
	height:1086px}
#home #branding {
	height:330px; padding:0 0 0 22px; position:relative}

	
#home .jqGSContainer .jqGSPagination{position:absolute;width:15px; bottom:35px; left:-22px}
#home .jqGSContainer .jqGSPagination ul{padding:0;margin:0;list-style:none;position:relative}
#home .jqGSContainer .jqGSPagination ul li{padding:0; margin-top:5px}
#home .jqGSContainer .jqGSPagination ul li a{ background:url(../images/layout/home/gallery-nav.png) 0 -20px no-repeat; text-decoration:none;display:block;width:15px; height:15px; text-indent:-9999px}
#home .jqGSContainer .jqGSPagination ul li a.selected{ background-position:0 0}
#home .jqGSContainer .jqGSPagination ul li a:hover{background-position:0 0}
#home .jqGSImgContainer a {
	display:block; position:absolute; width:709px; height:320px; background:url(../images/layout/blank.gif) repeat; left:0; top:0; z-index:2}

.extra-1 {
	background:url(../images/extra-1.png) no-repeat; width:114px; z-index:100; height:206px; position:absolute; left:-63px; top:-11px}
.extra-2 {
	background:url(../images/extra-2.png) no-repeat; width:276px; z-index:100; height:334px; position:absolute; right:-42px; top:-24px}
.extra-3 {
	background:url(../images/extra-3.png) no-repeat;  bottom: 7px;
    height: 41px;
    position: absolute;
    right: 193px;
    top: 304px;
    width: 53px;
	z-index:100;
	}
.extra-4 {
	background:url(../images/extra-4.png) no-repeat;  bottom: 7px;
    height: 41px;
    position: absolute;
    left: 17px;
    top: 8px;
    width: 53px;
	z-index:100;
	}
.extra-5 {
	background:url(../images/extra-5.png) no-repeat;  bottom: 7px;
    height: 41px;
    position: absolute;
    left: 17px;
    top: 306px;
    width: 53px;
	z-index:100;
	}

#home #sub {
	height:960px; background:url(../images/layout/home/sub.png) repeat-x; position:absolute; left:0; bottom:0; width:100%}
#home #sub .inner {
	width:936px; margin:0 auto;  position:relative}
#home #sub .assortiment {
	height:210px;	
	}
#home #sub .assortiment h2 {
	background:url(../images/layout/home/assortiment-titel.png) no-repeat; width:250px; height:63px; position:absolute; left:114px; top:-67px; text-indent:-9999px; z-index:2}
#home #sub .assortiment a {
	width:375px; height:206px; position:absolute; left:47px; top:-18px; display:block}
#home #sub .collectie h2 {
	background:url(../images/layout/home/collectie-titel.png) no-repeat; width:257px; height:73px; position:absolute; left:545px; top:-52px; text-indent:-9999px}
#home #sub .collectie div {
	width:493px; height:188px; position:absolute; left:427px; top:2px}
#home #sub .collectie div img {
	width:493px; height:188px; position:absolute; left:0; top:0}
#home #sub .collectie a {
	background:url(../images/layout/blank.gif) repeat; width:67px; height:70px; position:absolute; display:block; text-indent:-9999px}
#home #sub .collectie .lnk-1 {
	top:74px; left:46px}
#home #sub .collectie .lnk-2 {
	top:86px; left:132px}
#home #sub .collectie .lnk-3 {
	top:90px; left:220px}
#home #sub .collectie .lnk-4 {
	top:83px; left:306px}
#home #sub .collectie .lnk-5 {
	top:72px; left:390px}
	
/* tekstvlak */
#home #sub #tekst {
	height:730px;
	background-image: url(../images/layout/teksthome1.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 936px;
	}
#home #sub #tekst .tekst {
	font-size:13px; 
	line-height:1.80;
	width: 836px;
	color: #FFF;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 30px;
	}
#home #sub #tekst .tekst a:link,
#home #sub #tekst .tekst a:visited{
	color: #FFF;
	}
#home #sub #tekst .tekst strong{
	font-weight:normal;
	}
#home #sub #tekst .tekst h2 {
	font-size: 15px;
	line-height: 20px;
	color: #B1C9D1;
}
#facebook {
	background-color: #FFF;
	width: 830px;
	height: 420px;
}
.banner{
	float:left;
	}
#slider-wrapper {
    background:url(images/slider.png) no-repeat;
    width:494px;
    height:310px;
    margin:0 auto;
    padding-top:23px;
    margin-top:50px;
}

#slider {
	position:relative;
    width:709px;
    height:317x;
    margin-left:0px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:-110px;
	bottom:12px;
	background: #000000;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 3px;
    border: 2px solid #CCC;
    opacity: 0.7;
    z-index: 99;
	display:none;
	}
	
	.nivo-controlNav:hover{opacity: 1;}
	
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:0px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:35px;
	height:65px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-35px 0;
	right: -40px;
}

a.nivo-nextNav:hover{right: -41px;}

a.nivo-prevNav {
	left:-40px;
}
a.nivo-prevNav:hover{left: -41px;}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

.nivo-directionNav a{top: 40%;}
.website-grow{
	float:left;
	margin:20px 0px 0px 228px;
	position:relative;
	z-index:3;
	}
.happy-birthday{
	float:left;
	margin:-5px 0px 14px -31px;
	}