﻿html,body {
	margin: 0 auto;
	padding: 0;
}

html {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}

body {
	border: solid 0px red;
	width: 100%;
	height: 100%;
	/*background: transparent url(/img/bg.jpg) repeat top;*/
	background-color: #eee;
}

b, strong, .bld {
  font-weight: bold;
}

.upp {
  text-transform: uppercase;
}

img, fieldset {
	border: 0;
}

a:link,a:active,a:visited,a:hover { color:blue;text-decoration:none; }

a:hover {
	text-decoration: underline;
}

a:visited {
	
}

ul, form, input, radio, checkbox, textarea { margin:0px;padding:0px; }
ul { margin-top:6px;margin-bottom:6px; }
li { list-style-image:url(/img/ic_arrow.gif);margin-left:18px;margin-top:2px;color:#848b8f;font-weight:bold; }
li a:link,li a:active,li a:visited { text-decoration:none;color:#848b8f;font-weight:bold; }
li a:hover { text-decoration:underline; }

p{  
    padding:0px;
	margin:0px;
	padding-top:0px;
	padding-bottom: 13px;
}

hr {
	border: 0;
	margin: 10px 0;
	height: 1px;
	color: Gray;
	background-color: Gray;
}

input.text, input.frm, input.frm-error, input.frmshort {
	color: #a2a3a7;
	height: 22px;
	border: none;
	background: white url(/img/bg_input.gif) no-repeat top left;
	padding-top: 2px;
	padding-left: 8px;
	width: 121px;
}

input.frm, input.frm-error {
	background: white url(/img/bg_input_long.gif) no-repeat top left;
	width: 187px;
}

select.frm, select.frm-error, textarea.frm, textarea.frm-error {
	width: 195px;
}

input.checkbox {
	border: none;
	margin: 0 5px 0 0;
	padding: 0;
	vertical-align: bottom;
}

/* bof common block--------------------------------------------------------------*/
h1, h2, h3, h4, h5 { margin: 0; padding: 0; }

h1 { margin-bottom: 0px; font-size: 120%; }
h2 { margin-bottom: 0px; font-size: 110%; }
h3 { margin-bottom:  0px; font-size: 105%; }
h4 { margin-bottom:  6px; font-size: 105%; color:#a4acb0; }
h5 { font-size: 102%; }

h1, .h1 {
	font-family: Arial Black, Helvetica Black, Sans-Serif;
	font-size: 14px;
	color: White;
}

h2, .h2 {
	font-size: 12px;
	font-weight: bold;
}

h3, .h3 {
	font-size: 14px;
	font-weight: bold;
	color: white;
}

.clr {
	height: 10px;
	clear: both;
}

div.button {
	float: left;
}

div.button a {
	display: block;
	background-color: #555;
	color: white;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px;
}

input.submit-button, input.submit {
	border: none;
	display: block;
	background-color: #555;
	color: white;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 2px;
	margin: 0 0 0 0;
}

input.submit-left {
	
}

.input_table {
}

/* eof common block--------------------------------------------------------------*/
.container {
	width: 984px;
	margin: auto;
}

/* bof Header block---------------------------------------------------------------*/
.header {
	margin: 15px 0 0 0;
}

.header .top {
	height: 50px;
}

.logo {
	/*width: 183px;*/
	float: left;
	margin-right: 18px;
}

.company-logo {
	float: left;
}

.topNav {
	float: right;
}

.topNav a {
	font-size: 11px;
	color: Black;
}

.separator {
	margin: 5px;
}

.header .middle {
	height: 26px;
	background-color: #333;
}

.header .middle a { /*
	padding:0 30px;
	color:Black;*/
	float: left;
}

.header .middle a.active /*set color of the active/hover link*/ {
	background-color: #ffd904;
}

.header .middle a.hotlink
	/*set color and position of the last(hot) link*/ {
	float: right;
	background-color: #f25c05;
}

.header .bottom {
	height: 20px;
	padding-top: 6px;
	background-color: #dadadc;
}

.header .bottom a, .header .bottom span {
	padding: 0 18px;
	color: Black;
}

.header .bottom span {
	font-weight: bold;
}

/* eof Header block---------------------------------------------------------------*/
	/* bof Banners block--------------------------------------------------------------*/
.banners {
	clear: both;
}

.weekspecials {
	float: left;
	width: 750px;
	height: 312px;
	margin: 0px;
}

.banners .center {
	float: left;
	width: 246px;
}

.banners .right {
	margin-left: 10px;
	width: 220px;
	float: left;
}

/* eof Banners block--------------------------------------------------------------*/
	/* bof Main block-----------------------------------------------------------------*/
.main {
	width: 750px;
	float: left;
	/*margin-right: 10px;*/
}

.main .menu {
	height: 48px;
	background: transparent url(/img/grad_grey_1.gif) repeat-x top left;
}

.main .menu a {
	float: left;
	display: block;
	color: white;
	background: transparent url(/img/separator1.png) no-repeat top right;
	height: 31px;
	padding: 17px 17px 0 7px;
}

.main .menu img {
	float: left;
	display: block;
	padding: 9px 0 0 12px;
	/*padding:18px 20px 0 20px;*/ /*padding:20px 20px 0 20px;*/
}

.main .menu .last {
	background: none;
}

.content {
	
}

.content .left {
	float: left;
	width: 493px;
	margin-right: 10px;
}

.content .left .top, .content .center .top
{
	padding-top:2px;
	padding-left:15px;
	height:23px;
	background-color:#555;
	color:white;
}

.content .center .form
{
	margin:15px;
}

.content .left .top .caption, .caption {
	display: inline;
	float: left;
}

.content .center
{
	background-color: #fff;
	padding: 0px;
}

.archief
{
	display:inline;
	float:right;
}

.archief ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: url(/img/ic_arrow.gif);
	margin-right: 15px;
	margin-top: 2px;
}

.archief a {
	color: white;
}

.news {
	padding-top: 15px;
	background-color: white;
}

.newsblock {
	height: 87px;
	padding: 0 15px 13px 15px;
}

.newsblock .image {
	border: solid 2px #d0d1d3;
	float: left;
	width: 81px;
	height: 81px;
	margin-right: 20px;
}

.newsblock .title {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin-bottom: 6px;
}

.newsblock .content {
	height: 30px;
	margin-bottom: 12px;
}

.content .right {
	width: 246px;
	float: left;
}

.content .right .discount {
	width: 246px;
	height: 124px;
	background-color: #ffd904;
}

.content .right .hotprice {
	position: relative;
	float: left;
	width: 246px;
	height: 124px;
	background-color: #fff;
}

.content .right .hotprice .image {
	position: absolute;
	top: 0;
	right: 0;
	width: 122px;
	height: 124px;
	z-index: 1;
}

.content .right .hotprice .title {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 233px;
	height: 24px;
	padding: 12px 0 0 13px;
	background: transparent url(/img/transparent_grey.png) repeat top left;
	font-size: 14px;
	font-weight: bold;
}

.content .right .hotprice .title a {
	color: white;
}

.content .right .hotprice .content { /*position:absolute;
	bottom:0;
	left:0;*/
	color: #333;
	line-height: 18px;
	width: 105px;
	height: 65px;
	padding: 47px 5px 0 13px;
}

.main .bottom {
	position: relative;
	float: left;
	width: 728px;
	background-color: #333;
	padding: 10px 11px;
	overflow: auto;
}

.main .bottom .offers {
	position: relative;
	float: left;
	width: 345px;
}

.main .bottom .offers ul {
	padding: 0;
	list-style: none;
	list-style-image: url(/img/ic_arrow.gif);
	margin: 0 0 17px 15px;
}

.main .bottom .offers a {
	color: white;
}

.main .bottom .offers .title {
	font-family: Arial Black;
	font-size: 14px;
	color: white;
	padding-bottom: 10px;
}

/* eof Main block-----------------------------------------------------------------*/
	/* bof Right sidebar block--------------------------------------------------------*/
.gradient {
	background: #333333 url(/img/grad_grey_2.gif) repeat-x top left;
	padding: 10px 15px;
	padding-right: 5px;
}

.gradient .h1 {
	margin-bottom: 10px;
}

.rbar {
	width: 224px;
	float: right;
}

.opening {
	/*height: 116px;*/
	overflow: auto;
}

.opening .openingtbl {
	color: #e1e1e1;
	width: 100%;
}

.opening .openingtbl .tddays {
	width: 110px;
	padding-bottom: 2px;
}

.opening .openingtbl .tdhours {
	padding-bottom: 2px;
}

.opening .openingtbl .tdbutton {
	padding-top: 10px;
}

.search {
	height: 58px;
	background: #333333 url(/img/grad_grey_3.jpg) repeat-x top left;
}

.search input.text, .nearestablishment input.text, .bouwdeals input.text, .ibouwmap input.text {
	width: 112px;
	height: 18px;
}

.search .button, .nearestablishment .button {
	margin-left: 0px;
}

.nearestablishment {
	height: 58px;
	background: transparent url(/img/grad_grey_3.jpg) repeat-x top left;
}

.bouwdeals {
	
}

.bouwdeals .top {
	height: 45px;
	background: transparent url(/img/bouwdeals.gif) no-repeat top left;
}

.bouwdeals .middle {
	height: 125px;
	padding: 15px 0 0 15px;
	background: #ed1c24 url(/img/bouwdeals_rightpart.gif) no-repeat top right;
	color: white;
}

.bouwdeals .middle input {
	margin-bottom: 10px;
}

.bouwdeals .bottom {
	height: 45px;
	background-color: white;
	padding: 15px 0 0 15px;
}

.bouwdeals .bottom ul {
	padding: 0;
	list-style: none;
	list-style-image: url(/img/ic_arrowred.gif);
	margin: 0px 0 0 15px
}

.bouwdeals .bottom a {
	color: Black;
}

div.ibouwmap {
	background-color: #f6be05;
	padding-bottom: 10px;
}

div.ibouwmap div.top {
	background-color: white;
}

div.ibouwmap div.middle{
	padding: 15px 0 0 15px;
	background-color: #f6be05;
	color: white;
}

div.ibouwmap div.middle input{
	margin-bottom: 10px;
}

.downloads {
	height: 98px;
	background: transparent url(/img/grad_grey_4.jpg) repeat-x top left;
	color: white;
}

.downloads .cover {
	float: right;
}

.downloads .button {
	margin-top: 10px;
}

.newsletter {
	/*height: 127px;*/
	background: #333333 url(/img/grad_grey_5.jpg) repeat-x top left;
	color: white;
	overflow: auto;
}

.newsletter .button,.newsletter input {
	margin-top: 10px;
}

.newsletter input.text {
	width: 187px;
	background: url(/img/bg_input_long.gif) no-repeat top left;
	float: left;
}

div.input {
	margin-right: 10px;
	float: left;
}

/* bof Right sidebar block--------------------------------------------------------*/
.copyright {
	color: #555;
	font-size: 11px;
	padding-bottom: 50px;
	clear: both;
}

.teaser {
	
}

/* --------------------- Organic styles ----------------*/
.space6 { padding:6px; }
.space12 { padding:12px; }
.spacew12 { padding-left:12px;padding-right:12px; }
.spacet12 { padding-top:12px; }
.spaceb12 { margin-bottom:12px; }

.wtxt,.wtxt a { color:#ffffff; }
.gtxt,.gtxt a { color:#919296; }
.btxt,.btxt a { color:#000000 !important; }
.bgw { background-color:#ffffff; }
.bgb { background-color:#000000; }
.bgg { background-color: #919296; }
.bgy { background-color:#ffd205; }
.bgright { background-color: #ff9c16; }
.bghi { background-color:#fffae6; }
.wline { display:block;border-bottom:1px solid #ffffff;padding-bottom:6px;margin-bottom:6px; }

.error {
	color: #ff9c16;
}

.errormsg {
	display: block;
	width: 230px;
	font-size: 85%;
	color: #ff9c16;
	font-weight: bold;
	/*background: transparent url(/img/arrow_o-b.gif) no-repeat left;*/
	padding-left: 12px;
	text-decoration: none;
}

.btxt,.btxt a { color:#000000 !important; }
a.more:link,a.more:active,a.more:visited,a.more:hover { color:#000000;font-weight:bold;background: transparent url(/img/arrow_b-o.gif) no-repeat left;padding-left:12px;text-decoration:none; }
h4 a.more:link,h4 a.more:active,h4 a.more:visited,h4 a.more:hover { color:#000000;background: transparent url(/img/arrow_b.gif) no-repeat left;padding-left:12px;text-decoration:none; }
h4 { margin-bottom:  6px; font-size: 105%; color:#a4acb0; }

.head { padding-bottom:6px; border-top: 12px solid white;background: white url(/img/dots3.gif) repeat-x bottom; }
.head-bgy { padding-bottom:6px;background: transparent url(/img/dots2.gif) repeat-x bottom; }
.head span,.head-bgy span { display: none; }
h3.head  { padding-bottom:6px;background-image: none; padding-bottom: 0; }

.dots { display:block; }
.dots2 {  }
.block { display:block; padding:5px;}

.paging { padding-top:6px;padding-bottom:6px; }

td.frmrow {
	padding: 4px;
}

.lft { float:left; }
.rght { float:right; }

.adbox { display:block;width:205px;margin:16px;text-align:left; }
.adbox1 { display:block;width:185px; border-left: 5px solid #ffffff; border-right: 3px solid #ffffff;background-color:#f2edd9;padding:6px; }
.adbox2 { display:block;width:186px; border-left: 4px solid #ffffff; border-right: 3px solid #ffffff;background-color:#ddeaea;padding:6px; }

.adbox1 h3, .adbox2 h3 {
	color: #000;
}

.pollresult { display:block;height:6px;background-color:#000000;margin-top:2px; }

.small {
  font-size: 85%;
}

/*------------------------- Custom content */

.customcontent {
	background-color: #fff;
	/*padding-left: 12px;
	padding-right: 12px;*/
	padding-bottom: 10px;
}

.customcontent td {
	vertical-align: top;
}

.customcontent .left{
    margin-right: 10px;
    width: auto;
}
.customcontent .right{
    margin-left: 10px;
    width: auto;
}

.customcontent-text {
			
}

.customcontent-text h1, .customcontent-text h2, .customcontent-text h3 {
	color: black;
}

#pdfblock { background-color: #fffae6; }

#tableofcontents { background: #ffffff  }
#tableofcontents li { list-style-image:url(/img/arrow_b.gif);margin-left:18px;margin-top:5px;color:#000000;font-weight:bold; }
#tableofcontents li a:link,#tableofcontents li a:active,#tableofcontents li a:visited,#tableofcontents li a:hover {
	 color:#000000;font-weight:normal; }

/* flash message pop-up*/
#flash-message {
	position: absolute;
	z-index: 200;
	top: 150px;
	left: 15%;
	width: 521px;
	border: 2px solid black;
	display: none;
	background-color:#ffd205;
}

#flash-message h2, #flash-message a {
	color: #ed1c24;
}

div.text-wrapper {
	background-color: #fff;
	padding: 10px;
	padding-bottom: 0px;
}

div.center div.text-wrapper {
	padding-left: 12px;
	padding-right: 12px;
}