@import url(/include/css/editor.php);

.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.ie6 .group { height: 1%; }
.ie7 .group { min-height: 1px; }

.clearfix {
	clear: both;
	display: block;
}

.left { float: left; }
.right { float: right; }

ul, ol {
	margin: 0;
	list-style: none;
}

h1, h2, h3, h4, h5, h6 {
	color: #007db1;
}
h1 { font-size: 18px; margin-bottom: 18px; }
h2 { font-size: 12px; margin-top: 18px; }

body {
	background: #fff url(/image/body-bg.jpg) repeat-x 50% 0;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #003a63;
}

#foto-footer {
	background: url(/image/foto-footer.jpg) no-repeat 50% 100%;
	width: 100%;
	padding-bottom: 265px;
}

body#cp {
	background: #deefff url(/image/body-bg-shoppingcart.jpg) repeat-x 50% 0;
}
body#cp.bg {
	background: #deefff url(/image/body-bg-cp.jpg) repeat-x 50% 0;
}

#cp #foto-footer {
	background: url(/image/foto-footer-cp.jpg) no-repeat 50% 100%;
	width: 100%;
	padding-bottom: 265px;
}

a.button, button, input.button {
	color: #fff;
	background: url(/image/button-side.png) no-repeat 0 0;
	padding: 0 0 0 25px;
	height: 25px;
	line-height: 25px;
	display: inline-block;
	text-decoration: none;
	border: 0;
	cursor: pointer;
}
.FormSubmit .buttonFull {
	position: inherit;
	top: auto; left: auto; right: auto; bottom: auto;
}

	a.button span, button span {
		background: url(/image/button-bg.png) no-repeat 100% 0;
		padding: 0 15px 0 0;
		display: inline-block;
	}
	a.button:hover, button:hover {background-position: 0 100%; }
	a.button:hover span, button:hover span { background-position: 100% 100%; }

.button.small {
	display: block;
	margin-bottom: 20px;
}

a.button.large, button.large {
	height: 35px;
	line-height: 35px;
	font-size: 13px;
	margin: 0; padding: 0 0 0 60px;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	background-image: url(/image/button-large-side.png);
}
	a.button.large span, button.large span {
		margin: -2px 0 0 -3px; padding: 0 35px 0 0;
		height: 35px;
		line-height: 35px;
		background-image: url(/image/button-large-bg.png);
	}
	button.large {line-height: 32px;}

a.button.med, button.med {
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	margin: 0; padding: 0 0 0 40px;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	background-image: url(/image/button-small-side.png);
}
	a.button.med span, button.med span {
		margin: -2px 0 0 -3px; padding: 0 20px 0 0;
		height: 28px;
		line-height: 28px;
		background-image: url(/image/button-small-bg.png);
	}

.buttonFull {
	width: 129px !important;
	height: 25px !important;
	display: block !important;
	text-align: center !important;
	border: 0 !important;
	color: #fff !important;
	margin: 0 !important;
	cursor: pointer !important;
	position: absolute;
	right: 20px; bottom: 20px;
	background: url(/image/button-full.png) no-repeat 0 0;
}
	.buttonFull:hover {
		background-position: 0 100%;
	}

.buttonToonResultaten {
	width: 152px !important;
	height: 25px !important;
	display: block !important;
	text-align: right !important;
	text-transform: uppercase;
	border: 0 !important;
	color: #fff !important;
	margin: 0 !important;
	cursor: pointer !important;
	position: absolute;
	padding-right: 10px;
	right: 20px; bottom: 10px;
	background: url(/image/button-toon-resultaten.png) no-repeat 0 0;
}
.buttonToonResultaten:hover {
	background-position: 0 100%;
}

#formulier1 button[type="submit"] span {
	margin: -2px 0 0 -3px; padding: 0 20px 0 0;
	height: 25px;
	line-height: 25px;
}

a.arrow, button.arrow {
	background: url(/image/arrow-next.png) no-repeat 0 50%;
	color: #003a63;
	display: inline-block;
	text-decoration: none;
	padding: 0 8px;
	cursor: pointer;
}

	a.arrow:hover, button.arrow:hover {
		color: #007DB1;
	}
	a.arrow.after {
		background-position: 100% 50%;
	}
	a.arrow.previous {
		background-image: url(/image/arrow-previous.png);
	}

a.delete {
	background: url(/image/icon-delete.png) no-repeat 0 50%;
	color: #003a63;
	display: inline-block;
	text-decoration: none;
	padding: 0 0 0 15px;
}

#vergelijk-labels table,
#vergelijk-items table {
	width: 100%;
}
#vergelijk-labels table tr.odd td,
#vergelijk-items table tr.odd td {
	/* background: #F1F1F1; */
}

/** =LAYOUT **/

#container {
	width: 960px;
	margin: 0 auto;
}

#wrapper {
	position: relative;
}
	#cp #wrapper {
		background: url(/image/content-bg-top.png) no-repeat 0 0;
		padding-top: 5px;
		margin-top: 10px;
		/* margin-bottom: 35px; */
	}
	#cp #wrapper.extraMarge {
		margin-top: 55px;
	}
	#cp #wrapper.extraMargeBottom {
		margin-bottom: 35px;
	}
	#cp #wrapper .bg-bottom {
		background: url(/image/content-bg-bottom.png) no-repeat 0 100%;
		padding-bottom: 5px;
	}
	#cp #wrapper .inner {
		background: #fff;
		padding: 30px 35px;
	}
	#cp #wrapper .inner.lessPadding {
		padding: 30px 0;
	}



