kleur-definities {
	#ed2633; /* logo rood */
	#8f989d; /* logo grijs */
	#000; /* zwart */
	#333; /* donker grijs */
	#666; /* medium grijs */
	#eee; /* licht grijs */
	#fff; /* wit */
}

body, table, th, td, p, input, textarea, select, button, a {
	color:#3D2E29;
	font-family:"trebuchet ms",arial,helvetica,sans-serif;
	font-size:13px;
	text-align:left;
}

body {
	background-color: #eee; /* licht grijs */
}

h1 {
	color: #ed2633; /* logo rood */
	border-bottom: 1px solid #ed2633; /* logo rood */
	text-align: left;
	font-size:24px;
}

h2 {
	color: #ed2633; /* logo rood */
	text-align: left;
	font-size:16px;
}

h3 {
	color: #333; /* donker grijs */
	border-bottom: 1px solid #ed2633; /* logo rood */
	text-align: left;
	font-size:16px;
}

h4 {
	color: #333; /* donker grijs */
	border-bottom: 1px solid #333; /* donker grijs */
	text-align: left;
	font-size:14px;
}

h5 {
	font-size: 16px;
	font-weight: bold;
	color: #ed2633; /* logo rood */
	text-align: center;
}

h6 {
	font-size: 12px;
	font-weight: bold;
	color: #666; /* medium grijs */
}

.top {
	background-color:#fff; /* wit */
}

.topnav li {
	float: right;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #000; /* zwart */
}

.topnav li.last {
	border-right: 0;
	padding-right:0;
}

.topnav .user li {
	border-right-color: #ed2633; /* logo rood */
}

.topnav .user, .topnav .user a {
	color: #ed2633; /* logo rood */
}

.topnav .site li {
	border-right-color: #666; /* medium grijs */
}

.topnav .site a {
	color: #333; /* donker grijs */
}

.header {
	background-color:#fff; /* wit */
}

.nav {
	background-color: #ed2633; /* logo rood */
}

.nav li {
	float: left;
	padding: 6px 10px 10px 10px;
	border-left: 1px solid #fff; /* wit */
}

.nav li.last {
	border-right: 1px solid #fff; /* wit */
}

.nav li a {
	color: #fff; /* wit */
	font-weight: bold;
}

.nav li.active, .nav li.active a {
	color: #ed2633; /* logo rood */
	background-color: #fff; /* wit */
}

.main {
	background-color:#fff; /* wit */
}

.main .subnav {
	border: 0;
	background-color: #eee; /* licht grijs */
	padding:15px;
}

.main .subnav ul {
}

.main .subnav ul ul {
	list-style-type:disc;
	list-style-position: inside;
	padding:0 0 0 10px;
}

.main .subnav li, .main .subnav li a {
	color: #666; /* medium grijs */
}

.main .subnav li a.active {
	font-weight: bold;
	color: #333; /* donker grijs */
	text-decoration: none;
}

.middle .paging {
	text-align:center;
}

.middle .paging a {
	font-weight: bold;
}

.middle ul {
	padding:0 0 5px 15px;
}

.middle li {
	list-style-type:disc;
}

.middle a {
	color: #ed2633; /* logo rood */
}

.middle .filter {
	color: #666; /* medium grijs */
	text-align:right;
}

.middle .filter a {
	color: #333; /* donker grijs */
}

.bottom {
}

.logos {
	border-top: 1px solid #8f989d; /* logo grijs */
}

.logos img {
	margin-right: 45px;
}

.logos img.last {
	margin-right: 0;
}

.footer {
	/*border-top: 1px solid ##8f989d; *//* logo grijs */
}

.copyright {
	text-align: left;
}

.footernav {
	text-align: right;
}

.footernav  li {
	float: right;
	padding: 0 6px 0 6px;
	border-right: 1px solid #999; /* logo grijs */
}

.footernav li.last {
	border-right: 0;
	padding-right:0;
}

.footer, .footer a {
	color: #666; /* medium grijs */
}

p {
	margin-bottom: 5px;
}

input[type=submit],input[type=reset],button {
	text-align: center;
}

/* BLOKKEN */

.main .block legend {
	font-size:14px;
	font-weight:bold;
	padding: 5px;
}

.main .block.lightgrey {
	border: 1px solid #8f989d; /* logo grijs */
}

.main .block.lightgrey legend {
	color: #666; /* medium grijs */
}

