/*************************************************************************
** GENERAL ***************************************************************
*************************************************************************/

body, table, input, textarea, label {
	font-family:		Arial, Helvetica, sans-serif;
}
body {
	position:		absolute;
	width:			100%;
	height:			100%;
	margin:			0px;
	padding:		0px;
}
img {
	border:			none;
}
a {
	text-decoration:	none;
}


/*************************************************************************
** #topBar *****************************************************************
*************************************************************************/

#topBar {
	position:		relative;
	top:			67px;
	width:			996px;
	height:			50px;
	margin-left:		auto;
	margin-right:		auto;
}
#logo {
	display:		block;
	position:		absolute;
	left:			102px;
	width:			190px;
	height:			43px;
}


/*************************************************************************
** #bar ******************************************************************
*************************************************************************/

#bar {
	position:		absolute;
	top:			130px;
	width:			100%;
	height:			323px;
	background-color:	#313131;
}

/*************************************************************************
** #content **************************************************************
*************************************************************************/

#content {
	position:		relative;
	width:			996px;
	height:			303px;
	margin-left:		auto;
	margin-right:		auto;
	background-color:	#f3f4f4;
}
#content h1, #content p {
	display:		inline;
	margin:			0px;
	line-height:		16px;
}
#content h1, #content p em {
	color:			#FFFFFF;
	font-size:		14px;
	font-style:		normal;
	font-weight:		bold;
}
#content p, label, input, textarea {
	font-size:		13px;
}
#content a {
	color:			#FFFFFF;
	font-size:		11px;
}
#content p a {
	display:		block;
	margin-top:		16px;
}
#content a:hover {
	text-decoration:	underline;
}
#subcontent {
	position:		relative;
	width:			996px;
	height:			20px;
	margin-left:		auto;
	margin-right:		auto;
}


/*************************************************************************
** #index ****************************************************************
*************************************************************************/

#indexLeft {
	position:		absolute;
	left:			3px;
	width:			145px;
	height:			300px;
	background-image:	url(../img/index_panelleft.jpg);
	background-repeat:	no-repeat;
}
#indexRight {
	right:			3px;
	width:			210px;
	height:			300px;
	position:		absolute;
	background-image:	url(../img/index_panelright.jpg);
	background-repeat:	no-repeat;
}


/*************************************************************************
** #menuRows *************************************************************
*************************************************************************/

#menuRows {
	position:		absolute;
	left:			148px;
	width:			110px;
	height:			300px;
	color:			#000000;
	font-family:		"Arial Black", Arial, Helvetica, sans-serif;
	font-size:		12px;
}
#menuRows div {
	position:		absolute;
	width:			100%;
	text-align:		right;	
}
#menuRows div.menuMatrixTop {
	top:			43px;
}
#menuRows div.menuMatrixMiddle {
	top:			144px;	
}
#menuRows div.menuMatrixBottom {
	top:			245px;
}


/*************************************************************************
** #menuMatrix ***********************************************************
*************************************************************************/

#menuMatrix {
	position:		absolute;
	left:			277px;
	margin:			0px;
	padding:		0px;
}
#menuMatrix li  {
	display:		inline;
	position:		absolute;
}
#menuMatrix li.menuMatrixTop {
	top:			0px;
}
#menuMatrix li.menuMatrixMiddle {
	top:			101px;	
}
#menuMatrix li.menuMatrixBottom {
	top:			202px;
}

#menuMatrix li#index_menu01, #menuMatrix li#index_menu05, #menuMatrix li#index_menu09 {
	left:			0px;	
}
#menuMatrix li#index_menu02, #menuMatrix li#index_menu06, #menuMatrix li#index_menu10 {
	left:			101px;	
}
#menuMatrix li#index_menu03, #menuMatrix li#index_menu07, #menuMatrix li#index_menu11 {
	left:			202px;	
}
#menuMatrix li#index_menu04, #menuMatrix li#index_menu08, #menuMatrix li#index_menu12 {
	left:			303px;	
}


/*************************************************************************
** #navigator ************************************************************
*************************************************************************/

#navigator, #home {
	position:		absolute;
	width:			141px;
	height:			20px;
	color:			#FFFFFF;
	font-size:		12px;
	line-height:		20px;
}
#navigator {
	left:			0px;
	text-align:		right;
}
#home {
	left:			790px;
	text-align:		left;
}
#navigator a, #home a {
	color:			#FFFFFF;
}


/*************************************************************************
** #location ************************************************************
*************************************************************************/

