/* ZoWonen 2006 */
/* 06 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");
	margin: 0px 0px 0px 0px;
	SCROLLBAR-FACE-COLOR: #ffffff;
	SCROLLBAR-HIGHLIGHT-COLOR: #D1D2D4;
	SCROLLBAR-SHADOW-COLOR: #D1D2D4;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
	SCROLLBAR-ARROW-COLOR: #D1D2D4; 
  	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	background-color: #E6E7E9;
oveflow-x:hidden;
}
td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #002A64;
}
/* Standaard HR style */
hr
{
	height: 1px;
	color: #000000;
}
/* Standaard h1 voor Titels */
h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #002A64;
}
/* Standaard h2 voor Subtitels */
h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
/* Standaard links klasse */
a:link
{
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
a:visited
{
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
a:hover
{
	text-decoration: none;
	font-weight: bold;
	color: #E41736;
}
a:active
{
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
/* link breadcrum */
.td_bread
{
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
	color: #000;
	font-size:11px;
}

.noTextAlign{text-align:left;}


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

/* =============== < 1. Opbouw van Site > =============== */
/* Eerste tabel voor uitlijning pagina */
.tbl_first
{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-align: center;
	vertical-align: top;
}
.tbl_first_td
{
	width: 984px;
	text-align: center;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/background_index.jpg) repeat-y;
}
/* Eerste tabel voor uitlijning pagina */
.tbl_first_index
{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	border: 0px;
}
.tbl_first_index td
{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-align: center;
	vertical-align: middle;
}
/* Tweede tabel voor daadwerkelijke maat */
.tbl_second
{
	width: 945px;
	height: 100%;
	padding: 0px;
	margin: 0px;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
}
/* Tweede tabel voor daadwerkelijke maat */
.tbl_second td
{
	margin-left: auto;
	margin-right: auto;
}
.td_top
{
	width: 945px;
	height: 129px;
	background: url(../images/background_top.jpg) no-repeat;
	text-align: left;
	vertical-align: bottom;
}
/* Transparante image over het logo linksonder */
.img_homelogo
{
	width: 140px;
	height: 25px;
	border: 0px;
}
.td_mainmenu
{
	width: 945px;
	height: 54px;
	text-align: left;
	vertical-align: middle;
}
.td_submenu
{
	width: 945px;
	height: 32px;
	text-align: left;
	vertical-align: middle;
}
.td_menu
{
	width: 945px;
	height: 86px;
}
.search
{
	width: 150px;
	border: 1px solid #E11838;
	background-color: #E6E7E9;
}
.search_button
{
	width: 100px;
	height: 20px;
	border: 0px;
	background-color: #E11838;
	color: #fff;
	text-align: center;
}
.a_search:link,
.a_search:visited,
.a_search:active
{
	color: #fff;
	font-weight: bold;
}
.a_search:hover
{
	color: #000;
	font-weight: bold;
}
.td_teaser
{
	width: 945px;
	height: 45px;
	font-size: 24px;
	text-transform: uppercase;
	color: #fff;
	padding: 0px 0px 0px 10px;
}
.span_teaser
{
	font-size: 30px;
	text-transform: uppercase;
	color: #fff;
}
.td_image
{
	width: 375px;
	height: 280px;
	vertical-align: top;
}
/* ===== A: class voor top menu en disclaimer link onderaan ===== */
a.topmenu:link
{
	color: #E71839;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
a.topmenu:visited
{
	color: #E71839;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
a.topmenu:hover
{
	color: #002863;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
a.topmenu:active
{
	color: #002863;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
/* Td voor maat van de content */
.td_content
{
	width: 570px;
	height: auto;
	vertical-align: top;
	text-align: justify;
}
/* Td om img boven uit te lijnen */
.td_img_spacer
{
	width: 375px;
	height: auto;
}
.img_project
{
	width: 125px;
	height: 100px;
	border: 1px solid #000;
}
/* =============== < 2. Opbouw van Templates > ===============*/
/* Eerste content tabel met maat en uitlijning */
/* Tbl_content verschilt met kleur in aparte templates! */
.tbl_content
{
	width: 945px;
	height: 100%;
	border: 0px;
	padding: 0px;
	margin: 0px;
	background-color: #f68f1e;
}
.tbl_content_blue
{
	width: 945px;
	height: 100%;
	border: 0px;
	padding: 0px;
	margin: 0px;
	background-color: #00B7E6;
}
.tbl_content_green
{
	width: 945px;
	height: 100%;
	border: 0px;
	padding: 0px;
	margin: 0px;
	background-color: #8BCFBA;
}
.tbl_content_yellow
{
	width: 945px;
	height: 100%;
	border: 0px;
	padding: 0px;
	margin: 0px;
	background-color: #FFC424;
}
.tbl_content_purple
{
	width: 945px;
	height: 100%;
	border: 0px;
	padding: 0px;
	margin: 0px;
	background-color: #B18FC2;
}
.tbl_content_grey
{
	width: 945px;
	height: 100%;
	border: 0px;
	padding: 0px;
	margin: 0px;
	background-color: #8CA4D5;
}
.tbl_content_oranje
{
	width: 945px;
	height: 100%;
	border: 0px;
	padding: 0px;
	margin: 0px;
	background-color: #f68f1e;
}
/* Td voor content in tabellen met text links, beeld rechts en HR onder */
.td_tbl_content
{
	width: 408px;
	height: auto;
	vertical-align: top;
}
/* Td om tekst en beeld te scheiden */
.td_tbl_spacer
{
	width: 10px;
}
/* Td voor images in tabellen  met text links, beeld rechts en HR onder */
.td_tbl_image
{
	width: 125px;
	height: auto;
	vertical-align: top;
}
/* 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: 160px;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	text-align: left;	
}
/* ================== Enige 2 DIV's in project ================== */
/* ========= Wordt gebruikt voor het scrollen van pagina ======== */
/* ======== En wordt gebruikt voor het printen van pagina ======= */
#div_template_outer
{
	width: 570px;
	height: 100%;
	border: 0px;
	overflow: auto;
}
/* Aparate bredere div voor het scrollen van het woningaanbod */
#div_template_inner
{
	width: 545px;
}
/* ========== < 4. Opbouw van Menu > ========== */

/* ====================== N O T E ===================== */
/* ================ ZoWonen - 06 / 2006 =============== */
/* horizontaal menu met de uitklap op de Active status! */
/* ====================== N O T E ===================== */

/* Opmaak van tabel om het menu */
.tbl_menu
{
	width: 765px;
	height: 86px;
	border: 0px;
	padding: 0px;
	margin: 0px;
}
/* Uitlijning / Positie van Menu */
ul#primary-nav,
ul#primary-nav ul
{
	margin:					1px 0px 0px 0px;
	padding:					0px;
	width:					auto;
}
/* Menu items/Background Main Menu */
ul#primary-nav li
{
	position:				relative;
	display:					inline;
	list-style:				none;
	padding:					0px;
	margin:					10px 0px 0px 0px;
	border:					0px;
}
/* Positie, Uitlijning en Opmaak van het hoofdmenu */
ul#primary-nav li a
{
	display:					inline;
	text-decoration:		none;
	text-transform:		uppercase;
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				14px;
	font-weight:			normal;
	padding:					5px 10px 0px 10px;
	border:					0px;
	color:					#002A64;
	text-decoration:		none;
	text-align:				right;
}

/* Positie, Uitlijning en Opmaak van het submenu */
ul#primary-nav ul
{
	width:					200px;
	position:				absolute;
	display:					none;
	padding:					10px 0px 10px 0px;
	top: 						0px;
	left:						164px; /* 1px minder dan menu width, houdt rekening met de padding! */
	border:					0px;
	filter:					progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=5);
}
/* Padding en uitlijning van Submenu */
ul#primary-nav li ul li a
{
	padding: 2px 2px 2px 10px;
	text-align: left;
}
/* ACTIVE: Menu items/Background Main Menu */
ul#primary-nav li.active
{
	/* Background-color van Active menu items worden per pagina gewisseld */
	/* Deze worden in de templates; index_<kleur>.asp apart gedefinieerd */
}
/* ACTIVE: Positie, Uitlijning en Opmaak van het hoofdmenu */
ul#primary-nav li a.active
{
	color: 					#fff;
}

/* ============ BEGIN Workaround voor IE bug ============ */
/* IE workaround voor uitklap */
ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block;}
/* Fix IE. Hide from IE Mac */
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* ============ EINDE Workaround voor IE bug ============ */

/* ========== < 4. Opbouw van Contact / clsMailer > ==========*/
.td_omschrijving
{
	width: 150px;
}
/* td voor kleine Input van contact formulieren */
.td_input
{
	width: 260px;
	height: 24px;
}
/* Inputs van Contactformulier(en) */
.input
{
	width: 250px;
	border: 1px solid #E11838;
	background-color: #E6E7E9;
}
.input_klein
{
	width: 90px;
	border: 1px solid #E11838;
	background-color: #E6E7E9;
}
.input_groot
{
	width: 157px;
	border: 1px solid #E11838;
	background-color: #E6E7E9;
}
/* Textarea van contact formulieren */
.textarea
{
	width: 250px;
	height: 75px;
	border: 1px solid #E11838;
	background-color: #E6E7E9;
	font-family: Arial, Helvetica, sans-serif;
}
/* Verzend knop van contact formulieren */
.verzend
{
	width: 250px;
	border: 0px;
	background-color: #E11838;
	color: #E6E7E9;
}
.verplicht
{
	font-size: 11px;
	color: #E11838;
}
/* Maat en uitlijning van verzonden mail */
.tbl_clsmailer
{
	width: 600px;
	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: 400px;
	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: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #fff;
}
/* Standaard TD */
TD
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
/* Titels */
H1
{
	font-family: 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: 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;
}
}