/* Minification failed. Returning unminified contents.
(414,27): run-time error CSS1035: Expected colon, found 'top'
 */
table.backend-table {
    width: 100%;
}

table.backend-table th,
table.backend-table td {
    text-align: left;
    vertical-align: top;
}

h2.backend {
    color: #7994CF; 
    font-weight: 700;
}

.field-validation-error,
.validation-summary-errors {
    color: crimson;
}

table.addproduct td {
    vertical-align: top;
}
.addproduct input#Name {
    width: 90%;
}

.addproduct textarea#Description {
    width: 90%;
    height: 150px;
}

.mainimage {
    border:2px solid red;
    width: 300px;
}

table.order input[type=text] {
    padding: 3px;
    width: 90%;
}

table.order input#Zipcode,
table.order input#Housenumber {
    padding: 3px;
    width: 100px;
}

table.order textarea {
    padding: 3px;
    width: 95%;
    height: 50px;
}

.in-winkelwagen.backend
{
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
}

#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}



.viewcategory p {
    margin: 0;
}
























/*html,body{ height: 100%; }*/
body{
	margin: 0;
	background: rgb(235,0,0);
	font-family: 'Roboto Slab', sans-serif;
}

table.topleft th,
table.topleft td
{
    vertical-align: top;
    text-align: left;
}

a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline !important;
}
img{
	border: 0;
}
#main{
	position: relative;
	width: 1052px;
	margin-left: auto;
	margin-right: auto;
	background: white;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.3);
	border-left: 3px solid #fb0;
	border-right: 3px solid #fb0;
	padding-bottom: 20px;
	padding-top: 20px;
}
#header{
	margin-left: 14px;
	height: 290px;
	width: 100%;
	background: url(images/header.png) no-repeat;
}
#logofront{
	width: 253px;
	height: 60px;
	background: url(images/logo_front.png);
	position: absolute;
	top: 219px;
	left: 785px;
}
#header h1{
	position: absolute;
	top: 0px;
	left: 85px;
	font-size: 39px;
	color: white;
	font-weight: 700;
	font-style: italic;
	letter-spacing: 0.06em;
}

#header h2{
	font-weight: 700;
	position: absolute;
	top: 150px;
	left: 40px;
	font-size: 25px;
	color: rgb(235,0,0);
	font-style: italic;
}




#panel-left ul li a,
#navigation ul li a{
	color: #556BB2;
	background: rgb(202,219,235);	
}

#navigation ul li a:hover,
#panel-left ul li a:hover{
	color: #3E4E82;
	background: rgb(212,229,245);	
}





#navigation{
	position: absolute;
	top: 219px;
}
#navigation ul{
	margin: 0; padding: 0;
	list-style: none;
}
#navigation ul li{
	display: inline;
}

#navigation ul li a{
	opacity: 1;
	font-size: 21px;
	text-transform: uppercase;
	padding-left: 14px;
	padding-right: 14px;
	line-height: 60px;
	text-decoration: none;
	float: left;
	margin-right: 2px;
}
#navigation ul li + li + li + li + li a{ /* laatste menu item */
	padding-right: 180px;
}
#panel-left ul li.current-item a,
#navigation ul li.current-item a{ /* huidige menu item */
	/*cursor: default;*/
	background-color:#7994CF;
	color: #E8DC2A;
}
#panel-left ul li.current-item a:hover,
#navigation ul li.current-item a:hover{
	background-color:#7994CF;
	color: #E8DC2A;
	text-decoration: none !important;
}
#content{
	margin-left: 14px;
	margin-right:14px;
	width: auto;
	position: relative;
	color: #484D5D;
	font-size: 14px;
}

#mededeling{
	background:rgb(235,0,0);
	color: #F9CF26;
	padding: 5px;
	text-indent: 30px;
	font-size: 14px;
		margin-bottom: 30px;
	
}

