html, body {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    background: #3e3e3e url(../images/page_back.gif) repeat-x top;
    text-align: center;
}
#wrapper {
    width: 993px;
    margin: 0 auto;
    text-align: left;
}
#header {
    height: 120px;
    position: relative;
}
#header h1 a {
    width: 180px;
    height: 120px;
    background: url(../images/logotype.gif);
    overflow: hidden;
    display: block;
    text-indent: -3000px;
}
#topMenu {
    position: absolute;
    top: 0;
    right: 20px;
}
#topMenu li {
    float: left;
    padding-left: 10px;
}
#topMenu li a {
    display: block;
    float: left;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    height: 32px;
    line-height: 32px;
    font-size: 10px;
    padding: 0 6px;
}
#topMenu li a:hover,
#topMenu li a.active {
    color: #879031;
}
#mainMenu {
    position: absolute;
    bottom: 0;
    right: 22px;
}
#mainMenu li {
    float: left;
    padding-left: 1px;
}
#mainMenu li a {
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration:  none;
    padding: 0 23px;
    background-image: url(../images/tabs.gif);
    background-repeat: repeat-x;
}
a#menu_traditioneel {
    background-position: 0 0;
    background-color: #c2d69b;
}
a#menu_multi-culti {
    background-position: 0 -40px;
    background-color: #548dd4;
}
a#menu_lokaal {
    background-position: 0 -80px;
    background-color: #8db3e2;
}
a#menu_vega {
    background-position: 0 -120px;
    background-color: #ff9900;
}
a#menu_kids {
    background-position: 0 -160px;
    background-color: #ffcc66;
}
a#menu_seizoen {
    background-position: 0 -200px;
    background-color: #948a54;
}
a#menu_zoet {
    background-position: 0 -240px;
    background-color: #c4bc96;
}
a#menu_verhuur {
    background-position: 0 -280px;
    background-color: #92d050;
}
#mainMenu li a:hover,
#mainMenu li a.active {
    background-image: none;
}
#content {
    background: url(../images/page_fill.gif) left;
    width: 993px;
    overflow: hidden;
}
#deko {
    overflow: hidden;
    height: 10px;
    background-color: #879031;
    background-image: url(../images/shadow_top.gif);
    background-position: right top;
    background-repeat: no-repeat;
}
#leftColumn {
    background-color: #879031;
    background-image: url(../images/shadow_bottom.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding: 10px 0;
    width: 190px;
    float: left;
    overflow: hidden;
    margin-bottom: 10px;
}
.sideBox {
    width: 190px;
    overflow: hidden;
    margin-bottom: 10px;
}
.sideBox h3 {
    background-color: #666f10;
    padding: 2px 10px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    line-height: 16px;
}
.sideMenu {
    padding: 10px 0;
}
.sideMenu li a {
    display: block;
    padding: 4px 10px 4px 20px;
    color: #fff;
    text-decoration: none;
}
.sideMenu li a:hover,
.sideMenu li a.current {
    background: url(../images/arrow.gif) no-repeat 10px 8px;
}
.sideMenu li a.past {
	color: #A6AF57;
}
#loginForm {
    padding: 10px;
}
#loginForm label {
    height: 18px;
    display: block;
}
#loginForm input {
    display: block;
    margin-bottom: 4px;
}
#loginForm em {
    display: block;
    background: #82222d;
    color: #fff;
    padding: 2px 4px;
    margin-bottom: 4px;
}
#loginForm a {
    display: block;
    color: #fff;
    text-decoration: none;
    margin-bottom: 4px;
}
#loginForm a:hover {
    text-decoration: underline;
}
#loginForm strong {
    font-weight: bold;
}
#login_username,
#login_password {
    border: 1px solid #3e3e3e;
    width: 168px;
    padding: 2px 0;
}
span.button,
a.button {
    display: -moz-inline-block;
    display: -moz-inline-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    border: 0 none;
    padding: 0 0 0 10px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    color: #fff;
    background: url(../images/button.gif) no-repeat left top;
    position: relative;
    text-decoration: none;
    cursor: hand;
    cursor: pointer;
}
span.button button,
a.button span {
    display: block;
    border: 0 none;
    padding: 0 10px 0 0;
    height: 20px;
    line-height: 20px;
    background: url(../images/button.gif) no-repeat right top;
    font-size: 11px;
    vertical-align: middle;
    color: #fff;
    cursor: hand;
    cursor: pointer;
}
span.button button span {
    display: block;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
	white-space: nowrap;
	cursor: hand;
    cursor: pointer;
}
a.button strong {
    font-weight: bold;
    cursor: hand;
    cursor: pointer;
}
#rightColumn {
    width: 800px;
    background-color: #fff;
    float: left;
}
#footer {
    background: #3e3e3e url(../images/shadow_bottom.gif) no-repeat right top;
    height: 80px;
    position: relative;
    color: #dfdfdf;
    font-size: 10px;
}
#copyright {
    position: absolute;
    top: 20px;
    left: 220px;
}
#footer a {
    text-decoration: none;
    color: #dfdfdf;
}
#footer a:hover {
    text-decoration: underline;
}
#socofi {
    position: absolute;
    top: 30px;
    right: 22px;
}
#cartStatus {
    padding: 10px;
    width: 170px;
    overflow: hidden;
}
#cartStatus li a {
    display: block;
    clear: left;
    margin-bottom: 10px;
    width: 170px;
    overflow: hidden;
    line-height: 12px;
}
#cartStatus li a {
    color: #fff;
    text-decoration: none;
}
#cartStatus li a strong{
    font-weight: bold;
}
#cartStatus li a span {
    display: block;
    color: #d3d3d3;
}
#cartStatus li a img {
    float: left;
    margin: 0 10px 0 0;
}
#cartStatus a.button {
    float: right;
}
#cartStatus p strong {
    font-weight: bold;
    color: #fff;
    float: left;
    line-height: 20px;
}
div.contentFromEditor {
    color: #323232;
    font-size: 12px;
}
div.contentFromEditor h2 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #676767;
	background: none;
	height: auto;
	line-height: auto;
	padding: 0;
}
div.contentFromEditor h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 16px;
}
div.contentFromEditor h4 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 16px;
}
div.contentFromEditor p {
	margin-bottom: 16px;
	line-height: 18px;
}
div.contentFromEditor ul {
	margin-bottom: 16px;
	margin-left: 20px;
	line-height: 15px;
}
div.contentFromEditor ul li {
	list-style: disc outside;
}
div.contentFromEditor ol {
	margin-bottom: 16px;
	margin-left: 20px;
	line-height: 15px;
}
div.contentFromEditor ol li {
	list-style: decimal outside;
}
div.contentFromEditor a {
	color: #879031;
}
div.contentFromEditor a:hover {
	color: #666F10;
}
div.contentFromEditor strong {
	font-weight: bold;
}
div.contentFromEditor em {
	font-style: italic;
}
#homepage {
    padding: 30px;
    width: 740px;
    overflow: hidden;
}
#homepage h2 {
    font-size: 30px;
    color: #879031;
    margin-bottom: 20px;
}
#homepageContent {
    width: 430px;
    float: left;
}
#homepageProducts {
    width: 270px;
    float: right;
}
#homepageProducts h3 {
    font-size: 20px;
    color: #879031;
    margin-bottom: 20px;
    padding-top: 10px;
}
#homepageProducts li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    background: url(../images/dotted.gif) repeat-x bottom;
    width: 270px;
    overflow: hidden;
    font-size: 12px;
}
#homepageProducts li.last {
    padding-bottom: 0;
    margin-bottom: 0;
    background: none;
}
#homepageProducts li h4 {
    font-weight: bold;
    margin-bottom: 3px;
}
#homepageProducts li img {
    float: left;
    margin-right: 10px;
}
#homepageProducts li span.price,
.productList p span.price{
    display: block;
    margin-bottom: 4px;
    font-weight: bold;
    color: #879031;
}
#homepageProducts li a.viewProduct,
.productList p a.viewProduct{
    color: #3e3e3e;
    text-decoration: none;
    margin-bottom: 21px;
    display: block;
}
#homepageProducts li a.viewProduct:hover,
.productList p a.viewProduct:hover {
    text-decoration: underline;
}
#breadcrumb {
    height: 30px;
    line-height: 30px;
    background: #e2e2e2;
    color: #5d5d5d;
    padding: 0 30px;
    font-size: 10px;
}
#breadcrumb a {
    color: #5d5d5d;
    text-decoration: none;
    text-transform: uppercase;
    padding-right: 4px;
    float: left;
    display: block;
    height: 30px;
    line-height: 30px;
}
#breadcrumb a:hover {
    color: #333;
}
#breadcrumb span {
    padding-right: 4px;
    float: left;
    display: block;
    height: 30px;
    line-height: 30px;
}
#list {
    padding: 20px 10px 20px 30px;
    font-size: 12px;
}
#list h2 {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.productList {
    width: 170px;
    padding: 0 20px 30px 0;
    float: left;
}
.productList h3 a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
.productList p a.viewProduct {
    margin-bottom: 6px;
}
.productSeparator {
    padding-bottom: 30px;
    height: 1px;
    overflow: hidden;
    background: url(../images/dotted.gif) repeat-x top;
    clear: both;
    margin-right: 20px;
}
#list h4 {
    font-size: 18px;
    margin-bottom: 20px;
}
#product {
    width: 760px;
    overflow: hidden;
    margin-bottom: 60px;
    color: #535353;
}
#productInfo {
    width: 410px;
    float: right;
}
#product h1 {
    font-size: 18px;
    margin-bottom: 17px;
    color: #000;
}
#productImages {
    width: 300px;
    float: left;
}
#productMainImage {
    display: block;
    margin-bottom: 20px;
}
.productImage {
    display: block;
    float: left;
    margin-right: 30px;
}
#productImages a.last {
    margin-right: 0;
}
#product p.price {
    font-size: 18px;
    color: #879031;
    margin-bottom: 14px;
}
#productForm strong {
    font-weight: bold;
}
#productQuantity {
    border: 1px solid #535353;
    width: 20px;
    padding: 4px 2px;
}
#productForm span.info {
    font-size: 10px;
    display: block;
}
#productForm em {
    display: block;
    background: #82222d;
    color: #fff;
    padding: 2px 4px;
    margin-bottom: 4px;
}
#cms {
    padding: 20px 30px;
    color: #535353;
}
#cms h2 {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #666F10;
}
#cms  h1 {
    font-size: 18px;
    margin-bottom: 20px;
    color: #000;
}
form.form blockquote {
	background: #FDF6D4;
	margin: 10px 0;
	padding: 10px;
	border:2px solid #EAE3C1;
}
form.form p {
	clear: left;
	overflow: auto;
	margin: 2px 0;
	padding: 10px;
}
form.form p.formError {
	background: #FDE8E7;
}
form.form p label {
	display: block;
	width: 160px;
	float: left;
	text-align: right;
	padding-right: 10px;
}
form.form p.formError em {
	color: #D2484B;
	display: block;
	padding-left: 170px;
}
form.form span.formGroup {
	width: 400px;
	float: left;
	font-weight: bold;
}
form.form span.formGroup label {
	display: inline;
	width: auto;
	float: none;
	text-align: left;
	padding-right: 0;
	font-weight: normal;
}
form.form span.formGroup input {
	margin: 0 6px;
}
form.form input.textField ,
form.form input.textfield {
	width: 300px;
}
form.form textarea.textareaField,
form.form textarea.textfield {
	width: 300px;
	height: 130px;
}
#contact_address {
	height: 50px;
}
form.form fieldset {
	border-width: 1px 0 0;
	border-color: #000;
}
form.form fieldset legend {
	font-weight: bold;
}
form.form {
	margin: 10px 0;
}
form.form h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}
#accountForm {
	margin: 10px 20px;
}
#accountForm p {
	margin: 10px 0;
}
#accountForm  fieldset {
	padding: 20px 0;
}
#accountForm legend {
	font-size: 12px;
	font-weight: bold;
}
#accountForm table td {
	padding: 4px 4px 4px 0;
}
#accountForm table td input {
	padding: 2px;
}
#accountForm input.textfield {
	width: 310px;
}
#accountForm em {
	display: block;
	color: #BC0025;
}
#termsAgree {
	height: 100px;
	overflow: auto;
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #ccc;
}
#ordersList table {
	width: 100%;
}
#ordersList table th {
	margin: 1px;
	padding: 6px 4px;
	background: #666F10;
	color: #fff;
	font-weight: bold;
}
#ordersList table td {
	padding: 6px 4px;
	margin: 1px;
	border-bottom: 1px solid #E3E4E5;
	vertical-align: top;
}
#ordersList table td.noBorder {
	border-width: 0;
}
#ordersList td a {
    color: #666F10;
}
#ordersList td a:hover {
}
#orderDetails {
	margin: 10px 0;
}
#orderDetails table {
	width: 100%;
}
#orderDetails table td.splitHalf table {
	width: 50%;
	float: left;
}
#orderDetails table td.noBorder {
	border-width: 0;
}
#orderDetails table td.noBorder a {
	font-weight: bold;
	color: #666F10;
	font-size: 12px;
}
#orderDetails table td.noBorder a:hover {
	color: #666F10;
}
#orderDetails table caption {
	font-weight: bold;
	font-size: 16px;
}
#orderDetails table caption span {
	float: right;
}
#orderDetails table th {
	margin: 1px;
	padding: 6px 4px;
	background: #666F10;
	color: #fff;
	font-weight: bold;
}
#orderDetails table td {
	margin: 1px;
	padding: 6px 4px;
	vertical-align: top;
	border-bottom: 1px solid #E3E4E5;
}
#orderDetails table td strong {
	font-weight: bold;
}
.paymentStatus_0 {
	color: #BC0025;
}
.paymentStatus_1 {
	color: #00A0E1;
}
.paymentStatus_2 {
	color: #149E4D;
}

