/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	text-align:center;
	scrollbar-face-color: #ddd; 
	scrollbar-highlight-color: #FFF; 
	scrollbar-shadow-color: #aaa; 
	scrollbar-3dlight-color: #aaa; 
	scrollbar-arrow-color:  #666; 
	scrollbar-track-color: #FFF; 
	scrollbar-darkshadow-color: #FFF;
}
	
img, div, a, span{ behavior: url(css/iepngfix.htc); }
	
body, table, th, td, p, input, textarea, select {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	line-height:18px;
	}
	
	
h1, h2, h3, h4, h5 {
	margin:0 0 10px 0;
	}
	
	
	
a { text-decoration:none;
outline:0px;
}
a:hover {}
img{border:0px none;}


	
p {	margin:0 0 10px 0;}

ul{margin:0px;}
li{margin-left:10px; list-style-position:inside;}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:980px;
	min-height:100%;
	#height:100%;
	text-align:center;
	background:transparent;
}
	/* mozilla hax \*/
html>body #container {
    height:auto;
	}
	/* mozilla hax */

#home {background:#fff url('../gfx/BG-right_dubbel.gif') repeat-x;}
#home .leftblock{width:654px;height:710px;}

#home .mainContent{width:260px;_width:285px;}/*-60*/

#bedrijf{background:#fff url('../gfx/BG-right_enkel.gif') repeat-x;}
#bedrijf .leftblock{width:448px;height:844px;}



#contact{background:#fff url('../gfx/BG-right_enkel.gif') repeat-x;}
#contact .leftblock{width:448px;height:844px;}


#categorie {background:#fff url('../gfx/BG-right_enkel.gif') repeat-x;}
#categorie .leftblock{width:448px;height:630px;}



div.bgleft{
position:absolute;
top:0px;
left:-490px;
	background:#b2b2b2 url('../gfx/BG-left.gif') repeat-x;
	height:100%;
	width:50%;
}
/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/
div.flashblock{
		width:654px;
		height:709px;
		position:absolute;
		top:0px;
		left:0px;
		z-index:10;
		}


div.leftblock{
	position:relative;
	float:left;
	background: #FFF url('../gfx/huipen_visual.jpg') no-repeat 0px 131px;
}

div.mirror{
	position:absolute;
	bottom:0px;
	right:0px;
	height:289px;
	width:288px;
	background:url('../gfx/totaalaanbod_big.png');
}
div.mirror2{
	position:absolute;
	bottom:152px;
	right:0px;
	height:135px;
	width:288px;
	background:url('../gfx/totaalaanbod_08.png');
	z-index:100;
}

div.newsmirror{
	position:absolute;
	bottom:0px;
	right:0px;
	height:135px;
	width:288px;
	/*background:url('../gfx/totaalaanbod_08-news.gif');*/	
	z-index:100;
	text-align:left;
	color:#fff;
}
div.newsmirrorbg{
	position:absolute;
	bottom:0px;
	right:0px;
	height:135px;
	width:288px;
	background:url('../gfx/totaalaanbod_08-news.png');	
	z-index:99;
}


div.newsblock{
	margin:75px 0 0 30px;
	height:55px;
	width:248px;
	cursor:hand;
	overflow:hidden;
}

b.datum{
font-weight:normal;
color:#00adef;
font-size:9px;
float:right;
white-space:nowrap;
}
div.newsblock a{
line-height:15px;
display:block;
float:left;
font-weight:normal;
color:#FFF;
font-size:11px;
width:160px;
/*height:20px;*/
overflow:hidden;
}

a.nieuwsLink {
	position:absolute;
/*	top:27px;
	left:30px;*/
	top:604px;
	left:475px;
	#left:535px;

	width:210px !important;
	height:36px;
	z-index:999;
	}



div.mirrorwhite{
	position:absolute;
	bottom:0px;
	left:0px;
	height:214px;
	width:448px;
	/*background:url('../gfx/totaalaanbod_white.png');*/
}

div.mirrorsmall{
	position:absolute;
	top:351px;
	right:-87px;
	height:214px;
	width:214px;
	background:url('../gfx/totaalaanbod_small.png');
}





div.overlay{
	position:absolute;
	bottom:0px;
	_bottom:-1px;
	left:0px;
	height:79px;
	width:366px;
	background:#fff;
	z-index:100;
	top: 630px;
}





div.rightblock{
	position:relative;
	float:left;
	/*height:100%;*/
	background:#00adef;
	background:transparent;
	text-align:left;
	margin-bottom:50px;

}
div.logo{
	height:131px;
	background:#FFF url('../gfx/hille_logo.gif') no-repeat;}
}

#home .logo{
	position:absolute;
	top:0px;
	left:0px;
	height:131px;
	width:654px;
	background:#FFF url('../gfx/hille_logo.gif') no-repeat;
	z-index:100;
	}
	
div.topnav{
	height:131px;
	width:376px;
	background:#00adef;
	}