#content h1,h2,h3{
	font-weight: normal;
	color: rgb(235,0,0);
}
#content h3{
	font-weight: 700;
	font-size: 14px;
	color: inherit;
	
}
.row{
	min-height: 20px;
	width: auto;
	height: auto;
	margin-bottom: 30px;
	position: relative;
}
.cellduo{
	height: 400px;
	background: #FDF6D0;
	border: 1px solid #D8D7C5;
	
}
.cellduo .cell{
	position: absolute;
	display: inline;
	width: 460px;
	height: 50%;
	padding: 14px 0px 20px 20px;
}
.cellduo .cell.slideshow{
	background: blue;
	position: absolute;
}
.cellduo .cell h2:first-child{
	margin: 0;
}
.cellduo .cell:first-child{
}
.cell-slideshow{
	background-size: cover;
	background-position: center !important;
	position: absolute;
	left: 498px;
	background: #FDF6EE;
	width: 523px;
	height: 100%;
	border-left: 1px solid #D8D7C5;
}
.items{
	height: 349px;
}
.item{
	width: 333px;
	height: 349px;
	background: red;
	/*position: absolute;*/
    position: relative;
    float: left;
    display: inline-block;
    margin-right: 8px;
}
#content .item .title{
	margin-left: 20px;
}
#content .item .title a{
	text-transform: uppercase;
	font-size: 20px;
	font-weight: normal;
	line-height: 45px;
	color: #ffc600;
}
#content .item .title a:hover{
	color: white;
}
.item div{
	width: 331px;
	left: 0px;
}
.item .illustration{
	height: 197px;
	background-size: cover;
	background-position: center;
	background-image: url(images/fietsers.png);
	position: absolute;
	border: 1px solid red;
	top: 45px;
}
.item .text{
	position: absolute;
	border-left: 1px solid #D8D7C5;
	border-right: 1px solid #D8D7C5;
	border-bottom: 1px solid #D8D7C5;
	top: 244px;
	height: 69px;
	line-height: 18px;
	background: #FDF6D0;
	width: 291px;
	padding: 15px 20px 20px 20px;
}
    .item .text p {
        margin: 0;
        padding: 0;
    }
.item .text a:first-child{
	display: block;
}
.facebook-wall{
	width: 332px;
	background: white;
	/*left: 690px;*/
	height: auto;
	border: 1px solid red;
}
#panel-shoppingcard li a,
#content a{
	text-decoration: none;
	font-weight: 700;
	color: #556BB2;
}

#panel-shoppingcard li a:hover,
#content a:hover{
	color: #7994CF;
	text-decoration: underline;
}
#shoppingcard a div{
	vertical-align: text-bottom;
	margin-left: 5px;
	width: 36px;
	height: 36px;
	background-image: url(images/shoppingcard_normal.png);
	display: inline-block;
}
#shoppingcard.full a div,
#shoppingcard a:hover div{
	background-image: url(images/shoppingcard.png);
}
#shoppingcard a{
	color:rgb(235,0,0);
	font-size: 14px;
	white-space: nowrap !important; 
	display: block;
}
#shoppingcard{
	position: absolute;
	right: 300px;
	top: 170px;
	height: 36px;
	text-align:right;
}

#panel-shoppingcard{
	background-color: rgb(235,0,0);
	width: 250px;
	position: absolute;
    	top: 0!important;
    	right: 0px;
}

#cartform {
position: absolute;
right: 0px;
top: 0px;
}


@media screen and (max-width: 1040px) {
  #panel-shoppingcard {
  left: auto;
	right: 0px;
  }
}

#panel-shoppingcard h2{
	position: absolute;
	top: 4px;
	left: 20px;
	color: white;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 40px;
	margin: 0;
}
#panel-shoppingcard h2.shoppingcard-checkout{
	position: relative;
	top: 0px;
	font-weight: 700;
}
#panel-shoppingcard .price-sum{
	float: right;
}
#panel-shoppingcard .price-sign{
	position: absolute;
	left: 165px;
}
#panel-shoppingcard .shoppingcard-content li .price-sign{
	left: 78px;
}

#panel-shoppingcard .price-total{
	font-weight: 700;
}
#panel-shoppingcard a{
	color: white;
	font-weight: inherit;
}
#panel-shoppingcard a:hover{
	color: white;
}
.shoppingcard-content hr{
	height: 3px;
	background-color: rgb(235,0,0);
	border: 0;
	
}
.shoppingcard-content{
	background-color: rgb(255, 204, 0);
	padding: 14px;
	margin-top: 50px;
	position: relative;
	color:rgb(235,0,0);
}
.shoppingcard-content ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.shoppingcard-content li{
	background-color: #ffe78c;
	margin-bottom: 14px;
	height: 73px;
	position: relative;
}

.shoppingcard-content img{
	width: 73px;
	height: 73px;
}
.shoppingcard-content .button-delete img{
	width: 22px;
	height: 21px;
	position: absolute;
	top: 5px;
	left: 195px;
}
.shoppingcard-content li h3{
	position: absolute;
	left: 82px;
	margin: 0;
	top: 2px;
	width: 108px;
}

