/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 
html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	text-align:center;
	background:transparent url(../gfx/body_line.gif) 0px 140px repeat-x;
	}
	
iframe {
	overflow-x:hidden;
	}
	
* {font-size:12px; font-family:Verdana, Arial; line-height:18px;}
	
img {border:0px solid black;}
	
body, table, th, td, p, input, textarea, select, a {
	color:#032F79;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 10px 0;
	}
	
a {}
a:hover {}
h1 {font-size:14px; line-height:16px;}
h2 {font-size:12px; line-height:13px;}
h3 {}
h4 {}
h5 {}
h6 {}	
p {}
	
ol {}

ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
	}
ul li {
	margin:0 0 0 0;
	padding:0 0 0 8px;
	list-style:none;
	/* background:transparent url(../gfx/li.gif) left no-repeat; */
}
ol {
	margin:0;
	padding-left: 25px;
}
ol li {
	background:none;
}

label {
	}

/* ============================================================	*/ 
/* ========	LINKS  ============================================	*/
/* ============================================================	*/

.ylink {
	color:#CF9400;
	}

/* ============================================================	*/ 
/* ========	GENERAL TABLE LAY-OUT  ============================	*/
/* ============================================================	*/ 

table.table-layout	{
	border-top:1px solid #EAB533;
	border-right:1px solid #EAB533;
	}
table.table-layout th {font-weight:bold;}

table.table-layout th,
table.table-layout td {
	text-align:left;
	padding:0 5px 0 5px;
	background-color:#FFF;
	line-height:15px;
	border-bottom:1px solid #EAB533;
	border-left:1px solid #EAB533;
	}
		
table.table-layout tr.alt td {
	background-color:#FCF6E6
	}

table td {
	padding:1px 3px 1px 0;
	}
	
/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:968px;
	min-height:100%;
	height:100%;
	text-align:left;
	background-color:#FFF;
	}
	/* mozilla hax \*/
html>body #container {
    height:auto;
	}
	/* mozilla hax */
	
div.maincontent {
	margin:0 170px 0 15px;
	padding:20px 0 0 0;
	line-height:14px;
	}
	
div.left {
	width:411px;
	float:left;
	background:transparent url(../gfx/header_logo.gif) 45px 48px no-repeat;
	overflow:hidden;
	}
div.home-lokatie{height:140px;}
div.home-lokatie img {margin-top:95px; margin-left:160px;}
	
div.right {
	width:557px;
	float:left;
	}
	
/* ============================================================	*/ 
/* ========	DOCUMENT OPSLAG KADER	 ============================	*/
/* ============================================================	*/

	
div.print {
	padding-top:25px;
	float:right;
	width:147px;
	}
div.print a {
	color:#666;
	text-decoration:none;
	font-size:11px;
	}
div.print a:hover {
	text-decoration:underline;
	}


/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.breadcrumb {
	color:#95A4BD;
	line-height:12px;
	font-size:10px;
	margin-left:10px;
	height:28px;
	width:547px;
	display:table-cell;
	vertical-align:middle;
	_padding-top:2px;
	overflow:hidden;
	}
	
