/* Rentree 2006 */
/* 07 2006 @Wesley van Heije */

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

@Media Screen
{
/* ============== BEGIN STANDAARD ELEMENTS ============== */
BODY
{
	/* behavior:url("../style/hover.htc");  COMMENT: rembert 17-11-2006 verplaatst naar menu_ie6.css */
	SCROLLBAR-FACE-COLOR: #E0E2F1;/* nieuwe kleur 15102006 */
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-3DLIGHT-COLOR: #E0E2F1; 
	SCROLLBAR-ARROW-COLOR: #ffffff; 
  	SCROLLBAR-TRACK-COLOR: #E0E2F1;
	SCROLLBAR-DARKSHADOW-COLOR: #E0E2F1;
	background-color: #fff;
	margin: 0px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}
td
{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 17px;
}
/* Standaard HR style */
hr
{
	height: 1px;
	color: #000;
	width: 98%;
}
/* Standaard h1 voor Titels */
h1
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
}
/* Standaard h2 voor Subtitels */
h2
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
/* Standaard links klasse */
a:link
{
	text-decoration: underline;
	color: #000;
}
a:active
{
	text-decoration: underline;
	color: #000;
}
a:visited
{
	text-decoration: underline;
	color: #000;
}
a:hover
{
	text-decoration: underline;
	color: #0C4A93;
}

/* ============== EINDE STANDAARD ELEMENTS ============== */

/* =============== < 1. Opbouw van Site > =============== */
/* Eerste tabel voor uitlijning pagina */
/* COMMENT: Rembert, 16 nov 2006, firefox fixes: hoogte: auto & margin-left */
.tbl_first
{
	width: 100%;
	height: auto;
	text-align: center;
	margin-left: 5px;   /* Voor IE wordt deze hieronder via * html overruled */
}
* html .tbl_first 
{
    margin-left: 0px;
}
/* Tweede tabel voor daadwerkelijke maat */
.tbl_second
{
	width: 984px;
	height: 588px;
	margin: auto;
}
/* Tweede tabel voor daadwerkelijke maat */
.tbl_breadcrumb
{
	width: 984px;
	height: 20px;
	margin: auto;
	padding: 0px;
}
/* Td om breadcrumbs meer naar rechts uit te lijnen */
.td_breadcrumb_spacer
{
	width: 149px;
}
/* Td voor de breadcrumbs */
.td_breadcrumb
{
	width: 835px;
	height: auto;
	text-align: left;
	vertical-align: top;
	color: #000;
	font-size: 11px;
}
/* Td voor Groene buttons op HomePage - zonder hover */
.td_menu_green
{
	width: 145px;
	height: 145px;
	text-align: left;
	vertical-align: top;
}
/* Td voor Blauwe Buttons op HomePage - zonder hover */
.td_menu_blue
{
	width: 145px;
	height: 145px;
	text-align: left;
	vertical-align: top;
}
/* Td voor Menu spacer op homepage */
.td_menu_spacer
{
	width: 145px;
	height: 145px;
	text-align: left;
	vertical-align: top;
}
/* Td voor Groene buttons */
.td_full_green
{
	width: 145px;
	height: 145px;
	text-align: left;
	vertical-align: top;
	text-indent: 3px
}

