/* Nieuw Kempering */
/* 04 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 */

/* Stylesheets worden gewisseld per template */
/* Om kleuren / Achtergrond te wisselen */

/* =============== < 1. Opbouw van Site > ===============*/
@Media Screen
{
BODY
{
	behavior:url("../style/hover.htc");
	margin: 0px 0px 0px 0px;
	/* #14504E = Donker grijs, voor pijlen / border */
	/* #FE9603 = Oranje, zelfde als achtergrond */
	SCROLLBAR-FACE-COLOR: #FE9603;
	SCROLLBAR-HIGHLIGHT-COLOR: #14504E;
	SCROLLBAR-SHADOW-COLOR: #14504E;
	SCROLLBAR-3DLIGHT-COLOR: #FE9603; 
	SCROLLBAR-ARROW-COLOR: #14504E; 
  	SCROLLBAR-TRACK-COLOR: #FE9603;
	SCROLLBAR-DARKSHADOW-COLOR: #FE9603;
	/* zorgt ervoor dat er GEEN scroll zichbaar is!*/
	verflow-y: hidden;
	background-color: #FE9603;
}
/* Standaard opmaak van TD */
td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}
/* Standaard HR style */
hr
{
	height: 1px;
	color: #000000;
}
/* Standaard H1 voor titels */
h1
{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #145152;
}
/* Standaard H2 voor subtitels */
h2
{
	font-size: 12px;
	font-weight: bold;
	color: #506E6E;
}
/*content index achtergrond*/
.tbl_second
{
	width: 900px;
	height: 600px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image: url(../images/background_content.jpg);
	background-repeat: no-repeat;
}

/* Eerste tabel voor uitlijning pagina */
.tbl_first
{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-align: center;
	vertical-align: middle;
}
/* Tweede tabel voor daadwerkelijke maat */
/* Aparte tbl_second voor alleen de index */
.tbl_second_index
{
	width: 900px;
	height: 600px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}
/* Tweede tabel voor daadwerkelijke maat */
.tbl_wt_a
{
	width: 900px;
	height: 600px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image: url(../images/Type_A.jpg);
	background-repeat: no-repeat;

}
/* Tweede tabel voor daadwerkelijke maat */
.tbl_wt_b
{
	width: 900px;
	height: 600px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image: url(../images/Type_B.jpg);
	background-repeat: no-repeat;

}
/* Tweede tabel voor daadwerkelijke maat */
.tbl_wt_c
{
	width: 900px;
	height: 600px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image: url(../images/Type_C.jpg);
	background-repeat: no-repeat;
}
/* Tweede tabel voor daadwerkelijke maat */
.tbl_wt_p
{
	width: 900px;
	height: 600px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image: url(../images/Type_P.jpg);
	background-repeat: no-repeat;
}
/* Tweede tabel voor daadwerkelijke maat */
.tbl_appartementen
{
	width: 900px;
	height: 600px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image: url(../images/ap_intro.jpg);
	background-repeat: no-repeat;

}
/* Tweede tabel voor daadwerkelijke maat */
.tbl_ap_1
{
	width: 900px;
	height: 600px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image: url(../images/ap_1.jpg);
	background-repeat: no-repeat;

}
/* Tweede tabel voor daadwerkelijke maat */
.tbl_ap_2
{
	width: 900px;
	height: 600px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image: url(../images/ap_2.jpg);
	background-repeat: no-repeat;

}
/* Tweede tabel voor daadwerkelijke maat */
.tbl_ap_3
{
	width: 900px;
	height: 600px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image: url(../images/ap_3.jpg);
	background-repeat: no-repeat;

}
/* Tweede tabel voor daadwerkelijke maat */
.tbl_ap_3b
{
	width: 900px;
	height: 600px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image: url(../images/ap_3b.jpg);
	background-repeat: no-repeat;

}
/* TD_index voor achtergrond op de index pagina */
/* Tijdelijk met Achtergrond; Later flash intro */
.td_index
{
	width: 900px;
	height: 600px;
	border: 0px;
	background: url(../images/background_index.jpg) no-repeat;
}
/* @Wesley: 01062007 */
/* Nieuwe intropagina, ipv Flash */
.td_index_intro
{
	width: 900px;
	height: 600px;
	border: 0px;
	background: url(../images/background_intro.jpg) no-repeat;
}
/* Top td */
.td_top
{
	height: 30px;
}
/* Td voor maat/uitlijning van het menu */
.td_menu
{
	height: 29px;
	vertical-align: top;
}
/* Td voor maat van de content */
.td_content
{
	height: 260px;
	vertical-align: top;
}
/* Top linkerkant van de td_top_image */
.td_top_left1b
{
	height: 254px;
	width: /*768*/900px;
	vertical-align: top;
}
.td_top_contact
{
	height: 254px;
	width: /*768*/900px;
	vertical-align: top;
	background: url(../images/contact.jpg) no-repeat;
}

