@charset "utf-8";

/* body */
body { margin:0; padding:0; background:#e7f0cc;}

.breaker { clear:both; }
.hide {display:none;}
.hrdotted  {border:0;border-top:1px dotted #88b600; }

a {color: #99CC00; text-decoration:none;}
a:hover {color: #99cc00}

#mainContainer { position:relative; width:54.625em; margin:2.5em auto;}

/* header */
#headerContainer 	{ position:relative; width:54.625em; height:9.75em; background:url(../images/headerBackground.png) no-repeat top left; }
#banner 			{ position:absolute; right:0.688em; top:0.25em; }

#contentContainer { position:relative; width:54.313em; padding:0 0 0 0.313em; background:url(../images/contentBackground.png) repeat-y top left; }

/* menu links */
#menuLeft { position:relative; font-family:"Trebuchet MS"; font-weight:bold; font-size:0.75em; width:12.375em; padding:1.25em 0 0 0.625em; float:left; }
#menuLeft ul { margin:0; padding:0; }
#menuLeft li { list-style-type:none; margin: 2px 0 2px 0; }
.menuItem { color:#000; }
.submenuItem { color:#999; margin:0 0 0 0.888em; }
.mainMenu { background:url(../images/mainMenuArrow.jpg) no-repeat 0 6px; color:#000; }
.mainMenu:hover,
.mainMenu:active { background:url(../images/mainMenuArrowHover.jpg) no-repeat 0 6px; }
.subMenu { background:url(../images/subMenuArrow.jpg) no-repeat 0 6px; color:#666666; margin:0 0 0 0.888em; }
.subMenu:hover,
.subMenu:active { background:url(../images/subMenuArrowHover.jpg) no-repeat 0 6px; }
.supersubMenu { border-left:1px solid #99cc00; margin:0 0 0 13px; color:#999; }
.supersubMenu:hover,
.supersubMenu:active { color:#99cc00; }
#menuLeft a { text-decoration:none; padding:0 0 0 10px; display:block; }
#menuLeft a:hover { color:#88b600;}

.menu_active {
	color:#99cc00;
}

.menu_arrow_active {
	background:url(../images/mainMenuArrowHover.jpg) no-repeat center left; 
}

.sub_menu_arrow_active {
	background:url(../images/subMenuArrowHover.jpg) no-repeat center left; 
}

/* midden div */
#centerContainer { position:relative; width:30.313em; padding:1.25em; float:left; font-family:"Trebuchet MS"; }
#centerContainer h3 { margin:0; padding:0; font-size:12px; }
#centerContainer p { margin:0; padding:0; }
.greenGradient { width:100%; height:22px; background:url(../images/greenGradient.jpg) repeat-x top left; }
.greenGradient h2 { font-family:Verdana, Geneva, sans-serif; font-size:10px; text-transform:uppercase; color:#FFF; line-height:22px; margin:0; padding:0 0 0 10px; }

/* ---------------------------------HOMEPAGE-------------------------------------------- */
#homepageTop { position:relative; width:480px; margin:0 0 10px; }

#homepageContent { position:relative; width:273px; margin:0 10px 0 0; display:inline; float:left; font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:18px; }
#homepageContent h1 { margin:0; padding:0 0 5px; font-size:18px; font-weight:normal; color:#88b600; }
#homepageContent p { margin:0; padding:0 0 10px; }

#defaultContent { position:relative; width:473px; margin:0 10px 0 0; display:inline; float:left; font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:18px; }
#defaultContent h1 { margin:0; padding:0 0 5px; font-size:18px; font-weight:normal; color:#88b600; }
#defaultContent h2 {  font-size:16px; font-weight:normal; color:#99cc00; }

#defaultContent p { margin:0; padding:0 0 10px; }

#homepageNews { position:relative; width:197px; padding:0 0 10px; float:left; background:#e7f0cc; font-size:11px; font-family: Trebuchet MS}
.newsItem { position:relative; padding:12px 0 0; }
.newsDate { position:relative; width:56px; float:left; color:#88b600; font-weight:bold; text-align:center; }
.newsContent { position:relative; width:176px; padding:0 5px 0 0; float:left; margin-left: 15px; margin-bottom: 10px;}
.newsContent a { color:#99CC00; text-decoration:none;}
.newsContent a:hover { color:#99CC00; text-decoration:none;}

#homepageBottom { position:relative; width:480px; }

#homepageNewproduct { position:relative; width:273px; margin:0 10px 0 0; display:inline; float:left; background:#eceded; }
.newPadding { padding:12px 4px 12px 12px; font-size:11px; }
.newPadding img { float:left; border:none; }
#homepageNewsletter { position:relative; width:197px; float:left; background:#eceded; padding-bottom: 10px;}

.banner_image { padding-right: 9px; }

/* ------------------------------------OVERVIEW--------------------------------------------- */
#navigation { position:relative; font-size:12px; width:30.313em; height:2.5em; }
#navigation ul { margin:0; padding:0; }
#navigation li { list-style-type:none; float:left; background:url(../images/navigationArrow.jpg) no-repeat center right; padding:0 17.313px 0 0; }
#navigation li.last { background:none; }
#navigation a { text-decoration:none; color:#999; }

#productContainer { position:relative; width:30.313em; }
.product { position:relative; width:150px; float:left; margin:0 10px 10px 0; display:inline;  font-size:12px; }
.product img {border:1px solid #ccc;}

.productimgdiv {border:1px solid #ccc; background-position:center center; background-repeat:no-repeat; height:114px; width:149px; margin-bottom: 5px;}
.productThumb {border:1px solid #ccc; background-position:center center; background-repeat:no-repeat; height:57px; width:80px; float:left; margin: 5px 5px 5px 5px;}

/* -------------------------------DETAIL--------------------------------------------------- */
#productImage { position:relative; width:100%; text-align:center; }
#productImage img { max-width: 456px; max-height: 330px;}

#refImage { position:relative;float:left; padding-right: 10px;}
#refImage img { max-width: 456px; max-height: 250px;}

.floatImage { position:relative;float:left; padding-right: 10px;}
.floatImage img { max-width: 456px; max-height: 250px;}

#productInfo { position:relative; padding:0.888em 0 0.25em 1.25em; font-size:12px; vertical-align:bottom; color:#000; text-decoration:none; }
#productInfo h2 {margin: 5px 5px 5px 0px; color: #88B600; }
.productNumber { position:relative; width:370px; float:left; font-weight:bold; }
.productType { position:relative; width:160px; float:left; margin-bottom: 5px; }
.productModel { position:relative; width:300px; float:left; margin-bottom: 5px; }

#productMenu { width:100%; bottom:0; left:11.313em; margin-top:10px;}
.offer,
.order { position:relative; width:155px; margin:0 5px 0 0; float:left; }
.productblad { position:relative; width:155px; margin:0; float:left; }
.offer a,
.order a,
.productblad a { background:url(../images/whiteArrow.png) no-repeat center left; color:#FFF; padding:0 0 0 10px; text-decoration:none; }

/* menu rechts */
#menuRight { position:relative; float:left;  width:165px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding:10px 0 0; }

.menuRightItem { position:relative; width:165px; height:80px; background:url(../images/menuRightBackground.jpg) repeat-x top left;}
.menuRightItem img { position:relative; width:165px; height:57px;}
.menuRightItemTitle {position:absolute; bottom:1px; left:0; width:165px; height:80px; display:block; padding-left: 2px;}
.menuRightItem a {text-decoration:none; color:#000;}
.menuRightItem a:hover { color:#FFF;}

.menuRightItem a {
color:#000000;
display:block;
height:20px;
padding-top:62px;
position:relative;
text-decoration:none;
z-index:100;
}


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

label {display:block;float:left;width:150px;margin-top: -1px;}
input {width: 250px; border: solid 1px #999999; margin-bottom: 5px;}
textarea { width: 250px;border: solid 1px #999999;}
input[type=submit] {margin-left: 150px; border: solid 1px #99cc00; background-color: #99cc00; color:#FFFFFF;}

.error { color: #990000;}

.fRight { 
	float:right;
}

.top {
	clear: both;
	display: block;
	margin: 0 auto 5px auto !important;
}

.bottom {
	clear: both;
	display: block;
	margin: 3px auto 0 auto !important;
	padding-top: 0 !important;
}

.left {
	float: left;
	margin-right: 7px !important;
	padding-top: 2px !important;
}

.right {
	float: right;
	margin-left: 5px !important;
	margin-right: 5px !important;
	padding-top: 2px !important;
}