/* Reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym {border:0;font-variant:normal;} sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} input,textarea,select{font-size:100%;} legend{color:#000;}


/* Main Styling */
html, body {
	background: #4c4b7a url(img/html-body_bg.png) 0% 0% repeat-x;
}
body {
	font: 12px/16px Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	color: #000;
}
a {
	outline: 0;
	text-decoration: none;
	color: #f19030;
}
a:hover {
	color: #431180;
}
a img { border: none; }
object { outline: 0; }

/* Containers */
#container {
	width: 780px;
	margin: 0 auto 0 auto;
	text-align: left;
	background: #fff;
	padding: 0 0 10px 0;
}
#cont-mar5 {
	margin: 0 5px;
}

/* Header */
#header {
	border-top: 4px solid #edecf4;
	width: 100%;
	overflow: hidden;
	height: 102px;
	background: url(img/header.png) top right no-repeat;
}
#header a.logo {
	display: block;
	width: 100%;
	height: 102px;
}

/* Breadcrumb */
#breadcrumb {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #ab6c2a;
	height: 22px;
	line-height: 22px;
	margin-bottom: 10px;
}
#breadcrumb a {
	color: #000;
}
#breadcrumb a:hover {
	text-decoration: underline;
}
#breadcrumb a.track {
	font-weight: bold;
}

/* ------ Content ------ */
#content {
	padding: 0 5px;
}
#content #page {
	width: 760px;
}
#content #page .page-header {
	background: #e39733 url(img/content-round-top_left.png) top left no-repeat;
	height: 30px;
}
#content #page .page-header h1 {
	height: 30px;
	text-align: center;
	color: #fff;
	line-height: 30px;
	font-weight: bold;
	font-size: 16px;
	background: url(img/content-round-top_right.png) top right no-repeat;
}
#content #page .page-content {
	background: #fff url(img/content-round-borders.png) top left repeat-y;
}
#content #page .page-content-right {
	background: url(img/content-round-borders.png) top right repeat-y;
}
#content #page .page-content-bottom {
	background: url(img/content-round-borders.png) bottom left repeat-x;
}
#content #page .page-content-bot-left {
	background: url(img/content-round-bot_left.png) bottom left no-repeat;
}
#content #page .page-content-bot-right {
	background: url(img/content-round-bot_right.png) bottom right no-repeat;
}
#content #page .page-content-inner {
	padding: 10px 14px 14px 14px;
}
#content #page p {
	margin-bottom: 1em;
}
#content #page h2 {
	font-size: 14px;
	color: #431180;
	font-weight: bold;
}
#content #page h3 {
	font-size: 12px;
	color: #000;
	font-weight: bold;
	line-height: 14px;
}
#content strong {
	font-weight: bold;
}
/* content front */
#content #front {
	margin-bottom: 10px;
}
#content #front .front-main {
	height: 272px;
	width: 760px;
	position: relative;
	background: #eb820d url(img/content-front-bg.png) 0% 0% repeat-x;
}
#content #front .front-main .rbar {
	float: right;
	height: 272px;
	width: 6px;
	background: url(img/content-front-bg-r.png) 0% 0% no-repeat;
}
#content #front .front-main .mbar {
	margin-right: 6px;
	height: 272px;
	background: url(img/content-front-bg-l.png) 0% 0% no-repeat;
}
#content #front .front-main .mbar-in {
	padding: 4px 0 0 4px;
	height: 268px;
	background: url(img/content-front-main-bg.png) 4px 4px no-repeat;
	position: relative;
}
#content #front .front-main .mbar-in-text {
	clear: none;
	float: right;
	width: 370px;
	padding: 35px 0 0 0;
	color: #fff;
}
#content #front .front-main .mbar-in-text h1 {
	font-size: 36px;
	line-height: 38px;
	font-weight: bold;
	margin-bottom: 10px;
}
#content #front .front-main .mbar-in-text ul {
	margin-left: 15px;
	color: #9377b4;
	font-size: 16px;
}
#content #front .front-main .mbar-in-text ul li {
	list-style: disc;
}
#content #front .front-main .mbar-in-text ul li span {
	color: #fff;
}
#content #front .front-main .mbar-in-link {
	position: absolute;
	bottom: 20px;
	right: 14px;
	height: 30px;
	width: 352px;
}
#content #front .front-main .mbar-in-link a {
	display: block;
	height: 30px;
	width: 171px;
}
#content #front .front-main .mbar-in-link a.album_opties {
	float: left;
	background: url(img/content-front-main-album_opties.png) 0% 0% no-repeat;
}
#content #front .front-main .mbar-in-link a.starten {
	float: right;
	background: url(img/content-front-main-starten.png) 0% 0% no-repeat;
}
/* Front 3 block */
#content #front-tre-section {
	width: 760px;
	overflow: hidden;
}
#content #front-tre-section a#blok-one-link, #content #front-tre-section a#blok-twe-link, #content #front-tre-section a#blok-tre-link {
	display: block;
	width: 240px;
	height: 202px;
}
#content #front-tre-section #blok-one {
	float: left;
	width: 240px;
	height: 202px;
	position: relative;
}
#content #front-tre-section #blok-twe {
	float: left;
	width: 240px;
	height: 202px;
	position: relative;
	margin-left: 20px;
}
#content #front-tre-section #blok-tre {
	float: right;
	width: 240px;
	height: 202px;
	position: relative;
}
#content #front-tre-section .blok-head {
	background: #e39733 url(img/content-round-top_left.png) top left no-repeat;
	display: block;
	height: 30px;
}
#content #front-tre-section .blok-head-in {
	background: url(img/content-round-top_right.png) top right no-repeat;
	display: block;
	height: 30px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
	cursor: pointer;
}
#content #front-tre-section .blok-text {
	display: block;
	border: 4px solid #e39733;
	border-width: 0 4px;
	height: 157px;
	cursor: pointer;
	padding: 10px 10px 0 10px;
	width: 212px;
	position: relative;
	overflow: hidden;
}
#content #front-tre-section .blok-text-inner {
	display: block;
	width: 212px;
	height: 142px;
	padding: 15px 0px 0 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 22px;
	color: #6f55a8;
	position: relative;
}
#content #front-tre-section .blok-text-desc {
	margin-top: 10px;
	display: block;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	line-height: normal;
}
#content #front-tre-section .blok-lees {
	display: block;
	position: absolute;
	bottom: 10px;
	left: 0;
	height: 20px;
	width: 122px;
	background: url(img/front-lees_verder.png) top left no-repeat;
}
#content #front-tre-section .blok-bottom {
	display: block;
	width: 240px;
	height: 6px;
	background: url(img/content-round-borders.png) 100% 100% repeat-x;
}
#content #front-tre-section .blok-bottom-l {
	float: left;
	background: url(img/content-round-bot_left.png) 0% 100% no-repeat;
	display: block;
	width: 6px;
	height: 6px;
}
#content #front-tre-section .blok-bottom-r {
	float: right;
	background: url(img/content-round-bot_right.png) 100% 100% no-repeat;
	display: block;
	width: 6px;
	height: 6px;
}
#content #p-c-i-r {
	float: right; width: 300px; height: 196px; margin-bottom: 10px;
}
#content #p-c-i-l {
	margin-right: 310px;
}
#content #p-c-i-b {
	clear: both;
	text-align: right;
	height: 20px;
}
#content #p-c-i-b a {
	float: right;
	display: block;
	height: 20px;
	width: 142px;
	background-position: 0% 100%;
	background-repeat: no-repeat;
}
#content .bestel-button {
	height: 30px;
	margin-bottom: 10px;
}
#content .bestel-button a {
	display: block;
	float: right;
	height: 30px;
	width: 117px;
	background: url(img/content-bestel-button.png) 0% 0% no-repeat;
}

