/* 
----------------------------
GENERAL LAYOUT
----------------------------
*/


body {
	margin:20px 0px; 
	padding:0px;
	text-align:center;
	background-color: #B1D5D7; 
}
	
	
#HeaderFrame {
	width: 840px;
	height: 53px;
	margin: 0px auto;
	text-align: left;
	background-color:  #4F83A5;
}
	
	
#Content {
	width: 838px;
	height: 542px;
	margin: 0px auto;
	text-align: left;
	background-color:  #4F83A5;
	z-index: 2;
  	border-left-width: 1px;
 	border-left-style: solid;
	border-right-width: 1px;
 	border-right-style: solid;
	border-bottom-width: 1px;
 	border-bottom-style: solid;
	border-color: #000000;
}


#sflogoContainer {
	width: 838px;
	margin: 0px auto;
}

img.sflogo {
	position: absolute;
	top: 584px;
}

/* 
----------------------------
CONTENTFRAME
----------------------------
*/

#ContentFrame {
	position: relative;
	top: 56px;
	left: 130px;
	width: 630px;
	height: 400px;
	text-align: left;
	background-color:  #4F83A5;
	z-index: 20;
}
	

#PageContent {
	position: absolute;
	width: 660px;
	height: 390px;
	top: 40px;
	left: 9px;
	text-align: left;
	background-color: #b1d4d6;
	z-index: 50;
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}




img.contentIMG_left {
	position: absolute;
	left: -7px;
	bottom: -8px;
}

img.contentIMG_right {
	position: absolute;
	bottom: -8px;
	right: -9px;
}


img.contentIMG_scenario {
	position: relative;
	bottom: -8px;
	right: -9px;
}




	

/* TEXT */
.text-bold {
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;  
	text-align: left; 
}


	
	
/* 
----------------------------
NAVIGATION
----------------------------
*/
	
	
	
#Navigation {
	position: absolute;
	width: 150px;
	height: 250px;
	top: 130px;
	text-align: left;
	background-color:  #4F83A5;
	z-index: 3;
}



.navigation-element {
	width: 150px;
	height: 15px;
	text-align: left;
	z-index: 4;
}



img.navigationIMG {
	margin-bottom: 8px;
}





/* 
----------------------------
SUB NAVIGATION
----------------------------
*/
	
	
	
	
#SubNavigation {
	position: absolute;
	width: 662px;
	height: 12px;
	top: 10px;
	left: 8px;
	text-align: left;
	background-color: #92cdeb;
	z-index: 21;
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: left;
}


.subnavigation_active { 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	text-align: left; 
}

.subnavigation_disabled {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #a5a5a5;
}

.scenarionavigation { 
	padding-left: 4px; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: left;
}





/* 
----------------------------
FOOTERNAVIGATION
----------------------------
*/



#FooterNavigation_left {
	position: absolute;
	width: 220px;
	height: 12px;
	top: 442px;
	left: 9px;
	text-align: left;
	background-color:   #92cdeb;
	z-index: 25;
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}



#FooterNavigation_right {
	position: absolute;
	width: 420px;
	height: 12px;
	top: 442px;
	left: 250px;
	text-align: right;
	background-color:  #92cdeb;
	z-index: 25;
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}


/* 
----------------------------
LINKS
----------------------------
*/


/* GENERAL */
a:link { color:#000000; text-decoration:none; }
a:visited { color:#000000; text-decoration:none; }
a:hover { color:#000000; text-decoration:underline; }
a:active { color:#000000; text-decoration:underline; }

/* LINKS IM TEXT*/
a.text:link { color:#000000; text-decoration:underline; }
a.text:visited { color:#000000; text-decoration:underline; }
a.text:hover { color:#000000; text-decoration:underline; }
a.text:active { color:#000000; text-decoration:underline; }