p.pages {
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	font-weight: bold;
	left: 10px;
	clear: left;
}
p.pages span {
	display: block;
	float: left;
}
p.pages a {
	color: #666F10;
	text-decoration: none;
	display: block;
	float: left;
	padding: 0 5px;
}
p.pages a:hover {
	color: #666F10;
}
p.pages strong {
	color: #666F10;
	display: block;
	float: left;
	font-weight: bold;
	padding: 0 5px;
}
#wishlistForm table,
.shoppingCartTable table {
	width: 100%;
}
#wishlistForm table th,
.shoppingCartTable table th {
	margin: 1px;
	padding: 6px 4px;
	background: #666F10;
	color: #fff;
	font-weight: bold;
}
#wishlistForm table td,
.shoppingCartTable table td {
	padding: 6px 4px;
	border-bottom: 1px solid #E3E4E5;
	vertical-align: top;
}
#wishlistForm table tfoot td,
.shoppingCartTable table tfoot td {
	background: #E3E4E5;
}
#wishlistForm .button {
	float: left;
}
#wishlistForm a {
    color: #666F10;
}
#lostPasswordForm {
	margin: 10px 20px;
}
#lostPasswordForm p {
	margin-bottom: 7px;
}
#lostPasswordForm p label {
	display: block;
	width: 140px;
	float: left;
}
#lostPasswordForm p input {
	width: 310px;
}
#lostPasswordForm p em {
	display: block;
	margin-left: 140px;
	color: #BC0025;
}
form.form .compactRows p {
	padding: 0 10px;
}
ul.errorGroup {
	color: #BC0025;
}
.yui-g {
	width: 740px;
	overflow: hidden;
	margin-bottom: 30px;
}
.yui-u {
	width: 340px;
	padding-right: 20px;
	float: left;
}
.yui-g a {
	color: #666F10;
}
#cms div.yui-g a.lostPassword {
	font-weight: bold;
	color: #666F10;
}
.yui-u h3 {
	font-size: 16px;
}




