/*
TYPO3 Leicht und verständlich
copyright: Birgit Rhring www.ruehring.de 
CSS Document 

CSS Formatierungen für das Grundlayout der Seite
Diese Teile werden statisch in TYPO3 eingeladen und unverändert ausgegeben
*/

html, body {
	height: 100%;
}
body {

	line-height: 130%;
	font-family: serif, Times New Roman, Times New Roman PS MT;
	color:#333333;
	padding:0px;
	margin:0px;
	background: #ffffff;
	/*url(../gfx/pback.gif) repeat-x top left;*/
}
 
/* Container, der alles umschliesst */
div#haupt_container {
	width: 950px;
	height: auto;
	height: 550px;
	padding:0;
	margin: 0px auto;
	position: relative;
	background: #FFFFFF  url(../gfx/bckg.jpg) top left;
	border: 1px solid #000000;
}

/* container für den oberen bereich */
div#top {
	width:950px;
	height: 90px;
	text-align: left;
	position:absolute;
	margin-top: 3px;
	left: 0;
	//background: #FFFF00 url(../gfx/logo_top.gif) top left;

	border-width: 3px 0 1px 0;
	border-style: solid;
	border-color: #CCCC99;
}


div#galery {
	width:950px;
	height: 53px;
	text-align: left;
	position: absolute;
	margin-top: 97px;
	left: 0px;
	z-index: 11;
	background:  url(../gfx/collage_1.jpg) top left;
	border-width: 0px 0 1px 0;
	border-style: solid;
	border-color: #CCCC99;
}



/* Container fuer das Bild im Header und der Seitentitel */
div#header_img_container {
	height: 100px;
	width: 950px;
	background-color: #cccccc;
	position: absolute;
	top:25px;
	left: 200px;
	overflow: hidden;
	}


div.clearer {
	clear: both;
	width: 100%;
}
/* Container fuer die horizontale Navigationsliste > navi_oben.css */
div#navigation_oben_container
{
	width: 200px;
	height: auto;
	padding-top: 2px;
	margin-left: 730px;

	position: absolute;



}

/* Aussen - und Innencontainer fuer den Inhaltsbereich */


div#inhalt_innen_container {
	
	border: 0px solid #333333;

	margin: 192px 0 0 145px;
	
	width: 590px;
	height: 355px;
	overflow: auto;


	padding: 0px 15px 3px 45px;
	z-index: 0;
	position:absolute; 
	
}


 /* Spalte Links */ 
div#linke_spalte {
	width:113px; 
	margin: 171px 0 0 0;
	position: absolute;

	z-index: 25;
}

 /* Spalte Rechts */ 
div#rechte_spalte {
	 width:195px; 
	 float:right; 
	 margin-right: -195px;
	 position: relative;
}

/* Hauptspalte fuer den Inhalt */ 
div#mittelspalte{ 
	width: 600px;

	

}


/*  Fusszeile */ 
div#fusszeile {
	height: 23px;
	width: 950px;
	background-color: #CCCC99;
	float: left;
	position: relative;
	margin-top: 10px;
	z-index: 25;
} 
/* Copyrightvermerk in Fusszeile */
div#copy {

	width:950px;
	height: 23px;
	position: absolute;
	margin: 550px 0 0 -1px;
	z-index: 25;
	background-color: #CCCC99;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #000000;
	
}
div#copy p {
	padding: 0px 20px 0px 25px;
	color: #897F6B;
	font-size: 85%;
	
}
div#copy a {
	text-decoration: none;
	
}