/* Page
----------------------------------------------- */
html{
	height:100%;
}

body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family: helvetica, arial, verdana;
	font-size:11px;
	line-height:14px;
	color:#7D7E7F;
	background-color:#fff;
}


/* Headers
----------------------------------------------- */

h1, h2, h3, h4, h5{
	padding:0px;
	margin:0px;
}

h1{
	color:#000;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:5px;
}

h1 input{
	margin-bottom: 4px;
}

h2{
	font-weight:bold;
	font-size: 13px;
	color:#5A5A5A;
	text-transform:uppercase;
}

h3{
	color:#5A5A5A;
	font-size:13px;
	font-weight:bold;
	position:relative;
	text-transform:uppercase;
	top:5px;
	left:-1px;
}

blockquote{
	font-weight:bold;
	font-size: 14px;
	line-height:17px;
	color:#E00F30;
	margin:0px;
}

/* tiny styles
----------------------------------------------- */
.date{
	position: relative;
	top: 5px;
	left: 1px;
	font-size: 12px;
	color:#5A5A5A;
	font-weight: bold;
	text-transform:uppercase;
}

.title{
	position: relative;
	top: 5px;
	font-size: 13px;
	color:#5A5A5A;
	font-weight: bold;
	text-transform:uppercase;
}

a{
	text-decoration:none;
	color: #E2002F;
}

a:hover{
	text-decoration:none;
	color: #E2002F;
}

img{
	border: none;
}

#logo{
	position: relative;
	z-index: 10;
}

.ie_image{
	display: block;
}

/* Wrappers
----------------------------------------------- */

#siteWrapper{
	width: 1000px;
	height: 580px;
	margin:0px auto;
	text-align:left;
	color: white;
	clear: left;
	padding: 0;
	position: relative;
}

#distance{
	float:left;
	height: 50%;
	width: 1px;
	margin-bottom:-300px;
}

/* Main structure
-------------------------------------------- */

/* -- identity_pane ----- */
#identity_pane{
	padding: 24px 0 0 41px;
	width:186px;
	height:200px;
	background-repeat:no-repeat;
}

#identity_pane #logo{
	z-index:500;
	border:0px solid red;
	margin-left:-6px;	
}

#pageQuote{
	display: none;
	position:absolute;
	top:129px;
	left:212px;
	width:355px; 
	height:126px;
	border:0px solid white;
}

.contact_details{
	display:block;
	position:absolute;
	top:135px;
	left:39px;
	width:125px;
	height:100px;
	border:0px solid red;
}

#centerWrapper{
	position:relative;
	top:45px;
	left:20px;
	width:980px;
	height:153px;
	background-color:#fff;
	z-index: 2;
}


/* -- main_nav ----- */
#mainmenu{
	width:171px;
	height:150px;
	border: 0;
}

#menu{
	position:absolute;
	top: 8px;
	left: 22px;
	height: 139px;
	overflow: hidden;
	margin: 0px;
	padding:0;
	border: 0;
}

#mainmenu ul#menu li{
}

#mainmenu ul#menu li a{
	background-position: top center;
	background-repeat: no-repeat;
	display: block;
	margin: 0;
	padding: 0;
}

#mainmenu ul#menu li#home a{background-image: url(/img/home_nav.gif); width: 33px;}

#mainmenu ul#menu li#projecten a{background-image: url(/img/projecten_nav.gif); width: 66px;}
#mainmenu ul#menu li#projecten ul li#wonen a{background-image: url(/img/wonen_nav.gif); width: 43px;}
#mainmenu ul#menu li#projecten ul li#werken a{background-image: url(/img/werken_nav.gif); width: 51px;}
#mainmenu ul#menu li#projecten ul li#openbaar a{background-image: url(/img/openbaar_nav.gif); width: 62px;}
#mainmenu ul#menu li#projecten ul li#renovatie a{background-image: url(/img/renovatie_nav.gif); width: 61px;}
#mainmenu ul#menu li#projecten ul li#prijsvraag a{background-image: url(/img/prijsvraag_nav.gif); width: 72px;}
#mainmenu ul#menu li#projecten ul li#product a{background-image: url(/img/product_nav.gif); width: 58px;}