/* deko */
#cat_traditioneel #deko,
#cat_traditioneel #leftColumn {
    background-color: #c2d69b;
}
#cat_traditioneel #leftColumn a {
    color: #000;
}
#cat_traditioneel #cartStatus a span {
    color: #666;
}
#cat_traditioneel .sideBox h3  {
    background-color: #aabc88;
    color: #000;
}
#cat_traditioneel #menu_traditioneel {
    background-image: none;
}
#cat_traditioneel #list h2,
#cat_traditioneel #list h4{
    color: #aabc88;
}

#cat_multi-culti #deko,
#cat_multi-culti #leftColumn {
    background-color: #548dd4;
}
#cat_multi-culti .sideBox h3  {
    background-color: #4a7cba;
}
#cat_multi-culti #menu_multi-culti {
    background-image: none;
}
#cat_multi-culti #list h2,
#cat_multi-culti #list h4 {
    color: #4a7cba;
}

#cat_lokaal #deko,
#cat_lokaal #leftColumn {
    background-color: #8db3e2;
}
#cat_lokaal .sideBox h3  {
    background-color: #7c9dc7;
}
#cat_lokaal #menu_lokaal {
    background-image: none;
}
#cat_lokaal #list h2,
#cat_lokaal #list h4 {
    color: #7c9dc7;
}