/** =HEADER **/

#header {
	position: relative;
	padding-top: 165px;
}
	#logo {
		position: absolute;
		top: 45px; left: 25px;
	}

	#header .search {
		position: absolute;
		top: 20px; right: 10px;
	}
	.search input {
		border: 1px solid #97c1e5;
		background: #fff;
		height: 25px;
		line-height: 25px;
		margin: 0;
		padding: 0;
		width: 170px;
		color: #698ca5;
		font-size: 11px;
		text-indent: 10px;
	}
	.search input.submit {
		background: url(/image/icon-search.png) no-repeat 50% 50%;
		width: 25px;
		height: 25px;
		display: block;
		border: 0;
		text-indent: -999em;
		cursor: pointer;
	}

#navigation {
	position: absolute;
	top: 65px; right: 0;
}
	#nav li {
		width: auto !important;
	}
	#nav li a {
		background: url(/image/nav-bg.png) no-repeat 0 0;
		text-transform: uppercase;
		text-decoration: none;
		height: 25px;
		font-size: 11px;
		width: auto;
		line-height: 25px;
		display: block;
		color: #007db1;
		padding: 0 15px 0 30px;
	}
	#nav li a:hover,
	#nav li.open a {
		background-position: 0 100%;
		color: #003a63;
	}
	#nav #navitem25 {
		display: none;
	}

.assortiment #subnav li {
	padding: 0;
	margin: 0;
}
.assortiment #subnav li a {
	background: url(/image/subnav-divider.gif) repeat-x 0 100%;
	display: block;
	padding: 5px 10px;
}
.assortiment #subnav li a:hover {
	background-color: #e3f3fd;
}

#topBar {
	width: 960px;
}
	#topBar .inner {
		background: #fff url(/image/header-bg.jpg) repeat-x 0 100%;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		padding: 20px;
		height: auto;
	}
	#topBar ul.tabs {
		width: 960px;
		position: absolute;
		top: 125px; right: 0;
	}
	#topBar ul.tabs li {
		float: right;
		display: inline;
	}
	#topBar ul.tabs li.first {
		float: left;
	}
	#topBar ul.tabs li a {
		display: inline-block;
		float: left;
		width: 175px;
		text-align: center;
		text-decoration: none;
		margin-top: 5px;
		padding: 0 0 0 35px;
		font-size: 12px;
	}
	#topBar ul.tabs li a span {
		display: block;
		background: url(/image/tab.png) no-repeat 100% 0;
		padding: 11px 35px 6px 0;
	}
	#topBar ul.tabs li a:hover span {
		padding: 7px 35px 10px 0;
	}
	#topBar ul.tabs li a.current {
		width: 190px;
		margin-top: 0;
		color: #759b04;
		font-size: 17px;
		padding: 0 0 0 45px;
		background: url(/image/tab-side.png) no-repeat 0 0;
	}
	#topBar ul.tabs li a.current span {
		padding: 12px 45px 10px 0;
	}
	#topBar ul.tabs li.active a span {
		padding: 0 45px 0 0;
	}

	#topBar ul.tabs li.filter a { background: url(/image/topBar-tab-filter-side-2.png) no-repeat 0 0; }
	#topBar ul.tabs li.vergelijk a { background: url(/image/topBar-tab-vergelijk-side-2.png) no-repeat 0 0; margin-left: 2px; }
	#topBar ul.tabs li.winkelwagen a { background: url(/image/topBar-tab-winkelwagen-side-2.png) no-repeat 0 0; margin-left: 2px; }

	#topBar ul.tabs li.filter a span {background: url(/image/topBar-tab-filter-2.png) no-repeat 100% 0; color: #6f9f00; }
	#topBar ul.tabs li.vergelijk a span {background: url(/image/topBar-tab-vergelijk-2.png) no-repeat 100% 0; color: #fff; }
	#topBar ul.tabs li.winkelwagen a span {background: url(/image/topBar-tab-winkelwagen-2.png) no-repeat 100% 0; color: #fff; }

	#topBar ul.tabs li.filter a:hover { background-position: 0 100%; }
	#topBar ul.tabs li.vergelijk a:hover { background-position: 0 100%; }
	#topBar ul.tabs li.winkelwagen a:hover { background-position: 0 100%; }

	#topBar ul.tabs li.filter a:hover span { background-position: 100% 100%; }
	#topBar ul.tabs li.vergelijk a:hover span { background-position: 100% 100%; }
	#topBar ul.tabs li.winkelwagen a:hover span { background-position: 100% 100%; }

	#topBar ul.tabs li.filter a.current { background: url(/image/tab-side.png) no-repeat 0 0; }
	#topBar ul.tabs li.vergelijk a.current { background: url(/image/tab-side.png) no-repeat 0 0; }
	#topBar ul.tabs li.winkelwagen a.current { background: url(/image/topBar-tab-active-winkelwagen-side.png) no-repeat 0 0; margin-left: 2px; }

	#topBar ul.tabs li.filter a.current span { background: url(/image/tab.png) no-repeat 100% 0; color: #6f9f00; }
	#topBar ul.tabs li.vergelijk a.current span { background: url(/image/tab.png) no-repeat 100% 0; color: #007db1; }
	#topBar ul.tabs li.winkelwagen a.current span { background: url(/image/tab.png) no-repeat 100% 0; color: #759b04; padding-right: 10px; }