#location {
	position:		absolute;
	left:			147px;
	width:			127px;
	height:			20px;
	background-color:	#adaeb0;
	background-image:	url(../img/navigator.png);
	background-repeat:	no-repeat;
	color:			#FFFFFF;
	font-family:		"Arial Black", Arial, Helvetica, sans-serif;
	font-size:		12px;
	line-height:		20px;
	text-align:		center;
}
#index #location {
	background-color:	#D5D6D7;
}


/*************************************************************************
** #menuDiscipline *******************************************************
*************************************************************************/

#menuDiscipline {
	position:		absolute;
	left:			274px;
	width:			508px;
	height:			20px;
	margin:			0px;
	padding:		0px;
	background-color:	#f3f4f4;
}
#menuDiscipline li {
	display:		inline;
	position:		absolute;
	width:			98px;
	height:			118px;

	color:			#000000;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:		12px;	
	line-height:		20px;
}
#menuDiscipline li a {
	position:		absolute;
	width:			98px;
	height:			118px;
	background-image:	url(../img/menu_dummy.jpg);
	background-repeat:	no-repeat;
	color:			#000000;
	text-align:		center;
}
#index #menuDiscipline li, #menuDiscipline li.disciplineActive a {
	font-family:		"Arial Black", Arial, Helvetica, sans-serif;
	text-align:		center;
}
#index #menuDiscipline li {
	height:			20px;
	background-color:	#BCBDBE;
	color:			#FFFFFF;
}
#menuDiscipline li.disciplineActive {
	background-color:	#FFFFFF;
	color:			#000000;	
}
#menuDiscipline li#discipline01 {
	left:			3px;
}
#menuDiscipline li#discipline02 {
	left:			104px;
}
#menuDiscipline li#discipline03 {
	left:			205px;
}
#menuDiscipline li#discipline04 {
	left:			306px;
}
#menuDiscipline li#discipline05 {
	left:			407px;
}
#index #menuDiscipline li#discipline05 {
	background-color:	#D5D6D7;
}
#menuDiscipline li a:hover {
	background-color:	#E8E9E9;
	background-position:	0px 20px;
}
#menuDiscipline li.disciplineActive a:hover {
	background-color:	#FFFFFF;
}
#menuDiscipline .disciplineActive a {
	background-color:	#FFFFFF;
	background-image:	none;
}
.k4 #menuDiscipline li#discipline01 a:hover {
	background-image:	url(../img/k4_menu01.jpg);	
}
.k4 #menuDiscipline li#discipline02 a:hover {
	background-image:	url(../img/k4_menu02.jpg);	
}
.k4 #menuDiscipline li#discipline03 a:hover {
	background-image:	url(../img/k4_menu03.jpg);	
}
.k4 #menuDiscipline li#discipline04 a:hover {
	background-image:	url(../img/k4_menu04.jpg);	
}
.k4 #menuDiscipline li#discipline05 a:hover {
	background-image:	url(../img/k4_menu05.jpg);	
}
.leven #menuDiscipline li#discipline01 a:hover {
	background-image:	url(../img/index_menu09_hover.jpg);	
}
.leven #menuDiscipline li#discipline02 a:hover {
	background-image:	url(../img/index_menu10_hover.jpg);	
}
.leven #menuDiscipline li#discipline03 a:hover {
	background-image:	url(../img/index_menu11_hover.jpg);	
}
.leven #menuDiscipline li#discipline04 a:hover {
	background-image:	url(../img/index_menu12_hover.jpg);	
}
.leven #menuDiscipline li#discipline05 a:hover {
	background-image:	url(../img/leven_menu05.jpg);	
}
.werken #menuDiscipline li#discipline01 a:hover {
	background-image:	url(../img/index_menu05_hover.jpg);	
}
.werken #menuDiscipline li#discipline02 a:hover {
	background-image:	url(../img/index_menu06_hover.jpg);	
}
.werken #menuDiscipline li#discipline03 a:hover {
	background-image:	url(../img/index_menu07_hover.jpg);	
}
.werken #menuDiscipline li#discipline04 a:hover {
	background-image:	url(../img/index_menu08_hover.jpg);	
}
.werken #menuDiscipline li#discipline05 a:hover {
	background-image:	url(../img/werken_menu05.jpg);	
}
.wonen #menuDiscipline li#discipline01 a:hover {
	background-image:	url(../img/index_menu01_hover.jpg);	
}
.wonen #menuDiscipline li#discipline02 a:hover {
	background-image:	url(../img/index_menu02_hover.jpg);	
}
.wonen #menuDiscipline li#discipline03 a:hover {
	background-image:	url(../img/index_menu03_hover.jpg);	
}
.wonen #menuDiscipline li#discipline04 a:hover {
	background-image:	url(../img/index_menu04_hover.jpg);	
}
.wonen #menuDiscipline li#discipline05 a:hover {
	background-image:	url(../img/wonen_menu05.jpg);	
}