.main .block.darkgrey {
	border: 1px solid #333; /* donker grijs */
}

.main .block.darkgrey legend {
	color: #333; /* donker grijs */
}

.main .block.red {
	border: 1px solid #ed2633; /* logo rood */
}

.main .block.red legend {
	color: #ed2633; /* logo rood */
}

.main .block.slideshow {
	border: 1px solid #ed2633; /* logo rood */
}

.main .block.slideshow legend {
	color: #ed2633; /* logo rood */
}

.main .block p {
	padding: 0 5px 0 5px;
	margin:0;
}

.main .block .login {
	text-align: left;
	padding: 0 5px 5px 5px;
}

.main .block input.text {
	width: 122px;
	height: 15px;
}

.main .block input.submit {
	margin:5px 0 0 55px;
	width: 72px;
	height: 25px;
	text-align:center;
}

.main .block .errormessage {
	font-weight: bold;
	color: #ed2633; /* logo rood */
	font-size: 11px;
}

.main .block .price {
	padding: 0 10px 0 10px;
	text-align: right;
}

.main .block .voor,
.main .block .van {
	font-size: 14px;
	color: #666; /* medium grijs */
}

.main .block .van span {
	font-weight: bold;
	color: #ed2633; /* logo rood */
}

.main .block .voor span {
	font-size: 18px;
	font-weight: bold;
	color: #ed2633; /* logo rood */
}

.main .block .bel {
	font-size: 18px;
	font-weight: bold;
	color: #666; /* medium grijs */
	padding: 0;
}

.main .block .meer {
	padding: 5px 5px 5px 5px;
	text-align: right;
}

.main .block .meer a {
	text-decoration: underline;
}

.main .block .meer a:hover {
	color: #ed2633; /* logo rood */
}

.main .block .title a {
	color: #ed2633; /* logo rood */
}

.main .block hr {
	border:0;
	border-top: 1px solid #ccc;/* donker grijs */
}

.main .block .pakket li, .main .block .pakket li a {
	font-size:11px;
	text-align:left;
	margin-bottom:10px;
}


/* T03 Product categorie */
.product-item {
	border: 1px solid #ccc; /* licht grijs */
}

.product-item .title a {
	color: #ed2633; /* logo rood */
}

a.active,
a:hover {
	text-decoration: underline;
}

/* T04 Product detail */
body.product .price {
	color: #ed2633; /* logo rood */
	font-size:24px;
	font-weight: bold;
	text-align: right;
}

body.product .color-item {
	border: 1px solid #ccc; 
}

body.product .color-item.active {
	border: 1px solid #ed2633; /* logo rood */
}

body.product div.form {
	border: 1px solid #ed2633; /* logo rood */
}

body.product div.form div {
	text-align: right;
}

body.product div.form .errormessage {
	font-weight: bold;
	color: #ed2633; /* logo rood */
	margin: 5px 0 5px 0;
	text-align: left;
	font-size: 12px;
}

body.product div.form input.text {
	width: 150px;
	height: 15px;
}

body.product div.form select.select {
	width: 155px;
	height: 20px;
}

body.product div.form input.submit {
	width: 90px;
	height: 25px;
	text-align:center;
}

/* T05 Login / T06 WW vergeten */
body.login .col1,
body.wwvergeten .col1 {
	/*border-right: 1px solid #ed2633; *//* logo rood */
}

body.login div.form,
body.wwvergeten div.form {
	border: 1px solid #ed2633; /* logo rood */
}

body.login div.form div,
body.wwvergeten div.form div {
	text-align: right;
}

body.login div.form .errormessage,
body.wwvergeten div.form .errormessage {
	font-weight: bold;
	color: #ed2633; /* logo rood */
	margin: 5px 0 5px 0;
	font-size: 12px;
}

body.login div.form input.text,
body.wwvergeten div.form input.text {
	width: 150px;
	height: 15px;
}

body.login div.form input.submit,
body.wwvergeten div.form input.submit {
	width: 90px;
	height: 25px;
	text-align:center;
}

/* T07 WW wijzigen */
body.wwwijzigen .col1 {
	/*border-right: 1px solid #ed2633; *//* logo rood */
}

body.wwwijzigen div.form {
	border: 1px solid #ed2633; /* logo rood */
}

body.wwwijzigen div.form div,
body.wwvergeten div.form div {
	text-align: right;
}