#topBar .inner form .col {
	float: left;
	display: inline-block;
	width: 168px;
	height: 102px;
}
	#topBar .inner form .col.first {
		width: 223px;
		margin-right: 20px;
	}
	#topBar .inner form .col p {height: 15px;}
	#topBar .inner form .col.first p {height: 20px;}
	#topBar .inner h3 {
		margin-bottom: 10px;
		font-weight: normal;
	}
	#topBar .inner form label {
		width: 90px;
		font-size: 11px;
		color: #003a63;
	}
	#topBar .inner form input,
	#topBar .inner form select {
		width: 120px;
		height: 18px;
		border: 1px solid #97c1e5;
		font-size: 11px;
		text-indent: 3px;
		margin-bottom: 3px;
	}
	#topBar .inner form select {
		text-indent: 0;
		width: 123px;
	}
	#topBar .inner form input[type="checkbox"],
	#topBar .inner form input[type="radio"] {
		width: auto;
		display: inline-block;
		height: 14px;
		margin-bottom: 3px;
	}
	#topBar .inner form .col p {
		display: block;
		clear: both;
		xheight: 20px;
	}

	#topBar .inner form .col p label.label{
		float:left;
		width:auto;
	}

	#topBar .inner form .checkbox, #topBar .inner form .radio{
		border:none;
	}





#steps {
	margin:30px 15px 20px 15px;
	float: left;
	position: relative;
}
	#steps li {
		float: left;
		display: inline-block;
	}
	#steps li a {
		font-size: 13px;
		color: rgba(0,125,177,.7);
		text-transform: uppercase;
		text-decoration: none;
		float: left;
		display: inline-block;
		width: 222px;
		text-indent: 5px;
		background: url(/image/steps-bg.jpg) repeat-x 0 0;
		padding-top: 45px;
	}
	#steps li.active a,
	#steps li.done a {
		color: rgba(0,125,177,1);
		background: url(/image/steps-bg-active.jpg) repeat-x 0 0;
	}
	#steps li a:hover {
		text-decoration: underline;
	}
	#steps .side-left { position:absolute; top:0; left:0; }
	#steps .side-right { position:absolute; top:0; right:0; }








/** =CONTENT - HOMEPAGE **/

.intro {
	width: 460px;
	color: #007db1;
	margin: 20px 0 0 35px;
	position: relative;
}
	.intro h1 {
		width: 234px;
		height: 130px;
		display: block;
		margin: -5px 0 0 25px;
		background: url(/image/intro-kop.png) no-repeat 0 0;
		text-indent: -999em;
	}
	.intro p {
		margin: 10px 0 0 60px;
		width: 310px;
	}
	.intro a {
		float: right;
		margin: 20px 0 0 10px;
	}

	.intro p a {
		float:none;
		margin:0;
		color:#007DB1;
	}
	.intro #___plusone_0 {position:absolute; bottom:0; left:60px;}
	#google-plus {position:absolute; top:20px; right:20px;}

.highlight {
	position: absolute;
	top: 10px; right: 10px;
}
	.highlight .product {
		height: 190px;
		padding-top: 50px;
	}
	.highlight .product .label-actie {
		left: -30px; top: 10px;
	}
	.highlight .product-img {
	}
	.highlight .product .label {
		top: 0;
	}
	.highlight .product .prijs {
		top: 0;
	}



/** CONTENT - DEFAULT **/

#content {
	width: 580px;
	float: left;
}
.assortiment #content {
	float: right;
}

.pagination {
	height: 40px;
	display: block;
	margin: -70px 0 0 0;
	position: relative;
	text-align: right;
}
	.pagination .resultaat {
		color: #007db1;
		position: absolute;
		left: 45px; top: 10px;
	}
	.pagination .tab {
		background: url(/image/tab-side.png) no-repeat 0 0;
		padding-left: 30px;
		height: 40px;
		float: right;
	}
	.pagination .tab-side {
		background: url(/image/tab.png) no-repeat 100% 0;
		padding: 13px 30px 0 0;
		height: 27px;
	}
	.pagination a.toon-alles {
		margin-right: 30px;
	}
	.pagination a {
		text-decoration: none;
		color: #003a63;
		line-height: 15px;
		height: 15px;
		display: inline-block;
		float: left;
	}
	.pagination a:hover {
		text-decoration: underline;
	}
	.pagination span a {
		margin: 0;
	}
	.pagination span a.first {
		border-left: 1px solid #bed8e3;

	}
	.pagination span a {
		padding: 0 10px;
		display: inline-block;
		text-align: center;
		border-right: 1px solid #bed8e3;
	}
	.pagination span a.active {
		color: #007db1;
		font-weight: bold;
	}


.pagination.bottom {
	position: absolute;
	bottom: -35px; right: 0;
}
	.pagination.bottom .tab {
		background-position: 0 100%;
	}
	.pagination.bottom .tab-side {
		background-position: 100% 100%;
	}





#sidebar {
	width: 270px;
	float: right;
	background: #eaf5ff;
	color: #007db1;
}
	#sidebar .sidebar-inner {
		padding: 20px 25px;
	}
	.assortiment #sidebar {
		float: left;
	}

#sidebar h3 {
	margin-bottom: 15px;
}