div.breadcrumb a {color:#95A4BD; text-decoration:none;}
div.breadcrumb a:hover {text-decoration:underline;}

/* ============================================================	*/ 
/* ========	VISUAL		=========================================	*/
/* ============================================================	*/

div.visual,
div.alt-visual,
div.home-visual {
	background-color:#EAB533;
	position:relative;
	height:212px;
	overflow:hidden;
	}
div.home-visual {
	height:361px;
	padding:0 0 0 0;
	}
div.visual img {
	display:block;
	}
div.visual .slogan {
	position:absolute;
	bottom:13px;
	left:20px;
	z-index:200;
	}

div.visual-color {
	font-size:1px;
	background-color:#EAB533;
	position:absolute;
	width:557px;
	top:112px;
	left:0px;
	z-index:100;
	}

div.visual div.visual-color {
	height:100px;
	
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	}
div.home-visual div.visual-color {
	height:100px;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
	}
	
div.alt-visual {height:116px; overflow:hidden;}
div.alt-visual .slogan {display:none}
div.alt-visual .visual-color {height:4px;}

/* ============================================================	*/ 
/* ========	NAVIGATIE		=======================================	*/
/* ============================================================	*/

div.navigatie,
div.home-navigatie {
	background-color:#EAB533;
	margin-left:159px;
	line-height:18px;
	padding:10px 0 10px 0;
	font-size:12px;
	}
div.navigatie span,
div.navigatie a {
	display:block;
	text-decoration:none;
	color:#FFF;
	font-size:12px;
	padding-left:15px;
	}
div.navigatie span {padding-left:15px;}
div.navigatie span span {padding-left:0px;}


div.navigatie span.selected {
	font-weight:bold;
	padding-left:15px;
	background:#DDA721 url(../gfx/navigation_selected.gif) 15px 6px no-repeat;
	}
div.navigatie span.selected span.selected {
	font-weight:bold;
	padding-left:15px;
	background:#DDA721 url(../gfx/navigation_selected.gif) 15px 6px no-repeat;
	}
div.navigatie span.selected span {
	font-weight:normal;
	padding-left:15px;
	}
div.navigatie a {
	padding-left:15px;
	}
div.navigatie a.selected {
	padding-left:15px;
	background:#DDA721 url(../gfx/navigation_hover.gif) 0px 6px no-repeat;
	}

div.navigatie a:hover {
	text-decoration:underline;
	}
	
div.navigatie span span a {font-size:11px;}
div.navigatie a.selected,
div.navigatie span.selected {font-size:12px;}

/* ============================================================	*/ 
/* ========	PAGE-NAV						===============================	*/
/* ============================================================	*/

div.page-nav {
	padding-top:5px;
	}
div.page-nav a {
	color:#666;
	}
div.page-nav a.selected {
	font-weight:bold;
	color:#032F79;
	}

/* ============================================================	*/ 
/* ========	MAIN								===============================	*/
/* ============================================================	*/

div.main {
	background-color:red;
	float:left;
	width:131px;
	position:relative;
	left:28px;
	background-color:#032F79;
	height:249px;
	
	}

div.main a {
	display:block;
	color:#FFF;
	text-decoration:none;
	}

div.main a:hover {
	text-decoration:underline;
	}

div.main .margin {
	margin:14px;
	line-height:14px;
	color:#FFF;
	}
	
/* ============================================================	*/ 
/* ========	WONING-ITEM	=======================================	*/
/* ============================================================	*/
/*
div.woning-item {
	background-color:#F0F0F0;
	border:2px solid #F0F0F0;
	margin-top:10px;
	width:372px;
	overflow:hidden;
	padding-bottom:2px;
	}
div.woning-item img {
	display:block;
	float:left;
	}
	

div.woning-item .content {
	margin-left:149px;

	}

div.woning-item  p {
	margin:0;
	padding:0;
		}
	*/
a.meer,
a.toon {
	display:inline;
	width:auto;
	background:transparent url(../gfx/pijl.gif) no-repeat right center;
	padding-right:8px;
	color:#828282;
	text-decoration:none;
	white-space:nowrap;
	}
a.meer:hover {text-decoration:underline;} 

/* ============================================================	*/ 
/* ========	HOME								===============================	*/
/* ============================================================	*/

div.home-navigatie {
	height:249px;
	min-height:229px;
	_margin:0 0 0 0;
	padding:0 0 0 0;
	}
div.home-navigatie a {text-decoration:none;}

.nieuws-berichten {
	clear:both;
	padding-top:29px;
	margin-left:29px;
	margin-right:45px;
}
a.nlink {
	display:block;
	background:transparent url(../gfx/pijl.gif) no-repeat right center;
	padding-right:8px;
	color:#828282;
	text-decoration:none;
	white-space:nowrap;
	}
a.btn-eigenaren,
a.btn-huurder,
a.btn-relatie,
a.btn-woning {display:block}
a.btn-eigenaren {height:21px; background:transparent url(../gfx/btn_eigenaren.gif) bottom right no-repeat;}
a.btn-eigenaren:hover {height:21px; background:transparent url(../gfx/btn_eigenaren.gif) top right no-repeat;}
a.btn-huurder {height:30px; background:transparent url(../gfx/btn_huurder.gif) bottom right no-repeat;}
a.btn-huurder:hover {height:30px; background:transparent url(../gfx/btn_huurder.gif) top right no-repeat;}
a.btn-relatie {height:22px; background:transparent url(../gfx/btn_relatie.gif) bottom right no-repeat;}
a.btn-relatie:hover {height:22px; background:transparent url(../gfx/btn_relatie.gif) top right no-repeat;}
a.btn-woning {height:21px; background:transparent url(../gfx/btn_woning.gif) bottom right no-repeat;}
a.btn-woning:hover {height:21px; background:transparent url(../gfx/btn_woning.gif) top right no-repeat;}
/*
.home-item {
	width:250px;
	float:left;
	padding-right:10px;
	}

.home-item span {
	display:block;
	margin-left:125px;
	}
.home-item img {
	display:block;
	float:left;
	} */
/* ============================================================	*/ 
/* ========	WERKGEBIED-PAGINAS	===============================	*/
/* ============================================================	*/

a.werkgebied,
span.werkgebied,
a.werkgebied-selected {
	display:block;
	float:left;
	clear:left;
	text-decoration:none;
	position:relative;
	padding-left:10px;
	left:-10px;
	background:transparent url(../gfx/hover_blauw.gif) -100px 3px no-repeat;/* haalt img op */
	}
a.werkgebied:hover {
	background:transparent url(../gfx/hover_blauw.gif) 0px 3px no-repeat;
	}
	
h1.werkgebied {
	display:inline;
	}

/* ============================================================	*/ 
/* ========	FONTS								===============================	*/
/* ============================================================	*/

.font-normal {
	font-size:10px;
	}
.font-large {
	font-size:13px;
	}
.font-xlarge {
	font-size:15px;
	}
.font-normal,
.font-large,
.font-xlarge {
	color:#666;
	}
.font-normal strong,
.font-large strong,
.font-xlarge strong {text-decoration:underline}

/* ============================================================	*/ 
/* ========	FOOTER							===============================	*/
/* ============================================================	*/

div#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:968px;
	clear:both;
	color:#666;
	}
