@charset "utf-8";

body { margin:0; padding:0; background:url(../images/bodyBackground.jpg) repeat-x top left #cfded4; font-family:Verdana, Geneva, sans-serif; }

/* HTML ELEMENTEN */
h1,		
h2, 		
h3, 
h4,
h5,
h6,
p 		{margin:0; padding:0 0 10px; }
a 		{text-decoration:underline; color:#000;}
a.email { text-decoration:underline; color:#8596AD; }

/* FORM ELEMENTEN */
form 					{ margin:0; padding:0; }
form img 				{ border:none; }
input[type=text]		{ width:200px; background-color:#fff;  padding:2px;border-top:2px solid #aeaeae; border:1px solid #666; color:#000; }
input[type=submit],
input[type=reset]		{ background:#f0f0f0; border:1px solid #000; }
input[type=checkbox]	{}
input[type=radio]		{}
input[type=button]		{ background:#f0f0f0; border:1px solid #000; }
textarea				{ width:250px; height:100px; border:1px solid #666; }
select					{ width:200px; }

/* COMMON CLASSES */
.fleft 			{float:left;}
.fright 		{float:right;}
.breaker,
.clear,
.break			{clear:both;}
.line			{background:#000; width:100%; height:2px;}
.bold			{font-weight:bold;}
.italic			{font-style:italic;}
.hidden			{display:none;}
.arrow			{position:absolute; top:0; left:0;}
.blueBorder		{border:1px solid #009ee0;}

/* FORM CLASSES */

.notice, 
.success    {padding:10px; margin-bottom:16px; border:2px solid #ddd;}
.error      {background:#fbe3e4; color:#8a1f11; border-color:#fbc2c4;}
.notice     {background:#fff6bf; color:#514721; border-color:#ffd324;}
.success    {background:#e6efc2; color:#264409; border-color:#c6d880;}

.notice a   {color:#514721;}
.success a  {color:#264409;}

#mainContainer { position:relative; width:922px; margin:9px auto 0; }

#header { position:relative; width:922px; height:114px; background:url(../images/headerBackground.png) no-repeat top left; }
#logo { position:absolute; top:23px; right:147px; }
#logo img { border:none; }

#shadow { position:relative; width:904px; padding:0 9px; background:url(../images/shadow.png) repeat-y top left; }

#navigation { position:relative; width:904px; height:196px; background:#03a035; }
#banner { position:relative; width:460px; height:196px; padding:0 0 0 248px; }
#menu { position:absolute; top:0; left:0; background:url(../images/menuBackground.png) no-repeat top left; width:287px; height:196px; }
#menu ul { margin:0; padding:39px 0 0 53px; }
#menu li { list-style-type:none; }
#menu a { text-decoration:none; color:#fff; height:20px; display:block; }
.tuinontwerpstudio { background:url(../images/btn.tuinontwerpstudio.png) no-repeat top left; padding:-10px 0 0; }
.tuinontwerpstudio:hover,
.tuinontwerpstudio.active { background:url(../images/btn.tuinontwerpstudio.over.png) no-repeat top left; }
.voorbeeldtuinen { background:url(../images/btn.voorbeeldtuinen.png) no-repeat top left; margin:0 0 0 43px; padding:0 0 9px; }
.voorbeeldtuinen:hover,
.voorbeeldtuinen.active { background:url(../images/btn.voorbeeldtuinen.over.png) no-repeat top left; }
.overons { background:url(../images/btn.overons.png) no-repeat top left; margin:0 0 0 43px; padding:0 0 9px; }
.overons:hover,
.overons.active { background:url(../images/btn.overons.over.png) no-repeat top left; }
.contact { background:url(../images/btn.contact.png) no-repeat top left; margin:9px 0 0 124px; padding:9px 0 0 0;}
.contact:hover,
.contact.active { background:url(../images/btn.contact.over.png) no-repeat top left; }
.boksebeld { background:url(../images/btn.boksebeldtuin.png) no-repeat top left; padding:0px 0 12px; margin:-20px 0 0 10px; }
.boksebeld:hover,
.boksebeld.active { background:url(../images/btn.boksebeldtuin.over.png) no-repeat top left; }
.deultiemetuin { background:url(../images/btn.deultiemetuin.png) no-repeat top left; margin:0 0 0 70px; padding:0 0 9px; }
.deultiemetuin:hover,
.deultiemetuin.active { background:url(../images/btn.deultiemetuin.over.png) no-repeat top left; }
.gangvanzaken { background:url(../images/btn.gangvanzaken.png) no-repeat top left; margin:0 0 0 43px; padding:0 0 9px; }
.gangvanzaken:hover,
.gangvanzaken.active { background:url(../images/btn.gangvanzaken.over.png) no-repeat top left; }
.webwinkel { background:url(../images/btn.webwinkel.png) no-repeat top left; margin: 0 0 0 73px; padding:0 0 0 10px; }
.webwinkel:hover,
.webwinkel.active { background:url(../images/btn.webwinkel.over.png) no-repeat top left; }

#extraMenu { position:absolute; top:0; right:0; width:274px; height:187px; padding:9px 0 0 7px; background:url(../images/extraMenuBackground.png) no-repeat top left; font-size:12px; }
#extraMenu ul { margin:0; padding:0; }
#extraMenu li { list-style-type:none; line-height:22px; margin:0 0 1px; }
#extraMenu a { text-decoration:none; color:#000; background:url(../images/extraMenuA.png) no-repeat center left; padding:0 0 0 35px; height:25px; display:block; }
#extraMenu a:hover,
#extraMenu a.active { color:#666; background:url(../images/extraMenuAhover.png) no-repeat center left; }

#navigationImage { position:absolute; top:0; right:0; width:196px; height:196px; }
#navigationImage img { border:none; }
.greenLeft { position:absolute; bottom:-11px; left:2px; width:95px; height:76px; background:url(../images/greenLeft.png) no-repeat top left; z-index:2; }
.greenRight { position:absolute; bottom:-63px; right:0; width:56px; height:153px; background:url(../images/greenRight.png) no-repeat top left; z-index:2; }
#newsContainer {position:relative; width:475px; padding:5px; }
#newsContainer h1 { padding:10px 0; }
#contentContainer { position:relative; width:904px; background:url(../images/contentContainerBackground.jpg) repeat-y top left; z-index:1; font-size:11px; color:#02571c; }
#contentContainer h1 { font-size:16px; }
#contentContainer h2 { font-size:14px; }
#contentContainer h3 { font-size:12px; padding:0; }
.leafBottom { position:absolute; top:0; left:107px; width:192px; height:74px; background:url(../images/leafBottom.png) no-repeat top left; z-index:2;}
#contentTop { position:relative; width:904px; height:11px; background:url(../images/contentTopBackground.jpg) no-repeat top left; }
#contentLeft { position:relative; width:362px; padding:18px 0 0 16px; float:left; }
#contentRight { position:relative; width:428px; padding:10px 50px 0 48px; line-height:22px; float:left; }

.images { position:relative; }
.image { position:relative; width:100px; text-align:center; float:left; margin:0 2px; }
.image img { border:none; }

#footer { position:relative; width:922px; height:11px; background:url(../images/footerBackground.png) no-repeat top left; }

#copyright { position:relative; text-align:center; width:900px; margin:0 auto; font-size:10px; }
#copyright a { color:#8596AD; text-decoration:none; }

.productContainer {position:relative; float:left; width:429px;}
.productNav { position:relative; padding:0; width:408px; height:37px; border-top:1px solid #02571c; border-bottom:1px solid #02571c; font-size:11px; }
.productNav ul { margin:0; padding:0; list-style-type: none; float: left; }
.productNav li { padding:0 10px; float:left; background:url(../images/productNavLi.png) no-repeat left 16px; }
.productNav a { text-decoration:none; color:#000; line-height:36px; }
.productNav a:hover,
.productNav a.active { color:#02571C; }
.breadcrumb { display: block; float: left; line-height: 36px; margin: 0 10px 0 0; }

.productPictures {position:relative;}
.productThumbnails {position:relative; float:left; margin:5px 5px 0 0; display:inline; padding: 5px; border: 1px solid #ccc; }
.productThumbnails ul {margin:0; padding:0;}
.productThumbnails li {list-style-type:none; height:76px;}

.productPictures img { border: 1px solid #ccc; padding: 3px; }

.productInfo {position:relative; width:410px; float:left; font-size:11px; color: #000; }
.productInfo h1 {color: #02571C; font-weight: normal; margin:20px 0 0!important; }
.productInfo a {color:#e2007a; text-decoration:none;}
.productPrice {position:relative; width:100%; margin:5px 0 0; padding:5px 0 0; border-top:1px solid #02571C; font-size:11px;}
.price {font-size:16px; color:#00c4d8; font-weight:bold;}
.shoppingcartAdd {position:absolute; top:0; right:0;}
.shoppingcartAdd img {border:none;}
#newContainer { position:relative; padding:5px 0; width:688px; }

.productOthers { position:relative; width:400px; }
.productOthers a { text-decoration:none; }
.productItem { position:relative; float:left; margin:10px 20px 10px 0; width:160px; padding:1px 1px 30px; border:1px solid #ccc; cursor:pointer; }
.productItem img { border:none; }
.productPhoto {  position:relative; margin:5px 10px 5px 0; float:left; }
.productPhoto img { width:140px; height:100px; border:none;}
.shoppingcartAddSmall {position:absolute; top:123px; right:0;}
.productItemPrice {position:absolute; top:154px; right:0; color:#00c4d8; font-size:12px; font-weight:bold;}
.dottedLineVerticalSmall {background:url(../images/dottedLineVertical.png) repeat-y top left; width:5px; height:340px; float:left;}
.whiteSpace {position:relative; width:10px; height:50px;}
.brandImage { position:relative; width:180px; height:65px; }
.brandTitle { position:absolute; bottom:1px; left:1px; width:160px; background:#02571c; color:#fff; text-align:center; padding:5px 0 0; opacity:0.7; filter: alpha(opacity=70); }
.brandButton { position:relative; width:160px; text-align:center;padding:0; margin:0; }

.overviewItem { position:relative; float:left; width:165px; min-height:400px; padding:1px; margin:10px 40px 10px 0; border:1px solid #ccc; }
.overviewItem td { padding:0 5px 0 0; } 
.overviewItem .readmore { position:relative; background:url(../images/readmoreArrow.png) no-repeat center left; font-size:12px; margin:0; padding:0 0 0 10px; text-align:left; }
.overviewItem .readmore a { text-decoration:none; color:#000; }
.overviewItemLeft { position:relative; width:165px; height:150px; display:block; }
.overviewItemLeft img { width:165px; height:150px; border:none;}
.overviewItemRight { position:absolute; top:0px; left:1px; width:165px; color:#fff; line-height:16px; text-align:center; }
.overviewItemRightBackground { position:relative; width:100%; height:100%; padding:2px 0; background:#02571c; opacity:0.7; filter: alpha(opacity=70); }
.overviewItem input {width:20px;} 

.overviewItemContent { position:relative; width:160px; color:#fff; line-height:16px; text-align:center; }
.overviewItemContentBackground { position:relative; width:100%; height:100%; padding:2px 0; background:#02571c; opacity:0.7; filter: alpha(opacity=70); }


.prijs	{ position:absolute; bottom:0; left:5px; font-weight:bold; font-size:14px; }

span.error input, span.error textarea { background-color:#FBE3E4; border:1px solid #E5322D; }