#sidebar ul {
	margin-bottom: 15px;
}
	#sidebar ul li {
		padding: 0 0 0 30px;
		margin: 0 0 5px 0;
		font-size: 13px;
	}
	#sidebar ul li span {
		display: block;
		font-size: 11px;
	}
	#sidebar ul li.telefoon {
		background: url(/image/icon-telefoon.png) no-repeat 0 0;
	}
	#sidebar ul li.email {
		background: url(/image/icon-email.png) no-repeat 0 0;
	}
	#sidebar ul li a {
		color: inherit;
		text-decoration: none;
	}

.producten {
	display: block;
	clear: both;
	margin: 60px 0 10px 5px;
}
	.product {
		float: left;
		display: inline-block;
		margin-left: 5px;
		width: 310px;
		height: 210px;
		text-decoration: none;
		text-align: center;
		position: relative;
	}
	.product .label-actie {
		position: absolute;
		top: 65px; right: 0;
	}
	.product .label-elektrisch {
		position: absolute;
		top: 135px; right: 0;
	}
	.product .label {
		position: absolute;
		bottom: 0; left: 15px;
		width: 190px;
		height: 33px;
		padding: 2px 0 0 25px;
		display: block;
		background: url(/image/label-bg.png) no-repeat 0 0;
		color: #fff;
		text-align: left;
		line-height: 15px;
	}
	.product .label span {
		display: none;
	}
	.product:hover .label {
		background-position: 0 100%;
	}
	.product:hover .label em {
		display: none;
	}
	.product:hover .label span {
		display: block;
		margin-top: 8px;
	}
	.product .label em {
		font-style: normal;
		display: block;
	}
	.product .label .label-hoekje {
		position: absolute;
		top: 0; left: 0;
	}
	.product .prijs {
		position: absolute;
		bottom: -5px; right: 0;
		color: #003a63;
		text-align: left;
		width: 80px;
	}
	.product .prijs em {
		display: inline-block;
		font-style: normal;
		font-size: 22px;
		padding: 0 5px;
		margin: 0 5px;
		position: relative;
	}
	.product .prijs em em {
		display: inline-block;
		font-style: normal;
		font-size: 12px;
		padding: 0;
		margin: 0;
		position: absolute;
		top: -2px; right: -8px;
	}

	.product .prijs em.oud {
		font-size: 12px;
		display: inline-block;
		_background: url(/image/prijs-oud-del.png) repeat-x 0 50%;
		background: url(/image/prijs-oud-del-2.png) no-repeat 0 2px;
	}
	.product .prijs em.oud em {
		font-size: 10px;
	}

.inner .product {
	height: 245px;
	margin-bottom: 20px;
}
	.inner .product .label {
		bottom: 35px;
	}
	.inner .product .prijs {
		bottom: 30px;
	}
	.inner .product .omschrijving {
		position: absolute;
		top: 215px; left: 40px;
		width: 190px;
		text-align: left;
		font-size: 11px;
		line-height: 15px;
		color: #003a63;
	}
	.inner .product .omschrijving em {
		display: block;
		font-style: normal;
	}











.colLeft,
.colRight {
	width: 430px;
	display: inline-block;
	float: left;
	margin-left: 30px;
}





a.fiets-detail {
	width: 430px;
	display: block;
	overflow: hidden;
	margin-bottom: 30px;
	text-align: center;
}
a.fiets-detail img {
	display: block;
}




.specs {
	color: #007db1;
	margin: 0 0 0 20px;
	line-height: 16px;
}
	.specs tr td {
		padding: 3px 0;
	}
	.specs .label {
		width: 170px;
		color: #003a63;
		vertical-align: top;
	}
	.specs ul {
		list-style: disc;
		margin: 0 0 0 14px;
	}




.product-detail {
	padding-top: 35px;
}
	.product-detail .product {
		width: 430px;
		top: auto;
		height: auto;
		margin: 0 0 20px 0;
		padding-top: 105px;
	}
	.product-detail .product .label {
		left: 0; top: 0;
		width: 298px;
		height: 48px;
		background: url(/image/label-large-bg.jpg) no-repeat 0 0;
		font-size: 17px;
		line-height: 21px;
		font-weight:normal;
	}
	.product-detail .product .label em {
		font-style: normal;
		display: block;
	}
	.product-detail .product .prijs {
		top: 0; right: 0;
		width: 105px;
		height: 50px;
	}
	.product-detail .product .prijs em {
		font-size: 30px;
		line-height: 25px;
	}
	.product-detail .product .prijs em em {
		font-size: 16px;
		padding: 0;
		margin: 0;
		top: -5px; right: -12px;
	}
	.product-detail .product .prijs em.oud {
		font-size: 20px;
		line-height: inherit;
		/*margin-bottom: 10px;*/
	}
	.product-detail .product .prijs em.oud em {
		font-size: 12px;
	}
	.product-detail .product .omschrijving {
		position: absolute;
		top: 60px !important; left: 40px !important;
		display: block;
		margin: 0 0 0 -14px;
		clear: both;
		font-size: 13px;
		line-height: 18px;
		color: #003a63;
		width: 300px;
	}
	.product-detail .product .omschrijving em {
		display: block;
		font-style: normal;
		font-size: 11px;
	}





