﻿html, body {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
body {
    color: #535353;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    background-color: #6e9606;
}
p {
    padding: 0px;
    margin: 8px 0 10px 0;
    line-height: 1.8em;
}
li li, div div, div p, li p, td p, blockquote p, input, textarea {
    font-size: 100%;
}

h1 {
    color:#6e9606;
    font-size: 14px;
    font-weight:bold;
}

h1.h1Variant1 {
    color:#a40d05;
    font-size: 14px;
    font-weight:bold;
}
h1.h1Variant2 {
    color:#6e9606;
    font-size: 12px;
    font-weight:bold;
    padding:0px 0px 0px 4px;
}
h1.h1Variant3 {
    color:#FFFFFF;
    font-size: 12px;
    font-weight:bold;
    padding:0px 0px 0px 4px;
}


h2.h2Variant1 {
    font-size: 13px;
    font-weight:bold;
}
h2.h2Variant2 {
    font-size: 12px;
    color:#3a3a3a;
    font-weight:normal;
    padding:0px 0px 0px 4px;
}
h2.h2Variant3 {
    font-size: 12px;
    color:#a40d05;
    font-weight:bold;
}
h2.h2Variant4 {
    font-size: 12px;
    color:#3a3a3a;
    font-weight:bold;
}

.spanVariant1 {
	color:#a40d05;
    font-weight:bold;
}

input, textarea {
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, Arial, Helvetica, sans-serif;
}


.mainContainer {    
    width:1048px;
    margin:60px auto 0px auto;
}
.mainContainerTop {
    margin:0px;
    width:1048px;
    height:12px;
    background:transparent url(../_images/mainContainerTop.jpg) no-repeat top left;
}
.mainContainerBottom {
    margin:0px;
    padding:0px;
    width:1048px;
    height:12px;
    background:transparent url(../_images/mainContainerBottom.jpg) no-repeat top left;
}
.mainContent {    
    padding:0px 12px 0px 12px;
    background:transparent url(../_images/mainContainer.jpg) repeat-y top left;
}
.headerContainer {
    height:224px;
    border-bottom:4px solid #FFF;
}
.contentContainer {
    background-color:#f5ffda;
    height:100%;
    margin:0px;    
    padding:25px 15px 10px 15px;    
}
.contentContainerPlanten{
    background-color:#f5ffda;
	overflow:auto;
    margin:0px;
    padding:10px 0px 10px 0px;
}
.footer {
    height:30px;
    color:#FFF;
    padding:0px 0px 0px 16px;
}
.footer a {
	color:#d4eb95;
	font-weight:bold;
}
.footer a:hover {
	color:#f5ffda;
}

.contentContainer a {
	color:#6e9606;
	font-weight:bold;
}
.contentContainer a:hover {
	color:#3a3a3a;
}


.productMenu{
    height:400px;
    width:253px;
}
.productMenuTop {
    color:#FFF;
    margin:0px 0px 0px 30px;
    padding-top:16px;
    font-size:1.8em;
    overflow:hidden;
}
.kerstM {
    background:transparent url(../_images/productMenuKerstBg.jpg) no-repeat top left; 
}
.plantenM {
    background:transparent url(../_images/productMenuPlantenBg.jpg) no-repeat top left; 
}


/* ARTICLE TAB */
.articleContainerTab{
    margin:0px 0px 0px 370px;
    width:235px;
    height:68px;
    background:transparent url(../_images/article-body.gif) repeat-x top left; 
    font-weight:bold;
    color:#a40d05;
}




/* ARTICLE */


table.articleTable, table.articleTableRed {
    margin-top:8px;
    width:720px;    
}
table.articleTable td {    
    height:68px;    
    background:transparent url(../_images/article-body.gif) repeat-x top left;    
    /*border:solid 1px #000;*/
}
table.articleTableRed td {    
    height:68px;    
    background:transparent url(../_images/article-body-red.gif) repeat-x top left;    
    /*border:solid 1px #000;*/
}
table.articleTable td.divider {
    height:58px;  
    width:3px;    
    background:transparent url(../_images/article-divider.gif) no-repeat top left;
}
table.articleTable td.articleLeft {    
    height:68px;
    width:15px;
    background:transparent url(../_images/article-left.gif) no-repeat top left; 
}
table.articleTable td.articleRight {
    height:68px;
    width:20px;
    background:transparent url(../_images/article-right.gif) no-repeat top left;
}
table.articleTableRed td.articleRight {
    height:68px;
    width:20px;
    background:transparent url(../_images/article-right-red.gif) no-repeat top left;
}
table.articleTable td.buttons {    
    height:68px;
    padding:0px 15px 0px 15px;
    background:transparent url(../_images/article-body.gif) repeat-x top left;
}
table.articleTable td.buttons input {
    margin:3px 8px 0px 5px;
}
table.articleTable td.buttons input[type="image"] {
    margin:0px 0px 0px 2px;
}


/* TABLE VERVOER */
table.vervoerTable td {
	padding:4px;
    height:20px;
    border:solid 1px #e1e1e1;
}


/* TABLE SHOPPINGCART */
table.tblCart {
    width:720px;
}
table.tblCart td {   
    padding-left:4px;
    height:20px;
    border:solid 1px #b8cc7e;
}


.shoppingCartContainer {
    float:left; 
    width:253px; 
    background:transparent url(../_images/shoppingCartMiddle.gif) repeat-y top left;    
}
.shoppingCartTop {
    background:transparent url(../_images/shoppingCartTop.gif) no-repeat top left;
    min-height:188px;
    overflow:hidden;
}
.shoppingCartBottom {
    background:transparent url(../_images/shoppingCartBottom.gif) no-repeat top left;
    height:21px;
}
.shoppingCartItems {
    margin:15px 0px 10px 0px; 
}
.shoppingCartItems ul {
    list-style-type:none;
    margin:20px 0px 0px -10px;
    width:200px;
}
.shoppingCartItems ul li {
    line-height: 1.4em;
    display:block;
    color:#fff;
    margin:3px 7px 0px 0px;
    border-bottom: dotted 1px #fff;
}


/* Product menu */

.productMenu ul {
    list-style-type:none;
    margin:20px 0px 0px -10px;
    width:200px;
}
.productMenu ul li {
    line-height: 1.4em;
    display:block;
    margin:3px 0px 0px 0px;
    border-bottom: dotted 1px #fff;
}
.productMenu ul li a.active {
    padding-left:20px;
    background-color: transparent;
    background-repeat:no-repeat;
    background-position:left 2px;
    background-image: url(../_images/arrow-right.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../_images/arrow-right.png", sizingMethod="image");
}
.productMenu li a {
    color:#eef7d8;
    text-decoration:none;    
}
.productMenu li a:hover {
    color:#d3f184;
}
.productMenu ul li a.vervoer {
	padding-left:30px;
    background-color: transparent;
    background-repeat:no-repeat;
    background-position:left -5px;
    background-image: url(../_images/icons/truck.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../_images/icons/truck.png", sizingMethod="image");
}


/* Modal popup extender */
.modalPopupBG {
    background-color: #000;
    filter: alpha(opacity=80);
    opacity: 0.8;
}
.popupContainer{
    width:850px;
}
.popupHeader{
    background-repeat:no-repeat;
	background-color: transparent;
	background-position:top left;
    height:34px;
}
.popupBody {
    padding:10px;    
    background:white;
    border:solid 1px #303135;
}
.popupFooter {
    background-repeat:no-repeat;
	background-color: transparent;
	background-position:top left;
    background-image: url(../_images/popupFooter.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../_images/popupFooter.png", sizingMethod="crop");
    height:13px;
}


.infoBoxTop {
	height:20px;
	width:100%;
	overflow:auto;
	background:transparent url('../_images/infoBoxTop.gif') no-repeat top left;
}
.infoBoxContentContainer {
	overflow:auto;
	width:100%;
	background:transparent url('../_images/infoBoxContent.gif') repeat-y top left;
}
.infoBoxContent {
	margin:0px 20px 0px 20px;
}
.infoBoxBottom {
	height:16px;
	width:100%;
	overflow:auto;
	background:transparent url('../_images/infoBoxBottom.gif') no-repeat top left;
}