* {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
ul {
	padding-left: 15px;
}
li {
	list-style: disc;
		
}
html, body{
	height: 100%;
	background-color: #560118;
}

body{
	background: url(/images/backgroundpattern.jpg) repeat-x;
	margin: 0;
	text-align: center;
	font-family: arial;
	color: #706f6f;
	font-size: 13px;
}

h1, h2, h3, h4{
	color: #a8052e;
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 10px;
}

h2{
	font-size: 16px;
	margin-bottom: 7px;
}

h3{
	font-size: 14px;
	margin-bottom: 4px;
}

h4{
	font-size: 12px;
}

p{
	margin-bottom: 5px;
}

/* Set font size of a table to body font size */
table {
	font-size: 13px;
}

div#container {
	background: url(/images/content-background.png) repeat-y;
	position: relative;
	margin: 0 auto;
	width: 1002px;
	text-align: left;
}

div#container-1{
	padding: 0px 20px 0 22px;
	position: relative;
}
div#content-main {
	padding: 6px;
	z-index: 1
}
div#topMenu {
	width: 960px;
	height: 55px;
	position: relative;
	z-index: 100;
}

div#content-main h1{
	/* margin-left: 34px; /* */
}

div#content-main .detail-product-price{
	display: block;
	margin-bottom: 10px;
	font-size: 19px;
	font-weight: bold;
}

div#branding {
	position: relative;
	height: 152px;
	background: white url('/images/photoframes-top.png') top right no-repeat;
}
#photofromes-bottom {
	position: absolute;
	right: 0;
	top: 0;
	width: 276px;
	height: 55px;
	background: white url('/images/photoframes-bottom.png') top right no-repeat;
}

img#branding-logo{
	margin-top: 11px;
	margin-left: 17px;
}

ul#navigation-main{
	height: 35px;
	width: 960px;
	background: url(/images/navigation-main-back.png) repeat-x;
	list-style-type: none;
	padding: 0 0 0 40px;
	margin: 0;
	font-family: arial;
	font-weight: bold;
	font-size: 13px;
}

ul#navigation-main li{
	float: left;
	position: relative;
	display: block;
	height: 35px;
}

ul#navigation-main li a{
	height: 24px; 
	display:block;
	float:left;
	text-decoration: none;
	color: #a8052f;
	padding: 0 9px;
	margin-top: 7px; /* */
	line-height: 24px;
}
		
ul#navigation-main li a:hover{
	color: #ffffff;
	background-color: #a8052f;
	padding: 0 9px;
}

ul#navigation-main li a.active{
	color: #ffffff;
	background-color: #a8052f;
	padding: 0 9px;
}

ul#navigation-main li.active{
	background-color: #a8052f;
	color: #ffffff;
}
ul#navigation-main li.active a{
	color: #ffffff;
}
		
ul#navigation-main li ul{
	list-style-type: none;
	clear: both;
	position: absolute;
	
	top: 35px;
	left: 0px;
	background-color: #a8052f;
	color: #ffffff;
	margin: 0;
	padding: 0;
	width: 150px;
	z-index: 100;
}
ul#navigation-main li ul {
	padding-bottom: 7px;
}

ul#navigation-main li ul li{
	display: block;
	padding: 0;
	margin: 0;
	height: auto;
	float:none;
}

ul#navigation-main li ul li a{
	color: #ffffff;
	display: block;
	float:none;
	height: 24px;
	line-height: 24px;
}

ul#navigation-main li ul li a:hover{
	color: #a8042f;
	background-color: #dddddd;
	display:block;
}

div#navigation-global{
	background-color: #dcdcdc;
	text-align: center;
	color: #525252;
	width: 960px;
	font-size: 10px;
	padding: 4px;
}

div#navigation-global a{
	text-decoration: none;
	color: #525252;
}

div#navigation-global a:hover{
	text-decoration: underline;
}

div.navigation-breadcrumb{
	font-size: 11px;
	padding-bottom: 10px;
	margin-left: 34px;
}
	
div.navigation-breadcrumb span{
	color: #a8052f;
}

div#blocks{
/* 	position: relative; /* */
	height: 220px;
}
	
div#blocks h1{
	font-size: 15px;
	margin-top: 0;
}

