/* body attributes */
body {
	font-family: verdana, tahoma, arial, sans-serif;
	background: #eee;
	margin: 0px;
	text-align: center;
	color: #595959;
}

a:link {color: #932045;}
a:visited {color: #932045;}
a:hover {color: #800;}
a:active {color: #800;}

.invlink:link, .invlink:visited {
	text-decoration: none;
	color: #000;
}

body img {
	border-width: 0px;
}

/* standard font-size */
h4, p, .p, th, ul, ol, .date, blockquote {
	font-size: 0.71em;
}

blockquote p, blockquote blockquote, ol ul, ul ol, ol ol, ul ul {
	font-size: 1em;
}

/* TEXT ELEMENTS */
h1, h2, h3, p {
	margin: 0px;
}

h1, h2, h3, h4 { color: #932045; }

h1
{
	font-size: 120%;
	font-weight: 500;
	margin-bottom: 0.75em;
	clear: both;
}

h2 {
	font-size: 90%;
	margin-bottom: 0em;
}

h3 {
	font-size: 74%;
	margin-bottom: 0.25em;
}

p {
	margin-bottom: 0.75em;
	line-height: 150%;
}

th {
	text-align: left;
}

hr {
	border-width: 0px;
	border-top: 1px solid #000;
	height: 1px;
}

/* OTHER */
blockquote {
	font-style: italic;
}

/* lists */
ol li, ul li ol li {
	list-style: decimal;
}

ul li {
	list-style: disc;
}

ol li ol li {
	list-style: decimal;
}

ol li ul li, ul li ul li {
	list-style: disc;
}

/* FORM */
form {
	margin: 0px;
}

.text, textarea, .submit, select {
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 0.71em;
}
.submit
{
	color: #fff;
	background-color: #8A2437;
	border: 1px #ddd solid;
}
.deliverymetode .text { margin-top: 2px; }

* html .text, * html .submit {
	height: 20px;
}

.text, textarea {
	border: 1px solid #666;
	padding: 2px;
	width: 220px;
}

.checkbox {
	vertical-align: middle;
}

label {
	cursor: pointer;
}

table.tf th, table.tf td {
	padding: 4px;
}

/* MAIN */
#main
{
	width: 810px;
	margin: 0px auto;
	text-align: left;
	background-color: #FFF;
	background-image: url(/gfx/theme/normal/underside.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#pageforside #main {
	background-image: url(/gfx/theme/normal/forside.jpg);
	background-position: 0px 0px;
}

/* TOP */
#top
{
	height: 165px;
	width: 100%;
	position: relative;
}
#pageforside #top { height: 115; }

/* TOPNAV */
#topnav {
	font-size: 74%;
}

#topnav a {
	display: block;
	float: left;
	margin-right: 10px;
}

#topnav a.active {
	text-decoration: none;
	color: #333;
}

/* SEARCH */
#quicksearch .text {
	margin-right: 10px;
}

.searchstatus {
	background-color: #efefef;
	border: 1px solid #999;
	font-size: 74%;
	padding: 2px;
	margin-bottom: 1em;
}

.searchstatus .pages {
	margin-top: 5px;
	font-size: 1em;
}

.stars {
	font-weight: bold;
	font-size: 16px;
	vertical-align: bottom;
	padding-left: 10px;
	margin: 0px;
	line-height: 10px;
	height: 5px;
	padding-bottom: 0px;
	color: #800;
}
.stars .white {
	color: #ccc;
}

.searchhl {
	background-color: #eee;
	border: 1px solid #aaa;
	padding: 0px 2px 0px 2px;
	font-weight: bold;
}

/* MENU */
#menu
{
	float: left;
	width: 610px;
	height: 80px;
	font-size: 0.85em;
	background-image: url(/gfx/topnav.png);
	background-repeat: no-repeat;
	background-position: 22px 7px;
}
* html #menu { background-image: url(/gfx/topnav.gif); font-size: 0.8em; }
#menu div.inner { margin: 0px; }

#menu a
{
	display: block;
	padding: 10px;
	margin-bottom: 4px;
	color: #000;
	text-decoration: none;
	height: 10px;
	position: relative;
	font-weight: bold;
	white-space: nowrap;
	line-height: 10px;
}
#menu a:hover {
	color: #800;
}

#menu ul
{
	height: 30px;
	width: 570px;
	margin: 15px 0px 0px 15px;
	padding: 8px 0px 0px 20px;
}
#menu ul li
{
	float: left;
	display: inline;
	list-style: none;
	margin: 0px !important;
	padding: 0px 8px 0px 0px;
}
* html #menu ul li
{
	width: 40px;
	padding-right: 8px;
}
#menu .act
{
	background-image: url(/gfx/menu_button_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 15px;
}
#menu .act a
{
	background-image: url(/gfx/menu_button_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #932045;
	color: #fff;
	padding-right: 0px;
}
#menu .act a:hover { color: #fff; }

#menu .submenu {
	padding-left: 10px;
}

/* LOGO */

#logo
{
	width: 123px;
	position: absolute;
	top: 20px;
	right: 50px;
}


/* RIGHT */
#related {
	float: right;
	width: 200px;
}

#related .box {
	margin-bottom: 10px;
}

