/* ============================================================================ */
/* ============================= Main body styles ============================= */
/* ============================================================================ */

html {
	height: 100%; 
	overflow: auto;
}

body 
{ 
	width: 100%; 
	height: 100%; 
	margin: 0; 
	padding: 0; 
	font-family:Arial, Helvetica, sans-serif;
	background: #f7f3e0;
	color: #5F412F;
	font-size:12px;
	line-height:17px;
	cursor:default;
	
}

#logo {
	position:absolute;
	top:40px;
	left:30px;
}

#headerSection {
	position:absolute;
	top:0;
	height:130px;
	width:100%;
	background:#f7f3e0;
}

a, a:link, a:visited, a:active {
	color: #5F412F;
	font-weight:normal;
	text-decoration:none;
}

a:hover {
	font-weight:bold;
}

#passepartout {
	position:absolute;
	width:100%;
	height:155px;
	bottom:0px;
	/*background:url(/images/projects/houses/house-schapenberg/01_H_via-rooi-els.jpg) bottom;*/
	overflow:hidden;
}

#loading {
	text-align:center;
	width:100%;
	position:absolute;
	bottom:80px;
}
/* ============================================================================ */
/* ================================ Menu Setup ================================ */
/* ============================================================================ */

#menu {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:80px;
	right:50px;
	/*border:1px solid green;*/
	width:480px;
	color:#5F412F;
}

#menu a, #menu a:link, #menu a:visited, #menu a:active {
	font-family:Arial, Helvetica, sans-serif;
	color: #5F412F;
	text-decoration:none;
	font-weight:normal;
}

#menu a:hover {
	text-decoration:none;
	font-weight:bold;
	color: #5F412F;
}

.level-second, .level-third  {
	display:none;
	visibility:hidden;
}

.cursorDefault {
	cursor:default;
}

/* --------------------------- Menus expanding Right --------------------------- */

.expandedRight {	
	background:url(/images/next_level_right.gif) top left no-repeat;
}

.level1StyleRight {
	border:1px solid #006600;
	width:60px;
	float:left;
	text-align:left;
}

.level2StyleRight {
	border:1px solid #FF00CC;
	width:80px; 
	float:left;
	text-align:left;
}
.level3StyleRight {
	border:1px solid #FF9900;
	width:200px;
	text-align:left;
}

.level1StyleRight, .level2StyleRight, .level3StyleRight {
	border:none;
}

/*--------------------------- Menus expanding left --------------------------- */

.expandedLeft {	
	background:url(/images/next_level_left.gif) top right no-repeat;
}

.level1StyleLeft {
	border:1px solid #006600;
	width:60px;
	float:left;
	text-align:left;
}

.level2StyleLeft {
	border:1px solid #FF00CC;
	float:left;
	text-align:right;
}
.level3StyleLeft {
	border:1px solid #FF9900;
	width:180px;
	float:left;
	text-align:right;
}

.noFloat {
	float:none;
}

.level1StyleLeft, .level2StyleLeft, .level3StyleLeft {
	border:none;
}



/* =========================================================================== */
/* ============================ Main Content Area ============================ */
/* =========================================================================== */

div#centerer 
{ 
	margin: 0; 
	padding: 0; 
	width: 100%; 
	height: 100%;
	visibility:visible;
	display:block;
} 

div#centered 
{ 
	background: #f7f3e0;
	width: 760px; 
	height: 260px; 
	margin-left: -380px; 
	position: absolute; 
	bottom: 172px; 
	left: 50%; 
	/*border:1px solid green;*/
}

div#centeredHome
{ 
	width: 400px; 
	height: 200px; 
	margin-left: -200px; 
	margin-top: -100px; 
	position: absolute; 
	left: 50%; 
	top: 50%;
}
div#centeredHomeIE6 {
	width: 400px; 
	height: 200px; 
	margin-left: -200px; 
	margin-top: -100px; 
	position: absolute; 
	left: 50%; 
	top: 50%;
	display:none;
}

#flashcontent {
	border:none;
	width: 510px;
	height: 185px;
	float: left;
	margin-top: 30px;
} 

#contentText1, #contentText2, #contentText3, #contentText4, #contentText5, #contentText6, #contentText7, #contentText8 {
	background: #f7f3e0;
	position:absolute;
	top:0;
	right:0;
	width:210px;
	height:250px;
	display:none;
	visibility:hidden;
	/*border:1px solid red;*/
}

#contentText1 h1, #contentText2 h1, #contentText3 h1, #contentText4 h1, #contentText5 h1, #contentText6 h1, #contentText7 h1, #contentText8 h1  {
	font-size:12px;
	margin-top:0px;
}

.paging {
	position:absolute;
	width:210px;
	top:228px;
	right:0px;
	font-weight:bold;
	/*border:1px solid blue;*/
}

.paging a {
	padding:0 3px;
	font-weight:normal;
	text-decoration:none;
}
.paging b, .paging strong {
	padding:0 3px;
}