html body {
	margin:0px;
	padding:0px;
	font:11px Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #cccccc;
}

/* Pagina verdeling
----------------------------------------------- */

#top {
	width: 850px;
	height: 60px;
	margin: 0;
	padding: 0px;
}

#speeltoestellen {
	width: 846px;
	margin: 0;
	padding: 0px;
}

#submenu {
	background: transparent url("../images/AG_submenu.gif") repeat-y left top;
	float: left;
	width: 282px;
}

#content {
	width: 525px;
	float: right;
	padding: 15px;
	color: #000;
}

#footer {
	width: 505px;
	margin-left: 282px;
	color: #cccccc;
	font-size: 10px;
	padding: 10px;
}

#footer a {color: #cccccc;}

.balk {
	width: 129px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding: 0px 0px 0px 10px;
	float: left;
}

.logo { margin-left: -10px; }

/* Hoofdmenu
----------------------------------------------- */

.menuitem a {
	background: #000 url("../images/IMG_hr_menu.gif") repeat-x left top;
	width: 129px;
	height: 24px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	padding: 34px 0px 0px 10px;
	float: left;
}

.menuitem a:hover { background: #ccc url("../images/IMG_hr_menu.gif") repeat-x left top;}

/* Submenu
----------------------------------------------- */

#submenuitems {
	margin: 10px 0px 0px 0px;
	padding: 0;
	list-style: none;
}

#submenuitems li {
	margin: 0px 0px 0px -10px;
	padding: 5px 0px 5px 5px;
	border-bottom: 1px solid #fff;
	list-style: none;
	width: 134px;
}

#submenu a { font-weight: normal;}


/* Categorien
----------------------------------------------- */

.buttonB {
	display: block;
	background: #CCEBF5;
	padding: 5px;
	border-bottom: 1px solid #fff;
	width: 258px;
}