div#footer a {
	text-decoration:none;
	color:#666;
	}
	
html>body #footer {
	top:expression(document.getElementById('container').clientHeight - 25 + "px"); /* IE7 fix */
	}
	
/* ============================================================	*/ 
/* ========	CONTENTBLOCK				===============================	*/
/* ============================================================	*/

div.contentblock {
	width:968px;
	overflow:hidden;
	padding-bottom:20px;
	}

div.sidebar {
	background:transparent url(../gfx/sidebar_line.gif) 0px 0px repeat-x;
	clear:left;
	float:left;
	width:411px;
	}
	/* MOZILLA HAX */
	html>body div.left {
		margin-bottom:0px;
		}
	/* MOZILLA HAX */

/* ============================================================	*/ 
/* ========	PRINT STYLES	  	=================================	*/
/* ============================================================	*/ 
	
.print-footer {
	clear:both;
	color:#666;
	display:none;
	padding-top:20px;
	}
.print-logo {
	display:none;
	}
	
/* ============================================================	*/ 
/* ========	FORMULIEREN		  	=================================	*/
/* ============================================================	*/ 


form {
		margin:0px;
		}
.formgrid {
		}
.formgrid td {
		}
.formgrid .namecell {
	}
.formgrid .inputcell {
		}
input,
select {
	vertical-align:middle;
	}
input {
	color:#032F79;
	font-weight:normal;
	border:0px solid black;
	}
.maincontent input,
.maincontent textarea,
.maincontent select {
	border:1px solid #E5E5E5
	}
input.check {
	border:1px solid #E5E5E5;
	_border:0px solid #000;
	margin-top:1px;	
	}
	
.formgrid input.typetext {
	padding-left:5px;
	}
label {
	vertical-align:middle;
	}
select.select {
	
	}
textarea.textarea {
	}

	
/* TRI-ENNIUM  CSS*/	

body {
	background-position:0 150px;
	}
li {
	background:transparent url(../gfx/li.gif) 0 6px no-repeat;
	}	
	
.maincontent input,
.maincontent textarea,
.maincontent select {
	border:1px solid #a4a4a4;
	}