#mainmenu ul#menu li#Bureau a{background-image: url(/img/bureau_nav.gif); width: 45px;}
#mainmenu ul#menu li#Bureau ul li#BINTEN a{background-image: url(/img/binten_nav.gif); width: 41px;}
#mainmenu ul#menu li#Bureau ul li#bureausub a{background-image: url(/img/bureau_nav.gif); width: 45px;  /*background-position: 0px 0px;*/}
#mainmenu ul#menu li#Bureau ul li#werkwijze a{background-image: url(/img/werkwijze_nav.gif); width: 71px;}
#mainmenu ul#menu li#Bureau ul li#visie a{background-image: url(/img/visie_nav.gif); width: 28px; /*background-position: -1px 0px;*/}
#mainmenu ul#menu li#Bureau ul li#publicaties a{background-image: url(/img/publicaties_nav.gif); width: 72px;}
#mainmenu ul#menu li#Bureau ul li#vacatures a{background-image: url(/img/vacatures_nav.gif); width: 65px;}
#mainmenu ul#menu li#Bureau ul li#structuur a{background-image: url(/img/structuur_nav.gif); width: 70px;}

#mainmenu ul#menu li#etcetera a{background-image: url(/img/etcetera_nav.gif); width: 60px;}
#mainmenu ul#menu li#contact a{background-image: url(/img/contact_nav.gif); width: 54px;}
#mainmenu ul#menu li#nieuws a{background-image: url(/img/actueel_nav.gif); width: 51px;}

#centerWrapper #mainmenu ul#menu li a:hover{background-position: 0 -15px;}
#mainmenu ul#menu li#projecten ul li#product a:hover{background-position: 1px -15px;}
#mainmenu ul#menu li#Bureau ul li#visie a:hover{background-position: /*-1px*/0 -15px;}

ul#menu ul.level2 {display: none;}

ul#menu .hasActiveChild ul.level2,
ul#menu li.activeChild ul.level2 {
	display: block;
}

/*
#mainmenu ul#menu ul.level2 .hasActiveChild a
{
	background-position: 0 -15px;
}
*/

#mainmenu ul#menu li#etcetera ul.level2 { display: none; }
#mainmenu ul#menu li#contact ul.level2 { display: none; }


#mainmenu ul#menu li#projecten ul li.hasActiveChild a, /* project view, keep category active */
#mainmenu ul#menu li.activeChild a {background-position: 0 -15px;}
#mainmenu ul#menu li.activeChild li a {background-position: top center; }

#mainmenu ul#menu li .activeChild a {background-image: url(/img/werken_nav.gif); width: 30px; background-position: 0 -15px;}


#mainmenu span{
	visibility: hidden;
}

/* articles
----------------------------------------------- */
#pageWrapper{
	position:absolute;
	top:0;
	left: 180px;
	height:311px;
	padding:0px 5px 0px 7px;
	overflow:hidden;
	color: #000;
	width: 750px;
}

#article0, #article1, #article2{
	position:absolute;
	top:0;
	width:169px;
	height:150px;
	padding:0px 5px 0px 7px;
	background-color:#fff;
	overflow:hidden;
}

#article0{left:180px;}
#article1{left:370px;}
#article2{left:560px;}

#body_text0,#body_text1,#body_text2{
	font-weight:normal; 
	color:#C5C6C8;
	margin-top: -3px;
	padding-left:2px;
}

#body_text0,#body_text1,#body_text2 p{
	margin-left:-1px;	
}

.paginaBody_text{
	top: 11px;
	left: 8px;
}

.body_text ul{
	margin:0px; 
	padding:0px 0px 0px 10px;
}

#body_text0.pageBody,#body_text1.pageBody,#body_text2.pageBody{
	padding-left: 2px;	
}