div#blocks table{
	float: left;
	margin: 2px;
}

div#blocks table tr td{
	overflow: hidden;
}

div#blocks table tr td.block-top{
	height: 7px;
}

div#blocks table tr td.block-top img{
	display: block;
}
	
div#blocks table tr td.block-left{
	width: 6px;
}
	
div#blocks table tr td.block-left img{
	display: block;
}

div#blocks table tr td.block-content{
	width: 299px;
	vertical-align: top;
}

.block-content-div {
	overflow: hidden;
	margin: 4px;
	background: url(/images/block-gradient.png) repeat-x;
	height: 199px;
	width: 291px;
	padding-left: 15px;
	padding-top: 3px;
}
		
div#blocks table tr td.block-content div h1{
	margin-left: 0;
}

div#blocks table tr td.block-right{
	width: 6px;
}

	div#blocks table tr td.block-right img{
		display: block;
	}

div#blocks table tr td.block-bottom{
	height: 7px;
}

div#blocks table tr td.block-bottom img{
	display: block;
}

div#search{
	position: absolute;
	right: 32px;
	top: 13px;
	border: 1px solid #d6d6d6;
}

div#search input.search-value{
	height: 16px;
	border: none;
}
	
div.frontForm{
	line-height: 140%;
	color: #706f6f;
	width: 521px;
	margin-left: 34px;
}

div.frontForm h2.heading2{
	color: #706f6f;
	font-size: 16px;
}

div.frontForm p{
	color: #706f6f;
	font-size: 14px;
}

div.frontForm label{
	color: #706f6f;
}

div.frontForm input.file{
	font-size: 12px;
}
	
div.frontForm div.clear label{
	width: 150px;
	float: left;
	margin: 0;
	padding: 0;
}

div.frontForm div.clear input.text,
div.frontForm div.clear select.select,
div.frontForm div.clear textarea.textarea{
	float: left;
	width: 371px;
}


div.frontForm div.frontButtonContainer{
	float: right;
}
	
div.group-product{
	height: 245px; 
	border: 1px solid #e4e3e3; 
	background: url(/images/block-product-gradient.png) repeat-x bottom; 
	margin: 8px;
	margin-bottom: 35px;
}

div.group-product-image{
	float:left; 
	text-align: center; 
	height:150px;
	margin: 11px 25px;	
}
div.group-product-image img {
	border: 2px solid white;
}
span.group-product-title{
	margin: 0 25px; 
	display: block; 
	color: white; 
	font-weight: bold; 
	font-size: 10.5pt;
	text-decoration: none;
}

span.group-product-plaats,
span.group-product-oppervlakte,
span.group-product-price{
	margin: 0 25px; 
	display: block; 
	color: white; 
	font-weight: bold; 
	font-size: 7.5pt;
	text-decoration: none;
}

div#group-sort{
	font-size:10px;
	position:absolute;
	right:70px;
	text-align:right;
	top:223px;
}

p#group-description{
	padding-bottom: 20px;
}


div#detail-image-container{
	float: left; 
	height: 326px; 
	width: 508px; 
}

a.btn-conversion{
	width: 181px;
	height: 25px;
	display: block;
	border: 1px solid #d5d3d3;
	background: url(/images/btn-conversion-background.png) repeat-x;
	text-decoration: none;
	margin-bottom: 4px;
	line-height: 25px;
	position: relative;
}
a.btn-conversion img{
	margin-right: 10px;
	margin-left: 8px;
	position:absolute;
	margin-top:3px;
}

a.btn-conversion span{
	position: absolute;
	margin-left: 50px;
}

div#detail-conversion{
	float: left; 
	margin-left: 13px; 
	height: 326px; 
	width: 181px;	
}

div#detail-block-1{
	padding: 12px 0px; 
	height: 350px; 
	border: 1px solid #d5d3d3; 
}

div#detail-block-2{
	margin-top: 12px; 
	width: 883px; 
	/* height: 137px; /* */ 
}

div#detail-block-3{
	border: 1px solid #d5d3d3; 
 	overflow: hidden; 
 	padding: 12px; 
 	width: 883px; 
 	height: 137px; 
}