#related .navi {
	font-size: 74%;
}

#related .navi div {
	margin-bottom: 5px;
}

#related .navi div.act a:link, #related .navi div.act a:visited {
	color: #000;
	text-decoration: none;
}

/* BC */
#bc
{
	font-size: 0.71em;
	margin-left: 25px;
}

/* TEASER */

#teaser
{
	margin-left: 160px;
	font-family: Georgia, times, serif;
	font-size: 1.3em;
	height: 170px;
	position: relative;
}
#teaser a { text-decoration: none; }

#teaser h1
{
	font-family: Georgia, times, serif;
	font-size: 1.8em;
	position: absolute;
	top: 80px;
	right: 120px;
	font-style: italic;
}
#teaser h2
{
	font-family: Georgia, times, serif;
	position: absolute;
	top: 130px;
	right: 210px;
	font-weight: normal;
	font-style: italic;
}


/* CONTENT */
#content {
	margin-left: 0px;
}

#content.right
{
	margin-right: 210px;
}
#submits
{
	text-align: right;
}

#content div.inner { padding: 15px 20px 15px 20px; }
* html #content div.inner {
	width: 100%;
}

#content ul, #content ol {
	margin-left: 30px;
	padding-left: 0px;
	margin-bottom: 1em;
	margin-top: 5px;
}

#content li {
	line-height: 140%;
}

.date, .totop {
	float: right;
	clear: right;
	padding-left: 10px;
}

/* CONTENT TABLE */
#content table {
	border-collapse: collapse;
	margin-bottom: 1em;
}

#content th, #content td
{
	padding: 3px;
	vertical-align: top;
}

#content .deliverymetode th, #content .deliverymetode td {
	padding: 0px;
}

#content table tr td {
	font-size: 0.7em;
}

#content td p, #content th p, #content td ul, #content td ol, #content td .text, #content td textarea, #content td select {
	font-size: 1em;
}

#content td h2 {
	font-size: 120%;
}

#content td h3 {
	font-size: 110%;
}

#content td h4 {
	font-size: 1em;
}

/* FOOTER */
#footer {
	font-size: 0.71em;
	text-align: center;
	clear: both;
	padding-bottom: 5px;
}

/* LISTS */
.list div {
	font-size: 0.74em;
	margin-bottom: 1em;
}

/* CONTENT PAGES */
.pages {
	font-size: 0.71em;
}

.pages a, .pages b {
	float: left;
	display: block;
	background: #fff;
	border: 1px solid #666;
	margin-right: 4px;
	margin-bottom: 5px;
	text-align: center;
	padding: 2px 3px 2px 3px;
	text-decoration: none;
}

.pages a.act, .pages b {
	color: #000;
	font-weight: bold;
}

.pages a.dis {
	border-color: #ddd;
	color: #999;
}

/* FUNC */
#func {
	float: right;
	font-size: 0.71em;
}

#func img {
	vertical-align: middle;
	margin: 0px 0px 20px 10px;
	cursor: pointer;
}

#func a:link, #func a:visited {
	color: #000;
	text-decoration: none;
}

/* VALIDATION */
.invalid {
	background-color: #999;
	color: #fff;
}

.mandatory {
	color: #900;
}

/* SITEMAP */
.sitemap {
	margin-bottom: 1em;
}

.sitemap div.inner {
	margin-left: 20px;
	margin-top: -20px;
}

.sitemap div {
	margin-bottom: 20px;
}

.sitemap div div {
	margin: 0px;
}

/* NEWS */
.whatsnew img {
	float: right;
	margin: 0px 0px 10px 10px;
}

/* PRINT */
#backlink {
	display: none;
}

/* ADAPT */
#adapt
{
	float: right;
	font-size: 74%;
	padding-top: 3px;
}

#adapt a:link, #adapt a:visited {
	color: #888;
	text-decoration: none;
}

/* DEBUGGER */
body #debugger {
    background: #fff;
    margin: 20px;
    text-align: left;
    color: #000;
    border: 20px solid #fff;
}