/* Top linkerkant van de td_top_image info template */
.td_top_left1b2
{
	height: 254px;
	width: 768*px;
	vertical-align: top;
}
/* Top rechterkant van de td_top_image */
.td_top_right1b
{
	height: 253px;
	width: 125px;
	vertical-align: bottom;
	padding: 10px 0px 10px 0px;
}

/* Content linkerkant van de td_content */
.td_content_left1b
{
	height: 260px;
	width: 385px;
	vertical-align: top;
}
/* Content midden van de td_content */
.td_content_mid1b
{
	height: 260px;
	width: 380px;
	vertical-align: top;
	padding: 0px;
}
/* Content rechterkant van de td_content */
.td_content_right1b
{
	height: 260px;
	width: 132px;
	vertical-align: bottom;
}
/* Td voor maat van de onderkant */
.td_bottom
{
	height: 30px;
}
/* Transparante image over het logo rechtsonder */
.img_homelogo
{
	width: 130px;
	height: 65px;
	border: 0px;
	position: relative;
	top: -15px;
	left: 0px;
}
/* title style voor info pagina */

.span_title
{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #145152;
}

/* subtitle voor info pagina */

.span_subtitle
{
	font-size: 1px;
	font-weight: bold;
	text-transform: uppercase;
	color: #145152;
}
/* ===== A: Standaard link class ===== */
a:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
a:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #145152;
	text-decoration: none;
}