body.wwwijzigen div.form .errormessage {
	font-weight: bold;
	color: #ed2633; /* logo rood */
	margin: 5px 0 5px 0;
	font-size: 12px;
}

body.wwwijzigen div.form input.text {
	width: 150px;
	height: 15px;
}

body.wwwijzigen div.form input.submit {
	width: 90px;
	height: 25px;
	text-align:center;
}

/* T11 Contact */
body.contact div.form {
	border: 1px solid #ed2633; /* logo rood */
}

body.contact div.form div {
	text-align: right;
}

body.contact a.mail {
	color: #000; /* zwart */
}

body.contact div.form .errormessage {
	font-weight: bold;
	color: #ed2633; /* logo rood */
	margin: 5px 0 5px 0;
	text-align:left;
}

body.contact div.form input.text {
	width: 150px;
	height: 15px;
}

body.contact div.form input.submit {
	width: 90px;
	height: 25px;
	text-align:center;
}

body.contact div.google-maps {
	width:740px;
	height:400px;
	position:relative;
	float:left;
	margin-top:30px;
}

body.contact div.form div span {
	float:left;
}

body.contact div.form div span {
	display:block;
	float:left;
	width:215px;
	text-align:left;
}

body.contact div.form div span span	{
	display:inline;
	float:none;
	padding-left:10px;
	vertical-align:middle;
}

body.contact div.formdiv span input {
	margin-right:5px;
}

body.contact div.forminput.radio {
	margin-right:5px;
}

body.contact div.form input.checkbox {
	margin-right:5px;
}

body.contact div.form div label {
	margin:0 10px 0 0;
}

body.contact div.form div.button {
	width:Auto;
	padding:10px 3px 0 0;
	text-align:right;
}

body.contact div.form input.type-text {
	padding:3px 0 0 3px;
	height:16px;
}

body.contact div.form input.long {
	width:250px;
}

body.contact div.form input.file {
	width:255px;
	height:20px;
}

body.contact div.form input.medium {
	width:165px;
}

body.contact div.form input.small {
	width:135px;
}

body.contact div.form input.xsmall {
	width:75px;
}

body.contact div.form input.margin {
	margin-right: 5px;
}

body.contact div.form textarea.textarea {
	margin-top:5px;
	width:500px;
}

/* T12 SHOPPINGCART */

table.shoppingcart
{
	border:0;
	width: 690px;
	height: auto;
	position:relative;
}

table.shoppingcart td, table.shoppingcart th
{
	padding: 5px;
	background-color: #fff;
	border: 2px solid #eee;
}

table.shoppingcart td.hidden, table.shoppingcart th.hidden
{
	background-color: #eee;
}

table.shoppingcart tr.head th
{
	font-weight:bold;
}

table.shoppingcart tr.article td
{
	border-top: 1px solid #ccc;
}

table.shoppingcart tr.option td
{
	padding-top: 1px;
	padding-bottom: 1px;
}

table.shoppingcart tr.marginabove td
{
	padding-top: 15px;
}

table.shoppingcart tr.total td
{
	border-top: 1px solid #ccc;
	font-weight:bold;
}

table.shoppingcart tr.huidige_punten td
{
	border-top: 1px solid #ccc;
}

table.shoppingcart tr.nieuwe_punten td
{
	border-top: 1px solid #ccc;
}

table.shoppingcart td.textright, table.shoppingcart th.textright
{
	text-align: right;
}

table.shoppingcart tr.total td.nonbold
{
	font-weight:normal;
}

table.shoppingcart td.borderleft, table.shoppingcart th.borderleft
{
	border-left: 1px solid #ccc;
}

table.shoppingcart input[type=text]
{
	width: 60px;
	height:20px;
	text-align:right;
}

table.shoppingcart h2 
{
	margin:0;
	color: #000;
}

table.shoppingcart input[type=submit],
table.shoppingcart button,
table.shoppingcart input[type=reset]
{
	width: 65px;
	text-align: center;
	padding:0;
	font-size:10px;
	font-weight: normal;
}

body.winkelmandje table.personalia 
{
	border:0;
	width: 425px;
	height: auto;
	position:relative;
	margin: 0 0 0 2px;
}

body.winkelmandje table.personalia td.name
{
	width:125px;
}

body.winkelmandje table.personalia td.value
{
	font-weight: bold;
}

