/* ============================================================	*/ 
/* ========	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;
	}
h1 {
	color: #FFFFFF;
	margin-bottom: 36px;
	font-weight: 100;
	font-size: 16px;
	}
h2 {
	color: #FFFFFF;
	font-weight: 100;
	font-size: 16px;
	}
h2.alt {
	color: #000000;
	font-size: 16px;
	}
h3 {
	color: #000000;
	font-weight: 100;
	}
h4 {
	color: #0000ff;
	font-weight: 100;
	}
h5 {
	color: #00adef;
	font-weight: 100;
	}
.kop {
	font-size:15px;
}
	
a { text-decoration:none;
outline:0px;
}
a:hover {}
img{border:0px none;}

a.aHover:hover {
	color:#00adef;
}
	
p {	margin:0 0 10px 0;}

ul{margin:0px;}
li{margin-left:10px; list-style-position:inside;}
li a {
	color: #00adef;
	}
li a:hover {
	color: #000000;
	}

/* ============================================================	*/ 
/* ========	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:810px;}

#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;
		/*overflow:hidden;*/
		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:327px;
	right:0px;
	height:135px;
	width:288px;
	background:url('../gfx/totaalaanbod_08.png');
	z-index:100;
}

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


div.newsblock{
	margin:10px 0 0 30px;
	height:240px;
	width:248px;
	cursor:hand;
}
div.newstitle {
	width: 288px;
	height: 50px;
	text-indent: -9999px;
	background: url('../gfx/newstitle.png') no-repeat left top;
}
div.newsgroup{
	clear: both;
	position: relative;
	color:#00adef;
}
div.newsgroup a{
	margin-left: 20px;
}
b.datum{
    font-weight:normal;
    color:#00adef;
    font-size:9px;
    float:right;
    white-space:nowrap;
}
div.newsblock a {
    display:block;
    background: transparent url(../gfx/Arrow.gif) no-repeat 0 6px;
    padding-left:16px;
    font-weight:normal;
    color:#FFF;
    font-size:11px;
    width:160px;
    float:left;
    padding-bottom:3px;
}
div.newsblock a.archief 
{
    margin-top:16px;
    padding-bottom:0;
}
.newsblock table TD
{
    vertical-align:top;
}
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:654px;
	background:#fff;
	z-index:98;
	top: 630px;
	}
div.rightblock{
	position:relative;
	float:left;
	background:#00adef;
	background:transparent;
	text-align:left;
	margin-bottom:50px;
	}
div.logo {
	height:131px;
	background:#FFFFFF url(../gfx/huipen_logo.gif) top left no-repeat;
	}

body#home div.logo {
	position:absolute;
	top:0px;
	left:0px;
	height:131px;
	width:654px;
	background:#FFFFFF url(../gfx/huipen_logo.gif) top left 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;}



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;*/
	color:#000000;
	line-height:18px;
	text-transform:uppercase;
	}

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

div.navigatie {
	position:absolute;
	top:131px;
	left:0px;
	height:291px;
	background:#00adef;
	border:#fff 1px solid;
	z-index:101;
	#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) top left no-repeat;
	z-index:999;
	}
div.quote_bottom {
	position:absolute;
	bottom:-12px;
	_bottom:-13px;
	right:-27px;
	width:29px;
	height:27px;
	background:transparent url(../gfx/quote_bottom.gif) top left no-repeat;
	}

/* ============================================================	*/ 
/* ========	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;

}
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;


	}
/* ============================================================	*/ 
/* ========	VACATURES    		  	===============================	*/
/* ============================================================	*/ 
.hidden {
	visibility: hidden;
	}
.unhidden {
	visibility: visible;
	}
#vacaturemask {
	position: absolute;
	background-color: white;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	width: 100%;
	height: 200%;
	top: 0px;
	left: 0px;
	z-index: 100;
	}
.vacature {
	position: absolute;
	background-color: white;
	top: 10%;
	left: 25%;
	border: 2px solid #00adef;
	width: 580px;
	padding: 8px;
	z-index: 200;
	text-align: left;
	}
.vacature .accent {
	color: #00adef;
	}
.vacature .title {
	margin-top: 13px;
	}
.vacature table {
	width: 580px;
	}
.vacature .closevacature {
	display: block;
	float: right;
	color: #00adef;
	padding: 3px;
	border: 1px solid #00adef;
	}
.vacature .closevacature:hover {
	color: #000000;
	}
.movie {
	margin-bottom: 1.2em;
}