/*#####################################################################################
page_layout.css - Version 1.0

This stylesheet contains the structure for the main document containers and applicable 
custom elements, only structural css should be put in this stylesheet to keep the
seperation of structure (positioning, margins, float) and design (colours, fonts, effects).
Seperation of structure and design allows for easier changing of the look of a site
without comprimising the structure and vice versa.
#####################################################################################*/


/*##################
 BODY
###################*/

body 
{
	margin:0.7em;
	padding:0; 
	 /* BildschirmRes -> 1280; so ohne hor. scrolling*/
}


/*############################
 BODY CONTENT CONTAINERS
############################*/

/* Visible only if javascript is disabled */
#NoJsMsg {
/*	position:absolute;
	top:0.7em;
	left:350px; */
	width:12.5em;
	color:#FFFFFF;
}

/* HEADER CONTAINER:First container in the document, contains the logo which resides in the #page_title div */
div#header_container 
{
	float:left;
	clear:both;
	height:7.5em;
	padding:0;	
	margin:0;
	width:77em;
}		/* SUBHEADER CONTAINER:Contains the external links */
		div#subheader_container_BBK 
		{
			clear:both;
			height:2em;
			padding:0;
			margin:0;
			width:77em;
		}
		div#subheader_container_BBK div { display:inline; }


/* "height" wirkt bei den folgenden Elementen nur bei FireFox - Steuerung durch das "HelpFile" */
/* default = 550px bei der einfachen Suche */
/* PAGE CONTAINER:This wraps the left and right columns */
div#page_container 
{
	float:left;
	clear:both;
	width:77em;
	padding:0;
	margin:0.7em 0 0 0;
}


/* linke und rechte Spalte zusammen:1220px */
	/* LEFT COLUMN:Contains the page menu and rss feeds. Given a set width */
	div#left_column 
	{ 
		float:left;
		margin:0;
		padding:0;
		width:16em;
		height:40.6em;
	}

	/* RIGHT COLUMN:Contains the main content of the page. 
	Given a set width that when added to the #left_column equals 
	just under the width of the #page_container, this is to 
	compensate for different browsers rendering containers widths 
	differently, there should always be extra space like this set 
	to avoid cross browser problems */
	div#right_column 
	{
		float:right;
		margin:0;
		padding:0;
		width:60em;
	}
	
/* muss ausgeblendet werden, da hier zusätzliche Überschrift und es bei verschiedenen Seiten z.B. SysMessages stört !!! */	
	div#right_column div#subheader_container { display:none; line-height:0; height:0; }
	

/*##########################
		HELP FILE
##########################*/

div#Helpfile, div.Helpfile  
{
	position:relative;
			top:0;
	width:100%;
}


/* FOOTER CONTAINER:Last container in the document. Holds the "Email this page", libero branding and the W3C compliance graphics  */
/* kann alles weg bleiben lt. Fr. Lenggriesser 15.8.2008 */
div#footer_container 
{
	float:left;
	clear:both;
	margin:0;
	padding:0;
	width:100%;
	display:none;
	line-height:0;
}



/*############################
DOCUMENT ELEMENTS
Custom styles for any elements that need additional structure attributes outside of the libero.css design scope.
############################*/

div.PageBottomMenu {
	clear:both;

	padding-top:1.9em;
	margin:0.3em;;
	display:block;
	
	text-align:center;
}

/* The loading graphic that appears while page content is loading */
#wait_image {
	position:absolute;
	top:18.8em;
	left:31.25em;
	z-index:10000;
}