/* Footer */
#footer {
	text-align: center;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
}
#footer #footer-img-cont {
	margin: 0 auto;
	width: 780px;
	height: 113px;
	background: url(img/footer-img-pf.png) 0% 0% no-repeat;
	position: relative;
}
#footer a.but {
	height: 26px;
	width: 220px;
	display: block;
	position: absolute;
}
#footer a.contact { top: 9px; right: 248px; }
#footer a.hoewerkthet { top: 44px; right: 248px; }
#footer a.av {top: 78px; right: 248px; }

#footer a.privacy { top: 9px; right: 14px; }
#footer a.betalen { top: 44px; right: 14px; }
#footer a.sitemap {top: 78px; right: 14px; }


/* Further Styling.. */
.hidden {
	display: none;
}

#grand_bg_mm { background: url(../img2/grand_bg.png) right center no-repeat; }
#deluxe_bg_mm { background: url(../img2/deluxe_bg.png) right center no-repeat; }
#square_bg_mm { background: url(../img2/square_bg.png) right center no-repeat; }
#strada_bg_mm { background: url(../img2/strada_bg.png) right center no-repeat; }

#content_right_0_mm { background: url('img/covers/grand_red_one.png'); }
#content_right_1_mm { background: url('img/covers/roze.png'); }
#content_right_2_mm { background: url('img/covers/roze.png'); }
#content_right_3_mm { background: url('img/covers/roze.png'); }
#content_right_4_mm { background: url('img/covers/roze.png'); }
#content_right_5_mm { background: url('img/covers/strada_transpa.png'); }