div.topnavmenu{
	height:82px;
	width:100%;
	background:#000;
	}
	
/* ============================================================	*/ 
/* ========	TOPNAVIGATIE			===============================	*/
/* ============================================================	*/
div.topnav{
	height:131px;
	width:100%;
	overflow:hidden;
	background:#00adef;
	background:transparent;

	}
div.topnavmenu{
	padding:65px 0px 0px 15px;
	height:17px;
	_height:85px;
	width:100%;
	background:#000;
	background:transparent;

	}
div.topnavmenu a{
	float:left;
	height:8px;
	overflow:hidden;
	display:block;
	}
	
a.home{width:34px;background:url('../gfx/home.gif') 0px 8px;}
a.wat{width:80px;background:url('../gfx/wat-we-doen.gif') 0px 8px;}
a.werken{width:69px;background:url('../gfx/werken-bij.gif') 0px 8px;}
a.contact{width:55px;background:url('../gfx/contact.gif') 0px 8px;}
a.over{width:61px;background:url('../gfx/over-ons.gif') 0px 8px;}
a.nieuws{width:44px;background:url('../gfx/nieuws.gif') 0px 8px;}
a.huipen{width:117px;background:url('../gfx/naarhuipenwebsite.gif') 0px 8px;}


div.topnavmenu a:hover{
background-position:0 0;
}
/* ============================================================	*/ 
/* ========	NAVIGATIE SUB			===============================	*/
/* ============================================================	*/
div.subnav{
position:relative;
float:left;
width:91px;
height:150px;
color:#f00;
margin-top:94px;

}
div.subnav a{
text-align:right;
display:block;
	font-size:10px;
	color:#9b9b9c;
	line-height:18px;
	text-transform:uppercase;
	}



/*div.spacer{
position:relative;
width:91px;
height:94px;
border:1px solid green;
}
*/
/* ============================================================	*/ 
/* ========	NAVIGATIE BIG			===============================	*/
/* ============================================================	*/

div.navigatie {
	position:absolute;
	top:131px;
	left:0px;
	height:291px;
	background:#00adef;
	border:#fff 1px solid;
	z-index:10;
	width:284px;
	}
	
	

div.navigatie a{
	display	:block;
	width:256px;
	_width:284px;
	float:left;
	cursor:hand;
	border:7px solid #00adef;
	border-bottom:0px;
	padding:7px;
	background:#00adef;

}

div.navigatie a:hover{
	background:#2bc4ff ;
}



div.navigatie span{
	position: relative;
	display: block;
	
}
div.navigatie img{
	padding-top:7px;
	
}



