body{
	background: #FDD;
	text-align: center;
	margin: 0px auto;
	background: #FEE;
	margin-bottom: 10px;
}
body,p,td,th{
	font-family: Verdana;
	font-size:8pt;
}

#wrap{
	width: 780px;
	text-align: center;
	margin: 0px auto;
}

#body{
	width: 780px;
	background: #FFF;
	border: solid 1px #BAA;
	border-top: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	margin: 0px auto;
}

#content{
	background: #FFF;
	float: left;
	margin-right: 0px;
	width: 575px;
	padding: 0 15px 15px;
}

#contact{
	text-align: left;
	background-color: #FEE;
	border: dotted 1px #BAA;
	padding: 10px;
}

div#footer{
	clear: both;
	width: 780px;
	text-align: center;
	margin: 15px auto;
}
div#footer a{
	font-weight: normal;
	text-decoration: underline;
}

h1{
	margin: 0px;
	margin-bottom: 5px;
	font-size: 10pt;
}
h2{
	margin: 0px;
	margin-bottom: 5px;
	font-size: 10pt;
}
p{
	margin-top: 5px;
}
p.small{
	font-size: smaller;
	display: inline;
	margin: 0;
}
img.cat{
	border: solid 1px black;
}

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

/*
 *	MENU
 */
#menu{
	height: 25px;
	background: #FFEEEE;
	/* background: #FED; */
    border-top: 1px solid white;
    border-bottom: 1px solid #BBAAAA;
}
ul.menu{
	width: 760px;
	margin: 0px auto;
}
#menu li
{
	background: #FFEEEE;
    list-style: none;
    float: left;
    margin:0;
    padding:0;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #BBAAAA;
    padding: 2px 30px 0;
    line-height: 23px;
}
a.menu:link 	{ text-transform: uppercase }
a.menu:visited	{ text-transform: uppercase }
a.menu:hover	{ text-transform: uppercase }
a.menu:active	{ text-transform: uppercase }

li.cat{
		background: #FEE;
	}
	.onmouse{
	background: #FDD;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #BAA;
	border-right: 1px solid #BAA;
	padding: 2px;
	}
	.offmouse{
	background: #FEE;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #BAA;
	border-right: 1px solid #BAA;
	padding: 2px;
	}

/*
 *	SUBMENU
 */
#submenu{
	width: 175px;
	background: #FFF;
	text-align: right;
	float: left;
	margin: 0;
	padding: 0;
}
#submenu h2, #submenu div{
	padding-right: 5px;
}
.cat a:link 	{ font-weight: normal }
.cat a:visited	{ font-weight: normal }
.cat a:hover	{ font-weight: normal }
.cat a:active	{ font-weight: normal }
/*
 *	CATEGORIEEN
 */
ul.cat{
	list-style: none;
	display: inline;
	margin: 0px;
}
li.cat{
	background: #FEE;
	border-top: 1px solid #FFF;
    border-bottom: 1px solid #BAA;
	border-right: 1px solid #BAA;
	padding: 2px;
	padding-right: 5px;
}
.onmouse{
	background: #FDD;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #BAA;
	border-right: 1px solid #BAA;
	padding: 2px;
	padding-right: 5px;
}
.offmouse{
	background: #FEE;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #BAA;
	border-right: 1px solid #BAA;
	padding: 2px;
	padding-right: 5px;
}

/*
 *	FORMULIEREN
 */
table.form{
}
input.button{
	background: #FDD;
	border: solid 1px #000;
	cursor: pointer;
	font-weight: bold;
}
/* action button, different color */
input.bestelbutton{
	background: #ffcc66;
	border: solid 1px #000;
	cursor: pointer;
	font-weight: bold;
}

/*
 *	ARTIKELEN
 */
.prijs_tag{
	font-weight: bold;
	color: #009900;
}
div.artikelwrapperDetail{
	background: #FFF;
	border: solid 1px black;
	font-weight: bold;
}
div.artikelwrapper{
	width: 275px;
	float: left;
	background: #FFF;
	border: solid 1px black;
	margin: 0 5px 5px 0;
	padding: 0;
}
h2.artikel{
	background: #FEE;
	color: #000;
	margin-bottom: 2px;
	padding: 5px;
	border-bottom: 1px solid #BAA;
	border-top: solid 1px #FFF;
}
div.image{
	float: left;
	padding: 5px;
}
table.artikelDetail{
	float: right;
	margin-top: 50px;
}
div.bottom{
	clear: both;
	text-align: right;
	/* background-image: url('/pics/price_bg.gif'); */
	background-color: #FDD;
	padding: 5px;
	border-top: solid 1px black;
	color: #000;
}
table.artikelen{
	width: 100%;
}
th.artikelen{
	text-align: left;
}
td.artikelen{
	padding: 4px;
}

/*
 *	BESTELLINGEN
 */
table.bestellingen{
	width: 100%;
}
th.bestellingen{
	text-align: left;
}
td.bestellingen{
	padding: 4px;
}

/*
 *	KLANTEN
 */
table.klanten{
	width: 100%;
}
th.klanten{
	text-align: left;
}
td.klanten{
	padding: 4px;
}

/*
 *	WINKELWAGEN
 */
div#winkelwagen_smallview{
}
div#winkelwagen_smallview label{
	font-weight: bold;
}
div#winkelwagen_smallview .inhoud{
}
div#winkelwagen_smallview .inhoud .lblAantal{}
div#winkelwagen_smallview .inhoud .aantal{}
div#winkelwagen_smallview .inhoud .totaalprijs{}

div#inhoud_winkelwagen{
	border-top: solid 0px #000;
	border-bottom: solid 0px #000;
	background-color: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
}
table.winkelwagen{
	width: 570px;
}
th.winkelwagen{
	text-align: left;
}
td.winkelwagen{
	padding: 2px;
}
table.winkelwagen tr.totals{
	background-color: #FDD;
}
table.winkelwagen_samenvatting{
	width: 590px;
	background: #FEE;
	border: solid 1px black;
}
th.winkelwagen_samenvatting{
	text-align: left;
}
td.winkelwagen_samenvatting{
	padding: 2px;
}

/*
 *	PROGRESS BAR
 */
ul#progressbar{
	width: 575px;
	list-style: none;
	margin: 10px 10px 30px -32px;
}
ul#progressbar .done, ul#progressbar .active{
	float: left;
	width: 110px;
	text-align: center;
	padding-bottom: 5px;
	border-bottom: solid 2px #66cc33;
	border-right: solid 2px #FFFFFF;
}
ul#progressbar .todo{
	float: left;
	width: 110px;
	text-align: center;
	padding-bottom: 5px;
	border-bottom: solid 2px #990033;
}

/* NIEUWS ITEMS */
div.nieuws{
	text-align: left;
	margin-bottom: 10px;
}

/*
 *	LINKS
 */
div.links{
	text-align: left;
	margin-left: 15px;
}
div.links a, div.links a:hover, div.links a:visited, div.links a:active{
	font-weight: normal;
}

fieldset{
	width: 572px;
}

/*
 *	CHECKOUT styling (since 11/9/09, by Mtang)
 */
div#floating_checkout
{
	float: right;
	width: 150px;
	margin-left: 10px;
}
div#checkout_floating_cart
{
	background-color: #FFEEEE;
	border: 1px solid #BBAAAA;
	padding: 5px;
	margin-bottom: 10px;
}
div#checkout_floating_address
{
	background-color: #FFEEEE;
	border: 1px solid #BBAAAA;
	padding: 5px;
	margin-bottom: 10px;
}