﻿/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	
	text-align:center;
	background:transparent url(../gfx/repeat.gif) 0px 747px repeat;
	}

table th {
	text-align:left;
	font-weight:bold;
	padding:0 0 0 0;
	}
table td {
	}
	
div.background {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:747px;
	background:transparent url(../gfx/background.gif) 0 0 repeat-x;
	overflow:hidden;
	text-align:center;
	}
	div.background img {
		position:relative;
		margin:0 auto 0 auto;
		position:absolute;
		left:50%;
		margin-left:-510px;
		_width:1020px;
		_height:602px;
		}
img {border:0px solid #000000;}
img, div, span.uZoekt, span.winkels { behavior: url(css/iepngfix.htc);}
	
body, table, th, td, p, input, textarea, select {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 10px 0;
	}
	
a:focus {outline:none;}
a:hover {}
h1 {
	font-size:18px;
	display:block;
	margin:0 0 0 0;
	padding:0 0 15px 0;
	font-weight:normal;
	}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}	

p {margin:0 0 0 0; padding:0 0 15px 0;}
	
ol {}
ul {}
li {}
li li {}

label {
	
	}
	
a.inactiveLink {
	cursor:default !important;
}
	
/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:980px;
	/*height:605px;*/
	text-align:left;
	overflow:hidden;
	}

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
	height:105px;
	background-color:#FFFFFF;
	}
	div.header .logo {
		float:left;
		position:relative;
		top:32px;
		left:13px;
		}
	div.navigatie {
		padding:18px 0 0 0;
		margin:0 0 0 363px;
		width:617px;
		}
	div.navigatie a {
		margin:0 40px 0 0;
	
		float:left
		}
	
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.navigatie {
	
	}
	
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.visual {
	position:relative;
	white-space:nowrap;
	overflow:hidden;
	}
	div.visual img {
		display:block;
		}
	div.visual .storeLogo {
		position:absolute;
		width:236px;
		height:75px;
		bottom:0px;
		right:0px;
		}
	div.visual .storeLogo span{
		background:transparent url(../gfx/logo-back.png) no-repeat top left;
		width:236px;
		height:75px;
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		}
		
div.kop {
	height:80px;
	background:transparent url(../gfx/kop-back.gif) top left repeat-x;
	}
	div.kop h1 {
		color:#AFAFAF;
		padding:0 0 0 25px;
		line-height:55px;
		display:block;
		margin:0 0 0 0;
		}
		
div.slogan {
	background-color:#D70038;
	color:#FFFFFF;
	padding:0 0 0 25px;
	line-height:25px;
	}

/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	background:transparent url(../gfx/footer.gif) bottom left no-repeat;
	width:980px;
	height:25px;
	clear:both;
	}
	.footerTekst {
		line-height:25px;
		display:block;
		height:25px;
		text-align:right;
		padding:0 20px 0 0;
		background:transparent url(../gfx/_footer-back.gif) 230px 8px no-repeat;
		}
	.footerTekst,
	.footerTekst a {
		color:#8C8C8C;
		text-decoration:none;
		}
div.tijdenBack {
	background:transparent url(../gfx/tijden.png) no-repeat top left;
	height:251px;
	position:absolute;
	top:0px;
	right:0px;
	width:236px;
	}	
	
.storeLogo {
	height:90px;
	#height:100px;
	text-align:center;
	}
	
.tijden {
	height:251px;
	#height:241px;
	_height:251px;
	position:absolute;
	bottom:25px;
	right:0px;
	width:236px;
	overflow:hidden;
	}
	.tijden td {padding:0 8px 0 0;}
	.tijden * {position:relative;}
	.margin {
		padding:15px 0 10px 0;
		#padding:5px 0 10px 0;
		_padding:15px 0 10px 0;
		margin:0 20px 0 20px;
		}
