/*============================================================
===== Basic Html-tags ========================================
===========================================================\*/

html {
	overflow: -moz-scrollbars-vertical;
	}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background:#FFFFFF url(../images/back.jpg) repeat-x fixed;
	color:#000;
	}
table tr td, p, h1, h2, h3 {
	color:#FFFFFF;
	}
	
td {
	height:1px;
	text-align:left;
	vertical-align:top;
	}
	
a {
	text-decoration:none;
	color:#FFFFFF;
	}
	a:hover {
		text-decoration:underline;
		}
	a img {
		border:none;
		}
h1 {
	padding:0px;
	margin:0px;
	font-weight:normal;
	}
h2 {
	font-size:12px;
	}
h3 {
	font-size:16px;
	}
	
/*============================================================
===== Common Classes =========================================
===========================================================\*/
	
div.tableLine {
	background-color:#FFF;
	display:block;
	margin-top:20px;
	width:991px;
	border:#d1d1d1 solid 1px;
	position:relative;
	}

a.rechtsTerug,
a.linksTerug  {
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
	
	width:25px;
	height:25px;
	
	bottom:130px;
	left:46%;
	background:transparent url(../images/back_arrow.gif) top left no-repeat;
	}
a.rechtsTerug {
	left:95%
	}
	
table.mainTable {
	width:991px;
	}
	table.mainTable tr td {
		width:50%;
		margin:0;
		padding:0;
		}
	table.mainTable td.tdNav,
	table.mainTable td.tdWonenBruin,
	table.mainTable td.tdWonenGrijs,
	table.mainTable td.tdSlapenGrijs,
	table.mainTable td.tdSlapenBlauw,
	table.mainTable td.tdContentBruin,
	table.mainTable td.tdContentBlauw,
	table.mainTable td.tdContentLichtBlauw,
	table.mainTable td.tdContentGrijs,
	div.QuickLink{
		padding:15px 50px 10px 15px;
		}

.divPictureTable{
	margin:-5px -5px -5px -5px;
	overflow:hidden;
	width:487px;
	}
	
.tdNav {
	background-color:#72a4bD;
	font-size:14px;
	}
	.tdNav a {
		line-height:29px;
		padding-right:20px;
		}

/*============================================================
===== Kop + Content ==========================================
===========================================================\*/

h1,
.tdWonenBruin,
.tdWonenGrijs,
.tdSlapenGrijs,
.tdSlapenBlauw{
	font-size:29px;
	}

.tdWonenBruin {background-color:#cfb143;}
.tdWonenGrijs {background-color:#d1d1d1;}
.tdSlapenGrijs {background-color:#d1d1d1;}
.tdSlapenBlauw {
	background-color:#99d9e8;
	color: #CCC;
}


.tdContentBlauw,
.tdContentBruin,
.tdContentGrijs,
.tdContentLichtBlauw{
	line-height:25px;
	font-size:15px;
	}

.tdContentBlauw {background-color:#00adc4;}
.tdContentBruin {background-color:#cfb143;}
.tdContentGrijs {
	background-color:#d1d1d1;
	color: #000;
}
.tdContentLichtBlauw {background-color:#99d9e8;}
/*============================================================
===== --7xdivtag 03-02-2012------------ =========================================
===========================================================\*/



p {
	margin-top: 12px;
	margin-left: 12px;
	margin-right: 12px;
}

ul.links  {
	float: left;
	width: 100%;
	padding: 0px;
	margin-top: 5px;
	margin-left: 5px;
	list-style-type: none;
}

a.links {
	float: left;
	width: 6em;
	text-decoration: none;
	color: white;
	background-color: #808080;
	padding: 0.2em 0.6em;
	border-right: 1px solid white;
}

a:hover.links {
	background-color: #c8c8c8;
}
li {
	display: inline;
}

span {
	float: left;
	width: 0.7em;
	font-size: 400%;
	font-family: algerian, courier;
	color: #cc0000;
	line-height: 80%;
}

span.i {
	float: center;
	width: 0.5em;
	font-size: 400%;
	font-family: algerian, courier;
	line-height: 80%;
}



p {
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 15px;
}

.thumbnail {
	float: right;
	width: 100px;
	border: 1px solid #999;
	margin: 0 30px 30px 0;
	padding: 0px;
}

.clearboth {
	clear: both;


p {
	margin-top: 12px;
	margin-left: 12px;
	margin-right: 12px;
}

ul.links  {
	float: left;
	width: 100%;
	padding: 0px;
	margin-top: 5px;
	margin-left: 5px;
	list-style-type: none;
}

a.links {
	float: left;
	width: 6em;
	text-decoration: none;
	color: white;
	background-color: #808080;
	padding: 0.2em 0.6em;
	border-right: 1px solid white;
}

a:hover.links {
	background-color: #c8c8c8;
}
li {
	display: inline;
}

span {
	float: left;
	width: 0.7em;
	font-size: 400%;
	font-family: algerian, courier;
	color: #cc0000;
	line-height: 80%;
}

span.i {
	float: left;
	width: 0.5em;
	font-size: 400%;
	font-family: algerian, courier;
	line-height: 80%;
}






.tdTitel{
	color:#000;
	background-color:#FFF;
	}

table.pictureTableGrijs, table.pictureTableBlauw, table.pictureTableBruin, {
	background-color:#FFF;
	width:492px;
	}
	table.pictureTableGrijs td, table.pictureTableBlauw td, table.pictureTableBruin, td {
		color:#000000;
		margin:0;
		padding:0;
		}
table.pictureTableBruin td {background-color:#cfb143;}
table.pictureTableGrijs td {background-color:#d1d1d1;}
table.pictureTableBlauw td	{background-color:#99d9e8;}

.content {
	color:#000;
	}

table.mainTable td.introWonen,
table.mainTable td.introSlapen{
	padding:15px 50px 15px 15px;
	}

.introWonen {background:#F90000 url(../images/intro_wonen.gif) top right no-repeat;}
.smalintroWonen {background:#F90000 url(../images/intro_wonen_smal.gif  )  top right no-repeat;}
.introSlapen {background:#ECE446 url(../images/intro_slapen.gif) top right no-repeat;}
.nieuwsBrief {color:#000000;font-size:12px;}
.nieuwsBrief.input{color:#eaeaea;}

/*============================================================
===== Advanced Classes =======================================
===========================================================\*/

.service{font-size:10px; line-height:normal;} /* Service pagina tekstgrootte aanpassing \*/
.algemeen, .koopzondag, .openingstijden, .contact, .onzewinkels{line-height:normal;font-size:12px;} /* Algemeen \*/

td.introKop {
	text-align:center;
	font-size:24px;
	color:#1186af;
	}
.stijlBG {
	background:#d1d1d1 url(../images/back_stijl.jpg) repeat-y
	}