/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	*
 	LAYOUT
 	This stylesheet defines all page sections with position, 
 	size, margin, general padding, background and border.
 	
 	BROWSER SWITCH
 	This stylesheet is active for all browsers, except IE.
	Successfully testet on:
		Firefox 1.5.0 (Win XP, Mac OS X)
		Mozilla 1.7.13 (Win XP, Mac OS X)
		Opera 9.01 (Win XP, Mac OS X)
		Netscape 8.1 (Win XP)
		Safari 2.0.4 (Mac OS X)
		Camino 1.0.2 (Mac OS X)
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
body { 
	/* PS: margin: 0.66em; */
	background-color: white; /* PS: background-color: #EEEEEE; */
	/* PS: background-image: url("../img/body_bg.gif"); */
	color: #666666;
	font-family: arial, sans-serif;
	font-size: 94%;
	/* font reference size, 1em = 11pt */
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	*
 	HEADER
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#header {
	display: none; /* PS: added */
	padding: 0.66em 0.2em 0em 0.66em;
	height: 140px;
	width: 63.8em;
	background-image: url("../img/header_bg_left.gif");
	background-position: top left;
	background-repeat: no-repeat;
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	*
 	HEADER VISUAL
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#visual {
	display: none; /* PS: added */
	height: 140px;
	width: 49.8em;
	margin-left: 0.2em;
	float: left;
	color: inherit;
	background-color: #FB8A00;
	background-position: top right;
	background-repeat: no-repeat;
	border-top: 1px solid white; /* mozilla fix */ 
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	*
 	SERVICE / META MENU
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#servicemenu-section {
	display: none; /* PS: added */
	width: 64.66em;
	color: #666666;
	background-color: white;
	border-top: 0.2em white solid;
	border-bottom: 0.2em white solid;
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	*
 	CONTAINER FOR MAIN SECTION (MENUS, CONTENT, TEASERS)
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#container {
	clear: both; /* PS added */
	width: 42em; /* PS: width: 64.66em; */
	background-color: white;
	color: #666666;
}

#container .clear {
	height: 0.66em;
	clear: both;
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	*
 	LEFT NAVIGATION COLUMN
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#navigation {
	display: none; /* PS: added */
	position: relative;
	z-index: 2;
	width: 13.33em;
	margin: 0em 1.33em -65px 0.66em;
	/* negative footer height for overlay */
	float: left;
}

#navigation .bottom {
	height: 55px; /* ca. 65px - 0.66em for default size */
	margin-bottom: 0.66em;
	background-image: url("../img/nav_bottom_bg.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	*
 	PAGE CONTENT COLUMN
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#content-section {
	width: 39em; /* PS: width: 33.33em; */
	float: left;
	margin-bottom: 0.66em;
	margin: 0em 1.33em 0em 1.33em; /* PS: addd */
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	*
 	CONTEXT TEASER COLUMN
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#ct-section {
	display: none; /* PS: added */
	position: relative;
	z-index: 3;
	width: 14em;
	float: left;
	margin-left: 1.33em;
	margin-bottom: -65px; /* negative footer height */
}

#ct-section .bottom {
	height: 55px; /* ca. 65px - 0.66em for default size */
	margin-bottom: 0.66em;
	background-image: url("../img/ct_bottom_bg.gif");
	background-position: bottom right;
	background-repeat: no-repeat;
	border-left: 1px #CCCCCC solid;
}

#ct-section .top {
	height: 57px;
	border-left: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	background-image: url("../img/ext_projekte_browser_top_bg.gif");
	background-position: top right;
	background-repeat: no-repeat;
}


/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	*
 	FOOTER
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#footer-section {
	width: 42em; /* PS: width: 64.66em; */
	background-color: white; /* PS: added */
	color: inherit;
}

#footer-section .left {
	display: none; /* PS: added */
	height: 65px;
	width: 15.32em; /* left column width */
	float: left;
	background-image: url("../img/footer_bg_left.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
}

#footer-section .middle {
	height: 65px;
	padding: 0em 1.33em 0em 1.33em; /* PS: added */
	/* PS: width: 33.33em;*/
	/* PS: float: left;*/
	background-color: white;
	color: #999999;
}

#footer-section .right {
	display: none; /* PS: added */
	height: 65px;
	width: 15.99em;
	float: left;
	background-image: url("../img/footer_bg_right.gif");
	background-position: bottom right;
	background-repeat: no-repeat;
}