body, html {
	margin: 0;
	padding: 0;
	height:	100%;
	background:	#161616 url('/images/kapteyn/page/bg.gif') top left repeat-x;
	text-align: center;
}



div {
	xborder: 1px solid #FFF;
}

img {
	border: 0;
}



div#body {
	padding: 5px;
	width:	900px;
	height:	auto;
	margin:	0px auto 0px auto;
	text-align: left;
}

div#header {
	height:	250px;
	background:	url('/images/kapteyn/page/header.jpg') bottom center no-repeat;
}

div#logo {
	float: 		left;
	width:		250px;
	height:		70px;
	background:	url('/images/kapteyn/page/logo.gif') top left no-repeat;
}

div#menu {
	float: 		right;
	margin-top: 50px;
	height:		30px;
}

div#menu a {
	display: 		 block;
	float:			 left;
	font-family:	 Verdana, Arial, Helvetica, sans-serif;
	font-size:		 12px;
	text-decoration: none;
	color: 			 #B5B4B4;	
	padding:		 5px 10px 15px 10px;
	
}
/*
div#menu a.first {
	color: #FFF;
}

div#menu a:first-child, #menu a.first {
	color: #FFF;
	
}
*/

div#menu a:hover, #menu a.selected {
	display: block;
	color: #FFF;
	xbackground: #167A42;
	background: #167A42 url('/images/kapteyn/page/menu_arrow.jpg') bottom center no-repeat;
}
div#container {
	width:	900px;
	_height:1000px;
}

div#submenu {
	float: 		left;
	width:		225px;
	text-align: right;
}

div#submenuBox a {
	display: 		 block;
	padding: 		 3px 12px 3px 3px;
	font-family:	 Verdana, Arial, Helvetica, sans-serif;
	font-weight:	 bold;
	font-size:		 12px;
	margin:			 0px 0px 0px 5px;
	
	text-decoration: none;
	
	color: 			 #B5B4B4;
}

div#submenuBox a:hover, #submenu a.selected {
	color: #FFF;
	background: url('/images/kapteyn/page/submenu_arrow.gif') top right no-repeat;
}

div#submenuBox {
	background:  #1A1A1A;
	margin:		 5px 10px 5px 10px;
	padding: 	 20px 15px 5px 0px;
	min-height:	 150px;
	_height:	 150px;
}

div#content {
	float: 		 right;
	width: 		 670px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 	 12px;
	color:		 #B5B4B4;
}

div#content h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	 16px;
	color:		 #167A42;
}

/*
	Producten
*/

div#productsList {
	width:	520px;
	margin:	0px auto 0px auto;
}

div#productsList h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	 18px;
	color:		 #167A42;

}

div.products {
	float:  left;
	height:	238px;
	width:  250px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 	 12px;

	margin:		 3px;
	
	color:		 #B5B4B4;

	background:  #242424 url('/images/kapteyn/page/bg-product.png') top center no-repeat;
	
	border: 	 1px solid #3B3B3B;
	border-top:  0px solid #3B3B3B;
}

div.productsDetail {
	height:	205px;
	padding: 5px 5px 0px 5px
}

div.productsDetail td {
	vertical-align: top;
}


div.productsDetail H2 {
	margin: 	 0px;
	padding:	 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 	 12px;
	color:		 #167A42;
	
}

div.productsDetail img {
	align: left;
}

div.productsDetail a {
	text-decoration: none;
}

div.productsDetail a:hover {
	text-decoration: none;
}

div.productFooter {
	height: 		20px;
	padding:		5px 10px 5px 0px;
	text-align: 	right;
	vertical-align: middle;
}

table.cart {
	width:		100%;
	color:		#FCFCFC;
	background: #1D1D1D;
}

table.cart thead {
	background: #177B3F;
}

table.cart th {
	height:	 20px;
	padding: 0px 5px 0px 5px;
}

table.cart td {
	padding: 5px 5px 5px 5px;
}

tr.total {
	
	border: 1px solid #7A7A7A;
}

table.cart a {
	display: 	block;
	float: 		right;
	font-size:	12px;
	padding:	3px 5px 4px 5px;
	background: #177B3F;
	color:		#FCFCFC;
	text-decoration: none;
	
}
#backButton {
	clear: both;
	width: 100%;
	
}
#backButton a {
	float: 		right;
	font-size:	12px;
	padding:	3px 5px 4px 5px;
	background: #177B3F;
	color:		#FCFCFC;
	text-decoration: none;
}

.updateField input {
	background: #242424;
	border:		1px solid #424242;
	color:		#FCFCFC;
	text-align: center;
}

.updateCart {
	font-size:	12px;
	padding:	2px 5px 1px 5px;
	background: #177B3F;
	color:		#FCFCFC;
	border:		0px solid #177B3F;
}

div#cart {
	text-align: right;
}

div#cart a {
	font-size:	12px;
	padding:	2px 5px 2px 5px;
	background: #177B3F;
	color:		#FCFCFC;
	text-decoration: none;
}

table.order {
	width:		100%;
	color:		#FCFCFC;
	margin:		0px 0px 30px 0px;
	padding:	0px 0px 10px 0px;
	background: #1D1D1D;
}

table.order a {
	color:		#B6B6B6;
	text-decoration: none;
}

table.order a:hover {
	text-decoration: underline;
}


table.order td {
	text-align: right:
}

table.order thead {
	background: #177B3F;
}

table.order th {
	text-align: left;
	height:	 	20px;
	padding: 	0px 5px 0px 5px;
}

table.order td {
	padding: 2px 5px 2px 5px;
}

div.order {
	color: 		 #B6B6B6;
	line-height: 25px;
	width:		 670px;
	text-align:  right;
}

div.order a {
	color:		#B6B6B6;
	text-decoration: underline;
}

div.order a:hover {
	text-decoration: none;
}


div.order input {
	font-size:	12px;
	padding:	2px 5px 2px 5px;
	border:		0px solid #177B3F;
	background: #177B3F;
	color:		#FCFCFC;
	text-decoration: none;
}

div.order input[type="checkbox"] {
	border:			  1px solid #424242;
	background-color: #242424;
	color:			  #FCFCFC;
}


.spacer {
	height:	20px;
}

.text {
	width: 250px;
	text-align: right;
}

.submit {
	font-size:	12px;
	padding:	2px 5px 2px 5px;
	border:		0px solid #177B3F;
	background: #177B3F;
	color:		#FCFCFC;
	text-decoration: none;
}

.input {

}

.input input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	12px;
	height:		16px;
	width:		300px;
	background: #242424;
	border:		1px solid #424242;
	color:		#FCFCFC;
}

.input textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	12px;

	width:		300px;
	height:		100px;

	background: #242424;
	border:		1px solid #424242;
	color:		#FCFCFC;
}

.input select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	12px;
	height:		24px;
	background: #242424;
	border:		0px solid #424242;
	color:		#FCFCFC;
}

div#footer {
	height:		32px;
	width:	 	900px;

	margin:	 	0px auto 0px auto;	
	padding:	10px 0px 10px 0px;
	clear:    	both;
	border-top: 1px solid #464646;
}

div#footerLeft {
	float: left;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		12px;
	color: 			#363636;

}
div#footerLeft a {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		12px;
	color: 			#363636;
	text-decoration:none;
}

div#footerLeft a:hover {
	text-decoration:underline;
}


div#footerRight {
	float: 			right;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		12px;
	color: 			#167A42;
}

.error {
	color:	#FF0000;
}
