/* ProLiving */
/* 05 2006 @Wesley van Heije */

/* Stylesheet ingedeeld op: */
/* 1. Opbouw van Site */
/* 2. Opbouw van Templates */
/* 3. Opbouw van Contact formulier en clsMailer */

/* Stylesheets worden gewisseld per template */
/* Om kleuren / Achtergrond te wisselen */
@Media Screen
{
/* ============= < Begin Algemene Elements > ============*/

.decostyler
{margin:0;padding:0;}

.decostyler li
{float:left;}
.decostyler li a:link,
.decostyler li a:visited
{padding:3px 15px;display:inline-block;float:left;border:1px solid #000;background:#fff;color:#868f98}
.decostyler li a:hover
{padding:3px 15px;;display:inline-block;float:left;border:1px solid #000;background:#868f98;color:#fff;}

.menu_deco{
position:absolute;top:365px;left:0px;background:transparent url(../images/leefbaarheid.gif) no-repeat;width:228px;height:35px;
}
html>body .menu_deco{
display:none;position:absolute;top:320px;left:0px;background:transparent url(../images/leefbaarheid.gif) no-repeat;width:228px;height:35px;
}

BODY
{
	behavior:url("../style/hover.htc");
	margin: 0px 0px 0px 0px;
	SCROLLBAR-FACE-COLOR: #FFFFFF;
	SCROLLBAR-HIGHLIGHT-COLOR: #065B9C;
	SCROLLBAR-SHADOW-COLOR: #065B9C;
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; 
	SCROLLBAR-ARROW-COLOR: #065B9C; 
  	SCROLLBAR-TRACK-COLOR: #FFFFFF;
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
	/* zorgt ervoor dat er GEEN scroll zichbaar is!*/
	verflow-y: hidden;
	background-color: #081A54;
}
/* Standaard opmaak van TD */
td
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #071A54;
}
/* Standaard HR style */
hr
{
	height: 1px;
	color: #000;
}
/* H1 tags voor titels */
h1
{
	font-size: 14px;
	font-weight: bold;
}
/* H1 tags voor subtitels */
h2
{
	font-size: 12px;
	font-weight: bold;
}
/* Standaard link class */
a:active
{
	font-weight: bold;
	text-decoration: none;
	color: #071A54;
	text-decoration: none;
}
a:link
{
	font-weight: bold;
	text-decoration: none;
	color: #071A54;
	text-decoration: none;
}
a:visited
{
	font-weight: bold;
	text-decoration: none;
	color: #071A54;
	text-decoration: none;
}
a:hover
{
	font-weight: bold;
	text-decoration: underline;
	color: #000;
	text-decoration: none;
}
/* ============= < Einde Algemene Elements > ============*/

/* =============== < 1. Opbouw van Site > ===============*/

/* Eerste tabel voor uitlijning pagina */
.tbl_first
{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	border: 0px;
	vertical-align: middle;
	text-align: center;
	background: url(../images/background.jpg) repeat-x;
	background-position: center;
}
/* Tweede tabel voor daadwerkelijke maat */
/* Tbl_second wordt gewisseld per template */
/* Aparte tbl_second_index voor op de index */
.tbl_second_index
{
	width: 984px;
	height: 588px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px;
	text-align: left;
	vertical-align: top;
	background: url(../images/bg_index.jpg) no-repeat;
}
/* Td waarin het logo + home link staat; linksboven */
.td_logo
{
	width: 165px;
	text-align: center;
	vertical-align: top;
}
/* Transparante image over het logo linksboven */
.img_homelogo
{
	width: 225px;
	height: 70px;
	border: 0px;
}
/* Td voor bovenkant: Logo + Slogan rechtsboven */
.td_top
{

	height: 76px;
	padding: 0px;
	margin: 0px;
}
/* Td voor middenstuk: 3beelden op Index + Templates */
.td_mid
{
	width: 984px;
	height: 428px;
	padding: 0px;
	margin: 0px;
}
/* Td voor onderkant: Slogan linksonder + NAW rechtsonder */
.td_bottom
{
	width: 984px;
	height: 80px;
	padding: 0px;
	margin: 0px;
}
/* Tabel voor NAW gegevens rechtsonder */
.tbl_naw
{
	position: relative;
	float: right;
	width: 450px;
	height: 50px;
	border: 0px;
	padding: 0px;
	margin: 0px;
}
/* Linker td van Tbl_NAW; Company Name, Postcode, Adres */
.td_naw_left
{
	width: 200px;
	font-size: 11px;
	color: #fff;
	padding: 0px 5px 0px 5px;
	text-align: right;
	vertical-align: top;
}
a.naw
{
	font-size: 11px;
	color: #fff;
	font-weight: normal;
}
a.naw:hover
{
	font-size: 11px;
	color: #fff;
	font-weight: normal;
}
/* Linker td van Tbl_NAW; Telefoon, Fax, Email */
.td_naw_right
{
	width: 250px;
	font-size: 11px;
	color: #fff;
	padding: 0px 5px 0px 5px;
	vertical-align: top;
}
/* Tabel voor de 3 knoppen op de index */
.tbl_index
{
	width: 984px;
	height: 428px;
	border: 0px;
	padding: 0px;
	margin: 0px;
}
/* Maat en Uitlijningen van index button */
.td_index_button
{
	width: 328px;
	height: 428px;
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;
}
/* Image voor maat van Index buttons */
.img_index_button
{
	width: 325px;
	height: 425px;
	border: 0px;
}
/* Td voor het menu links */
.td_menu
{
	width: 236px;
	height: 428px;
	text-align: right;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}
/* Td voor maat van de content */
.td_content
{
	width: 595px;
	height: 370px;
	vertical-align: top;
}
/* Tbl_mainmenu voor maat en uitlijning van het hoofdmenu */
.tbl_mainmenu
{
	width: 236px;
	height: 428px;
	vertical-align: top;
	text-align: right;
	border: 0px;
}
/* Td voor Uitlijning van het Hoofdmenu */
.td_mainmenu
{
	width: 228px;
	height: 428px;
	border: 0px;
	vertical-align: top;
	text-align: right;
}
/* Spacer voor rechts van het menu ruimte te laten */
.td_mainmenu_spacer
{
	width: 8px;
	height: 428px;
}
/* Tbl waar daadwerkelijk het menu in staat */
.tbl_menu
{
	width: 228px;
	height: 428px;
	border: 0px;
}
.img_mainbutton
{
	width: 228px;
	height: 35px;
	border: 0px;
}
/* Eerste content tabel met maat en uitlijning */
.tbl_content
{
	width: 984px;
	height: 428px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	text-align: left;
}
.td_template
{
	width: 748px;
	height: 428px;
}
/* link class voor functionele buttons rechts boven */
a.topmenu:active
{
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	text-decoration: none;
}
a.topmenu:link
{
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	text-decoration: none;
}
a.topmenu:visited
{
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	text-decoration: none;
}
a.topmenu:hover
{
	font-weight: bold;
	text-decoration: underline;
	color: #FFD900;
	text-decoration: none;
}
/* =============== < 2. Opbouw van Templates > ===============*/

/* Td voor uitlijning van de breadcrum, boven de content */
.td_content_breadcrum
{
	width: 569px;
	height: 25px;
	vertical-align: top;
	padding: 0px 0px 0px 10px;
}

/* Td in de template voor maat en uitlijning van titels */
.td_title
{
	width: 569px;
	height: 25px;
	font-size: larger;
	font-weight: bold;
}
/* Span class voor opmaak van de breadcrum IN de pagina */
.span_breadcrum
{
	color: #999;
}
/* ID class voor uitlijning sitemap */
ul#sitemap
{
	padding: 0px 0px 0px 5px;
	margin: 0px;
	border: 0px;
	list-style-type: none;
	width: 150px;
}
/* Opmaak en uitlijning van 2de laag van Sitemap */
ul#sitemap ul
{
	padding: 0px 0px 0px 10px;
	margin: 0px;
	border: 0px;
	list-style-type: none;
	width: 150px;
}
/* Td voor maat en uitlijning van sitemap rijen */
.td_sitemap
{
	width: 228px;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	text-align: left;	
}
/* Style van image voor het kiezen van woningcorporatie */
.img_corporatie
{
	width: 173px;
	height: 173px;
	border: 1px solid #071A54;
}
/* Style voor images van nieuwsthumbnails */
.img_nieuws
{
	width: 150px;
	height: 195px;
	border: 1px solid #071A54;
}
/* Style van image voor het kiezen van op de productoverzicht */
.img_productoverzicht
{
	width: 173px;
	height: 173px;
	border: 1px solid #071A54;
	padding: 0px;
}
/* Style van image voor productoverzicht */
.img_product
{
	width: 150px;
	height: 150px;
	border: 1px solid #071A54;
}
/* Style van image voor productoverzicht */
.img_product_groot
{
	width: 240px;
	height: 200px;
	border: 1px solid #071A54;
}
/* Tabel met het productenoverzicht */
.tbl_product_overzicht
{
	width: 720px;
	height: auto;
	border: 0px;
	padding: 0px;
	margin: 0px -10px 0px 0px;
	position: relative;
	top: -5px;
	left: -5px;
}
/* Td met opmaak van de titels boven de producten lijst */
.td_product_title
{
	width: 175px;
	height: 25px;
	text-align: center;
	vertical-align: middle;
	background-color: #071A54;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
/* Td met opmaak van de titels boven de producten lijst */
.td_product_image
{
	width: 175px;
	height: 175px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	text-align: center;
}
/* Td met opmaak van de titels boven de producten lijst groot */
.td_product_image_groot
{
	width: 240px;
	height: 200px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	text-align: center;
}
/* Td met opmaak van de producten lijst */
.td_product_list
{
	width: 170px;
	height: 150px;
	text-align: left;
	vertical-align: top;
	background-color: #fff;
	padding: 5px;
}
/* ID class voor uitlijning product lijst */
ul#product
{
	padding: 0px 0px 0px 15px;
	margin: 0px;
	border: 0px;
	list-style: disc;
	width: auto;
}
/* Link class voor de producten lijst */
a.product:active
{
	text-decoration: none;
	font-weight: bold;
	color: #071A54;
	font-size: 10px;
	line-height: 15px;
}
a.product:link
{
	text-decoration: none;
	font-weight: bold;
	color: #071A54;
	font-size: 10px;
	line-height: 15px;
}
a.product:visited
{
	text-decoration: none;
	font-weight: bold;
	color: #071A54;
	font-size: 10px;
	line-height: 15px;
}
a.product:hover
{
	text-decoration: underline;
	font-weight: bold;
	color: #071A54;
	font-size: 10px;
	line-height: 15px;
}
/* td voor image in producten overzicht (met text rechts) */
.td_product_img
{
	width: 150px;
	height: 175px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	vertical-align: top;
}
/* td voor maat en uitlijning van de text */
.td_product_text
{
	width: 550px;
	height: 150px;
	padding: 5px 10px 5px 10px;
	margin: 0px;
	border: 0px;
	vertical-align: top;
	background-color: #fff;
}
/* td voor maat en uitlijning van de text */
.td_product_text_groot
{
	width: 550px;
	height: 150px;
	padding: 5px 10px 5px 10px;
	margin: 0px;
	border: 0px;
	vertical-align: top;
}
/* Td voor buttons onder elk product item: Lees verder, Verzilveren */
.td_product_buttons
{
	width: 130px;
	height: 18px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	vertical-align: middle;
	text-align: center;
	background-color: #071A54;
}
/* Td voor buttons onder elk product item: Lees verder, Verzilveren */
.td_product_buttons_big
{
	width: 250px;
	height: auto;
	padding: 3px 0px;
	margin: 5px 0px 0px 0px;
	border: 0px;
	vertical-align: top;
	text-align: center;
	background-color: #071A54;
}
/* Extra td tussen de 2 buttons */
.td_product_button_spacer
{
	width: 10px;
	height: 18px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}
/* Td om de buttons aan de linkerkant te houden */
.td_product_buttons_spacer
{
	width: 250px;
	height: 18px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}
/* Link class voor buttons onder de producten uit het overzicht */
a.product_button:active
{
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	font-size: 10px;
}
a.product_button:link
{
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	font-size: 10px;
}
a.product_button:visited
{
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	font-size: 10px;
}
a.product_button:hover
{
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFD900;
	font-size: 10px;
}
.td_propoints_omschrijving
{
	width: 250px;
	height: 25px;
	vertical-align: top;
	padding: 5px 0px 0px 0px;
}
/* kleine Input van contact formulieren */
.input_propoints
{
	width: 220px;
	height: 20px;
	border: 1px solid #000;
}
/* ID class voor uitlijning product lijst */
ul#product_keuze
{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border: 0px;
	list-style: none;
	width: auto;
}
/* ID class voor uitlijning product lijst */
ul#product_keuze li
{
	height: 18px;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	border: 0px;
	list-style: none;
	width: auto;
	background: url(../images/product_stip.gif) no-repeat;
}
/* ================= Enige DIV's in project ================= */
/* ======= Wordt gebruikt voor het scrollen van pagina ====== */
/* ====== En wordt gebruikt voor het printen van pagina ===== */
#div_template
{
	width: 748px;
	height: 428px;
	border: 0px;
	overflow: auto;
	overflow-x: hidden;
}
/* =========== Kleinere div voor pagina in 2 delen =========== */
#div_template_klein
{
	width: 475px;
	height: 418px;
	border: 0px;
	overflow: auto;
}

/* ========== < 3. Opbouw van Contact / clsMailer > ==========*/
.td_omschrijving
{
	width: auto;

	padding: 0px 15px 0px 0px;
}
/* td voor kleine Input van contact formulieren */
.td_input_klein
{
	width: 165px;
	height: 20px;
}
/* kleine Input van contact formulieren */
.input_klein
{
	width: 150px;
	height: 20px;
	border: 1px solid #000;
}
/* Td voor grote Input van contact formulieren */
.td_input_groot
{
	width: 330px;
	height: 25px;
}
/* grote Input van contact formulieren */
.input_groot
{
	width: 315px;
	height: 20px;
	border: 1px solid #000;
}
/* Textarea van contact formulieren */
.textarea
{
	width: 315px;
	height: 75px;
	border: 1px solid #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
/* Span class voor verplichte velden */
.verplicht
{
	font-size: 10px;
	color: #ff0000;
}
/* Maat en uitlijning van verzonden mail */
.tbl_clsmailer
{
	width: 600px;
	height: auto;
	border: 1px solid #fff;
	padding: 10px;
}
/* Maat en uitlijning van linkerkant van verzonden mail */
.td_links
{
	width: 230px;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #071A54;
}
/* Maat en uitlijning van rechterkant van verzonden mail */
.td_rechts
{
	width: 370px;
	text-align: left;
	vertical-align: top;	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #071A54;
}
}
/* Style voor print opmaak */
@media print
{
/* Algemene print style */
BODY
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #fff;
}
/* Div voor uitlijning en maat van content */
#div_template
{
	width: 600px;
	height: auto;
	border: 0px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #fff;
}
/* Div om al het onnodige uit te zetten */
.div_noprint
{
	display: none;
}
.td_breadcrum,
.td_content_breadcrum,
.td_disclaimer
{
	display: none;
}
}

.newsteaser
{
	position:		relative;
	width:			228px; 
	height:			0px;
	top:			0px;
	margin:			0px;
	padding:		0px;
	border:			0px;
	vertical-align: bottom;
}

#floating {
	width:			100%;
	height:			100%;
	position:		relative;
}

#floating div {
	position:		absolute;
	bottom:			110px;
	left:			0;
	border:			0px;
	width:			228px;
	height:			150px;
}

.teasertext{
	color: #000;
}