.eigenschappen {
	clear: both;
	background: url(/image/container-eigenschappen-top.jpg) no-repeat 0 0;
	width: 440px;
	display: block;
	margin: 0 0 10px -5px;
	padding-top: 25px;
	position: relative;
}
	.eigenschappen-btm {
		background: url(/image/container-eigenschappen-btm.jpg) no-repeat 0 100%;
		padding-bottom: 55px;
	}
	.eigenschappen .inner {
		background: url(/image/container-eigenschappen-mid.jpg) repeat-y 0 0 !important;
		padding: 10px 35px 0 35px !important;
	}
	.eigenschappen h3 {
		text-transform: uppercase;
		font-weight: normal;
	}
	.eigenschappen h3.accessoires {
		margin-top: 50px;
	}
	.eigenschappen p {
		clear: both;
		margin-top: 10px;
	}
	.eigenschappen label.label{
		float:left;
		width:auto;
	}
	.eigenschappen form {
		margin-bottom: 40px;
	}
	.eigenschappen input[type="radio"] {
		width: auto;
	}
	.eigenschappen select {
		width: 130px;
		margin-right: 20px;
	}
	.eigenschappen ul {
		margin:	10px 0 20px 0;
	}
	.eigenschappen ul li {
		border-bottom: 1px solid #b8d6f5;
		position: relative;
		padding: 7px 0;
		display: block;
		clear: both;
	}
	.eigenschappen ul li.first {
		border-top: 1px solid #b8d6f5;
	}
	.eigenschappen ul li img {
		width: 46px;
		height: 46px;
		display: block;
		padding: 2px;
		margin: 0 30px 0 5px;
		border: 1px solid #b8d6f5;
		float: left;
	}
	.eigenschappen li .naam {
		display: block;
		margin: 5px 0;
	}
	.eigenschappen li .prijs {
		position: absolute;
		right: 5px; bottom: 13px;
	}

.totaalprijs {
	background: #e3f1ff;
	padding: 15px 30px;
	position: relative;
}
	.totaalprijs span {
		position: absolute;
		right: 30px; top: 8px;
		display: inline-block;
		font-size: 16px;
	}
	.totaalprijs span em {
		font-style: normal;
		font-size: 30px;
		line-height: 30px;
		position: relative;
		padding-right: 15px;
		margin-left: 15px;
		display: inline-block;
	}
	.totaalprijs span em em {
		font-size: 16px;
		padding: 0;
		position: absolute;
		bottom: 5px; right: 0;
	}

.afronden {
	padding: 15px 0 15px 30px;
	height: 35px;
	float: left;
	position: relative;
}
	.afronden a.arrow {
		margin-top: 9px;
	}
	.afronden button.large {
		margin-left:40px;
	}
	.afronden button.arrow {
		height: 33px;
		font-size: 12px;
		width: 180px;
	}







.accessoires-container {
	margin-left: -10px;
	height: 500px;
	overflow-x: hidden;
	overflow-y: scroll;
}
	.accessoire {
		width: 540px;
		height: auto;
		border-bottom: 1px solid #b8d6f5;
		float: left;
		display: inline-block;
		text-align: left;
		margin-left: 10px;
	}
	.accessoire-detail .naam {
		font-size: 12px;
		display: inline-block;
		float: left;
		width: 208px;
		height: 32px;
		color: #fff;
		padding: 3px 40px 0 20px;
		line-height: 14px;
		margin: 15px 0 20px 10px;
		background: url(/image/accessoire-label.jpg) no-repeat 0 0;
	}
	.accessoire-detail .prijs {
		font-size: 18px;
		display: inline-block;
		color: #003a63;
		float: left;
		width: 55px;
		text-align: left;
		margin-top: 35px;
		margin-left: 5px;
	}
	.accessoire-detail .omschrijving {
		clear: both;
		font-size: 11px;
		height: 30px;
		overflow: hidden;
		display: block;
		margin: 0 20px 20px 30px;
		line-height: 15px !important;
	}
	.accessoire-detail .omschrijving.open {
		height: auto !important;
	}
	.accessoire .figure {
		width: 190px;
		float: left;
		background: #fff;
	}
		.accessoire .figure p {
			display: none;
		}
	.accessoire .accessoire-detail {
		float: right;
		width: 340px;
		margin-right: 10px;
	}
	.accessoire a.meer-info {
		margin-left: 30px;
		margin-bottom: 10px;
	}
	.accessoire a.voeg-toe {
		height: 17px;
		line-height: 17px;
		display: inline-block;
		background: url(/image/accessoire-button-voeg-toe-side.gif) no-repeat 0 0;
		padding-left: 20px;
		color: #fff;
		text-decoration:none;
		float: right;
		margin-bottom: 10px;
	}
	.accessoire a.voeg-toe span {
		height: 17px;
		display: inline-block;
		background: url(/image/accessoire-button-voeg-toe.gif) no-repeat 100% 0;
		padding-right: 10px;
	}
	.accessoire a.voeg-toe:hover {
		background-position: 0 100%;
	}
	.accessoire a.voeg-toe:hover span {
		background-position: 100% 100%;
	}
	.accessoire a.toegevoegd {
		background: url(/image/vink-groen.png) no-repeat 0 0;
		color: #77a101;
		padding-left: 15px;
		height: 17px;
		line-height: 17px;
		display: inline-block;
		text-decoration: none;
		width: 60px;
		float: right;
		margin-bottom: 10px;
	}
	.accessoire a.toegevoegd:hover {
		color: #c70606;
		background: url(/image/kruis-rood.png) no-repeat 0 50%;
	}
	.accessoire a.toegevoegd em { display: none; font-style: normal; }
	.accessoire a.toegevoegd:hover em { display: block; }
	.accessoire a.toegevoegd:hover span { display: none; }











