@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
}

html,body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#8DCEEC;
	color:#000000;
		background-image:url(../images/layout/background.jpg);
	background-position:top;
	background-repeat:repeat-x;

}

#box{	
	width:920px;
	background-color: #FFFFFF;
	margin:auto;
	border-left:#7FB9D4 5px solid;
	border-right:#7FB9D4 5px solid;
}

#container{
	width:900px;
	margin:auto;
}

#header{
	clear:both;
	width:900px;
	height:94px;
	overflow:hidden;
}
#logo{
	float:left;
}
#extra{
	float:right;
	font-size:11px;
}
#extra li{
	list-style-type:none;
	float:left;
	margin-left:10px;
}

#menu{
	height:42px;
	margin-bottom:15px;
	background-color:#9DC205;
	clear:both;
	width:100%;
	background-image:url(../images/layout/menu-background.jpg);
}
#menu li{
	list-style-type:none;
	float:left;
	margin-left:20px;
	padding-top:12px;
}
#broodkruimels{
	margin-bottom:15px;
	font-size:11px;
	color:#999999;
}
#main{
	clear:both;
	margin:auto;
}

#links {
	float: left;
	width: 190px;
	margin-right: 10px;
	margin-bottom:1ems;
}
#center {
	float: left;
	width: 700px;
	overflow:hidden;
}
#rechts {
	width: 0px;
}
#zoeken{
	margin-bottom:10px;
	height:35px;
	background-image:url(../images/layout/zoek-background.jpg);
	background-color:#9DC205;
}
#zoeken input{
	margin:3px 0px 0px 4px;
	padding-top:2px;
	padding-left:2px;
	padding-right:0px;
	padding-bottom:2px;
	color:#999999;
	/*width: 150px;*/
}
#winkelwagen{
	margin-bottom:10px;
	background-color:#9DC205;
	background-image:url(../images/layout/winkelwagen-background.jpg);
}
#categorien{
	margin-bottom:10px;
	/*background-color:#FF8200;*/
}

#categorien a{
	display:block;
	margin:0px;
	padding:4px 0px 0px 0px;
	height:21px;
	font-weight:bold;
	overflow:hidden;
	text-decoration:none;
}
/* Achtergronden verschillende categorieen*/
.categorie{
	background-image:url(../images/layout/categorie-background.jpg);
}
.cats{
	background-image:url(../images/layout/cats-background.jpg);
}
.health{
	background-image:url(../images/layout/health-background.jpg);
}

/* Links */
a.categorie:link, a.categorie:visited {
	color:#FFFFFF;
}
a.categorie:hover{
	color:#B35E00;
	text-decoration:none;
}
a.cats:link, a.cats:visited {
	color:#E6C7A4;
}
a.categorie.cats:hover {
	color:#FFF;
}
a.health:link, a.health:visited {
	color:#BBDAEA;
}
a.categorie.health:hover {
	color:#FFF;
}

/* Sub Categorie */
#subcategorie a{
	padding-left:15px;
	background-image:url(../images/layout/subcategorie-background.jpg);
}


#footer{
	clear:both;
	text-align:center;
	font-size:11px;
	color:#999999;
}

/* links */
a:link, a:visited{
	color:#000000;
	text-decoration:underline;
}
a.grijs:link, a.grijs:visited{
	color:#999999;
	text-decoration:none;
}
a.grijs:hover{
	text-decoration:underline;
}

a.wit:link, a.wit:visited{
	color:#FFFFFF;
	text-decoration:none;
}
a.wit:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

select option{
	padding:1px;
}

