html {
	height:100%;
	width:100%;
}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	text-align:center;
}

h1 {
	margin: -2px 0 30px  0;
	padding: 0;
}

h2 {
	margin: 15px 0 0  0;
	padding: 0;
}

h3 {
	margin: -5px 0 10px  0;
	padding: 0;
}

h4 {
	margin: -6px 0 10px  0;
	padding: 0;
}

.top {
	position:relative;
	height:50px;
	text-align:center;
	padding:30px 0 10px 0;
}

.logo {
	position:relative;
	height:50px;
	width:129px;
	float:left;
}

.topnav {
	position:relative;
	height:50px;
	width:821px;
	float:right;
}

.topnav .user {
	position:relative;
	float:right;
	height:35px;
	width:821px;
	padding: 0;
}

.topnav .site {
	position:relative;
	float:right;
	height:20px;
	width:821px;
	padding: 0;
}

.header {
	position:relative;
	height:200px;
	text-align:center;
	padding: 0 0 1px 0;
}

.header img {
	position:relative;
}

.nav {
	position:relative;
	height:32px;
	text-align:center;
}

.nav li {
	height:16px;
	margin:0;
}

.nav li a {
}

.main {
	position:relative;
	float:left;
	min-height:300px;
	text-align:center;
	width:100%;
	padding: 30px 0 0 0;
}

.main .left {
	position:relative;
	width:150px;
	float:left;
	margin: 0;
}

.main .middle {
	position:relative;
	width:590px;
	float:left;
	margin: 0 30px 20px 30px;
}

.main .middle.large {
	position:relative;
	width:740px;
	float:left;
	margin: 0 30px 30px 30px;
}

.main .middle .paging 
{
	position:relative;
	float:left;
	width:589px;
	padding: 0;
	display:block;
}

.main .right {
	position:relative;
	width:150px;
	float:left;
}

.main .block {
	position:relative;
	width:138px;
	height:auto;
	padding: 0 5px 5px 5px;
	margin: -10px 0 30px 0;
	text-align:center;
}

.main .block legend {
	padding: 0 5px 5px 5px;
}

.main .block.subnav {
	width:140px;
}

.main .block.slideshow {
	height:350px;
	width:148px;
	padding: 0;
	margin:5px 0 30px 0;
}

.main .block.slideshow div {
	position:relative;
	height:335px;
	width:148px;
}

.bottom {
	position:relative;
	float:left;
	/*height:120px;*/
	height:40px;
	width:100%;
	text-align:center;
}

.logos {
	position:relative;
	/*height: 60px;
	padding:10px 0 10px 0;*/
}

.copyright {
	position:relative;
	float:left;
	width:475px;
}

.footernav {
	position:relative;
	float:right;
	width:475px;
}

.container {
	position:relative;
	margin:0 auto 0 auto;
	width:950px;
	min-height:100%;
	height:auto;
	text-align:left;
	padding: 0;
}

.nav .container {
	width:952px;
}

/* blokken */
.main .block hr {
	margin: 5px 5px 5px 5px;
}

.main .block input.submit
 {
	margin-top:5px;
	width: 70px;
	height: 25px;
}

/* T01 Homepage */
body.homepage .col1 {
	position:relative;
	width:280px;
	float:left;
	margin: 0 30px 0 0;
}
body.homepage .col2 {
	position:relative;
	width:280px;
	float:left;
}

/* T03 Product categorie */
.main .middle .filter {
	position:relative;
	float:left;
	width:589px;
	margin: -25px 0 5px 0;
}

.product-item-container {
	position:relative;
	float:left;
	margin: -15px -15px 5px -15px;
}

.product-item {
	position:relative;
	float:left;
	width:174px;
	height:250px;
	margin: 15px;
	padding: 0;
	text-align: center;
}

.product-item .photo {
	position:relative;
	float:left;
	width:164px;
	height:188px;
	vertical-align: middle;
	padding: 10px 5px 0 5px;
}

.product-item .photo a {
	position:relative;
}

.product-item img {
	position:relative;
	vertical-align: middle;
}

.product-item .title {
	position:relative;
	float:left;
	width:164px;
	padding:0 5px 0 5px;
	text-align: center;
}

.product-item .subtitle {
	position:relative;
	float:left;
	width:164px;
	padding: 0 5px 5px 5px;
	text-align: center;
}

/* T04 Product detail */
body.product .col1 {
	position:relative;
	width:280px;
	float:left;
	margin: 0 30px 0 0;
}

body.product .col2 {
	position:relative;
	width:280px;
	float:left;
}

body.product .price {
	position:relative;
	margin: 0 0 0 0;
}

body.product .color-container {
	position:relative;
	float:left;
	width:280px;
	height:auto;
}

body.product .color-item {
	position:relative;
	float:left;
	margin: 0 10px 5px 0;
	text-align: center;
	padding: 2px;
}

body.product .color-item a {
	position:relative;
	float:left;
}

body.product .brand {
	position:relative;
	float:left;
	width:280px;
	height: 30px;
}

body.product .color-container h4,
body.product .brand h4 {
	margin-top:30px;
}

body.product div.form {
	padding: 15px;
	margin: 30px 0 10px 0;
	position:relative;
}

body.product div.form div
{
	margin: 10px 0 0 0;
}

body.product div.form div span
{
	float:left;
}

/* T05 Login / T06 WW vergeten */
body.login .col1,
body.wwvergeten .col1 {
	position:relative;
	width:379px;
	float:left;
	margin: 0 30px 0 0;
	padding: 0 30px 0 0;
}

body.login .col2,
body.wwvergeten .col2 {
	position:relative;
	width:300px;
	float:left;
}

body.login div.form,
body.wwvergeten div.form {
	padding: 15px;
	margin: 0 0 10px 0;
}

body.login div.form div,
body.wwvergeten div.form div
{
	margin: 10px 0 0 0;
}

body.login div.form div span,
body.wwvergeten div.form div span
{
	float:left;
}

/* T07 WW wijzigen */
body.wwwijzigen .col1 {
	position:relative;
	width:279px;
	float:left;
	margin: 0 30px 0 0;
	padding: 0 30px 0 0;
}

body.wwwijzigen .col2 {
	position:relative;
	width:400px;
	float:left;
}

body.wwwijzigen div.form {
	padding: 15px;
	margin: 0 0 10px 0;
}

body.wwwijzigen div.form div
{
	margin: 10px 0 0 0;
}

body.wwwijzigen div.form div span
{
	float:left;
}

/* T11 Contact */
body.contact .col1 {
	position:relative;
	width:170px;
	float:left;
}

body.contact .col2 {
	position:relative;
	width:539px;
	float:left;
	margin: 0  0 0 30px;;
}

body.contact div.form {
	padding: 15px;
	margin: 0 0 0 0;
}

body.contact div.form div
{
	margin: 10px 0 0 0;
}

/* T16 KLEDINGPAKKET */

div.userselect 
{
	position:relative;
	float:right;
	margin-top:-58px;
}