a.buttonB:link{color:#0099CC; text-decoration:none; font-weight: bold;}
a.buttonB:visited{color:#0099CC; text-decoration:none; font-weight: bold;}
a.buttonB:hover{color:#0099CC; text-decoration:underline; font-weight: bold;}
a.buttonB:active{color:#0099CC; text-decoration:none; font-weight: bold;}

.buttonP {
	display: block;
	background: #FFC9E7;
	padding: 5px;
	border-bottom: 1px solid #fff;
	width: 258px;
}

a.buttonP:link{color:#CC0099; text-decoration:none; font-weight: bold;}
a.buttonP:visited{color:#CC0099; text-decoration:none; font-weight: bold;}
a.buttonP:hover{color:#CC0099; text-decoration:underline; font-weight: bold;}
a.buttonP:active{color:#CC0099; text-decoration:none; font-weight: bold;}

.buttonO {
	display: block;
	background: #FFE5AB;
	padding: 5px;
	border-bottom: 1px solid #fff;
	width: 258px;
}

a.buttonO:link{color:#FF6600; text-decoration:none; font-weight: bold;}
a.buttonO:visited{color:#FF6600; text-decoration:none; font-weight: bold;}
a.buttonO:hover{color:#FF6600; text-decoration:underline; font-weight: bold;}
a.buttonO:active{color:#FF6600; text-decoration:none; font-weight: bold;}

.buttonG {
	display: block;
	background: #f6e6ac;
	padding: 5px;
	border-bottom: 1px solid #fff;
	width: 258px;
}

a.buttonG:link{color:#FFB622; text-decoration:none; font-weight: bold;}
a.buttonG:visited{color:#FFB622; text-decoration:none; font-weight: bold;}
a.buttonG:hover{color:#FFB622; text-decoration:underline; font-weight: bold;}
a.buttonO:active{color:#FFB622; text-decoration:none; font-weight: bold;}

/* HTML elementen
----------------------------------------------- */

h1 {
	font: 18px Arial, Helvetica, sans-serif;
	margin: 0;
}

h2 {
	font: bold 16px Arial, Helvetica, sans-serif;
	margin: 0;
	display: inline;
}

h1.groen {color:#00A844;}
h1.blauw {color:#0099CC;}
h1.paars {color:#CC0099;}
h1.oranje {color:#FF6600;}
h1.geel {color:#FFB622;}
h1.rood {color:#F22441;}

p.groen {color:#00A844; font-weight: bold;}
p.blauw {color:#0099CC; font-weight: bold;}
p.paars {color:#CC0099; font-weight: bold;}
p.oranje {color:#FF6600; font-weight: bold;}
p.geel {color:#FFB622; font-weight: bold;}
p.rood {color:#F22441; font-weight: bold;}

b.blauw {color:#0099CC; font-weight: bold;}
b.paars {color:#CC0099; font-weight: bold;}
b.oranje {color:#FF6600; font-weight: bold;}
b.rood {color:#F22441; font-weight: bold;}

a:link{color:#fff; text-decoration:none; font-weight: bold;}
a:visited{color:#fff; text-decoration:none; font-weight: bold;}
a:hover{color:#fff; text-decoration:underline; font-weight: bold;}
a:active{color:#fff; text-decoration:none; font-weight: bold;}

a.groen:link{color:#00A844; text-decoration:none; font-weight: bold;}
a.groen:visited{color:#00A844; text-decoration:none; font-weight: bold;}
a.groen:hover{color:#00A844; text-decoration:underline; font-weight: bold;}
a.groen:active{color:#00A844; text-decoration:none; font-weight: bold;}

a.blauw:link{color:#0099CC; text-decoration:none; font-weight: bold;}
a.blauw:visited{color:#0099CC; text-decoration:none; font-weight: bold;}
a.blauw:hover{color:#0099CC; text-decoration:underline; font-weight: bold;}
a.blauw:active{color:#0099CC; text-decoration:none; font-weight: bold;}

a.paars:link{color:#CC0099; text-decoration:none; font-weight: bold;}
a.paars:visited{color:#CC0099; text-decoration:none; font-weight: bold;}
a.paars:hover{color:#CC0099; text-decoration:underline; font-weight: bold;}
a.paars:active{color:#CC0099; text-decoration:none; font-weight: bold;}

a.oranje:link{color:#FF6600; text-decoration:none; font-weight: bold;}
a.oranje:visited{color:#FF6600; text-decoration:none; font-weight: bold;}
a.oranje:hover{color:#FF6600; text-decoration:underline; font-weight: bold;}
a.oranje:active{color:#FF6600; text-decoration:none; font-weight: bold;}

a.geel:link{color:#FFB622; text-decoration:none; font-weight: bold;}
a.geel:visited{color:#FFB622; text-decoration:none; font-weight: bold;}
a.geel:hover{color:#FFB622; text-decoration:underline; font-weight: bold;}
a.geel:active{color:#FFB622; text-decoration:none; font-weight: bold;}

a.rood:link{color:#F22441; text-decoration:none; font-weight: bold;}
a.rood:visited{color:#F22441; text-decoration:none; font-weight: bold;}
a.rood:hover{color:#F22441; text-decoration:underline; font-weight: bold;}
a.rood:active{color:#F22441; text-decoration:none; font-weight: bold;}

.image {
	border: 1px solid #FFFFFF;
	width: 150px;
}

.imageholder {
	border: 1px solid #CCCCCC;
	background-color: #CCCCCC;
}

.productimage {
	width: 154px;
	vertical-align: top;
}

.beschrijving {
	vertical-align: top;
	padding-left: 5px;
}

.clear {
  clear:both;
  display:block;
  height: 0;
  margin:0;
  padding:0;
  font-size:1px;
  line-height:0px;
  background-color: transparent;
}

hr {
	color: #ccc;
	border: 1px dashed #ccc;
	height: 1px;
	margin-bottom: 10px;
}