body.winkelmandje .shoppingcartContainer
{
	padding:25px;
	background-color:#eee;
	margin-bottom: 25px;
}

/* T13 BESTELLINGOVERZICHT */

body.order div.adreslabel,
body.order_bedankt div.adreslabel   
{
	padding: 15px;
	border:1px solid #fff;
	width: 200px;
}

body.order table.personalia,
body.order_bedankt table.personalia 
{
	border:0;
	width: 425px;
	height: auto;
	position:relative;
	margin: 25px 0 0 2px;
}

body.order table.personalia td.name,
body.order_bedankt table.personalia td.name
{
	width:125px;
}

body.order table.personalia td.value,
body.order_bedankt table.personalia td.value
{
	font-weight: bold;
}

body.order_bedankt table.orderinfo 
{
	border:0;
	width: 250px;
	height: auto;
	position:relative;
	margin: 0 0 0 0;
}

body.order_bedankt table.orderinfo td.name
{
	width:75px;
}

body.order_bedankt table.orderinfo td.value
{
	font-weight: bold;
}

body.order .shoppingcartContainer,
body.order_bedankt .shoppingcartContainer
{
	padding:25px;
	background-color:#eee;
	margin-bottom:25px;
}

/* T14 MANAGEMENT RAPPORTAGE */
table.reports
{
	border:0;
	width: 740px;
	height: auto;
	background-color: #fff;
	position:relative;
	margin: 0 0 25px 0;
}

table.reports tr td
{
	border-top: 1px solid #ccc;
}

/* T15 PUNTEN */

table.bestedingen,
table.mutaties
{
	border:0;
	width: 740px;
	height: auto;
	background-color: #fff;
	position:relative;
	margin: 25px 0 25px 0;
}

table.bestedingen tr.besteding td,
table.mutaties tr.mutatie td
{
	border-top: 1px solid #ccc;
}

table.bestedingen td, table.bestedingen th,
table.mutaties td, table.mutaties th
{
	padding: 5px;
	background-color: #fff;
}

table.bestedingen td.borderleft, table.bestedingen th.borderleft,
table.mutaties td.borderleft, table.mutaties th.borderleft
{
	border-left: 1px solid #ccc;
}

body.bestedingen table.personalia
{
	border:0;
	width: 425px;
	height: auto;
	position:relative;
	margin: 25px 0 0 0;
}

body.bestedingen table.personalia td.name
{
	width:125px;
}

body.bestedingen table.personalia td.value
{
	font-weight: bold;
}

body.bestedingen .shoppingcartContainer
{
	padding:25px;
	background-color:#eee;
	margin-bottom:25px;
}

table.bestedingen td.textright, table.bestedingen th.textright, table.mutaties td.textright, table.mutaties th.textright
{
	text-align: right;
}

table.bestedingen th.col1, table.mutaties th.col1
{
	width:80px;
}

table.bestedingen th.col3, table.bestedingen th.col4, table.mutaties th.col3
{
	width:50px;
}

table.bestedingen th.col2
{
	width:560px;
}

table.mutaties th.col2
{
	width:610px;
}

body.bestedingen h3
{
	margin-top: 15px;
}

/* T16 KLEDINGPAKKET */

table.kledingpakket
{
	border:0;
	width: 740px;
	height: auto;
	background-color: #fff;
	position:relative;
	margin: 25px 0 25px 0;
}

table.kledingpakket tr.article td
{
	border-top: 1px solid #ccc;
}

table.kledingpakket td, table.kledingpakket th
{
	padding: 5px;
	background-color: #fff;
}

table.kledingpakket td.borderleft, table.kledingpakket th.borderleft
{
	border-left: 1px solid #ccc;
}

table.kledingpakket input[type=submit],
table.kledingpakket button,
table.kledingpakket input[type=reset]
{
	width: 65px;
	text-align: center;
	padding:0;
	font-size:10px;
	font-weight: normal;
}

body.kledingpakket table.personalia
{
	border:0;
	width: 425px;
	height: auto;
	position:relative;
	margin: 25px 0 0 0;
}

body.kledingpakket table.personalia td.name
{
	width:125px;
}

body.kledingpakket table.personalia td.value
{
	font-weight: bold;
}

body.kledingpakket .shoppingcartContainer
{
	padding:25px;
	background-color:#eee;
	margin-bottom:25px;
}

table.kledingpakket td.textright, table.kledingpakket th.textright
{
	text-align: right;
}