.winkelText {
	margin-right:236px;
	position:relative;
	background-color:#004D95;
	padding:15px 25px 10px 25px;
	height:176px;
	height:151px;
	#height:141px;
	_height:151px;
	color:#FFFFFF;
	}
	
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
div.woonexpress .winkelText {background-color:#00778D;}
div.woonexpress .slogan {background-color:#6c307d;}
/**/
div.leenbakker .winkelText {background-color:#004D95;}
div.leenbakker .slogan {background-color:#D70038;}
/**/
div.keukenluxx .winkelText {background-color:#F58426;}
div.keukenluxx .slogan {background-color:#807F83;}
/**/
div.kosmos .winkelText {background-color:#868789;}
div.kosmos .slogan {background-color:#868789;}
/**/
div.prenatal .winkelText {background-color:#47266F;}
div.prenatal .slogan {background-color:#E53845;}
/**/
div.kwantum .winkelText {background-color:#DE8826;}
div.kwantum .slogan {background-color:#53788B;}
/**/
div.takeabreak .winkelText {background-color:#0070B8;}
div.takeabreak .slogan {background-color:#D0383F;}
/**/
div.poggenpohl .winkelText {background-color:#FFFFFF; color:#000000;}
div.poggenpohl .slogan {background-color:#FF7D00;}
/**/
div.stoutenbeek .winkelText {background-color:#FFFFFF; color:#000000;}
div.stoutenbeek .slogan {background-color:#1C5BA2;}
/**/
div.supermeubel .winkelText {background-color:#FFFFFF; color:#000000;}
div.supermeubel .slogan {background-color:#FAC00C;}
/**/
div.montel .winkelText {background-color:#FFFFFF; color:#000000;}
div.montel .slogan {background-color:#FFF200; color:#000000;}
/**/
div.gaaf .winkelText {background-color:#FFFFFF; color:#000000;}
div.gaaf .slogan {background-color:#F26725;}
/**/
div.homeplaza .winkelText {background-color:#A48E59;}
div.homeplaza .slogan {background-color:#E88838;}
/**/
div.lederland .winkelText {background-color:#E38C1A;}
div.lederland .slogan {background-color:#231F20;}
/**/
div.topkeukens .winkelText {background-color:#0054A4;}
div.topkeukens .slogan {background-color:#231F20;}
/**/
div.sanders .winkelText {background-color:#FFFFFF; color:#000000}
div.sanders .slogan {background-color:#2EB457;}
/**/
div.beterbed .winkelText {background-color:#FFFFFF; color:#000000}
div.beterbed .slogan {background-color:#FFF200; color:#000000;}
/**/
div.swisssense .winkelText {background-color:#9C9D9F;}
div.swisssense .slogan {background-color:#E11B24;}
/**/
div.edmon .winkelText {background-color:#FD7B1B;}
div.edmon .slogan {background-color:#0A1C88;}
/**/
div.petertrieling .winkelText {background-color:#CEAA7A;}
div.petertrieling .slogan {background-color:#000000;}
/**/
div.roobol .winkelText {background-color:#055941;}
div.roobol .slogan {background-color:#055941;}
/**/
div.gramo .winkelText {background-color:#999999;}
div.gramo .slogan {background-color:#181EA5;}
/**/
div.lichtenlicht .winkelText {background-color:#F2EB44; color:#000000;}
div.lichtenlicht .slogan {background-color:#000000;}
/**/
div.babydump .winkelText {background-color:#FFFFFF; color:#000000;}
div.babydump .slogan {background-color:#cd052a;}
/**/
div.keukenstudio .winkelText {background-color:#FFFFFF; color:#000000;}
div.keukenstudio .slogan {background-color:#EE3B33;}
/**/
div.kookhuis .winkelText {background-color:#87C6BA;}
div.kookhuis .slogan {background-color:#231F20;}
/**/
div.keukenconcurrent .winkelText {background-color:#FFEC00; color:#000000;}
div.keukenconcurrent .slogan {background-color:#000000; color:#FFFFFF;}
/**/
div.bcc .winkelText {background-color:#0859AA;}
div.bcc .slogan {background-color:#ABC703;}
/**/
div.tuintrend .winkelText {background-color:#993333;}
div.tuintrend .slogan {background-color:#FFCC66;}
/**/
div.mcdonalds .winkelText {background-color:#FFCC00; color:#000000;}
div.mcdonalds .slogan {background-color:#DE1616;}
/**/
div.carpetright .winkelText {background-color:#008685;}
div.carpetright .slogan {background-color:#EA112E;}
/**/
div.superkeukens .winkelText {background-color:#919294;}
div.superkeukens .slogan {background-color:#ec4a45;}

/*######*/
div#winkelThumb {
	position:absolute;
	bottom:0px;
	left:0px;
	width:202px;
	/*height:205px;*/
	height:186px;
	overflow:hidden;
	}

/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
	width:980px;
	overflow:hidden;
	background-color:#FFFFFF;
	/*height:495px; */
	position:relative;14:09 10-10-200814:09 10-10-2008
	}
div.mainContent {
	width:548px;
	float:right;
	min-height:475px;
	_height:475px;
	}
div#onderkant {
	background:transparent url(../gfx_content/onderkant.jpg) bottom right no-repeat;
	width:752px;
	height:157px;
	margin:0 562px 0 216px;
	_margin:350px 562px 0 216px;
	color:#666666;

	}
div.sidebar {
	float:left;
	width:202px;
	background:#D6D525 url(../gfx/green-back.gif) top left no-repeat;
	padding:0 0 10px 0;
	}
div.sidebar a {
	display:block;
	color:#666666;
	line-height:16px;
	padding:0 0 0 20px;
	text-decoration:none;
	background:transparent url(../gfx/green-arrow.gif) 0px 1000px no-repeat;
	overflow:hidden;
	letter-spacing:-1px;
	}
	div.sidebar a:hover,
	div.sidebar a.selected {
		color:#FFFFFF;
		background:#BDBC20 url(../gfx/green-arrow.gif) top right no-repeat;
		}
	
div#winkels {
	margin:0 562px 0 216px;
	background:#CCCCCC url(../gfx/grey-back.gif) top left repeat;
	padding:0 0 10px 0;
	height:475px;
	#height:455px;
	
	_position:absolute;
	_margin:0 0 0 0;
	_padding:0 0 0 0;
	width:202px;
	top:0px;
	left:216px;
	}
	div#winkels a {
		color:#666666;
		line-height:16px;
		padding:0 0 0 20px;
		text-decoration:none;
		background:transparent url(../gfx/green-arrow.gif) 0px 1000px no-repeat;
		overflow:hidden;
		letter-spacing:-1px;
		}
	div#winkels a {
		display:block;
		background:transparent url(../gfx/grey-arrow.gif) 0px 1000px no-repeat;
		}
	div#winkels a:hover,
	div#winkels a.selected {
		color:#FFFFFF;
		background:#ADADAD url(../gfx/grey-arrow.gif) top right no-repeat;
		}
		
		
span.winkels {
	display:block;
	background:transparent url(../gfx/btn-winkels.png) top left no-repeat;
	width:202px;
	height:41px;
	}
span.uZoekt {
	display:block;
	background:transparent url(../gfx/btn-uzoekt.png) top left no-repeat;
	width:202px;
	height:41px;
	}

.categorieTekst {
	background:transparent url(../gfx/gradient.gif) top left repeat-x;
	height:85px;
	padding:15px 10px 0 30px;
	}
.categorieTekst * {
	color:#646464;
	}

/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {
		margin:0px;
		}
.formgrid {
		}
.formGrid td {
		}
.formGrid .nameCell {
	}
.formGrid .inputCell {
		}
input,
select {
	vertical-align:middle;
	}
input.typeText {
	color:#F00;
	font-weight:normal;
	border-top:1px solid #F00;
	border-right:1px solid #F00;
	border-bottom:1px solid #F00;
	border-left:1px solid #F00;
	}
.formGrid input.typeText {
	padding-left:5px;
	}
label {
	vertical-align:middle;
	}
select.select {
	
	}
textarea.textarea {
	
	}


/* ============================================================	*/ 
/* ========	FORMGENERATOR	  	===============================	*/
/* ============================================================	*/ 

.formGenerator,
.errorsummary *,
.formSentMessage li {
	color:#004A8D;
	font-family:Tahoma, Arial;
	font-size:11px;
	font-weight:bold;
	}
.errorsummary * {color:Red;}

.formGenerator td {
	vertical-align:top;
	padding:0 5px 0 0;
	line-height:22px;
	}

.formGenerator input,
.formGenerator label,
.formGenerator textarea,
.formGenerator select {
	display:block;
	clear:both;
	border:1px solid #d0d2cd;
	}

.formGenerator td label {font-weight:normal;}
.formGenerator td td input {}
.formGenerator td td {
	background-color:#d0d2cd;
	}

.formGenerator td td label {
	padding:2px;
	}
.RadioButtonList td {
	padding:3px 3px 0 3px;
	}
.RadioButtonList * {
	text-align:center;
	margin:0 auto;
	}
.CheckBoxList td {
	border:0px solid #000000;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
.CheckBoxList input {
	clear:none;
	float:left;
	margin:8px 0 0 5px;
	#margin:5px 0 0 5px;
	}
.CheckBoxList label {
	margin:0 0 0 20px;
	clear:none;
	}