div.maincontent {
	margin:0 0 0 0;
	padding-left:20px;
	width:100%;
	}
	
div.iframecontent {
	padding-left:0px;
	}
	
div.iframecontent *{
	margin-left:20px;
	}	

div.iframecontent * * {
	margin-left:0;
	}	
	
div.iframecontent iframe {
	width:550px;
	margin-left:0;
	}
	
form.home-search {
	margin-top:13px;
	}
form.home-search input.text {
	width:87px;
	margin-right:3px;
	}
div.print {
	padding-top:25px;
	float:right;
	width:65px;
	}	
div.page-nav a {
	color:#666;
	margin-right:5px;
	}
	
div.left {
	margin-top:10px;
	}
	
div.main {
	overflow:hidden;
	}

div.main * {
	font-size:11px;
	line-height:13px;
	}
	
div.main a  {
	line-height:15px;
	}
	
div.breadcrumb {
	height:38px;
	overflow:visible;
	}
img#header_logo {
	position:absolute;
	top:48px;
	left:45;
	}
	
div#footer {
	position:relative;
	top:40px;
	margin-bottom:40px;	
	}

	
.home-item {  /* ==== home woningheader component  ====*/
	width:260px;
	position:relative;
	height:105px;
	float:left;
	}
	
	.home-item div.img-wrapper{
		float:left;
		width:118px;
		}
	
	.home-item p {
		margin:0;
		padding:0;
		font-size:0.9em;
		}	
	
	.home-item a.toon {
		position:absolute;
		bottom:2px;
		right:10px;
		float:right;
		margin:7px 2px 4px 0;
		display:block;
		}
		
	.home-item img {
		height:75px;
		overflow:hidden;
		width:113px;
		}
		
	
	
	
div.home-navigatie ul {
	padding:7px 0 0 0;
	margin:0;
	}
div.home-navigatie ul li {
	margin-left:0px;
	padding-right:40px;
	height:21px;
	background:none;
	text-align:right;
	}

div.navigatie {
margin-left:156px;
	min-height:229px;
	height:auto !important;
	height:249px;
	}

 div.home-lokatie img {
	margin-top:0;
	margin-left:0px;
	}
	
 div.home-lokatie a {
	position:absolute;
	left:160px;
	top:105px;
	}

div.component-spacing {
	display:none;
	}
	
div.picture-component { /* ==== picture component  ====*/
	margin-bottom:16px;
	width:530px;
	overflow:hidden;
	}
	div.picture-component div.left {
		background-image:none;
		margin:0 13px 2px 0;
		}	
	div.picture-component  div.right {
		float:right;
		width:135px;
		margin-left:8px;
		}
	div.picture-component div.center {
		margin-bottom:5px;
		margin-left:auto;
		margin-right:auto;
		}
	div.picture-component ul {
		margin:0 0 4px 0;
		padding: 0;
		list-style-position:inside;
		}
		
	div.picture-component ul li {
		display:inline-block;
		}
		
	div.picture-component div.body p {
		margin:0 0 15px 0;
		padding:0;
		}

div.file-component { /* ==== file component  ====*/
	margin-bottom:10px;
	}
	
div.sitemap-component { /* ==== sitemap  ====*/
	margin-bottom:10px;
	}
	div.sitemap-component ul {
		list-style-type:none;
		padding: 0 0 0 8px;
		}
		div.sitemap-component ul  li {
			list-style-type:none;
			background:none;
			}		
		div.sitemap-component ul  li a {
			text-decoration:none;
			}
		div.sitemap-component ul.l0 li a {
			font-weight:bold;
			}
		div.sitemap-component ul.l1 li a {
			font-weight:normal;
			}
		div.sitemap-component ul.l0  li.parent {
			background: url(/gfx/pijl_down_7px.gif) 0px 4px no-repeat;
			}
		div.sitemap-component ul.l1  li.parent {
			background: url(/gfx/pijl_down_5px.gif) 0px 6px no-repeat;
			}