div.last-viewed-item{
	float: left; 
	width: 214px;
}


ul.tabset{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.tabset li {
	display: inline;
	border: 1px solid  #d5d3d3;
	border-bottom: none;
	color: #706f6f;
	vertical-align: middle;
	height: 26px;
}

ul.tabset li a {
	padding: 0 1em;
	text-decoration: none;
	height: 26px;
}

ul.tabset li a.selected, ul.tabset li a.selected_small {
	padding-bottom: 1px;
	background: #f2f1f1;
}

div.tab-content{
	display: none;
	background-color: #f2f1f1;
	padding: 10px;
	color: #706f6f;
}

div.tab-active{
	display: block;
 	border: 1px solid #d5d3d3; 
 	/* height: 119px; /* */
}

div#home-block2{
	margin-left: 10px;
	line-height: 21px;
}

div#home-block2 h1{
	margin-left: 0;
	margin-top: 18px;
}

div#actueel_aanbod{
	overflow: hidden;
}

div#actueel_aanbod h1{
	margin-bottom: 2px;
}

table#actueel-aanbod tr td.image{
	width: 76px;
}

table#actueel-aanbod tr td.name{
	padding-left: 10px;
}
	
input.submitButton,
input.cancelButton,
input.resetButton{
	background: url(/images/btn-form-small.png) no-repeat center;
	border: none;
	font-size: 11px;
	color: #ffffff;
	width: 102px;
	height: 22px;
	padding-left: 12px;
	text-align: left;
	font-weight: bold;
	cursor: pointer;
}

div#direct-naar a{
	color: #7f7c7c;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	margin:0;
	padding:0;
	clear:both;
}

/*
 * Algemeen
 */
a {
	color: #6d6c6c;
}
a img{
	border: none;
}

.hidden{
	display: none !important;
}

.clear{
	clear: both;
}

div.select {
	float:left;
	clear:left;
	width: 268px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 25px;
	padding: 0 24px 0 8px;
	color: #6d6c6c;
	font: 12px/21px arial,sans-serif;
	background: url(/images/select.gif) no-repeat;
	overflow: hidden;
}

div.select_small {
	float:left;
	width: 130px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	margin-right: 10px;
	border-left: 1px solid #D5D3D3;
	border-bottom: 1px solid #D5D3D3;
	border-right: 1px solid #D5D3D3;
	padding: 0 24px 0 8px;
	color: #6d6c6c;
	font: 12px/21px arial,sans-serif;
	background: url(/images/select_small.gif) no-repeat;
}
select.styled_small {
	position:absolute;
	width:130px;
	filter: alpha(opacity:0);
	opacity: 0;
}
select.styled {
	position:absolute;
	margin-left: -268px;
	width:268px;
	filter: alpha(opacity:0);
	opacity: 0;
}
#oppervlakte {
	left: 140px;
}
#plaatsen {
	left: 0px;
}
hr{
	margin-right: 10px;
	margin-top: 7px;
	margin-bottom: 7px;
	_margin-top: 0;
	_margin-bottom: 0;
	border: 0;
	border-top: 1px solid #d5d5d5;
	height: 2px;
	color: #ffffff;
	background-color: #ffffff;
	width: 266px;
	padding: 0;
	display:block;
}

div.mainContent {
	margin-left: 34px;
	margin-right: 34px;
}

div.mainContent p{
	line-height: 21px;
	margin-bottom: 1em;
}

#photoInLeftFrame {
	position:absolute;
	top:23px;
	left:514px;
	z-index:80;
}

#photoInRightFrame {
	position:absolute;
	top:40px;
	left:710px;
	z-index:80;
}

.login {
	padding: 10px;
}
.reaction-form-div #aanhef-element label{
	float:left; 
	margin-right: 20px;
}
.reaction-form-div dt#voorletters-label {
	clear:left;
}
.reaction-form-div textarea {
	width: 350px;
	height: 150px;
}

.product-attribute-label {
	float:left;
	width: 150px;
}
.product-attribute-value {
	margin-left: 170px;
}
div.mainContent .product-attribute-value p {
	margin: 0;
	line-height: normal;
}

.home-block-swf {
	float:right;
	margin-left: 15px;
	margin-right: 10px;
}