#vergelijk-labels,
#vergelijk-items {
	float: left;
}
	#vergelijk-labels table tr td,
	#vergelijk-items table tr td {
		padding: 3px 5px;
	}
	#vergelijk-labels thead th {
		height: 35px;
	}
	#vergelijk-items thead th {
		height: 70px;
	}

#vergelijk-labels .eigenschappen-label {
	color: #007db1;
	text-transform: uppercase;
	position: absolute;
	left: 40px; top: -50px;
}

#vergelijk-labels {
	width: 210px;
}

#vergelijk-items .label{
	background-image:url("/image/vergelijk-label-bg.png");
	}

#vergelijk-items {
	width: 670px;
	margin-top: -260px;
}
	#vergelijk-items table {
		float: left;
		width: 210px;
		margin-left: 16px;
	}
	#vergelijk-items table thead th {
		border-bottom: 1px solid #d4e1ec;
		padding: 5px;
	}
	#vergelijk-items table tfoot {
		padding-top: 20px;
	}
	#vergelijk-items table tfoot td {
		border-top: 1px solid #d4e1ec;
		padding: 20px 5px 5px 5px;
	}
	#vergelijk-items table tr td {
		color: #007db1;
	}
	#vergelijk-items table tr td.prijs-oud span {
		background: url(/image/prijs-oud-del.png) repeat-x 0 50%;
	}
	#vergelijk-items table tr td.prijs-nieuw {
		font-weight: bold;
	}


#jcarousel .product {
	width: 210px;
	height: 195px;
	margin-left: 0;
	margin-bottom: 30px;
}
	#jcarousel .product .label {
		left: 0; bottom: 0;
	}
	#jcarousel .product-img {
		width: 200px;
	}
	#jcarousel .product .label-elektrisch {
		top: 120px;
	}







table.winkelwagen,
table.shoppingCart {
	width: 100%;
	border-bottom: 3px solid #d4e1ec;
	margin-bottom: 20px;
}
	table.winkelwagen th,
	table.shoppingCart th {
		height: 35px;
		text-transform: uppercase;
		color: #007db1;
		padding: 0 5px;
		vertical-align: top;
		text-align: center;
	}
		table.winkelwagen th.first,
		table.shoppingCart th.first {
			color: #759b04;
		}

	table.winkelwagen td,
	table.shoppingCart td {
		padding: 15px 5px;
		text-align: center;
		border-top: 1px solid #d4e1ec;
		vertical-align: top;
	}
	table.shoppingCart .subtotal td {
		text-align: left;
	}
	table.shoppingCart .subtotal td.price {
		border-bottom: 0;
		border-top: 1px solid #d4e1ec;
		text-align: center;
	}
	table.shoppingCart .subtotal.odd td {
		border: 0;
		background: #e3f1ff;
		font-weight: bold;
	}
		table.winkelwagen td.img,
		table.shoppingCart td.img {
			padding: 5px;
		}
		table.winkelwagen td.img img,
		table.shoppingCart td.img img {
			width: 150px;
		}

		table.winkelwagen .first,
		table.winkelwagen .model,
		table.winkelwagen .kleur,
		table.shoppingCart .first,
		table.shoppingCart .model,
		table.shoppingCart .kleur {
			text-align: left !important;
		}
		table.shoppingCart .prijs {
			text-align: right !important;
		}

	table.winkelwagen .verwijder,
	table.shoppingCart .verwijder {
		text-indent: -999em;
		display: inline-block;
		width: 18px;
		height: 18px;
		background: url(/image/icon-delete.png) no-repeat 50% 50%;
	}
	table.winkelwagen .verwijder:hover,
	table.shoppingCart .verwijder:hover {
		opacity: .75;
	}


.verzend-optie {
	text-align: right;
	display: block;
	margin-bottom: 20px;
	margin-right: 30px;
}
.verzend-optie p {
	margin-bottom: 10px;
}
.verzend-optie #deliveryMethod {
	font-size: 11px;
}





.jcarousel {
}
	/* container */
	.jcarousel-clip {
		overflow: hidden;
	}
	.jcarousel-clip-horizontal {
		width:  670px;
		height: 690px;
	}

	/* items */
	#vergelijk-items .jcarousel-item {
		width: 210px;
		height: 745px;
		margin-right: 15px;
	}

	/* buttons */
	.jcarousel-next-horizontal {
		position: absolute;
		top: 65px;
		right: -45px;
		width: 34px;
		height: 46px;
		cursor: pointer;
		background: url(/image/kijk-vergelijk-next.png) no-repeat 50% 50%;
	}

	.jcarousel-prev-horizontal {
		position: absolute;
		top: 65px;
		left: -45px;
		width: 34px;
		height: 46px;
		cursor: pointer;
		background: url(/image/kijk-vergelijk-prev.png) no-repeat 50% 50%;
	}
	.jcarousel-next-horizontal:hover,
	.jcarousel-prev-horizontal:hover {
		background-position: 50% 50%;
	}
	.jcarousel-prev-disabled-horizontal, .jcarousel-next-disabled-horizontal {display: none !important;}












/** =FOOTER **/

