/* By www.meercommunicatie.nl */
/* This stylesheet sets advanced styling and layout (positioning, floating etcetera) for high resolution screens. */
/* It will be used by CSS-capable user agents that understand the mediatype "screen". */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
}

/* Hide elements that are not needed on high resolution screens: */

.skip, .noScreen {
	display: none;
}

/* misc classes */

.price {
	white-space: nowrap
}


a.footnote {
	color: black;
	text-decoration: none;
	cursor: default;
}

a.action {
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
	padding: 4px 8px;
	background-repeat: no-repeat;
	background-position: left;
}

a.cart {
	background-image: url(../img/branding/picto_cart.gif);
	padding-left: 24px;
}

a.more {
	background-image: url(../img/branding/picto_arrow_right.gif);
	padding-left: 24px;
}

a.back {
	background-image: url(../img/branding/picto_arrow_left.gif);
	padding-left: 24px;
}

a.delete {
	background-image: url(../img/branding/picto_delete.gif);
	padding-left: 24px;
}

a.referentie {
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
	padding: 4px 8px;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../img/branding/picto_arrow_right.gif);
	padding-left: 24px;
	background-color: #EDCE3F;
	color: #CC3333; 
	
}

/* #sidebar */

#sidebar {
	position: absolute;
	top: 0;
	left: 0;
	width: 250px;
	height: 100%;
}

/* #logo */

#logo {
	text-align: center;
	background-color: white;
	padding: 6px 0;
}

/* #menu */

#menu ul,
#menu ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu ul li {
	margin-bottom: 1px;
}


#menu ul li a {
	font-size: 125%;
	font-weight: bold;
	line-height: 2em;
	text-align: center;
	text-decoration: none;
	display: block;
}

#menu #mi_winkelwagen a {
	background-image: url(../img/branding/picto_cart.gif);
	background-repeat: no-repeat;
	background-position: 12%;
}

#menu #mi_winkelwagen a span {
	background-image: url(../img/branding/picto_cart.gif);
	background-repeat: no-repeat;
	background-position: 87%;
	display: block;
}


/* #menu page specific */

#page_aanbiedingen #mi_aanbiedingen a,
#page_catalogus #mi_catalogus a,
#page_accesoires #mi_accesoires a,
#page_toppers #mi_toppers a,
#page_winkelwagen #mi_winkelwagen a {
	color: white;
}


/* fix for white-space bug in IE/WIN 5.x/6.0 */
* html #menu ul li a {
	height: 1px;
}

/* #search */

#search {
	padding: 12px 16px;
}

#search h2 {
	text-align: center;
	margin: 0 0 .75em 0;
}

#search label {
	width: 74px;
}


#search input#zoekterm {
	width: 212px;
}

#search select {
	width: 141px;
}

#search select#prijsstart,
#search select#prijsend {
	width: 39px;
}

/* #content */

#content {
	width: 100%;
	height: 100%;
	overflow: auto;
}

#content #contentWrapper {
	margin: 16px 16px 16px 282px;
}

#content table.item {
	clear: both;
	margin-bottom: 2em;
	border-collapse: collapse;

}

#content table.item td {
	text-align: left;
	vertical-align: top;
}

#content table.item td.description,
#content table.item td.more {
	padding: 12px 12px 12px 0;
	border-right: 1px solid white;
}

#content table.item td.price,
#content table.item td.cart,
#content table.item td.extraInfo {
	padding: 12px 0 12px 12px;
}

#content table.item td.price p {
	font-size: 115%;
	font-weight: bold;
}

.price2 {
	font-size: 115%;
	font-weight: bold;
}
#content table.item td.price {
	height: 2em;
}

#content table.item td.title {
	padding: 0 0 .25em 0;
	border-bottom: 1px solid white;
}

#content table.item td.title .date {
	float: right;
}

#content table.detail {
	font-size: 112.5%;
	line-height: 1.5em;
}

#content table.detail td.title h2 {
	font-weight: normal;
	font-size: 180%;
	padding-bottom: .25em;
}

#content table.cart input {
	width: 2em;
	text-align: center;
}

#content table tr.subtotal {
	border-top: 1px solid black;
}
.rank {
	font-size: 14px;
	font-weight: bolder;
	color: #701111;
}
#contentsingle {
	width: 100%;
	height: 100%;
	overflow: auto;
}