/* CSS Document */
/* Algemeen */
html {
	margin: 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

body {
	background-color:#ffffff;
	margin: 0 auto;
}

.wrapper {
	margin:0 auto;
	width:986px;
}

a:link, a:visited, a:active, a:hover{
	text-decoration:none;
	color:#FFFFFF;
}

/* einde algemeen */
/* Logo */
.name-logo{
	margin:0 auto;
	padding:0;
}

.name-logo h1{
	margin:0 auto;
	padding:0;
}
/* einde logo */
/* header */
.header{
	width:986px;
	background-image:url(/images/header.png);
	background-repeat:no-repeat;
	height:36px;
	padding:0;
	float:left;
	margin-bottom:30px;
}

.header ul{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-right:33px;
	list-style:none;
	color:#FFFFFF;
	font-weight:bold;
	margin-top:10px;
	font-size:12px;
	
}

.header li{
	display:inline;
	text-align:left;
	padding-right:38px;
}

/* einde header */

/* banner */
.banner{
	width:923px;
	height:360px;
	margin:0 auto;
	padding-left:33px;
	padding-right:30px;
	
}

/* banner-left */
.banner .banner-left{
	width:460px;
	float:left;
	padding-top:10px;
}

.banner-left .logo{
	width:100px;
	height:20px;
	float:left;
	margin:0 auto;
	margin-top:10px;
}

.banner-left .motto{
	width:300px;
	height:50px;
	font-size:18px;
	float:right;
	margin-top:-10px;
	margin-right:80px;
	margin-left:10px;
	color:#231f20;	
}

.banner-left .main-titel{
	width:463px;
	height:26px;
	background-image:url(/images/main-titel.png);
	background-repeat:no-repeat;
	background-position:left;
	float:left;
	margin-top:20px;
	text-transform:uppercase;
	padding-top:20px;
	padding-bottom:20px;
	font-size:18px;
	margin-bottom:22px;
}

.banner-left .main-titel h2{
	padding:0;
	margin:0 auto;
	font-size:22px;
	color:#231f20;
}

.banner.left .opsomming{
	width:363px;
	float:left;
	color:#231f20;
}

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

.opsomming ul{
	float:left;
	list-style:none;
	padding:0;
	height:100px;
	line-height:30px;
	margin:0 auto;
	font-size:16px;
	font-style:italic;
	color:#231f20;
}

.banner-left .offerte-aanvraag{
	float:left;
	padding:0;
	margin-top:44px;
}	
/* einde banner-left */

/* banner-right */
.banner .banner-right{
	width:463px;
	height:360px;
	float:right;
	margin-top:15px;
}

.banner-right h1{
	margin:0 auto;
	padding:0;
}
/* einde banner-right */
/* einde banner */

/* main-content */
/* main-content background */
.main-content-top{
	background-image:url(/images/main-content-top.png);
	background-repeat:no-repeat;
	width:986px;
	height:17px;
	float:left;
	margin-top:58px;
}

.main-content{
	min-height:300px;
	background-color:#e8e1d6;
	width:926px;
	padding-left:30px;
	padding-right:30px;
	float:left;
	padding-bottom:10px;
}

.main-content-bottom{
	background-image:url(/images/main-content-bottom.png);
	background-repeat:no-repeat;
	width:986px;
	height:17px;
	float:left;
}
/* einde main-content background */


/* main-left */
.main-content .left{
	width:500px;
	float:left;
}

.main-content .inleiding{
	float:left;
	width:500px;
	font-size:12px;
	line-height:18px;
	color: #231f20;
	margin-top:20px;
}

.main-content h3{
	padding:0;
	margin:0;
	font-size:16px;
}

.main-content .inhoud{
	font-size:14px;
	width:500px;
	float:left;
	margin-top:88px;
}
/* offerte */
.inhoud .form{
	margin-top:-40px;
	width:300px;
	font-size:12px;
}

.form .text-left{
	float:left;
	line-height:25px;
	margin:0 auto;
}

.form input{
	width:170px;
	height:15px;
	margin-top:5px;
	padding:0;
}

.input-text-right textarea{
	margin-top:5px;
	min-height:100px;
	width:170px;
}

.input-text-right{
	width:150px;
	float:right;
}

.input-text-right .button{
	width:122px;
	height:22px;
}

.inhoud form{
	margin:0;
	padding:0;
}
/* einde offerte */
/* content opsomming */
.main-content .inhoud ul{
	float:left;
	list-style:none;
	font-size:12px;
	line-height:18px;
	width:500px;
	text-align:left;
	padding-left:25px;
	margin-left:-1px;
	margin-top:12px;
	color:#231f20;
	list-style-position:outside;
}

.main-content .inhoud li{
	list-style-image:url(../images/zwarte-circel.png);
	padding-left:10px;
	margin-bottom:16px;
	vertical-align:text-top;
	padding-top:0px;
}

/* einde content opsomming */

.main-content .more-info{
	font-size:12px;
	line-height:18px;
	width:500px;
	text-align:left;
	padding-top:22px;
	padding-bottom:50px;
	color:#231f20;
	float:left;
}

.main-content .more-info-2{
	font-size:12px;
	line-height:18px;
	width:500px;
	text-align:left;
	padding-top:22px;
	padding-bottom:50px;
	color:#231f20;
	float:left;
	font-style:italic;
}

.main-content .more-info a{
	color:#000000;
	text-decoration:underline;
}

/* einde main left */
.main-content .right{
	width:315px;
	float:right;
}

/* main-right */
/* contact */
.right .mini-contact-bg{
	width:315px;
	min-height:100px;
	background-color:#FFFFFF;
	font-size:12px;
	float:right;
}

.right .mini-contact-text{
	width:290px;
	font-size:12px;
	padding-left:27px;
	padding-right:5px;
	line-height:18px;
	color: #231f20;
}

.right .mini-contact-text a{
	color:#bb3771;
}

.right .mini-contact-text a:hover{
	text-decoration:underline;
	color:#bb3771;
}

.right .mini-contact-top{
	width:315px;
	height:20px;
	background-image:url(/images/mini-contact-bg-top.png);
	background-repeat:no-repeat;
	float:right;
}

.right .mini-contact-bottom{
	width:315px;
	height:20px;
	background-image:url(/images/mini-contact-bg-bottom.png);
	background-repeat:no-repeat;
	float:right;
}


.right .mini-contact-bg h4{
	padding:0;
	margin:0;
	font-size:14px;
}

.mini-contact-bg .contact-button{
	width:123px;
	height:22px;
	margin-top:5px;
}
/* einde contact */

/* recente webshops */
.right .recente-webshops-bg{
	width:315px;
	min-height:520px;
	background-color:#FFFFFF;
	font-size:12px;
	float:right;
	color: #231f20;
}

.recente-webshops-bg .titel{
	width:288px;
	margin-left:27px;
	color:#231f20;
}

.recente-webshops-bg .streep{
	background-image:url(../images/recente-webshop-streep.png);
	background-position:left;
	background-repeat:no-repeat;
	width:315px;
	height:9px;
	margin-top:10px;
	margin-left:-10px;
	float:left;
}

.right .recente-webshops-content{
	width:290px;
	font-size:12px;
	margin-left:10px;
}

.right .recente-webshops-top{
	width:315px;
	height:20px;
	background-image:url(/images/mini-contact-bg-top.png);
	background-repeat:no-repeat;
	float:right;
	margin-top:30px;
}

.right .recente-webshops-bottom{
	width:315px;
	height:20px;
	background-image:url(/images/mini-contact-bg-bottom.png);
	background-repeat:no-repeat;
	float:right;
}


.right .recente-webshops-content h4{
	padding:0;
	margin:0;
	font-size:14px;
}

/* webshop afbeeldingen */
.afbeelding-vloer{
	width:290px;
	margin:0;
	height:190px;
	margin-top:35px;
	background-image:url(/images/vloerwebshop.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

.afbeelding-vloer a{
	display:block;
 	width:290px;
	height:190px;
 }

.afbeelding-undertitel{
	margin-top:15px;
	width:290px;
	padding:0;
	font-size:12px;
	text-align:center;
	color:#000000;
}

.afbeelding-undertitel a{
	color:#000000;
}

.afbeelding-undertitel a:hover{
	text-decoration:underline;
	color:#000000;
}

.afbeelding-sneakers{
	width:290px;
	margin:0;
	height:190px;
	margin-top:35px;
	background-image:url(/images/sneakerwebshop.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

.afbeelding-sneakers a{
	display:block;
	width:290px;
	height:190px;
}
/* einde main-right */
	

/* footer */
.footer-container{
	min-height:80px;
	width:956px;
	background-color:#707070;
	float:left;
	padding-left:15px;
	padding-right:15px;
}

.footer-top{
	margin-top:30px;
	height:17px;
	width:986px;
	background-image:url(/images/footer-top.png);
	background-repeat:no-repeat;
	float:left;
}

.footer-container .footer-copyright{
	color:#FFFFFF;
	font-size:12px;
	float:left;
}

.footer-container .right-text{
	float:right;
	color:#FFFFFF;
	font-size:12px;
	margin-right:5px;
}

.footer-container .webwinkelcompany a{
	float:right;
	margin-top:-2px;
	display:block;
	width:163px;
	height:22px;
}