@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

@font-face {
    font-family: 'magistralcregular';
    src: url('/font/magistralc-webfont.eot');
    src: url('/font/magistralc-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/magistralc-webfont.woff') format('woff'),
         url('/font/magistralc-webfont.ttf') format('truetype'),
         url('/font/magistralc-webfont.svg#magistralcregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
* {
	margin:0px;
	padding:0px;
}

html, body {
	height:100%;
}
body {
	background-color:#f0f1f1;
	background-image:url("/gfx/bg.jpg");
	background-position:left bottom;
	background-attachment:fixed;
	background-repeat:repeat-x;
	font:14px/21px 'Open Sans', sans-serif;
	color:#707173;
}
td, th {
	vertical-align:top;
	padding:5px 0px;
}
h1 {
	font:700 21px/27px 'Open Sans', sans-serif;
	color:#4b4b4d;
	margin:0px 0px 14px 0px;
}
h2 {
	font:bold 18px/24px 'Open Sans', sans-serif;
	color:#81ad1e;
	margin:0px 0px 14px 0px;
}
h3 {
	font:18px/24px 'Open Sans', sans-serif;
	color:#c23130;
	margin:0px 0px 14px 0px;
}
h4 {
	font:bold 16px/22px 'Open Sans', sans-serif;
	color:#4b4b4d;
	margin:10px 0px 14px 0px;
	color:#4b4b4d;
}
p {
	margin:0px 0px 14px 0px;
}
a img {
	border:0px;
}
a {
	color:#C23130;
}
#container {
	background-color:#FFF;
	width:940px;
	margin:0px auto 40px auto;
	padding:20px 0px 20px 20px;
}
#container #header {
	position:relative;
	height:115px;
	margin:0px 20px 0px 0px;
}
#container #header .logo {
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
	text-decoration:none;
	overflow:hidden;
}
#container #header .logo img {
	float:left;
}
#container #header .logo span {
	float:left;
	font:24px/24px "magistralcregular",'Open Sans', sans-serif;
	color:#4b4b4d;
	margin:60px 0px 0px 20px;
}
#container #header .komnaar {
	position:absolute;
	bottom:0px;
	right:0px;
}
#container #header ul {
	list-style:none;
	overflow:hidden;
	position:absolute;
	top:0px;
	right:0px;
}
#container #header ul li {
	border-left:1px solid #b8b8b9;
	line-height:16px;
	padding:0px 7px;
	float:left;
	display:inline;
}
#container #header ul li.first {
	border:0px;
}
#container #header ul li.cart {
	border:0px;
	height:20px;
	background-image:url("/gfx/cart.png");
	background-position:left middle;
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
	margin:0px 0px 0px 10px;
	color:#c23130;
}
#container #header ul li.cart a {
	color:#c23130;
}
#container #header ul li a {
	color:#707173;
	text-decoration:none;
}

#container #nav {
	font:14px/14px "magistralcregular",'Open Sans', sans-serif;
	text-transform:uppercase;
	color:#fff;
	margin:10px 20px 10px 0px;
}
#container #nav ul {
	display:table;
	list-style:none;
	overflow:hidden;
	width:920px;
	border-bottom:6px solid #594c3c;
}
#container #nav ul li {
	display:table-cell;
	padding:0px 0px 0px 5px;
}
#container #nav ul li.first {
	display:table-cell;
	padding:0px;
}
#container #nav ul li.first a {
	padding:9px 12px!important;
}

#container #nav ul li a {
	display:block;
	border-radius:4px 4px 0px 0px;
	overflow:hidden;
	background-image:url("/gfx/tab.png");
	text-align:center;
	padding:13px 10px;
	color:#fff;
	text-decoration:none;
}
#container #nav ul li.active a {
	background-image:url("/gfx/tab_a.png");
}

.box {
	position:relative;
	overflow:hidden;
	border:5px solid #e2e3e3;
	border-radius:7px;
	padding:15px;
	/*float:left;*/
	display: inline-block;
	vertical-align: top;
	margin:0px 0px 20px 0px;
}
#tripple .box {
	float: left;
}
#teaser {
	margin:0px 20px 20px 0px;
	overflow:hidden;
}
#content {
	overflow:hidden;
}
.falseinput {
	border:1px solid #900;
	background-color:#FFEAEA;
}