/* products */

.content
{
	padding: 10px;
	background-color: #fff;
}
.content .content { padding: 0px; }

.content h2, .products h2 a
{
	padding-bottom: 10px;
}

.products
{
	margin-top: 10px;
}

.products .category
{
	width: 32%;
	float: left;
	padding: 5px;
}
#pageproducts #content .productlist
{
	border-width: 0px 1px 1px 0px;
	border-color: #ccc;
	border-style: solid;
	width: 763px;
	position: relative;
}
* html #pageproducts #content .productlist { width: 764px; }
.productlisttop, .productlistbottom
{
	width: 764px;
	background-image: url(/gfx/productview/top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	height: 16px;
}
.productlisttop
{
	top: 0px;
	left: 0px;
}
.productlistbottom { 
	background-image: url(/gfx/productview/bottom.gif);
	bottom: -1px;
	left: 0px;
}
* html .productlistbottom { 
	bottom: -4px;
}
.item p {
	min-height: 3em; 
	padding-top: 5px;
}
* html .item p { height: 3.5em; }

.item h2
{
	clear: left;
	color: #932045;
	padding-bottom: 10px;
}
.item h3
{
	font-size: 0.75em;
	color: #595959;
	min-height: 3em;
	padding-left: 1em;
	padding-right: 1em;
	font-weight: bold;
}
* html .item h3 { height: 3em; }

.item .image
{
	height: 220px;
	text-align: center;
	padding: 15px 0px 0px 0px;
}
.item
{
	background-color: #fff;
	float: left;
	margin: 0px;
}
#pageproducts .item
{
	border-width: 1px 0px 0px 1px;
	border-color: #ccc;
	border-style: solid;
	float: left;
	width: 245px;
	padding: 10px 4px;
	min-height: 333px;
}
* html #pageproducts .item
{
	height: 333px;
	width: 254px;
}

.price
{
	font-family: georgia, times, serif;
	font-size: 1.375em;
	float: left;
	clear: left;
	margin-top: 0.3em;
	margin-left: 0.5em;
	background-image: url(/gfx/pricebadge.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #eee;
	padding: 0.15em 0.4em 0em 0em;
	width: 97px;
	height: 35px;
	text-align: right;
}
.price input.text { font-size: 0.5em; }
* html .price { width: 105px; }

.buttonorder
{
	width: 94px;
	height: 40px;
	float: right;
	margin-right: 3px;
}
.buttonorder a
{
	color: #333;
	text-decoration: none;
}

#tocart { }

.prod input.text { width: 50px; }

/* Order */

.boxitem
{
	border: 1px #333 solid;
	padding: 5px;
	margin-bottom: 10px;
}
#content .boxitem table
{
	margin-bottom: 0px;
}
.deliverymetode { margin: 10px; }

#steps { float: right; }

#steps div
{
	float: left;
	font-size: 0.8em;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 20px 5px;
	border: 1px #333 solid;
}
#steps .done { background-color: #eee; }
#steps .act
{
	background-color: #555;
	color: #fff;
}

.close { display: none; }
.prodlist .sumstart { border-bottom: 1px #333 solid; }
.prodlist .vat { text-align: right; }
.prodlist .sum
{
	font-weight: bold;
	text-align: right;
}
.prodlist .shipping { text-align: right; }
.prodlist .total
{
	text-align: right;
	font-weight: bold;
	border-top: 1px #333 solid;
	border-bottom: 3px #333 double;
}

.delvaddr4 table
{
	background-color: #eee;
	width: 350px;
	border: 1px #ddd solid;
}
.delvaddr4 table table, .delvaddr4
{
	border: 0px;
	vertical-align: top;
}

.cl { clear: both; }
.cll { clear: left; }
.floatl { float: left; }
.floatr { float: right; }

.alert { background-color: #800; }

#creditcard {
	background: #efefef;
	border: 1px solid #ccc;
	padding: 5px;
	width: 350px;
	text-align: right;
	margin-bottom: 20px;
}

#cardno, #ctrldigits {
	margin-bottom: 10px;
	border: 1px solid #999;
	padding: 5px;
}

.closeit {
	float: right;
}

.errorbox
{
	padding: 5px;
	background-color: #800;
	color: #fff;
	margin-bottom: 10px;
	width: 352px;
}

#bottom {
	width: 810px;
	margin: 0px auto;
	text-align: left;
	padding-top: 10px;
}
.detmedsmaat
{
	font-size: 0.805em;
}
.extrainfo { border-bottom: 1px #999 dashed;
	cursor: help;
}