/*
#article0.active, #article1.active, #article2.active{height:304px}
#article0.active .body_text, #article1.active .body_text, #article2.active .body_text{color:#000;}
#article0.active .body_text a, #article1.active .body_text a, #article2.active .body_text a{color:#E2002F;}
*/

#item_image0, #item_image1, #item_image2 {
position: absolute;
width: 497px;
height: 267px;	
top: -269px;
display: none;	
} 

#item_image0{left: 187px; z-index: 1;}
#item_image1{left: 377px; z-index: 2;}
#item_image2{left: 567px; z-index: 3;}


/* news
-------------------------------------------- */

#newsWrapper{
	position:absolute;
	top:0;
	left: 180px;
	height:311px;
	padding:0px 5px 0px 7px;
	overflow:hidden;
	color: #000;
	width: 750px;
}

#newsPagination{
	position: absolute;
	top: 4px;
	left: 760px;
	height: 20px;
	padding: 0;
	margin: 0;
}

#newsPagination a{
	color:#969696;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	float: left;	
}

#newsPagination a:hover{
	color:#5A5A5A;
}

#newsPagination .spacer{
	color: #969696;
	float: left;
}


#newsPagination .disabled{
	display: none;
}

/* project
-------------------------------------------- */

#projectWrapper{
	position: absolute;
	top: 9px;
	left: 180px;
	width: 600px;
	z-index: 1;
}

#projectWrapper h1{
	width: 168px;
	margin-top: -2px;
	padding: 0;
	padding-left: 7px;
}

#projectWrapper .datespan{
	width: 180px;
	position: relative;
	top: 5px;
	left: 7px;
	font-size: 12px;
	color:#5A5A5A;
	font-weight: bold;
	text-transform:uppercase;
}

#projectWrapper p{
	padding-top: 3px;
	margin-top: 0;
}

#projectWrapper .projectbody{
	width: 170px;
	height: 111px;
	padding: 0 5px 0 7px;
	color: #C5C6C8;	
	overflow:hidden;
	background-color: #fff;
}

#projectWrapper .projectbody-open{
	color: #000;
	height: 276px;
}

#projectWrapper #photoWrapper{
	position: absolute;
	top: 0;
	left: 180px;
	width: 380px;
}

#projectWrapper #photoWrapper .projectphoto{
	float: left;
	padding: 0 0 3px 8px;
}

#projectPagination{
	position: absolute;
	top: 4px;
	left: 760px;
	height: 20px;
	padding: 0;
	margin: 0;
}

#projectPagination a{
	color:#969696;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	float: left;	
}

#projectPagination a:hover{
	color:#5A5A5A;
}

#projectPagination .spacer{
	color: #969696;
	float: left;
}

#projectPagination .disabled{
	display: none;
}

a.pdf {
	left: 465px;
	position: absolute;
	top: 68px;
	z-index: 2;
}

.project-large {
	position: absolute;
	left: 190px;
	width: 497px;
	height: 267px;
	top: -269px;
	display: none;
}

div.block-info
{
	float: left;
	height: 20px;
	width: 172px;
	padding-left:7px;
}

div.block-info h1 {
	margin-top: -2px;
}

div.project-thumb
{
	float: left;
	margin-right: 4px;
}

div.project-thumb3{
	position: absolute;
	left: 179px;		
}
div.project-thumb4{
	position: absolute;
	left:268px;
}
div.project-thumb5{
	position: absolute;
	left:90px;
}
div.project-thumb6{
	position: absolute;
	/*left:;*/
}

#Project.project_body .projectbody-open{
	padding-top:20px;
}



div.footer {
	bottom: -20px;
	position: absolute;
	z-index: 2;
}

div.footer ul li {
	color: #C5C6C8;
	display: block;
	float: left;
	padding-right: 20px;
}

div.footer ul li a {
	color: #C5C6C8;
	text-transform: uppercase;
}

div.footer ul li a:hover {
	color: #E2002F;
}

div.prevspacer {
	height: 10px;
	float: left;
	width: 74px;
}