/*************************************************************************
** #menuFooter ***********************************************************
*************************************************************************/

#menuFooter {
	position:		absolute;
	bottom:			0px;
	width:			100%;	
	height:			25px;
	background-image:	url(../img/footer_line.jpg);
	background-repeat:	repeat-x;
	font-family:		"Arial Black", Arial, Helvetica, sans-serif;
	font-size:		11px;
}
#menuFooter ul {
	position:		relative;
	width:			996px;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:		0px;
	margin-bottom:		0px;
	padding:		0px;

}
#menuFooter li {
	display:		inline;
	position:		absolute;
	padding-top:		4px;
	line-height:		20px;
}
#menuFooter li#menuFooterLeft {
	left:			0px;
	width:			332px;
}
#menuFooter li#menuFooterMiddle {
	left:			332px;
	width:			332px;	
	text-align:		center;
}
#menuFooter li#menuFooterRight {
	left:			664px;
	width:			332px;	
	text-align:		right;
}
#menuFooter li span {
	font-family:		Arial, Helvetica, sans-serif;	
}
#menuFooter li a {
	color:			#000000;	
}


/*************************************************************************
** #panelLeft ************************************************************
*************************************************************************/

#panelLeft {
	overflow:		hidden;
	position:		absolute;
	left:			3px;
	width:			144px;
	height:			300px;
}
#panelLeft div {
	position:		absolute;
	width:			576px;
	height:			100%;
	background-position:	0px 0px;
	background-repeat:	no-repeat;
}


/*************************************************************************
** #panelRight ***********************************************************
*************************************************************************/

#panelRight {
	overflow:		hidden;
	position:		absolute;
	top:			0px;
	right:			3px;
	width:			210px;
	height:			300px;
}
#panelRight div {
	position:		absolute;
	width:			840px;
	height:			100%;
	background-position:	0px 0px;
	background-repeat:	no-repeat;
}


/*************************************************************************
** #scrollArea ***********************************************************
*************************************************************************/

#scrollArea {
	overflow:		hidden;
	position:		absolute;
	left:			150px;
	width:			630px;
	height:			300px;

}
#panelScroll {
	position:		absolute;
	top:			0px;
}


/*************************************************************************
** #panelContent *********************************************************
*************************************************************************/

.panelContent {
	position:		absolute;
	top:			0px;
	width:			630px;
	height:			300px;
}
.panelContent td, .panelContent th {
	font-size:		12px;
	vertical-align:		top;
}	
.panelContent th {
	font-weight:		normal;
	text-align:		left;
}
.panelContent div {
	position:		absolute;
}
#panelContent01 {
	left:			0px;
}
#panelContent02 {
	left:			630px;
}
#panelContent03 {
	left:			1260px;
}
#panelContent04 {
	left:			1890px;
}
.panelContentLeft {
	top:			0px;
	left:			0px;
	width:			326px;
	height:			100%;
	background-color:	#a3a5a8;
}
.panelContentFull {
	top:			0px;
	left:			0px;
	width:			630px;
	height:			100%;
	background-color:	#a3a5a8;
}
.panelContentRight {
	top:			0px;
	left:			329px;
	width:			301px;
	height:			100%;
	background-color:	#a3a5a8;
}
.textBlock {
	bottom:			0px;
	padding:		38px;
}
.contentPrevious, .contentNext, .contentFull {
	cursor:			hand;
	bottom:			15px;
	height:			285px;
	border-bottom:		solid 1px #FFFFFF;
	background-repeat:	no-repeat;
	color:			#FFFFFF;
	font-size:		10px;
	line-height:		16px;
}
.contentPrevious {
	width:			290px;
	background-image:	url(../img/content_border.png);
	background-position:	289px 277px;
}
.contentPrevious span {
	position:		absolute;
	left:			38px;
	top:			269px;
}
.contentNext {
	left:			38px;
	width:			262px;
	background-image:	url(../img/content_border.png);
	background-position:	0px 277px;
	text-align:		right;
}
.contentNext span {
	position:		absolute;
	right:			38px;
	top:			269px;
}
.contentFull {
	width:			633px;
}

