/* schandera.de
 * 
 * global language-independend layout style definitions
 *
 * defintions reflecting site-global layout block-level elements,
 * just frames and sizes, and where to put them
 */





/* ************************************************************************
 * main container, defining width of page (complete area to display
 * informations on) and creating "centered" display of this area. 
 * This is the parent element of all page-elements.
 */
div#main {
	position: absolute;
	width: 760px;
	left: 50%;
	margin-left: -380px;
	top: 0px; }





/* ************************************************************************
 * head container defining the area wich spans the body background
 * gradient. 
 */
div#main div#headContainer {
	height: 154px; }

/* images in head are all positioned absolutely */
div#main div#headContainer img { 
	position: absolute; }





/* ************************************************************************
 * body container is everything that is not the head, positioned relatively
 * and directly below the head container, spanning the complete width for
 * the main menu and content pane of 100%, that's the 760px from #main
 */
div#main div#bodyContainer {
	width: 100%; }





/* ************************************************************************
/* main menu container is absolute positioned in the area left from the
 * relative position of #contentContainer
 */
div#bodyContainer div#mainMenuContainer {
	position: absolute;
	width: 250px;
	left: 70px;
	top: 20px; }





/* ************************************************************************
/* content container defining the right area containing content, that is,
 * everything thats not the menu + the page-bottom margin, the space
 * between the last elements of the page and the real end of the page in
 * the browser.
 */
div#bodyContainer div#contentContainer {
	margin-bottom: 50px;
	width: 500px;
	left: 310px; }

/* simple grouping block for content images and image descriptions , defines
 * a (approxmated) height to ensure layouting top-content elements
 * (first heading, h1) on the same position on every page, regardless of
 * height of content image, this works only with small positive fluctiations
 * of the image height (heights up to around 380px) */
div#contentContainer div.contentImageContainer {
	height: 380px; }