.button_holder {
	float: right;
	margin-top: -25px;
	width: 270px;
}
.button {
	float:left;
	clear:both;
	background-image:url("/gfx/buttonbg.png");
	background-position:right;
	padding:10px 35px 10px 20px;
	font:14px/14px "magistralcregular",'Open Sans', sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	margin:15px 0px 0px 0px;
}
input.button {
	border:0px;
	padding:9px 35px 9px 20px;
	clear:none;
}
#content ul {
	margin:0px 0px 0px 5px;
	list-style:none;
}
#content ol {
	margin:0px 0px 0px 20px;
}
#content ul li {
	background-image:url("/gfx/ularrow.png");
	background-position:left 7px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 12px;
}
#content .left {
	float:left;
	width:660px;
}
#content .left .box {
	margin:0px 18px 20px 0px;
	width:604px;
}
#content .right {
	float:right;
	margin:0px 20px 0px 0px;
}
#content .right .box {
	width:215px;
}

#tripple {
	overflow:hidden;
}
#tripple .box {
	margin:0px 20px 20px 0px;
	width:272px;
	height:395px;
}
#tripple .box.last {
	width:215px;
}

form {
	overflow:hidden;
}
form input.false {
	border:1px solid #900;
}
form span.false {
	border:1px solid #900;
	display:block;
	padding:0px 5px;
}
form input {
	border:1px solid #b8b8b8;
	padding:3px 5px;
	color:#4b4b4d;
	width:330px;
	margin:0px 0px 8px 0px;
}
form label {
	padding:1px 0px;
	margin:0px 0px 8px 0px;
	clear:left;
	float:left;
	width:200px;
}
form input.greenbutton {
	background-image:url("/gfx/buttonbg_green.png");
	background-position:right;
	font:14px/14px "magistralcregular",'Open Sans', sans-serif;
	height:36px;
	text-align:left;
	color:#FFF;
	padding:0px 10px;
	border:0px;
	text-transform:uppercase;
}

.top3 {
	list-style:none;
}
.top3 li {
	overflow:hidden;
	font-size:14px;
	line-height:20px;
	position:relative;
	height:110px;
	margin:0px 0px 15px 0px;
}
.top3 li a {
	display:block;
	color:#707173;
	text-decoration:none;
}
.top3 li a img {
	float:left;
	margin:0px 10px 0px 10px;
}
.top3 li a strong {
	display:block;
	color:#4b4b4d;
	font-size:16px;
	line-height:22px;
	padding:0px 0px 5px 0px;
}
.top3 li a .blad {
	position:absolute;
	display:block;
	bottom:0px;
	left:0px;
	background-image:url("/gfx/blad.png");
	width:77px;
	height:60px;
	padding:10px 0px 0px 0px;
	text-align:center;
	z-index:10;
}
.top3 li a .blad span {
	color:#5c8200;
	font-weight:600;
	font-size:12px;
	line-height:18px;
	text-decoration:line-through;
}
.top3 li a .blad strong {
	color:#fff;
	font-size:20px;
	line-height:26px;
	margin:-5px 0px 0px 0px;
}
.top3 li a .blad strong sup {
	font-weight:600;
	font-size:13px;
	vertical-align:text-top;
	line-height:19px;
}

#footer {
	overflow:hidden;
}
#footer p {
	float:left;
	display:inline;
	color:#707173;
}
#footer p a {
	text-decoration:none;
	color:#707173;
}

#footer p img {
	vertical-align:bottom;
	margin:0px 10px 0px 0px;
}
#footer #social {
	float:right;
	width:auto;
	margin:10px 22px 0px 0px;
}
#footer #social img {
	margin:0px 0px 0px 5px;
	vertical-align:text-top;
}

#assortiment {
	overflow:hidden;
}
#assortiment #imgcontainer {
	float:left;
	display:inline;
	width:335px;
}
#assortiment #imgcontainer strong {
	color:#4b4b4d;
}
#assortiment #imgcontainer img {
	display:block;
	margin:0px 13px 13px 0px;
}
#assortiment #imgcontainer ul {
	margin:0px;
}
#assortiment #imgcontainer ul li {
	background-image:none;
	padding:0px;
	float:left;
}
#assortiment #imgcontainer ul li img {
	max-width:94px;
	cursor:pointer;
}
#assortiment #info {
	float:right;
	display:inline;
	width:265px;
}
#assortiment #info strong.calc {
	color:#4b4b4d;
	font-size:18px;
	line-height:24px;
	margin:0px 0px 10px 0px;
	display:block;
}
#assortiment #info form {
	overflow:hidden;
	width:265px;
}
#assortiment #info label {
	float:left;
	clear:left;
	width:70px;
}
#assortiment #info label.sub {
	clear:none;
	width:auto;
	margin:0px 0px 0px 10px;
}
#assortiment #info input {
	float:left;
	width:30px;
}
#assortiment #info input.greenbutton {
	clear:both;
	width:100%;
	margin:20px 0px 0px 0px;
}