#footer {
	background: url(/image/bg-footer.png) no-repeat 0 0;
	width: 960px;
	height: 260px;
	padding: 20px;
	margin: 0 auto;
}
#cp #footer {
	margin: 0 auto 0 -20px;
}
	#footer .col {
		width: 270px;
		height: 185px;
		padding: 10px 25px;
		margin: 15px 0;
		display: inline-block;
		float: left;
		border-right: 1px dotted #a0cfe2;
	}
	#footer .col.last {
		border: 0;
		width: 268px;
	}
	#footer h3 {
		color: #007db1;
		margin-bottom: 15px;
	}
	#footer .nieuws ul li a {
		color: #003a63;
		text-decoration: none;
		font-size: 11px;
		margin-bottom: 10px;
		padding-left: 15px;
		line-height: 16px;
		display: block;
		background: url(/image/pijl-blauw.png) no-repeat 0 22px;
	}
	#footer .nieuws ul li a:hover {
		color: #007DB1;
	}
	#footer .nieuws ul li a em {
		display: block;
		color: #76a6d2;
		font-style: normal;
		margin-left: -15px;
	}
	#footer .bestellen ul li {
		background: url(/image/vink-groen.png) no-repeat 0 50%;
		padding: 0 0 0 20px;
		height: 20px;
		display: block;
		color: #003a63;
	}
	#footer .merken ul li {
		float: left;
		display: inline;
		margin-right: 30px;
	}
	#footer .subfooter {
		clear: both;
		display: block;
		background: #003a63;
		color: #fff;
		height: 25px;
		line-height: 25px;
		padding: 0 25px;
		margin: 0 1px;
		font-size: 10px;
	}
	#footer .subfooter a {
		color: #fff;
		text-decoration: none;
	}
	#footer .subfooter a:hover,
	#footer .subfooter a:focus {
		color: #57B9E2;
	}
	#footer .subfooter .right,
	#footer .subfooter .right a {
		color: #57b9e2;
	}

	#footer .bdlink{
		background:url(/image/bd.gif) no-repeat 0px 8px;
		display:inline-block;
		width:74px;
		height:18px;
		top:2px;
	}

	#bd{
		display:none;
	}

	.keurmerk {
		margin: 10px 0 0 25px;
		display: inline-block;
	}
	#cp .keurmerk {
		margin-top: -10px;
	}

/** =MODULE SPECIFIC **/

.cloud-zoom-big {
	overflow:hidden;
}
.cloud-zoom-loading {
	color:white;
	background:#222;
	padding:3px;
	border:1px solid #000;
}
.cloud-zoom-thumbs {
	display: block;
	width: 410px;
	margin-bottom: 30px;
	float: left;
	background: #E3F1FF;
	padding: 10px;
}
.cloud-zoom-gallery {
	width: 70px;
	height: 50px;
	display: block;
	float: left;
	display: inline-block;
	border:1px solid #B8D6F5;
	margin-right: 10px;
	background:white;
}
.cloud-zoom-gallery img {
	/*width: 60px;*/
	height: 40px;
	padding: 5px;
	background: #fff;
	display: block;
	margin: 0 auto;
}







.modal {
    background: #fff url(/image/modal-bg.png) no-repeat 0 0;
    display: none;
	padding: 25px;
    width: 560px;
    height: 545px;
    text-align: left;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 0 40px rgba(0,0,0,.75);
	-moz-box-shadow: 0 0 40px rgba(0,0,0,.75);
	-o-box-shadow: 0 0 40px rgba(0,0,0,.75);
	box-shadow: 0 0 40px rgba(0,0,0,.75);
}
	.modal a.close {
		position: absolute;
		top: 15px; right: 15px;
		z-index: 100;
		width: 20px;
		height: 20px;
		cursor: pointer;
		text-indent: -999em;
		background: url(/image/modal-close.png) no-repeat 0 0;
	}
	.modal a.close:hover {
		background-position: 0 100%;
	}
	.modal h2 {
		color: #759b04;
		font-size: 18px;
		margin-top: 0;
		margin-bottom: 15px;
	}










#ShopCheckout h1 {
	color: #759b04;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #d4e1ec;
}

#ShopCheckout h2,
#ShopCheckout h3 {
	color: #007db1;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#ShopCheckout .section {
	padding-bottom: 40px;
	margin-top: 20px;
	border-bottom: 1px solid #d4e1ec;
	clear: both;
	display: block;
}

#ShopCheckout .fbTextarea label {
	display: none;
}
#ShopCheckout .fbTextarea textarea {
	width: 400px;
}

#ShopCheckout .col {
	width: 410px;
	float: left;
	display: inline-block;
	margin-right: 30px;
	clear: none !important;
}

#ShopCheckout .row {
	width: 410px;
}

.fbForm input,
.fbForm textarea,
.fbForm select {
	border: 1px solid #b7dbfe !important;
}

.fbForm textarea {
	font-size: 12px;
	line-height: 14px;
}

.fbForm .fbRadio label {
	width: 100px;
}
#payment_method .fbRadio label {
	width: 160px !important;
}


.fbForm .require {
	color: #0479ab !important;
}

.fbForm .fbTextfield {
	position: relative !important;
}

.fbForm .fbTextfield label.error {
	text-indent: -999em !important;
	width: 17px !important;
	height: 17px !important;
	/*display: inline-block !important;*/
	margin: 0 !important;
	position: absolute;
	top: 6px; right: -12px;
	background: url(/image/form-error.png) no-repeat 0 0 !important;
}

#FB_Next.submit {
	float: right !important;
	width: 200px;
	height: 35px;
	display: block;
	color: #fff;
	margin-top: 20px;
	text-align: right;
	font-size: 11px;
	line-height: 35px;
	padding-right: 30px;
	text-transform: uppercase;
	background: url(/image/button-next.png) no-repeat 0 0;

	border: 0 !important;
	border-radius: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