div.woning-item {  /* ==== Woning item   ====*/
	width:372px;
	margin-top:10px;
	}
	
	div.woning-item div.content {
		float:left;
		width:220px;
		}
		
	div.woning-item div.preview {
		position:relative;
		float:left;
		width:146px;
		}	
	
	div.woning-item div.visible {
		display:block;
		position:relative;
		}
		
	div.woning-item div.hidden {	
		display:none;
		}
	
	div.woning-item img.enlarge {
		position:absolute;
		left:0;
		top:0;
		cursor:pointer;
		}
		
	div.woning-item p {
		margin:0 0 5px 0;
		padding:0;
		}


div.table-component { /* ==== table component  ====*/
	margin-bottom:10px;
	}

div.href-list-component { /* ==== href list component  ====*/
	margin-bottom:10px;
	}

div.header-component { /* ==== header list component  ====*/
	margin-bottom:10px;
	}	

div.search-results-entry  { /* ==== zoekresultaten  ====*/
	margin-bottom:10px;
	}
	
	div.search-results-entry p {
		margin:0;
		padding:0
		}
	
	div.search-results-entry p b{
		background-color:#E5E5E5;
		}

div.search-results {
	width:450px;
	}		
		
div.mail-a-friend { /* mail a friend */
	width:450px;
	}
	
	div.mail-a-friend fieldset {
		 padding:7px;
		 border:1px #CECECE solid;
		}	
		
	div.mail-a-friend legend {
		padding-bottom:7px;
		}
	
	div.mail-a-friend p {
		margin-top:2px;
		margin-bottom:15px;
		padding-top:0;
		}
	
	div.mail-a-friend h3 {
		margin:10px 0 1px 0;
		font-weight:bold;
		}
		
div.clear {
	clear:both;
	}


form div p {
	padding:0;
	margin:0 0 4px 0;
	}

form  input ,select {
	}
form input.radio {
	border:0;
	margin-bottom:0;
	}
	
 form input.checkbox  {
	border:0;
	margin-bottom:0;
	margin-right:7px;
	}

	
div.forms-and-response-selection-0,
div.forms-and-response-selection-1,
div.forms-and-response-selection-2,
div.forms-and-response-selection-3,
div.forms-and-response-selection-4,
div.forms-and-response-selection-5 {
	margin-bottom:10px;
	}	
	
div.forms-and-response-text-0,
div.forms-and-response-text-1,
div.forms-and-response-text-2,
div.forms-and-response-text-3,
div.forms-and-response-text-4,
div.forms-and-response-text-5 {
	margin-bottom:10px;
	}
	
form div label {
	margin-right:9px;
	}
	
form div br {
	line-height:0px;
	}
input.text {
	width:100px;
	}
input.submit {
	margin-top:20px;
	}
	
div.invalid label {
	color:red;
	}
	
input.next {
	}

input.prev {
	margin-right:13px;
	}	
		
	
input.disabled {
	color:gray;
	}

form {
	padding-bottom:12px;
	}
	
div.download-list-component { /* ==== folderlijst  ====*/
	margin-bottom:10px;
	margin-top:20px;
	}	
	
	div.download-list-component  ul {
		list-style-type:none;
		list-style-image:none;
		display:block;
		width:450px;
		}
	
	div.download-list-component  ul li {
		background:none;
		width:100%;
		height:23px;
		border-bottom:1px #E5E5E5 solid;
		}
	div.download-list-component .icon {
		margin-right:7px;
		width:20px;
		}
		
	div.download-list-component  ul li span{
		float:left;
		}	
		
		div.download-list-component ul li a{
			float: right;
			margin-left:4px;
			}

div.prewoonpakket { /* ==== Pre Woonpakket  ====*/ 
	margin:0;
	padding:0;
	}

	div.prewoonpakket div.page-nav{ /* ==== Pre Woonpakket  ====*/ 
		margin:0 0 25px 0;
		}	
		
	div.prewoonpakket form {
		margin:0 0 25px 0;
		padding:0;
		}
	
	div.prewoonpakket .table-layout {
		margin-bottom:7px;
		}
	
	div.prewoonpakket .legend{
		text-align:right;
		}
		
	div.prewoonpakket form label {
		padding-right:25px;
		}
		
	div.prewoonpakket .text {
		width:153px;
		}	
	
div.home-visual .slogan {
	position:absolute;
	top:150px;
	left:20px;
	z-index:200;
	}
	
div.home-visual div.visual-color {
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	}