.shoppingcard-content li span{
	text-align: right;
	position: absolute;
	left: 135px;
	top: 46px;
	width: 80px;
}

.shoppingcard-content li select{
	position: absolute;
	top: 45px;
	left: 80px;
	width: 54px;
	z-index: 2;
}
#content-middle{
	width: 481px;
	float: right;
	margin-right: 264px;
	margin-top: -14px;
}
.shop-row{
	background-color: #fdf4cb;
	width: 100%;
	height: 190px;
	margin-bottom: 13px;
	position: relative;
}

.producten .shop-row{
	height: 237px;
	font-size: 90%;
}
.product .shop-row{
	height: auto;
}
.producten .shop-row a.meer-info{
	color: rgb(235,0,0) !important;
	font-weight: 400 !important;
}
.product-price{
	/*color: #ab8805;*/
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin-top: 15px;
	background-color: white;
	display: inline-block;
}

.producten .shop-row h2{
	margin-bottom: 5px;
	margin-left: 15px;
	font-size: 16px;
}
.shop-row img{
	width: 280px;
	height: 175px;
	margin-top: 7px;
	margin-left: 7px;
	margin-right: 16px;
	border: 1px solid #d2e0e2;
	float: left;
}
.shop-row h2{
	padding-top: 10px;
	text-transform: uppercase;
	font-size: 17px;
}
.shop-row p{
	line-height: 17px;
}
#address{
	color: white;
	font-size: 10.3pt;
	position: absolute;
	left: 610px;
	font-style: italic;
	top: 35px;
	text-align: right;
}
#address .space{
	height:13px;
}
#address span{
	display: block;
	position: relative;
}



#panel-left{
	width: 234px;
	height: auto;
	float: left;
}
#panel-left ul{
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
}


#panel-left li a{
	display: list-item;
	line-height: 60px;
	padding-left: 17px;
	width: 250px;
	font-size: 17px;
	margin-bottom: 2px;
}



#sub-info{
	padding: 16px;
	width: 100%;
	background-color: #fdf4cb;
	color: #3b4356;
}
#sub-info h2:first-child{
	margin-top: -1px;
}
#sub-info h2{
	color: #464d5d;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}

#footer{
	min-height: 20px;
	background-color: #ffcc00;
	margin-left: 14px;
	margin-right: 14px;
	margin-top: 13px;
	font-size: 12px;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 5px;
}
#footer a{
	font-weight: 400;
		color: #556BB2;
	
}
#footer a:hover{
	color: rgb(59, 67, 86);
}
.bekijk-producten{
	position: absolute;
	top: 167px;
	left: 304px;
	color: rgb(235,0,0) !important;
	font-weight: 400 !important;
}
.in-winkelwagen{
	position: absolute;
	top: 193px;
	left: 304px;
	color: rgb(235,0,0) !important;
	font-weight: 400 !important;
	padding: 3px 10px 5px 10px;
	border: 1px solid rgb(235,0,0);
	background-color: #ffe68b;
	border-radius: 10px;
	font-size: 14px;
}
.in-winkelwagen:hover{
	background-color: #ffcc00;
}
#banners{
	position: absolute;
	top: 355px;
	left: 342px;
	white-space: nowrap;
}

.shop-product{
	background-color: #fdf4cb;
	/*width: 100%;*/
	padding-left: 5px;

	position: relative;
}
.shop-product h2{
	padding-top: 10px;
	padding-left: 10px;
	font-size: 16px;
	text-transform: uppercase;
}
.shop-product img{
	border: 1px solid #d2e0e2;
}

.shop-product .preview img{
	display: block;
	margin-bottom: 7px;
}
.shop-product .thumbnail img{
	width: 135px;
	margin-right: 5px;
	margin-top: 3px;
}
.shop-product .image-panel{
	float: left;
	display: inline-block;
	margin-left: 3px;
	width: 287px;
}
.shop-product .info-panel{
	float: right;
	width: 180px;
	margin-right: 5px;
	padding-bottom: 10px;
}
.shop-product .info-panel p:first-child{
margin-top:0;
}
.shop-product .info-panel .in-winkelwagen{
	position: relative;
	top: auto;
	left: auto;
	background-color: #ffe68b;
}
.shop-product .info-panel .in-winkelwagen:hover{
	background-color: #ffcc00;
}

.shop-product .info-panel .product-price{
	margin-bottom: 5px;
}

.extern{
	height: 670px;
	border: 1px solid #c7dbec;
}