#FB_Next.submit:hover {
	background-position: 0 100%;
}
.fbButtonBack {
	float: left !important;
}

.fbButton input#FB_Back {
	background: url(/image/arrow-previous.png) no-repeat 0 50%;
	color: #003a63;
	display: inline-block;
	text-decoration: none;
	padding: 0 8px;
	cursor: pointer;
	border: 0 !important;
	position: absolute;
	left: 40px; bottom: 45px;
}
	.fbButton input#FB_Back:hover {
		color: #007DB1;
	}

#_ShopCheckout_step3 div {
	padding: 30px 0;
	border-bottom: 1px solid #d4e1ec;
}

#_ShopCheckout_step3 .section div {
	float: left;
	display: inline-block;
	width: 295px;
	border: 0;
	padding: 0;
}

#_ShopCheckout_step3 div.shoppingCart {
	border-top: 1px solid #d4e1ec;
	padding-bottom: 0;
	border-bottom: 0;
}

#_ShopCheckout_step3 div.fbButtonBack {
	padding: 0;
	border: 0;
}

#_ShopCheckout_step3 div.fbButtonNext {
	padding: 0;
	border: 0;
}

#_ShopCheckout_step3 .fbCheckbox {
	padding: 0;
	text-align: right;
	float: right;
	display: inline-block;
	border-bottom: 0;
}

#_ShopCheckout_step3 .fbCheckbox label {
	width: 225px;
}
#_ShopCheckout_step3 .fbCheckbox label.error {
	width: 300px;
	margin: 0;
	display: block;
	float: right;
	clear: both;
}

p.emailNotification { color: #8aa0b0; float: left; display: inline-block; }


/** =MODULE SPECIFIC **/

#news .figure.left{
	margin-right:5px;
	}
#news .figure.right{
	margin-left:5px;
	}
#news .item {
	float: left;
	display: block;
	clear: both;
	padding: 10px 0;
	}
#news h2 {
	margin: 0;
	}
#news h2 a{
	color:#007DB1;
	margin: 0;
	}
#news .datum {
	color: #007db1;
	font-size: 11px;
	display: inline-block;
	float: left;
	width: 105px;
	}
#news .itemOne .datum {
	display: block;
	float: none;
	width: 100%;
	}
#news .itemOne .arrow {
	margin-top: 20px;
	}
#news .news_wrapper {
	float: left;
	width: 785px;
	}
#framemaat{
	margin-left:1px;
	}
#framemaat ol{
	list-style-type:decimal;
	margin-bottom:1em;
	}
#framemaat ol li{
	margin-left:2em;

}
#faq ol{
	list-style-type:decimal;
	margin-left:2em;
	}








/* ------------------------------------------- */
/* ------------- BROWSER SPECIFIC ------------ */
/* ------------------------------------------- */

.ie6 #nav li { width: 1em; white-space: nowrap; }
.ie6 form legend { margin-left: -7px; }
.ie6 .verticalalign { position: relative; }
.ie6 .verticalalign div { position: absolute; top: 50%; }
.ie6 .verticalalign div div { position: relative; top: -50% }

.ie6 .png { behavior: url('/include/css/iepngfix.htc'); }

.ie6 table.winkelwagen .verwijder,
.ie6 table.shoppingCart .verwijder {display: block;}

/* -------------------- */

.ie7 form legend { margin-left: -7px; }
.ie7 .verticalalign { position: relative; }
.ie7 .verticalalign div { position: absolute; top: 50%; }
.ie7 .verticalalign div div { position: relative; top: -50% }

.ie7 #topBar .inner form .col {height: 82px;}

.ie7 button {padding: 0;}
.ie7 button.arrow {padding: 0;}

.ie7 button.large {margin: 0;padding: 0 0 0 5px;}
.ie7 button.large span {line-height: inherit;margin: 0;padding: 0 20px 0 0;}
.ie7 .afronden button.large {margin-left: 40px;}

.ie7 a.button.med, .ie7 button.med {margin: 0; padding: 0 0 0 40px;}
.ie7 a.button.med span, .ie7 button.med span {margin: 0 !important; padding: 0 20px 0 0;}

.ie7 table.winkelwagen .verwijder,
.ie7 table.shoppingCart .verwijder {display: block;}

.ie7 .button:active span, .ie7 button:active span {
	-ms-background-position-x: 0px;
	-ms-background-position-y: -35px;
}
.ie7 .jcarousel-clip-horizontal {height: 710px !important;}

/* -------------------- */

.ie8 button.large {margin: 0;padding: 0 0 0 50px;}
.ie8 button.large span {line-height: inherit;margin: 0;padding: 0 20px 0 0;}
.ie8 .afronden button.large {margin-left: 40px;}

.ie8 .button:active span, .ie8 button:active span {
	-ms-background-position-x: 0px;
	-ms-background-position-y: -35px;
}

/* -------------------- */

.ie9 button.large {margin: 0;padding: 0 0 0 60px;}
.ie9 button.large span {line-height: inherit;margin: 0;padding: 0 30px 0 0;}
.ie9 .afronden button.large {margin-left: 40px;}

.ie9 .button:active span, .ie9 button:active span {
	-ms-background-position-x: 0px;
	-ms-background-position-y: -35px;
}