/* =============== < 2. Opbouw van Templates > ===============*/
/* Eerste content tabel met maat en uitlijning */
.tbl_content
{
	width: 560px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	text-align: left;
}
/* Span class voor breadcrum rechts boven */
.span_breadcrum
{
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

/* achtergrond voor de informatie pagina*/
.td_infobg
{
	background: url(../images/background_info.jpg);
	width: 900px;
	height: 542px;
	background-repeat: no-repeat;
}
/* ================== Enige DIV's in project ================== */
/* ======= Wordt gebruikt voor het scrollen van pagina ====== */
/* ====== En wordt gebruikt voor het printen van pagina ===== */
/* Div voor het scrollen van de standaard text */
#div_template
{
	width:385px;
	height: 245px;
	border: 0px;
	overflow: auto;
	text-align: justify;
	padding: 5px 5px 0px 0px;
	/* #14504E = Donker grijs, voor pijlen / border */
	/* #34CACB = Lichtblauw, zelfde als CONTENT achtergrond */
	SCROLLBAR-FACE-COLOR: #34CACB;
	SCROLLBAR-HIGHLIGHT-COLOR: #14504E;
	SCROLLBAR-SHADOW-COLOR: #14504E;
	SCROLLBAR-3DLIGHT-COLOR: #34CACB; 
	SCROLLBAR-ARROW-COLOR: #14504E; 
  	SCROLLBAR-TRACK-COLOR: #34CACB;
	SCROLLBAR-DARKSHADOW-COLOR: #34CACB;
}
#div_template_info
{
	width: 385px;
	height: 245px;
	border: 0px;
	overflow: none;
	text-align: right;
	padding: 5px 5px 0px 0px;
	/* #14504E = Donker grijs, voor pijlen / border */
	/* #34CACB = Lichtblauw, zelfde als CONTENT achtergrond */
	SCROLLBAR-FACE-COLOR: #34CACB;
	SCROLLBAR-HIGHLIGHT-COLOR: #14504E;
	SCROLLBAR-SHADOW-COLOR: #14504E;
	SCROLLBAR-3DLIGHT-COLOR: #34CACB; 
	SCROLLBAR-ARROW-COLOR: #14504E; 
  	SCROLLBAR-TRACK-COLOR: #34CACB;
	SCROLLBAR-DARKSHADOW-COLOR: #34CACB;
}
/* Div voor het scrollen van de bovenste text */
#div_template_top
{
	position: relative;
	left: 385px;
	width: 385px;
	height: 150px;
	border: 0px;
	overflow: auto;
	text-align: justify;
	padding: 10px 5px 10px 0px;
	background-color: #34CACB;
	/* #14504E = Donker grijs, voor pijlen / border */
	/* #34CACB = Lichtblauw, zelfde als CONTENT achtergrond */
	SCROLLBAR-FACE-COLOR: #34CACB;
	SCROLLBAR-HIGHLIGHT-COLOR: #14504E;
	SCROLLBAR-SHADOW-COLOR: #14504E;
	SCROLLBAR-3DLIGHT-COLOR: #34CACB; 
	SCROLLBAR-ARROW-COLOR: #14504E; 
  	SCROLLBAR-TRACK-COLOR: #34CACB;
	SCROLLBAR-DARKSHADOW-COLOR: #34CACB;
}
/* Div voor het scrollen van de bovenste text */
#div_template_topinfo
{
	position: relative;
	left: 385px;
	width: 385px;
	height: 230px;
	border: 0px;
	overflow: none;
	text-align: right;
	padding: 10px 5px 10px 0px;
	background-color: #34CACB;
	/* #14504E = Donker grijs, voor pijlen / border */
	/* #34CACB = Lichtblauw, zelfde als CONTENT achtergrond */
	SCROLLBAR-FACE-COLOR: #34CACB;
	SCROLLBAR-HIGHLIGHT-COLOR: #14504E;
	SCROLLBAR-SHADOW-COLOR: #14504E;
	SCROLLBAR-3DLIGHT-COLOR: #34CACB; 
	SCROLLBAR-ARROW-COLOR: #14504E; 
  	SCROLLBAR-TRACK-COLOR: #34CACB;
	SCROLLBAR-DARKSHADOW-COLOR: #34CACB;
}
/* Div voor teaser boven het menu */
div#teaser_top
{
	position: relative;
	top: 30px;
	left: -500px;
	float: left;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
}
/* Div voor teaser linksonder */
div#teaser_bottom
{
	position: relative;
	top: 163px;
	left: 10px;
	float: left;
	filter: alpha(opacity=80);
	-moz-opacity: 0.5;
	opacity: 0.5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	color:#70b652;
}
/* Div voor teaser boven het menu */
div#image_top
{
	position: relative;
	top: -1px;
}
/* ==================== < 3. Opbouw van Menu > ====================*/

/* ==== - Horizontale menu met verticale uitklap! Verschil zit in: */
/* ==== - Breedte van de ul#primary-nav ul */
/* ==== - Display: inline; op eerste UL en eerste LI */

/* Uitlijning / Positie van Menu */
ul#primary-nav,
ul#primary-nav ul
{
	margin:					0px;
	padding:					6px 0px 0px 0px;
	width:					900px;
	display: 				inline;
}

/* Menu items/Background Main Menu */
ul#primary-nav li
{
	position:				relative;
	list-style:				none;
	padding:					0px;
	padding: 				0px;
	margin:					0px;
	text-align:				center;
	display: 				inline;
	width: 					112px;
	border: 					0px;
}
/* Positie, Uitlijning en Opmaak van het hoofdmenu */
ul#primary-nav li a
{
	text-decoration:		none;
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				11px;
	font-weight:			bold;
	padding:					0px;
	border:					0px;
	color:					#fff;
}

/* Positie, Uitlijning en Opmaak van het submenu */
ul#primary-nav ul
{
	width:					128px;
	position:				absolute;
	display:					none;
	padding:					0px;
	top: 						14px;
	left:						-1px;
	border-top:				6px solid #7E3D81;
	background-color: 	#007BA4;
	filter:					alpha(opacity=80);
	-moz-opacity:			0.8;
	opacity:					0.8;

}
/* Padding en uitlijning van Submenu */
ul#primary-nav li ul li a
{
	padding: 				0px;
	text-align: 			center;
	width: 					128px;
	border-bottom:			5px solid #BE7E74;
	border-top:				3px solid #A4964D;
	text-transform:		uppercase;
}
/* Achtergrond kleur voor de hover van het Submenu */
ul#primary-nav li a:hover
{
	color: #FFA914;
}
/* Achtergrond kleur voor de hover van het Submenu */
ul#primary-nav li a.active
{
	color: #FFf;
}
/* Achtergrond kleur voor de hover van het Hoofdmenu */
ul#primary-nav li:hover
{
	color: #fff;
	font-weight: bold;
}

/* ============ 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 > ==========*/
/* Tabel voor het gehele contactformulier */
.tbl_contact
{
	
	border: 0px;
	padding: 0px;
	margin: 0px;
}
/* Td van omschrijving in contactformulier */
.td_omschrijving
{
	width: 140px;
	font-weight: bold;
}
/* Td voor grote Input van contact formulieren */
.td_input_groot
{
	width: 225px;
	height: 25px;
}
/* grote Input van contact formulieren */
.input_groot
{
	width: 220px;
	height: 20px;
	border: 1px solid #000;
}
/* Textarea van contact formulieren */
.textarea
{
	width: 220px;
	height: 75px;
	border: 1px solid #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
/* Verzend knop van contact formulieren */
.verzend
{
	width: 110px;
	height: 20px;
	border: 1px solid #000;
}
/* Span class voor verplichte velden */
.verplicht
{
	color: #ff0000;
	font-size: 10px;
}
/* Maat en uitlijning van verzonden mail */
.tbl_clsmailer
{
	width: 600px;
	height: auto;
	border: 1px solid #000;
	padding: 10px;
}
/* Maat en uitlijning van linkerkant van verzonden mail */
.td_links
{
	width: 200px;
	text-align: left;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	background-color: #34CACB;
}
/* Maat en uitlijning van rechterkant van verzonden mail */
.td_rechts
{
	width: 400px;
	text-align: left;
	vertical-align: top;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color: #34CACB;
}
}
/* 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;
}
}