/* CSS Document */
/* algemeen */
@font-face {
	font-family: 'DINEngschrift';
	src: url('../css/fonts/dinengschrift.eot');
	src: local('DINEngschrift'), url('../css/fonts/dinengschrift.woff') format('woff'), url('../css/fonts/dinengschrift.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
html{
	font-family:Arial, Helvetica, sans-serif;
	color:#3f3f3f;
}

body{
	margin:0;
	padding:0;
}

.wrapper{
	width:100%;
	margin:0 auto;
}

a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

a:active{
	color:#FFFFFF;
	text-decoration:none;
}

a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

a:link{
	color:#FFFFFF;
	text-decoration:none;
}
h2,h3,span {
	font-family: 'DINEngschrift';	
}
/* einde algemeen */
/* banner */
/* banner-layout */
.banner-placer{
	margin:0 auto;
	padding:0;
	width:1200px;
	height:363px;
}

.banner{
	background-image:url(/images/banner.jpg);
	background-repeat:no-repeat;
	height:363px;
	width:1200px;
	margin:0 auto;
	padding:0;
	float:right;
	position:absolute;
	z-index:2;
}

.banner-streep-onder{
	background-image:url(/images/banner-streep-onder.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:8px;
}

.banner-streep-onder .inside{
	background-image:url(/images/banner-streep-onder.jpg);
	background-repeat:repeat-x;
	width:1200px;
	height:8px;
}

.banner-left-outside{
	background-image:url(/images/banner-left-outside.jpg);
	background-repeat:repeat-x;
	height:363px;
	width:50%;
	float:left;
	background-position:left;
	position:absolute;
	z-index:1;
	left:0;
}

.banner-right-outside{
	background-image:url(/images/banner-right-outside.jpg);
	background-repeat:repeat-x;
	height:363px;
	width:50%;
	float:right;
	background-position:right;
	position:absolute;
	z-index:1;
	right:0;
}

.header-container {
	margin:0 auto;
	padding:0;
	width:1200px;
	height:130px;
}

.header {
	background-image:url(/images/headerbg.jpg);
	background-repeat:no-repeat;
	height:130px;
	width:1200px;
	margin:0 auto;
	padding:0;
	float:right;
	position:absolute;
	z-index:2;
}

.header-left-outside{
	background-image:url(/images/header-left-outside.jpg);
	background-repeat:repeat-x;
	height:130px;
	width:50%;
	float:left;
	background-position:left;
	position:absolute;
	z-index:1;
	left:0;
}
.header-right-outside{
	background-image:url(/images/header-right-outside.jpg);
	background-repeat:repeat-x;
	height:130px;
	width:50%;
	float:right;
	background-position:right;
	position:absolute;
	z-index:1;
	right:0;
}

.header-left{
	width:550px;
	margin-left:50px;
	padding-top:48px;
	float:left;
}
.header-left .logo{
	height:64px;
	width:477px;
	margin:0 auto;
	padding:0;
	float:left;
}
.header-right{
	width:480px;
	float:right;
	margin-right:120px;
}

.header-right .menu{
	height:40px;
	width:520px;
	float:left;
	margin-right:0px;
}
.header-right .topmenu{
	height:40px;
	width:520px;
	float:left;
	margin-right:0px;
}
.topmenu ul{
	float:left;
	margin-right:0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	list-style:none;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:20px;
	text-align:right;
	width:550px;
	margin-top:60px;
	position:absolute; 
}

.topmenu ul li{
	margin-left:15px;
	text-decoration:none;
	line-height:28px;
	float:left;
	display:block;
	font-family: 'DINEngschrift';
	
}

.topmenu ul li a{
	background: transparent url() no-repeat scroll top right;
	text-decoration: none;
	color:#FFF;
	height:30px;
	line-height:25px;
	margin-top:3px;
	float:left;
	margin-right:-20px;
	margin-left:7px;
	padding-left:10px;
	padding-right: 10px;
	padding-top:2px;
	padding-bottom:2px;
	display:block;
}

.topmenu li a:hover{
	color:#FFF;
	background-color:#d78321;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	height:30px;
	line-height:30px;
	float:left;
	margin-top:0px;
	padding-top:3px;
	padding-bottom:3px;
	display:block;
}
.topmenu li a.active:hover {
	line-height:25px;
}
.topmenu li a.active{
	color:#FFF;
	background-color:#d78321;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	display:block;
	margin-top:0px;
	padding-top:5px;
	height:30px;
}


.nav {
	margin-top:0px;
	color:#FFFFFF;
	float:right;
	}
.navline {
	height:7px;
	float:right;
	width:100%;
}
.navlinebg {
	float:right;
	background:url("../images/navline.jpg") repeat-x;
	width:213px;
	height:7px;
	margin-right:13px;
}
.nav ul{
	display:block;
	}
.nav li{
	display:inline;
	margin-right:3px;
	line-height:30px;
	float:left;	
	font-family: 'DINEngschrift';
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:20px;
	}

.nav a.button {
    color: #fff;
    display: block;
    float: left;
    height: 30px;
    padding-right: 10px;  
    text-decoration: none;
}

.nav a.button span {
    display: block;
    line-height: 30px;
    padding: 0 0 5px 10px;
} 

.nav a:hover.button {
    background: transparent url('../images/navright.png') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    height: 30px;
    padding-right: 10px; 
    text-decoration: none;
}

.nav a:hover.button span {
    background: transparent url('../images/navleft.png') no-repeat;
    display: block;
    line-height: 30px;
    padding: 0 0 5px 10px;
}

.nav a.active {
    background: transparent url('../images/navright.png') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    height: 30px;
    padding-right: 10px; 
    text-decoration: none;
}

.nav a.active span {
    background: transparent url('../images/navleft.png') no-repeat;
    display: block;
    line-height: 30px;
    padding: 0 0 5px 10px;
}
/* einde banner-layout */
	
.banner-left{
	width:550px;
	height:315px;
	margin-left:50px;
	padding-top:48px;
	float:left;
}
	
.banner-left .logo{
	height:64px;
	width:477px;
	margin:0 auto;
	padding:0;
	float:left;
}

.logo h1{
	margin:0 auto;
	padding:0;
}

.banner-left .offerte-aanvraag{
	margin-top:30px;
	width:360px;
	height:40px;
	background-image:url(/images/offerte-aanvraag.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
}


.banner-left .opsomming{
	float:left;
	margin-top:38px;
}

.opsomming ul{
	list-style:none;
	font-size:30px;
	width:550px;
	color:#be5727;
	margin:0 auto;
	padding:0;
}

.opsomming span{
	padding-left:25px;
}

.banner-right{
	width:480px;
	height:315px;
	float:right;
	margin-right:120px;
}

/* menu */
.banner-right .menu{
	height:40px;
	width:520px;
	float:left;
	margin-right:0px;
}

.menu ul{
	float:left;
	margin-right:0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	list-style:none;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:20px;
	text-align:right;
	width:550px;
	margin-top:60px;
	position:absolute; 
}

.menu ul li{
	margin-left:15px;
	text-decoration:none;
	line-height:28px;
	float:left;
	display:block;
	
}

.menu ul li a{
	background: transparent url() no-repeat scroll top right;
	text-decoration: none;
	color:#FFF;
	height:25px;
	line-height:25px;
	margin-top:5px;
	float:left;
	margin-right:-20px;
	margin-left:7px;
	padding-left:10px;
	padding-right: 10px;
	padding-top:2px;
	display:block;
}

.menu li a:hover{
	color:#FFF;
	background-color:#d78321;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	height:25px;
	line-height:30px;
	float:left;
	margin-top:0px;
	padding-top:7px;
	display:block;
}

.menu li a.active{
	color:#FFF;
	background-color:#d78321;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	display:block;
	margin-top:0px;
	padding-top:7px;
	height:25px;

}

/* einde menu */



.banner-right .bestel-button{
	display:block;
	float:right;
	width:260px;
	height:89px;
	background-image:url(/images/bestel-button.png);
	background-repeat:no-repeat;
	margin-top:130px;
	display:block;
	padding:0;
}

.banner-right .bestel-button a{
	display:block;
	width:260px;
	height:89px;
}

/* einde-banner */
/* sub-header */
.sub-header{
	background-image:url(/images/sub-header.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:206px;
	margin:0 auto;
	padding:0;
}

.sub-header .inhoud{
	width:1200px;
	margin:0 auto;
	padding-top:28px;
	height:206px;
	background-image:url(/images/sub-header.jpg);
	background-repeat:repeat-x;
}

.sub-header .menu-items{
	font-size:30px;
	margin-left:30px;
	margin-right:30px;
	float:left;
	height:151px;
	width:221px;
	background-image:url(/images/sub-header-menu-items.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
	padding:0;
}

.sub-header .menu-items a{
	display:block;
	height:130px;
	width:190px;
	cursor:pointer;
	position:absolute;
	margin-left:-14px;
	padding-left:15px;
	margin-top:-14px;
	padding-top:15px;
}

.menu-items .onder-text a{
	display:block;
	height:50px;
	width:190px;
	cursor:pointer;
	position:absolute;
	margin-left:-14px;
	padding-left:15px;
	margin-top:-30px;
	padding-top:30px;
}

.menu-items .text{
	height:50px;
	width:190px;
	margin-left:22px;
	text-transform:uppercase;
	padding:0;
	margin-top:18px;
	float:left;
}

.menu-items .text h3{
	margin:0;
	padding:0;
	font-size:30px;
}

.menu-items .onder-text{
	width:200px;
	font-size:28pt;
	text-transform:none;
	color:#FFFFFF;
	margin-left:22px;
	float:left;
	margin-top:25px;
}

.menu-items .onder-text h3{
	margin:0;
	padding:0;
	font-size:28pt;
}


/* een regel item */
.menu-items .text-one-line{
	height:20px;
	width:190px;
	margin-left:22px;
	text-transform:uppercase;
	padding:0;
	margin-top:18px;
	padding-top:15px;
	float:left;
}

.menu-items .onder-text-one-line{
	width:200px;
	font-size:28pt;
	text-transform:none;
	color:#FFFFFF;
	margin-left:22px;
	float:left;
	margin-top:40px;
}

.menu-items .onder-text-one-line a{
	display:block;
	height:50px;
	width:190px;
	cursor:pointer;
	position:absolute;
	margin-left:-14px;
	padding-left:15px;
	margin-top:-30px;
	padding-top:30px;
}

.sub-header .text-one-line a{
	display:block;
	height:115px;
	width:190px;
	cursor:pointer;
	position:absolute;
	margin-left:-14px;
	padding-left:15px;
	margin-top:-30px;
	padding-top:30px;
}

.sub-header .text-one-line h3{
	margin:0;
	padding:0;
	font-size:30px;
}

.menu-items .onder-text-one-line h3{
	margin:0;
	padding:0;
	font-size:28pt;
}

/* einde sub-header */






/* site-content */
.site-content{
	width:1200px;
	min-height:350px;
	margin:0 auto;
}

.maincontent{
	width:1200px;
	min-height:350px;
	margin:0 auto;
}
.maincontent .content-left{
	width:700px;
	min-height:322px;
	float:left;
	padding-left:30px;
	margin-top:40px;
	
}

.maincontent .left{
	float:left;
	width:357px;
	min-height:320px;
}

.maincontent .webshop-left{
	float:left;
	width:280px;
	padding-left:30px;
	color:#5a5a5a;
	padding-bottom:100px;
}

/* webshop-left */
.site-content .content-left{
	width:700px;
	min-height:322px;
	float:left;
	padding-left:30px;
	margin-top:40px;
	
}

.site-content .left{
	float:left;
	width:357px;
	min-height:320px;
}

.site-content .webshop-left{
	float:left;
	width:280px;
	padding-left:30px;
	color:#5a5a5a;
	padding-bottom:100px;
}


.webshop-left .titel h2{
	height:30px;
	margin:0;
	padding:0;
	font-size:22pt;
	font-weight:bold;
	color:#be5727;	
}

.webshop-left .webshop-afbeelding{
	width:281px;
	height:181px;
	margin-top:20px;
}

.webshop-left .sub-titel h3{
	margin-top:20px;
	text-transform:uppercase;
	padding:0;
	font-size:14pt;
	font-weight:bold;
	color:#363636;	
}

.webshop-left .text{
	width:281px;
	font-size:12px;
	line-height:18px;
}

.webshop-left .lees-meer{
	background-image:url(/images/lees-meer.png);
	background-repeat:no-repeat;
	width:102px;
	height:37px;
	float:left;
	margin-top:15px;
}

.webshop-left .lees-meer a{
	width:102px;
	height:37px;
	display:block;
}
/* einde webshop-left */

/* voorbeeld webshop */
.site-content .webshop-voorbeeld{
	float:left;
	width:280px;
	padding-left:30px;
	color:#5a5a5a;
	padding-bottom:100px;
}

.webshop-referentie {
	float:left;
	width:590px;
}

.voorbeeld-content {
	float:right; 
	width:280px;
}
.webshop-voorbeeld .titel h2{
	height:30px;
	margin:0;
	padding:0;
	font-size:22pt;
	font-weight:bold;
	color:#be5727;	
}

.webshop-voorbeeld .webshop-afbeelding{
	width:281px;
	height:181px;
	margin-top:20px;
	float:left;
}

.voorbeeld-content .sub-titel2 h3{
	margin-top:20px;
	margin-bottom:10px;
	padding:0;
	font-size:24px;
	font-weight:bold;
	color:#be5727;	
}

.webshop-voorbeeld .text{
	width:281px;
	font-size:12px;
	line-height:18px;
}

.webshop-voorbeeld .website {
	color: #be5727;
	font-size:12px;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:15px;
}

.webshop-voorbeeld .website a{
	color: #5a5a5a;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.webshop-voorbeeld .website a:hover{
	color: #5a5a5a;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}

.webshop-voorbeeld .meer-informatie{
	background-image:url(/images/meer-informatie.png);
	background-repeat:no-repeat;
	width:120px;
	height:27px;
	float:left;
	margin-top:15px;
}

.webshop-voorbeeld .meer-informatie a{
	width:120px;
	height:27px;
	display:block;
}


.tussenstreep{
	width:590px;
	height:1px;
	font-size:1px;
	background-image:url(/images/tussenstreep.png);
	background-repeat:repeat-x;
	background-position:center;
	float:left;
	margin-top:21px;
	margin-bottom: 3px;
}

/* einde voorbeeld webshop */

/* webshop referentie */
.site-content .referentie{
	min-height:560px;
	width:930px;
	padding-left:30px;
	color:#5a5a5a;	
}

.referentie h2 {
	color: #be5727;
	padding:0;
	margin:0;
	font-size: 28px;
	font-weight:normal;
}
.referentie-image {
	float:left;
	width:480px;
	
}

.referentie-image img{
	margin-bottom:15px;
}

.referentie-content {
	float:right;
	width:430px;
	font-size:12px;
	line-height:18px;
}

.referentie-content .kopje {
	color: #5a5a5a;
	font-size:16px;
	font-weight:bold;
	margin-bottom:16px;
	margin-top: 26px;
}

.referentie-content .refwebsite{
	font-size:16px;
	color: #be5727;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:30px;
}

.referentie-content .refwebsite a{
	font-size:16px;
	color: #5a5a5a;
	text-decoration:none;
}

.referentie-content .refwebsite a:hover{
	font-size:16px;
	color: #5a5a5a;
	text-decoration:underline;
}

/* einde webshop referentie */

.tussen-streep{
	min-height:380px;
	width:4px;
	background-image:url(/images/left-content-mid-lijn.png);
	background-repeat:repeat-y;
	background-position:center;
	float:right;
	margin-top:50px;
}

/* webshop-right */
.site-content .webshop-right{
	float:right;
	width:280px;
	margin-right:20px;
	color:#5a5a5a;
	padding-bottom:100px;
}
.maincontent .webshop-right{
	float:right;
	width:280px;
	margin-right:20px;
	color:#5a5a5a;
	padding-bottom:100px;
}

.webshop-right .titel h2{
	height:30px;
	margin:0;
	padding:0;
	font-size:22pt;
	font-weight:bold;
	color:#be5727;	
}

.webshop-right .webshop-afbeelding{
	width:281px;
	height:181px;
	margin-top:30px;
}

.webshop-right .sub-titel h3{
	margin-top:20px;
	text-transform:uppercase;
	padding:0;
	font-size:14pt;
	font-weight:bold;
	color:#363636;	
}

.webshop-right .text{
	width:281px;
	font-size:12px;
	line-height:18px;
}

.webshop-right .lees-meer{
	background-image:url(/images/lees-meer.png);
	background-repeat:no-repeat;
	width:102px;
	height:37px;
	float:left;
	margin-top:15px;
}

.webshop-right .lees-meer a{
	width:102px;
	height:37px;
	display:block;
}
/* einde webshop right */





/* over-ons */
.site-content .over-ons{
	min-height:560px;
	width:700px;
	padding-left:30px;
	color:#5a5a5a;
}

.over-ons .titel h2{
	margin:0;
	padding:0;
	font-size:22pt;
	font-weight:normal;
	color:#be5727;	
}

.over-ons .inhoud{
	width:600px;
	font-size:12px;
	line-height:18px;
	margin-top:15px;
}

.over-ons .inhoud-italic{
	width:600px;
	font-size:12px;
	font-style:italic;
	line-height:18px;
	margin-top:30px;
}

.content-left .sub-titel h3{
	min-width:500px;
	font-weight:normal;
	font-size:14pt;
	color:#363636;	
	margin-top:30px;
	text-transform:uppercase;
}


.maincontent .leftcontent{
	min-height:560px;
	width:700px;
	padding-left:30px;
	color:#5a5a5a;
}

.leftcontent .titel h2{
	margin:0;
	padding:0;
	font-size:22pt;
	font-weight:normal;
	color:#be5727;	
	font-family: 'DINEngschrift';
}

.leftcontent .inhoud{
	width:600px;
	font-size:12px;
	line-height:18px;
	margin-top:15px;
}

.leftcontent .inhoud-italic{
	width:600px;
	font-size:12px;
	font-style:italic;
	line-height:18px;
	margin-top:30px;
}

.content-left .sub-titel h3{
	min-width:500px;
	font-weight:normal;
	font-size:14pt;
	font-family: 'DINEngschrift';
	color:#363636;	
	margin-top:30px;
	text-transform:uppercase;
}
.concepts {
	float:left;
	width:690px;
	margin-top:38px;
	margin-bottom:40px;
}
.concept {
	float:left;
	width:198px;
	margin-right:30px;
	margin-bottom:34px;
	border:1px solid #cccccc;
}
.concept-img {
	float:left;
	width:100%;
	height:158px;
}
.concept-title {
	float:left;
	width:100%;
	text-align:center;
	height:38px;
	border-top:1px solid #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	color:#ec4e0c;
	font-size:12px;
	line-height:38px;
}
.concept-title a {
	color:#ec4e0c;
	font-size:12px;
	text-decoration:none;
}
.concept-title a:hover {
	text-decoration:underline;
}
.concept-title2 {
	float:left;
	width:100%;
	text-align:center;
	height:38px;
	padding-top:4px;
	border-top:1px solid #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	color:#ec4e0c;
	font-size:12px;
}
.concept-title2 a {
	color:#ec4e0c;
	font-size:12px;
	text-decoration:none;
}
.concept-title2 a:hover {
	text-decoration:underline;
}

.concept-gal {
	float:left;
	width:612px;
	margin-top:30px;
}
.galbig {
	float:left;
	width:444px;
	border:3px solid #e5d2b2;
}
.galsmalls {
	float:right;
	width:130px;
}
.galsmall {
	float:left;
	width:124px;
	border:3px solid #e5d2b2;
	margin-bottom:15px;
}
.concept-text {
	float:left;
	margin-top:40px;
	width:600px;
	font-size:12px;
	line-height: 18px;
	color: #5A5A5A;
	font-family: Arial,Helvetica,sans-serif;
	padding-bottom:60px;
}
.concept-text  a {
	color:#d78159;
	text-decoration:none;
}
.concept-text  a:hover {
	text-decoration:underline;
}
.concept-text  a.maillink {
	color:#be5727;
	font-style:italic;
	text-decoration:none;
}
.concept-text  a.maillink:hover {
	text-decoration:underline;
}
.concept-text h3 { 
	color: #363636;
    font-family: 'DINEngschrift';
    font-size: 14pt;
    font-weight: normal;
    margin-top: 30px;
    min-width: 500px;
    text-transform: uppercase;
}
/* einde over-ons */





/* welkom (left) */
.content-left .welkom{
	width:310px;
	float:left;
	margin-left:20px;
}

.content-left .welkom{
	width:310px;
	float:left;
	margin-left:20px;
}

.welkom h2{
	width:200px;
	height:26px;
	font-size:24px;
	color:#be5727;
	font-weight:normal;
	margin:0;
	margin-top:17px;
	padding:0;
}

.welkom .titel h2{
	width:200px;
	height:26px;
	font-size:22pt;
	color:#be5727;
	font-weight:normal;
	margin:0;
	padding:0;
}

.welkom .text{
	margin-top:20px;
	float:left;
	width:310px;
	color:#3f3f3f;
	font-size:12px;
	line-height:20px;
}

.welkom .reftext{
	margin-top:17px;
	float:left;
	width:280px;
	color:#3f3f3f;
	font-size:12px;
	line-height:20px;
	min-height:80px;
}

.welkom .lees-meerklein{
	background-image:url(/images/lees-meerklein.png);
	background-repeat:no-repeat;
	width:76px;
	height:27px;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
	padding-bottom:50px;
}

.welkom .lees-meerklein a{
	width:76px;
	height:27px;
	display:block;
}

.welkom .lees-meerwebshop{
	background-image:url(/images/meer-webshopbutton.png);
	background-repeat:no-repeat;
	width:117px;
	height:27px;
	float:right;
	margin-top:15px;
	margin-bottom:15px;
}

.welkom .lees-meerwebshop a{
	width:117px;
	height:27px;
	display:block;
}

/* einde welkom */


/* onze webshops (right) */

.content-left .onze-webshops{
	width:310px;
	float:right;
	margin-right:15px;
}

.onze-webshops h2{
	width:200px;
	height:26px;
	font-size:24px;
	color:#be5727;
	font-weight:normal;
	margin:0;
	margin-top:17px;
	padding:0;
}

.onze-webshops .titel h2{
	width:200px;
	height:26px;
	font-size:22pt;
	color:#be5727;
	font-weight:bold;
	margin:0;
	padding:0;
}


.onze-webshops .text{
	margin-top:20px;
	float:right;
	width:310px;
	color:#3f3f3f;
	font-size:12px;
	line-height:20px;
}

.onze-webshops .reftext{
	margin-top:17px;
	float:left;
	width:280px;
	color:#3f3f3f;
	font-size:12px;
	line-height:20px;
	min-height:80px;
}

.onze-webshops .lees-meer{
	background-image:url(/images/lees-meer.png);
	background-repeat:no-repeat;
	width:102px;
	height:37px;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
}

.onze-webshops .lees-meer a{
	width:102px;
	height:37px;
	display:block;
}

.onze-webshops .lees-meerklein{
	background-image:url(/images/lees-meerklein.png);
	background-repeat:no-repeat;
	width:76px;
	height:27px;
	float:left;
	margin-top:15px;
	padding-bottom:50px;
}

.onze-webshops .lees-meerklein a{
	width:76px;
	height:27px;
	display:block;
}

.onze-webshops .lees-meerwebshop{
	background-image:url(/images/meer-webshopbutton.png);
	background-repeat:no-repeat;
	width:117px;
	height:27px;
	float:right;
	margin-top:15px;
}

.onze-webshops .lees-meerwebshop a{
	width:117px;
	height:27px;
	display:block;
}

/* einde onze webshops */



/* content-right */
.site-content .content-right{
	width:300px;
	min-height:362px;
	float:right;
	padding:0;
	margin-right:120px;
	color:#3f3f3f;
}
.maincontent .content-right{
	width:268px;
	min-height:362px;
	float:right;
	padding:0;
	margin-right:120px;
	color:#3f3f3f;
}
.maincontent  .contact .titel h2{
	width:200px;
	height:26px;
	color:#be5727;
	font-weight:normal;
	font-size:22pt;
	margin:0;
	padding:0;
	font-family: 'DINEngschrift';
}


.content-right .contact{
	float:right;
	padding-top:40px;
}

.contact .titel h2{
	width:200px;
	height:26px;
	color:#be5727;
	font-weight:normal;
	font-size:22pt;
	margin:0;
	padding:0;
}


.contact .inhoud{
	margin-top:20px;
	float:right;
	width:300px;
	color:#3f3f3f;
	font-size:12px;
	line-height:20px;
}

.contact .rightcontent{
	margin-top:20px;
	float:right;
	width:300px;
	color:#3f3f3f;
	font-size:12px;
	line-height:20px;
}
.rightcontent a {
	font-style:italic;
	color:#cd612f;
	text-decoration:none;
}
.rightcontent a:hover {
	text-decoration:underline;
}
/* contact formulier */
.inhoud .contact-text{
	float:left;
	padding:0;
	line-height:30px;
	margin-top:-2px;
}
	
.inhoud input{
	margin-left:25px;
	width:190px;
	margin-bottom:12px;
	border:#be5727 solid 1px;
	background-color:#ebba7d;
	float:right;
	height:15px;
}

.input .button{
	background:none;
	border:none;
	width:100px;
	height:37px;
	float:right;
	padding:0;
	margin-top:20px;

}

.inhoud form{
	margin:0;
	padding:0;
}

.input textarea{
	border:#be5727 solid 1px;
	margin-left:25px;
	padding:0;
	width:190px;
	background-color:#ebba7d;
	color:#000000;
	height:75px;
	margin-top:1px;
	float:right;
}

/* einde contact formulier */
/* einde content */




/* footer */

.footer-container{
	width:100%;
	height:68px;
	background-image:url(/images/footer-background.jpg);
	background-repeat:repeat-x;
	float:left;
}

.footer-content{
	width:1200px;
	margin:0 auto;
	padding:0;
	height:68px;
	background-image:url(/images/footer-background.jpg);
	background-repeat:repeat-x;
}

.footer-content ul{
	margin-top:26px;
	width:475px;
	list-style:none;
	color:#FFFFFF;
	font-size:12px;
	float:left;
	padding-left:40px;
	margin-left:18px;
}

.footer-content li{
	display:inline;
	padding-right:18px;
}

.footer-content li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}



.footer-content .copyright{
	margin-top:26px;
	width:220px;
	float:right;
	margin-left:60px;
	color:#FFFFFF;
	font-size:12px;
}

.footer-content .webdesign-by{
	margin-top:26px;
	width:180px;
	float:right;
	margin-right:90px;
	color:#FFFFFF;
	font-size:12px;
}

/* einde footer */
.site-content .superdeal{
	min-height:560px;
	width:700px;
	padding-left:30px;
	color:#5a5a5a;
}	
.superdeal .titel h2{
	margin:0;
	padding:0;
	font-size:22pt;
	font-weight:normal;
	color:#be5727;	
}

.superdeal .inhoud{
	width:600px;
	font-size:12px;
	line-height:18px;
	margin-top:15px;
}
.superdeal .inhoud a {
	color: #BE5727;
	text-decoration:none;
}
.superdeal .inhoud a:hover {
	color: #BE5727;
	text-decoration:underline;
}
.superdeal .inhoud-italic{
	width:600px;
	font-size:14px;
	font-style:italic;
	line-height:18px;
	margin-top:30px;
}	

#gallery {position:relative; width:480px; margin:0px auto; padding:0px; border:0px solid #fff; background:#FFF}
#images {border:0px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:10px}
#image {position:relative; width:480px; height:330px; padding:0px; margin-bottom:10px; border:0px solid #666; background:#FFF url(images/loading.gif) center center no-repeat}
#image img {position:absolute; top:0px; left:5px}
#thumbwrapper {margin-top:0px; padding:0px 0; width:480px; height:109px; border:0px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:none; height:109px; width:495px; }
#thumbs {position:absolute; width:480px; list-style:none; margin-left:5px; padding:0; height:109px; border-right:0px solid #FFF}
#thumbs li {float:left; margin-right:2px; cursor:pointer}
#thumbs li.middle {float:left; margin-right:0px; margin-left:2px; cursor:pointer}
#thumbs li.last {float:right; margin-right:0px; margin-left:1px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:none left center no-repeat; border-left:0px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:none right center no-repeat; border-right:0px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}

ul.tabs {
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
	width: 130px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	border-left: none;
	overflow: hidden;
	position: relative;
	display:block;
	
    float: left;
    margin-bottom: 15px;
    width: 130px;
}
ul.tabs li a {
	display: block;
	border: 3px solid #E5D2B2;
}
ul.tabs li.active a {
	color:#FFF;	
	border: 3px solid #f59624;
}
ul.tabs li a:hover {

}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	color:#FFF;
	/*border-bottom: 1px solid #5ba93c; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
	border-top:none;
	overflow: hidden;
	clear: both;
	float: left; width: 450px;
	background: #fff;
}
.tab_content {
	border: 3px solid #E5D2B2;
    float: left;
    width: 444px;
}