/* headings */
h1, h2 {
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
}
.header{
	background-image:url(../images/layout/main-header.jpg);
	width:700px;
	height:30px;
	padding-top:4px;
}
.text-grijs{
	color:#AAA;
}
h1 {
	font-size: 22px;
	color:#FFFFFF;
}
h2 {
	font-size: 19px;
	padding: 6px 0px 0px 6px;
	width:184px;
	overflow:hidden;
	color:#FFFFFF;
}
h3{
	font-size:20px;
	color:#999999;
	padding:0px;
	margin:0px 0px 10px 0px;
}
h4{
	font-size:12px;
	text-transform: uppercase;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
hr {
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;	
}
select{
	margin-bottom:3px;
	width:120px;
}
.inhoud-cart{
	width:160px;
}
.imageborder img{
	border: #CCCCCC 1px solid;
}
.productinfo{
	border: #CCCCCC 1px solid;
	padding:5px;
	margin-bottom:10px;
	width: 160px;
	clear: both;
	float: right;
}
.menu-header-oranje{
	background-image:url(../images/layout/categorie-header.jpg);
	height:38px;
	background-repeat:no-repeat;
	background-position:top;
}
.menu-bottom-oranje{
	background-image:url(../images/layout/categorie-bottom.jpg);
	height:5px;
		background-repeat:no-repeat;
	background-position:top;

}
.menu-header-groen{
	background-image:url(../images/layout/winkelwagen-header.jpg);
	height:50px;
		background-repeat:no-repeat;
	background-position:top;

}
.menu-bottom-groen{
	background-image:url(../images/layout/winkelwagen-bottom.jpg);
	height:11px;
		background-repeat:no-repeat;
	background-position:top;

}

/* osCommerce */
.errorBox { background: #ffb3b5; font-weight: bold; }
.stockWarning { color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { color: #70d250; text-decoration: underline; }

a {
  color: #000000;
  text-decoration: none;
}

a:hover {
  color:#0099CC;
  text-decoration: underline;
}

form {
	display: inline;
}

tr.header {
  background: #ffffff;
}

tr.headerNavigation {
  background: #bbc3d3;
}

td.headerNavigation {
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFF; 
  font-size:13px;
  text-decoration:none;
  font-weight:bold;
}

A.headerNavigation:hover {
   text-decoration:underline;
}

tr.headerError {
  background: #ff0000;
}

td.headerError {
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
  margin-bottom:4px;
  margin-top:4px;
  padding-bottom:4px;
  padding-top:4px;
}

tr.headerInfo {
  background: #00ff00;
}

td.headerInfo {
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

tr.footer {
  background: #bbc3d3;
}

td.footer {
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
}

td.infoBoxHeading {
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}


tr.accountHistory-odd, tr.addressBook-odd, tr.alsoPurchased-odd, tr.payment-odd, tr.productListing-odd, tr.productreviews-odd, tr.upcomingProducts-odd, tr.shippingOptions-odd {
  background: #FFFFFF;
}

tr.accountHistory-even, tr.addressBook-even, tr.alsoPurchased-even, tr.payment-even, tr.productListing-even, tr.productreviews-even, tr.upcomingProducts-even, tr.shippingOptions-even {
  background: #F2F2F2;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #CCCCCC;
  border-spacing: 0px;
  margin-bottom:10px;
}

.productListing-heading {
  background: #FF9C34;
  color: #FFFFFF;
  font-weight: bold;
  padding: 2px 0px 2px 0px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

td.pageHeading, DIV.pageHeading {
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

tr.subBar {
  background: #f4f7fd;
}

td.subBar {
  color: #000000;
}

td.main, P.main {
  line-height: 1.5;
}


td.accountCategory {
  color: #aabbdd;
}

td.fieldKey {
  font-weight: bold;
}

td.tableHeading {
  font-weight: bold;
}

span.newItemInCart {
  color:#99CC00;
}

TEXTAREA {
  width: 100%;
}

span.greetUser {
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

td.formAreaTitle {
  font-weight: bold;
}

span.markProductOutOfStock {
  color: #c76170;
  font-weight: bold;
}

span.productSpecialPrice {
  color: #ff0000;
}

span.errorText {
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { color: #8c8c8c; }
.checkoutBarCurrent { color: #000000; }

/* message box */
.messageStackError, .messageStackWarning { background-color: #ffb3b5; padding-top:2px; padding-bottom:2px; }
.messageStackSuccess { background-color: #99ff00; }

/* input requirement */
.inputrequirement { color: #ff0000; }