#top_producten_mm span.h2 { font-size: 14pt; color: #431180; }
#top_producten_mm span.h3 { font-size: 11pt; color: #431180; }

#top_producten_mm .bold_mm { font-weight: bold; }

#top_producten_mm p.text_mm {
	padding: 0 302px 0 0;
	margin: 27px 0 0 0;
	display: block;
}

#top_producten_mm .content_right {
	float: right;
	width: 160px;
	display: block;
	border: 1px solid #f19030;
	background-repeat: no-repeat;
	background-position: top right;
}

#top_producten_mm .content_right p.top_mm { margin: 139px 0 0 13px; padding: 0px; }
#top_producten_mm p.top_mm span { display: block; width: 135px; padding: 4px 0 8px; }
#top_producten_mm .content_left_mm { margin-right: 168px; }

#top_producten_mm .inner_mm { padding: 13px; }
#top_producten_mm .inner_mm ul { padding: 0; margin: 0 0 0 13px; }
#top_producten_mm .inner_mm li { list-style-type: disc; }

/* Grand XL */
#albums_mm #img_grxl_mm { background: url(img/producten/grandxl_offhover.png) top no-repeat; }
#albums_mm #img_grxl_mm:hover { background-image: url(img/producten/grandxl_onhover.png); }
/* DeLuxe LS */
#albums_mm #img_dels_mm { background: url(img/producten/deluxels_offhover.png) top left no-repeat; }
#albums_mm #img_dels_mm:hover { background-image: url(img/producten/deluxels_onhover.png); }
/* DeLuxe PT */
#albums_mm #img_dept_mm { background: url(img/producten/deluxept_offhover.png) top left no-repeat; }
#albums_mm #img_dept_mm:hover { background-image: url(img/producten/deluxept_onhover.png); }
/* Square M */
#albums_mm #img_sqm_mm { background: url(img/producten/squarem_offhover.png) top left no-repeat; }
#albums_mm #img_sqm_mm:hover { background-image: url(img/producten/squarem_onhover.png); }
/* Square XL */
#albums_mm #img_sqxl_mm {background: url(img/producten/squarexl_offhover.png) top left no-repeat; }
#albums_mm #img_sqxl_mm:hover { background-image: url(img/producten/squarexl_onhover.png); }
/* Strada */
#albums_mm #img_st_mm {background: url(img/producten/strada_offhover.png) top left no-repeat; }
#albums_mm #img_st_mm:hover { background-image: url(img/producten/strada_onhover.png); }

#albums_mm ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#albums_mm li {
	display: inline;
	margin: 0;
	padding: 0;
}
#albums_mm li a {
	float: left;
	height: 102px;	
	width: 166px;
	display: block;
	margin: 0 20px 0 0;
	padding: 0;	
}
#albums_mm li a.last {
	margin: 0px;
}

.clear_mm {
	clear: both;
	font-size: 0;
	overflow: hidden;
	height: 0;
}

#prijzen_mm {
	margin-top: 10px;
}
#prijzen_mm thead th, #prijzen_mm tfoot th {
	color: #431180;
	padding: 6px 10px;
	font-weight: bold;
	font-size: 12px;
}
#prijzen_mm tfoot th {
	font-weight: normal;
}
#prijzen_mm td {
	padding: 3px 7px;
}
#prijzen_mm td.odd {
	background: #fff;
	border-right: 1px solid #e39733;
}
#prijzen_mm td.fodd {
	background: #fff;
	padding: 3px 3px 3px 10px;
	border-right: 1px solid #e39733;
}
#prijzen_mm td.odd2 {
	background: #e39733;
	border-right: 1px solid #fff;
}
#prijzen_mm td.fodd2 {
	background: #e39733;
	padding: 3px 3px 3px 10px;
	border-right: 1px solid #fff;
}
#prijzen_mm td.feven {
	padding: 3px 3px 3px 10px;
	border-right: 1px solid #e39733;
}
#prijzen_mm td.head {
	background: #fff;
	font-weight: bold;
	border-right: 1px solid #e39733;
}
#prijzen_mm td.fhead {
	background: #fff;
	font-weight: bold;
	padding: 3px 3px 3px 10px;
	border-right: 1px solid #e39733;
}
#prijzen_mm td.head2 {
	background: #e39733;
	font-weight: bold;
	border-right: 1px solid #fff;
}
#prijzen_mm td.fhead2 {
	background: #e39733;
	font-weight: bold;
	padding: 3px 3px 3px 10px;
	border-right: 1px solid #fff;
}

#buttons_producten {
	background: #e39733;
	margin: 0 -10px -10px -10px;
	padding: 10px;
}