#assortiment #prijsbox, #assortimentlijst #prijsbox {
	float:right;
	display:inline;
	background-image:url("/gfx/blad_g.png");
	width:117px;
	height:85px;
	padding:20px 0px 0px 0px;
	text-align:center;
}
#assortiment #prijsbox span, #assortimentlijst #prijsbox span {
	color:#5c8200;
	font-weight:600;
	font-size:16px;
	line-height:22px;
	display:block;
	text-align:center;
	text-decoration:line-through;
}
#assortiment #prijsbox strong, #assortimentlijst #prijsbox strong {
	color:#fff;
	font-size:28px;
	line-height:34px;
	margin:-5px 0px 0px 0px;
}
#assortiment #prijsbox strong sup, #assortimentlijst #prijsbox strong sup {
	font-weight:600;
	font-size:17px;
	vertical-align:text-top;
	line-height:23px;
}
#calcresult {
	margin:30px 0px 0px 0px;
	display:none;
}
#assortimentlijst {
	float:left;
	clear:both;
	margin:0px 20px 0px 0px!important;
}
#assortimentlijst li {
	position:relative;
	border:5px solid #e2e3e3;
	border-radius:7px;
	background-image:none!important;
	padding:15px!important;
	overflow:hidden;
	margin:0px 0px 20px 0px;
	height:200px;
}
#assortimentlijst li h2 {
	color:#4b4b4d;
	float:left;
	margin:5px 0px 14px 0px;
}
#assortimentlijst li p {
	float:left;
	width:270px;
}
#assortimentlijst li .imgbox {
	float:left;
	width:295px;
	height:180px;
	overflow:hidden;
	margin:0px 40px 0px 0px;
}
#assortimentlijst li .imgbox img {
	vertical-align:bottom;
}
#assortimentlijst #prijsbox {
	position:absolute;
	top:105px;
	left:220px;
}

#content ul.orderd.false li {
    border:5px solid #900;
}
#content ul.orderd {
	margin:0px;
	overflow:hidden;
	float:left;
	clear:both;
}
#content ul.orderd li {
    border:5px solid #E2E3E3;
    border-radius:7px;
    float:left;
	background-image:none;
	padding:15px;
	width:165px;
	margin:0px 15px 15px 0px;
	position:relative;
}
#content ul.orderd li .button {
	width:110px;
}
#content ul.orderd li h4 {
	margin:0px 0px 14px 0px;
	height:40px;
}
ul.orderd li div.img {
	height:100px;
	width:165px;
	overflow:hidden;
}
ul.orderd li div.img img {
	width:165px;
}
ul.orderd li input {
	float:left;
	width:auto;
}
ul.orderd li div.info {
	float:left;
	overflow:hidden;
	width:140px;
	margin:0px 0px 0px 10px;
}
ul.orderd li div.info div.img {
	height:100px;
	width:140px;
	overflow:hidden;
}
#content ul.orderd li div.info .button {
	width:85px;
}

ul.orderd li div .blad {
	position:absolute;
	display:block;
	top:125px;
	right:7px;
	background-image:url("/gfx/blad.png");
	width:77px;
	height:60px;
	padding:10px 0px 0px 0px;
	text-align:center;
	z-index:10;
}
ul.orderd li div .blad span {
	color:#5c8200;
	font-weight:600;
	font-size:12px;
	line-height:18px;
	text-decoration:line-through;
}
ul.orderd li div .blad strong {
	color:#fff;
	font-size:20px;
	line-height:26px;
	margin:-5px 0px 0px 0px;
	display:block;
}
ul.orderd li div .blad strong sup {
	font-weight:600;
	font-size:13px;
	vertical-align:text-top;
	line-height:19px;
}




#offertetype, #afhaaltype {
    display: block;
    margin: 0 0 10px;
    overflow: hidden;
	width:600px;
}
#offertetype .check, #afhaaltype .check {
	width:auto;
	float:left;
	clear:left;
}
.refimg {
	display:block;
	overflow:hidden;
	width:265px;
	height:146px;
	overflow:hidden;
}
.refimg img {
	min-width:265px;
	max-width:265px;
}
a.ref {
	text-decoration:none;
}
a.ref p {
	color:#707173;
}

.refbox #imgcontainer .bigimg {
	width:308px;
	height:262px;
}
#breadcrumb {
	margin:0px 0px 15px 0px;
}
#breadcrumb ul {
	overflow:hidden;
	list-style:none;	
}
#breadcrumb ul li {
	float:left;
	display:inline;
	font-size:13px;
	color:#707173;
}
#breadcrumb ul li a {
	text-decoration:none;
	color:#707173;
}