/* ===== A: class voor top menu en disclaimer link onderaan ===== */
a.black_link:link,
a.black_link:visited,
a.black_link:active
{
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
a.black_link:hover
{
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
/* ===== A: class voor top menu en disclaimer link onderaan ===== */
a.white_link:link,
a.white_link:visited,
a.white_link:active
{
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
a.white_link:hover
{
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
.zoek_button
{
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-indent: 3px;
}
/* ===== A: class voor breadcrumbs onderaan pagina ===== */
a.breadcrum:link,
a.breadcrum:visited,
a.breadcrum:active
{
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #000;
}
a.breadcrum:hover
{
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #0C4A93;/*  groen weg 1510 */
}
/* Transparante image over het logo linksonder */
.img_homelogo
{
	width: 140px;
	height: 25px;
	border: 0px;
}

/* ===== A: class voor top menu en disclaimer link onderaan ===== */
a.topmenu:link
{
	color: #000;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
a.topmenu:visited
{
	color: #000;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
a.topmenu:hover
{
	color: #000;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
a.topmenu:active
{
	color: #000;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
/* Standaard links klasse */
a.link:link
{
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
a.link:visited
{
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
a.link:active
{
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
a.link:hover
{
	text-decoration: none;
	font-weight: bold;
	color: #0C4A93;
}

/* ===== A: class voor kluswijzer links ===== */
a.klus_video:link,
a.klus_video:visited
{
	text-decoration: underline;
	color: #000;
}
a.klus_video:hover,
a.klus_video:active
{
	text-decoration: underline;
	color: #0C4A93;
}
/* Links voor volgende / vorige in projecten en woning aanbod */
/* Standaard links klasse */
a.aanbod_link:link,
a.aanbod_link:visited,
a.aanbod_link:active
{
	text-decoration: underline;
	color: #E0E2F1;
}
a.aanbod_link:hover
{
	text-decoration: underline;
	color: #E0E2F1;
}
/* Span class voor actieve pagina bij projecten en woning aanbod */
.aanbod_button
{
	font-weight: bold;
	color: #E0E2F1;
}
/* =============== < 2. Opbouw van Templates > ===============*/
/* Tabel voor content gedeelte; Beeld + Tekst */
.tbl_content
{
	/* Tbl_content wordt gewisseld per template */
	/* 1. Rentree_wonen.css			- Blauw
	/* 2. Rentree_zakelijk.css		- Groen
	/* Deze zorgt voor het kaderwerk in het midden */
}
/* Linker td van tbl_content, hierin staat het beeld */
.td_content_left
{
	width: 294px;
	height: 588px;
	vertical-align: top;
	text-align: left;
}
/* Rechter td van tbl_content, hierin staat de tekst */
.td_content_right
{
	width: 294px;
	height: 588px;
	vertical-align: top;
	text-align: left;
	padding: 2px 0px 0px 0px;
}
/* Linker td van tbl_content, hierin staat het beeld */
.td_content_left_3
{
	width: 147px;
	height: 588px;
	vertical-align: top;
	text-align: left;
}
/* Rechter td van tbl_content, hierin staat de tekst */
.td_content_right_3
{
	width: 439px;
	height: 588px;
	vertical-align: top;
	text-align: left;
	padding: 2px 0px 0px 0px;
}
/* Td voor uitlijnen van td_content_4 */
.td_content_top_4
{
	height: 149px;
}
/* Td voor content die 4 kolommen gebruikt en 3 rijen */
.td_content_4
{
	width: 588px;
	height: 439px;
	vertical-align: top;
	text-align: left;
}

.span_content
{
	height: 429px;
}
/* ID class voor uitlijning sitemap */
ul#sitemap
{
	padding: 0px 0px 0px 10px;
	margin: 0px;
	border: 0px;
	list-style-type: none;
}
/* Opmaak en uitlijning van 2de laag van Sitemap */
ul#sitemap ul
{
	padding: 10px 0px 10px 15px;
	margin: 0px;
	border: 0px;
	list-style-type: none;
}
/* Opmaak en uitlijning van 2de laag van Sitemap */
ul#sitemap ul li a
{
	margin: 0px;
	border: 0px;
	list-style-type: none;
	font-weight: normal;
}
.tbl_sitemap
{
	padding: 0px;
	margin: 0px;
}
/* Td voor maat en uitlijning voor de bovenkant van de sitemap */
.td_sitemap
{
	width: 294px;
	height: 149px;
	vertical-align: bottom;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	text-indent: 10px;
	color: White;
}
.td_sitemap_list_left
{
	border-right: 2px solid #fff;
	width: 292px;
	height: 439px;
	vertical-align: top;
	text-align: left;
	background-color: #e3e394; /* #E0E2F1; Licht blauw */
}
.td_sitemap_list_right
{
	width: 278px;
	height: 439px;
	vertical-align: top;
	text-align: left;
	background-color: #e3e394; /* #E0E2F1; Licht blauw */
}
.td_kluswijzer_list_left
{
	border-right: 2px solid #fff;
	width: 282px;
	height: 429px;
	vertical-align: top;
	text-align: left;
	background-color: #e3e394; /* #E0E2F1; Licht blauw */
}

/* COMMENT: rembert 16-11-2006 definities overgezet naar rentree_wonen.css en rentree_zakelijk.css

/* ================== Enige DIV's in project ================== */
/* ========= Wordt gebruikt voor het scrollen van pagina ======== */
/* Div iets kleiner dan td_content_right, waar die in staat */
/* Is voor het aansluiten van de blokken op elkaar in de achtergrond */
/* #div_template
{
	width: 431px;
	height: 576px;
	border: 01px;
	overflow: auto;
	padding: 5px;
	background-color: #e3e394; 
} */

/* Div template voor 3 kolommen en 4 rijen */
/*#div_template_3
{
	width: 431px;
	height: 576px;
	border: 0px;
	overflow: auto;
	padding: 5px;
	background-color: #e3e394; 
} */
/* Div template voor 4 kolommen en 3 rijen */
/*#div_template_4
{
	width: 576px;
	height: 429px;
	border: 0px;
	overflow: auto;
	padding: 5px;
	background-color: #e3e394; 
} */

/* COMMENT: rembert 16-11-2006 tot hier overgezet


/* Div template voor Sitemap */
#div_sitemap
{
	width: 588px;
	height: 439px;
	border: 0px;
	overflow: auto;
	padding: 0px;
	margin: 0px;
	background-color: #e3e394; /* #E0E2F1; Licht blauw */
}
/* Div template voor Sitemap */
#realestate
{
	width: 282px;
	height: 429px;
	overflow: auto;
	padding: 5px;
	margin: 0px;
	background-color: #e3e394; /* #E0E2F1; Licht blauw */
}
#realestate_1
{
	width: 280px;
	height: 135px;
	overflow: auto;
	padding: 5px;
	margin: 0px;
}
/* Div waar de links van de kluswijzers in staan */
.div_kluswijzer
{
	display: none;
	font-weight: normal;
	padding: 10px 0px 10px 15px;
}
/* ========== < 3. Opbouw van Menu > ========== */
/* Opbouw van Menu wordt gedaan vanuit: */
/* 1. Rentree_wonen.css			- Groene / Blauw
/* 2. Rentree_zakelijk.css		- Blauw  / Groen
/* Deze zorgen voor het wisselen van de kleuren */

/* ========== < 4. Opbouw van Contact / clsMailer > ==========*/
.td_omschrijving
{
	width: 294px;
}
.input_klein
{
	width: 120px;
	border: 1px solid #000;
	background-color: #fff;
}
.input_zoek
{
	width: 136px;
	border: 1px solid #000;
	background-color: #fff;
}
.input_groot
{
	width: 248px;
	border: 1px solid #000;
	background-color: #fff;
}
/* Textarea van contact formulieren */
.textarea
{
	width: 248px;
	height: 75px;
	border: 1px solid #000;
	background-color: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/* Verzend knop van contact formulieren */
.verzend
{
	width: 120px;
	border: 1px solid #fff;
	background-color: #C0C2F1; /* was groen: #e3e394 */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000;
}
/* knop voor de zoekopdracht */
.knop
{
	width: 120px;
	height: 20px;
	border: 1px solid #fff;
	background-color: #e3e394; /* #E0E2F1; Licht blauw */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000;
}
.knop_zoek
{
	width: 140px;
	height: 18px;
	border: 1px solid #000;
	background-color: #e3e394; /* #E0E2F1; Licht blauw */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000;
}
.verplicht
{
	font-size: 11px;
	color: #ff0000;
}
/* Maat en uitlijning van verzonden mail */
.tbl_clsmailer
{
	width: 588px;
	height: auto;
	border: 0px;
	padding: 0px;
}
/* Maat en uitlijning van linkerkant van verzonden mail */
.td_links
{
	width: 200px;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding: 5px 0px 5px 10px;
}
/* Maat en uitlijning van rechterkant van verzonden mail */
.td_rechts
{
	width: 388px;
	text-align: left;
	vertical-align: top;	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding: 5px 10px 5px 0px;
}
}
/* Style voor print opmaak */
@media print
{
/* Algemene print style */
BODY
{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #fff;
}
/* Standaard TD */
TD
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
/* Titels */
H1
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}
/* Div voor uitlijning en maat van content */
#div_template
{
	width: 600px;
	height: auto;
	border: 0px;
	padding: 0px;
	margin: 5px;
	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;
}
}