.contentFullPrevious, .contentFullNext {
	bottom:			0px;
	width:			277px;
	height:			285px;
	border:			none;
}
.contentFullPrevious {
	padding-left:		38px;
}
.contentFullPrevious span {
	position:		absolute;
	top:			269px;
}
.contentFullNext {
	left:			315px;
	text-align:		right;
}
.contentFullNext span {
	position:		absolute;
	right:			0px;
	top:			269px;
}
.wonen#architectuur .panelContentRight, .wonen#architectuur .panelContentFull, .wonen#architectuur .panelContentLeft {
	background-color:	#ADAEB0;
}
.wonen#interieur .panelContentRight, .wonen#interieur .panelContentFull, .wonen#interieur .panelContentLeft {
	background-color:	#C7B1A5;
}
.wonen#advies .panelContentRight {
	background-color:	#C6C7C8;
}
.wonen#management .panelContentRight {
	background-color:	#b6a04d;
}
.werken#architectuur .panelContentRight, .werken#architectuur .panelContentFull, .werken#architectuur .panelContentLeft {
	background-color:	#949690;
}
.werken#interieur .panelContentRight, .werken#interieur .panelContentLeft {
	background-color:	#928559;
}
.werken#advies .panelContentRight, .werken#advies .panelContentLeft {
	background-color:	#b7be56;
}
.werken#management .panelContentRight, .werken#management .panelContentLeft {
	background-color:	#b1b6bf;
}
.leven#architectuur .panelContentRight, .leven#architectuur .panelContentLeft {
	background-color:	#6e6f76;
}
.leven#interieur .panelContentRight, .leven#interieur .panelContentLeft {
	background-color:	#91a9c1;
}
.leven#advies .panelContentRight, .leven#advies .panelContentLeft {
	background-color:	#c0afb0;
}
.leven#management .panelContentRight {
	background-color:	#a39fa3;
}

.panelStock {
	position:		absolute;
	background-repeat:	no-repeat;
}
.wonen#advies #panelStock01 {
	left:			65px;
	top:			70px;
	width:			185px;
	height:			175px;
	background-image:	url(../img/wonen_stock01.jpg);
}
.wonen#management #panelStock01 {
	left:			40px;
	top:			105px;
	width:			250px;
	height:			145px;
	background-image:	url(../img/wonen_stock02.jpg);
}
.werken#architectuur #panelStock01 {
	left:			30px;
	top:			110px;
	width:			275px;
	height:			80px;
	background-image:	url(../img/werken_stock01.jpg);
}
.werken#architectuur #panelStock02 {
	left:			200px;
	top:			60px;
	width:			240px;
	height:			120px;
	background-image:	url(../img/werken_stock02.jpg);
}
.werken#architectuur #panelStock03 {
	left:			365px;
	top:			130px;
	width:			230px;
	height:			105px;
	background-image:	url(../img/werken_stock03.jpg);
}
.leven#architectuur #panelStock01 {
	left:			65px;
	top:			80px;
	width:			180px;
	height:			155px;
	background-image:	url(../img/leven_stock01.jpg);
}
.leven#advies #panelStock01 {
	left:			400px;
	top:			90px;
	width:			160px;
	height:			145px;
	background-image:	url(../img/leven_stock02.jpg);
}
.k4#welkom #panelStock01 {
	left:			50px;
	top:			95px;
	width:			216px;
	height:			122px;
	background-image:	url(../img/k4_stock01.jpg);
}


/*************************************************************************
** .contactformulier *****************************************************
*************************************************************************/

.contact#formulier table {
}
.contact#formulier td.label {
	position:		relative;
	width:			110px;
	text-align:		right;
}
.contact#formulier #content h1, .contact#formulier #content p {
	display:		block;
	margin-bottom:		10px;
	color:			#000000;
}
.contact#formulier input, .contact#formulier textarea {
	width:			300px;
	border:			solid 1px #000000;
	color: #585858;
}
.contact#formulier form {
	position:		absolute;
	bottom:			25px;
	margin:			0px;
}
.contact#formulier .panelContentFull {
	background-color:	#f3f4f4;
}
.contact#formulier #submitForm {
	width:			120px;
	background-color:	#003300;
	color:			#FFFFFF;
}



/*************************************************************************
** .portfolio ************************************************************
*************************************************************************/

.portfolioContainer {
	top:			0px;
	left:			0px;
	width:			430px;
	height:			100%;
}
#textPortfolio {
	top:			0px;
	left:			419px;
	width:			210px;
	height:			100%;
}