#cat_vega #deko,
#cat_vega #leftColumn {
    background-color: #ff9900;
}
#cat_vega .sideBox h3  {
    background-color: #e08600;
}
#cat_vega #menu_vega {
    background-image: none;
}
#cat_vega #list h2,
#cat_vega #list h4 {
    color: #e08600;
}

#cat_kids #deko,
#cat_kids #leftColumn {
    background-color: #ffcc66;
}
#cat_kids .sideBox h3  {
    background-color: #e0b35a;
    color: #000;
}
#cat_kids #menu_kids {
    background-image: none;
}
#cat_kids #leftColumn a {
    color: #000;
}
#cat_kids #cartStatus a span {
    color: #666;
}
#cat_kids #list h2,
#cat_kids #list h4 {
    color: #e0b35a;
}

#cat_seizoen #deko,
#cat_seizoen #leftColumn {
    background-color: #948a54;
}
#cat_seizoen .sideBox h3  {
    background-color: #82794a;
}
#cat_seizoen #menu_seizoen {
    background-image: none;
}
#cat_seizoen #list h2,
#cat_seizoen #list h4 {
    color: #82794a;
}

#cat_zoet #deko,
#cat_zoet #leftColumn {
    background-color: #c4bc96;
}
#cat_zoet .sideBox h3  {
    background-color: #aca584;
}
#cat_zoet #menu_zoet {
    background-image: none;
}
#cat_zoet #list h2,
#cat_zoet #list h4 {
    color: #aca584;
}

#cat_verhuur #deko,
#cat_verhuur #leftColumn {
    background-color: #92d050;
}
#cat_verhuur .sideBox h3  {
    background-color: #80b746;
}
#cat_verhuur #menu_verhuur {
    background-image: none;
}
#cat_verhuur #list h2,
#cat_verhuur #list h4 {
    color: #80b746;
}