a.woningcorporaties span{height:33px;background:#00adef url('../gfx/txt-woningcorporaties.png') no-repeat;}
a.woningcorporaties:hover span{background:#2bc4ff url('../gfx/txt-woningcorporaties.png') no-repeat;}

a.zorg span{height:15px;background:#00adef url('../gfx/txt-zorg.png') no-repeat;}
a.zorg:hover span{background:#2bc4ff url('../gfx/txt-zorg.png') no-repeat;}

a.vereningen span{height:15px;background:#00adef url('../gfx/txt-vereningen.png') no-repeat;}
a.vereningen:hover span{background:#2bc4ff url('../gfx/txt-vereningen.png') no-repeat;}

a.winkelbedrijven span{height:15px;background:#00adef url('../gfx/txt-winkelbedrijven.png') no-repeat;}
a.winkelbedrijven:hover span{background:#2bc4ff url('../gfx/txt-winkelbedrijven.png') no-repeat;}

a.monumenten span{height:15px;background:#00adef url('../gfx/txt-monumenten.png') no-repeat;}
a.monumenten:hover span{background:#2bc4ff url('../gfx/txt-monumenten.png') no-repeat;}


a.glasschade span{height:61px;background: url('../gfx/glasschade.gif') no-repeat;}
a.glasschade:hover span{background:url('../gfx/glasschade-o.gif') no-repeat;}





div.quote_top{
	position:absolute;
	top:-48px;
	left:-110px;
	width:110px;
	height:101px;
	background:transparent url('../gfx/quote_top.gif');
	z-index:990;
}
div.quote_bottom{
	position:absolute;
	bottom:-12px;
	_bottom:-13px;
	right:-27px;
	width:29px;
	height:27px;
	background:transparent url('../gfx/quote_bottom.gif');
}

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

div.navigatieS {
	position:absolute;
	top:411px;
	right:-86px;
	height:211px;
	_height:221px;
	background:#00adef;
	border:#fff 1px solid;
	z-index:10;
	width:212px;
	_width:214px;
	text-align:left;
	padding-top:7px;
	}
	

div.navigatieS a{
	display	:block;
	width:184px;
	_width:198px;
	/*background:#00adef url('../gfx/Arrow.gif') no-repeat 11px 12px;*/
	line-height:34px;
	border:7px solid #00adef ;
	margin-left:7px;



}



div.navigatieS a:hover{
	background:#2bc4ff;
	cursor:hand;
	border:7px solid #2bc4ff ;


}



a.woningcorporatiesS span{height:32px;background:#00adef url('../gfx/s-woningcorporaties.png') no-repeat;}
a.woningcorporatiesS:hover span{background:#2bc4ff url('../gfx/s-woningcorporaties.png') no-repeat;}

a.zorgS span{height:15px;background:#00adef url('../gfx/s-zorg.png') no-repeat;}
a.zorgS:hover span{background:#2bc4ff url('../gfx/s-zorg.png') no-repeat;}

a.vereningenS span{height:32px;background:#00adef url('../gfx/s-vereningen.png') no-repeat;}
a.vereningenS:hover span{background:#2bc4ff url('../gfx/s-vereningen.png') no-repeat;}

a.winkelbedrijvenS span{height:15px;background:#00adef url('../gfx/s-winkelbedrijven.png') no-repeat;}
a.winkelbedrijvenS:hover span{background:#2bc4ff url('../gfx/s-winkelbedrijven.png') no-repeat;}

a.monumentenS span{height:13px;background:#00adef url('../gfx/s-monumenten.png') no-repeat;}
a.monumentenS:hover span{background:#2bc4ff url('../gfx/s-monumenten.png') no-repeat;}





a.dienstenS span{height:12px;background:#00adef url('../gfx/s-diensten.png') no-repeat;}
a.dienstenS:hover span{background:#2bc4ff url('../gfx/s-diensten.png') no-repeat;}


a.vastgoedbeheerS span{height:15px;background:#00adef url('../gfx/s-vastgoedbeheer.png') no-repeat;}
a.vastgoedbeheerS:hover span{background:#2bc4ff url('../gfx/s-vastgoedbeheer.png') no-repeat;}


a.continuiteitS span{height:12px;background:#00adef url('../gfx/s-continuiteit.png') no-repeat;}
a.continuiteitS:hover span{background:#2bc4ff url('../gfx/s-continuiteit.png') no-repeat;}




.dubbelline{
	height:50px !important;
	background:none;
}


/*
div.navigatieS a:hover{
	background:#2bc4ff url('../gfx/Arrow.gif') no-repeat 11px 10px;
}*/

div.navigatieS span{
	position: relative;
	display: block;
	top: -674px;
	left: -318px;
}
div.navigatieS img{
	padding-top:7px;
}





div.quote_topS{
	position:absolute;
	top:-36px;
	left:-81px;
	width:81px;
	height:76px;
	background:transparent url('../gfx/quote_topS.gif');
	z-index:990;
}
div.quote_bottomS{
	position:absolute;
	bottom:-8px;
	_bottom:-13px;
	right:-20px;
	width:22px;
	height:20px;
	background:transparent url('../gfx/quote_bottomS.gif');
}



/* ============================================================	*/ 
/* ========	mainContent				===============================	*/
/* ============================================================	*/

div.mainContent{
position:relative;
float:left;
padding-left:25px;
margin-top:320px;
}

div.bedrijfContent{
position:relative;
float:left;
width:380px;
margin-top:28px;
margin-left:50px;
text-align:left;
}

div.subtxt a{
color:#000;
font-weight:bold;
}

div.bedrijfContent td{
vertical-align:top;
}

div.adresblock{
	position:absolute;
	top:95px;
	right:0px;
	width:250px;
	z-index:100;
}
div.adresblock td{
	font-size:9px;
	color:#fff;
	height:10px;
	line-height:14px;
}
div.adresblock a{
	color:#fff;
}





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

div#footer {
	width:980px;
	position:relative;
	height:30px;
	padding-top:9px;
	}
	
	
	
div#footer .footerText {
	float:right;
	margin-left:223px;
	width:470px;
	background:url('../gfx/footer-bg.gif') no-repeat;
	text-align:right;
	line-height:12px;
	font-size:10px;
	color:#9b9b9c;


	}
div#footer .footerText a{
	font-size:10px;
	color:#9b9b9c;
	}
	


	
	div#footer .footerText a:hover {
	text-decoration:none;
	}
	
/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
	}

div.sidebar {
	float:right;
	width:160px;
	padding-bottom:65px;
	}
	/* MOZILLA HAX */
	html>body div.left {
		margin-bottom:0px;
		}
	/* MOZILLA HAX */
	
/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {
		margin:0px;
		}



select {
	vertical-align:middle;
	}
input.typeText {
	color:#00adef;
	font-weight:normal;
	border:1px solid #00adef;
	width:200px;
	height:16px;
	margin-bottom:5px;
	}
	
input.knop{
	color:#00adef;
	font-weight:normal;
	border:1px solid #00adef;
	}
	
	
	
	
	
.formGrid input.typeText {
	padding-left:5px;
	}
label {
	vertical-align:middle;
	}
select.select {
	
	}
textarea.textarea {
		color:#00adef;
		font-weight:normal;
		border:1px solid #00adef;
		width:200px;
		margin-bottom:5px;
		overflow:hidden;


	}