.menuBlock {
	overflow:		auto;
	top:			20px;
	left:			0px;
	width:			210px;
	height:			250px;
	color:			#003300;
	line-height:		20px;
}
#textPortfolio #navigationBar {
	position:		absolute;
	left:			0px;
	top:			270px;
	height:			30px;
	width:			210px;
	line-height:		30px;
}	
#textPortfolio #navigationBar a {
	position:		absolute;
	color:			#45A12B;
	top:			0px;
	width:			105px;
	text-align:		center;
}
#textPortfolio #navigationBar #portfolioPrevious {	
	left:			0px;
}
#textPortfolio #navigationBar #portfolioNext {
	left:			105px;
}
#menuPortfolio {
	position:		relative;
	list-style:		none;
	margin:			0px;
	padding:		0px;
}
#menuPortfolio li {
	display:		block;
	width:			193px;
	margin:			0px;
	padding:		0px;
	line-height:		15px;
	text-align:		right;
}
#menuPortfolio li a {
	width:			200px;
	color:			#003300;
}
#menuPortfolio li a:hover {
	text-decoration:	none;
	color:			#45A12B;

}
#menuPortfolio li a.portfolioActive, .portfolioActive {
	font-family:		"Arial Black", Arial, sans-serif;
	color:			#45A12B;
}

#portfolio #panelLeft div {
	position:		relative;
	left:			0px;
	top:			0px;
	width:			144px;
	height:			300px;
}
#portfolio #panelLeft div img {
	position:		absolute;
	right:			0px;
}
#portfolio #panelRight img {
	position:		absolute;
}

#portfolio #panelLeft div.topLayer, .topLayer {
	position:		absolute;
	left:			0px;
	top:			0px;
	width:			100%;
	height:			100%;
	background-color:	#003300;
	filter:			alpha(opacity=70);
	-moz-opacity:		0.7;
	-khtml-opacity: 	0.7;
	opacity: 		0.7;
}
.port, .portActive {
	display:		none;
	width:			100%;
	height:			100%;
}
.portActive {
	display:		block;
}

#topLayerLeft, #topLayerRight {
	filter:			alpha(opacity=60);
	-moz-opacity:		0.6;
	-khtml-opacity: 	0.6;
	opacity: 		0.6;
}

/*************************************************************************
** .brainstorm ***********************************************************
*************************************************************************/

.brainstorm #panelLeft, .brainstorm #panelRight, .brainstorm #content {
	background-color:	#FFFFFF;
}
.brainstorm #panelStock01 {
	left:			100px;
	top:			20px;
	width:			215px;
	height:			263px;
	background-image:	url(../img/brainstorm_stock01.jpg);
}

.brainstorm #menuDiscipline {
	background-color:	#FFFFFF;
}
.brainstorm #menuDiscipline li {
	height:			20px;
}
.brainstorm #menuDiscipline #discipline05 {
	background-color:	#45A12B;
}
.brainstorm #menuDiscipline li a {
	height:			20px;
	color:			#FFFFFF;
	background-color:	#FFFFFF;
	background-image:	url(../img/brainstorm_menu.jpg);
	background-position:	0px 0px;
}

.brainstorm #menuDiscipline .disciplineActive a {
	background-color:	#FFFFFF;
	background-image:	none;
	color:			#45A12B;
	font-family:		"Arial Black", Arial, sans-serif;
	font-size:		13px;
}

.brainstorm .panelContentRight {
	left:			300px;
	width:			330px;
	background-color:	#FFFFFF;
}
.brainstorm .panelContentFull, panelContentLeft {
	background-color:	#FFFFFF;
}
.brainstorm #content h1 {
	display:		block;
	color:			#000000;	
	font-size:		18px;
	font-weight:		normal;
	line-height:		60px;
	white-space:		nowrap;
}
.brainstorm #content h1 span {
	color:			#45A12B;
	font-family:		"Arial Black", Arial, sans-serif;
	font-size:		18px;
	font-weight:		bold;
}
.brainstorm #content p {
	display:		block;
	color:			#000000;	
	font-size:		12px;
}
.brainstorm #content p span {
	color:			#45A12B;
	font-family:		"Arial Black", Arial, sans-serif;
	font-size:		12px;
}
.brainstorm#samen #content p {
	font-size:		14px;
}
.brainstorm#samen #content p span {
	font-size:		14px;
}
.brainstorm #content p span.differBlack {
	color:			#000000;
}
.brainstorm #content p span.differGreen {
	color:			#45A12B;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:		12px;	
}
.brainstorm #content p span#mailInfo a {
	color:			#45A12B;
	display:		inline;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:		12px;	
}
.brainstorm img.shortOne1, .brainstorm img.shortOne2 {
	position:		absolute;
	left:			240px;
	width:			350px;
	height:			14px;
}
.brainstorm img.shortOne1 {
	top:			70px;
}
.brainstorm img.shortOne2  {
	top:			87px;
}
.brainstorm img.longOne  {
	text-align:		right;
	position:		relative;
	width:			550px;
	height:			24px;
}
#hidden {
	position:		absolute;
}