@charset "utf-8";
/* CSS Document */

	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 140%;
		background: url(img/body_bg.gif) repeat-y top left;
		background-color: #ff9c04;}

	html, body {
		margin:0;
		padding:0;
		height: 100%;}
		
	p {
		margin:0;
		padding:0;}
		
	a img {
		border: none;}
	
	a {
		outline:none;}
		
	a:link,
	a:active,
	a:visited {
		color: #000000;
		text-decoration: none;}
	
	a:hover {
		color: #FF6600;}

	h1, h2, h3 {
		font-size: 13px;
		font-style: normal;
		font-weight: normal;}
		
	h1 {
		margin: 0;
		font-weight: bold;
		line-height: 100%;}
		
	h2 {
		margin:0;}
		
	h3 {
		margin:0;}
	
	hr {
		color:#ff9c04;
		height:2px;
		background-color:#ff9c04;
		border:none;}
	
	ul {
		list-style-image:url(img/punkt_gelb.gif);}
	
	li {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 140%;}
		
	table {}
	
/* ----------------------- schreg_rechts ------------------------- */
/* ---- Background ist hier,
		um 100% des Browserfensters (BF) auszufüllen.
		Funzt ganz gut, ABER:
		wenn Inhalt gröser als kleinskaliertes BF ist,
		und man nach unten scrollt,
		wird natürlich der Background hier böse abgeschnitten,
		da er sich immer noch an 100% der BF-Höhe orientiert.
		Den Background nur im Inhalt lassen geht auch nicht,
		da wenn das BF größer als der Inhalt ist,
		wird von dem Background im Inhalt zu wenig zu sehen.
		Lösung: den Backgroung einfach doppelt vergeben:
		1) in einer Box, die 100% der BF-Höhe hat, und
		2) in der Inhalt-Box, damit er
		mit dem Inhalt wachsen kann.
		Sie müssen natürlich übereinander liegen.
		____
		A.S.*/
	
	#schreg_rechts {
		width: 38px;
		height: 100%;
		background: url(img/linie_schreg_rechts.gif) no-repeat top right;
		position: absolute;
		top:0; left:957px;
		z-index:10;}
	
/* -------------------------- header --------------------------- */
	
	#header_container {
		width: 957px;
		height: 235px;}
	
	#header_container div {
		display: block;
		float: left;}
		
	#logo_container {
		background: url(img/linie_schreg_oben.gif) no-repeat top left;
		width: 274px;}
		
	#logo {	
		float: none !important; 
		margin: 67px 0 0 25px;}
		
/* -------------------------- menu --------------------------- */
		
	#menu_container {
		width: 957px;
		height: 62px;
		border-top: 9px solid #FFFFFF;}
		
	#hauptmenu {
		height: 23px;
		margin-left: 86px;}
		
	#balken {
		width: inherit;
		height: 7px;
		line-height: 10%;
		font-size: 1px;
		background-color: #ff9c04;}
		
	#submenu {
		height: 20px;
		margin-left: 86px;}
	
	#submenu div {
		display: none;}
	
			
	#aktuell {
		color: #FF6600;}
		
	#menu_container img, #menu_unten img {
		margin:0 3px;}
		
/* -------------------------- content --------------------------- */
		
	#gesamt_container {
		clear: left;
		background: url(img/linie_schreg_rechts2.gif) no-repeat top right;
		width: 995px;}
		
	#content_container {
		width: 871px;
		margin-left: 86px;
		/*background-color: #99CC66;*/}
		
	#inhalt_bilder {
		float: right;}
		
	#inhalt_bilder .bilder_rechts {
		margin-bottom:31px;}
		
	#h1_container {
		height: 68px;
		width: inherit;
		background: url(img/lemiki_logo_klein.gif) no-repeat top left;}

	#h1_container h1 {
		position: relative; top: 38px; left: 48px;
		padding: 0 8px 0 2px;
		display: inline;
		background-color: #FFFFFF;}
		
	#inhalt_text {
		width: 597px;
		background: url(img/h1_container_bg.gif) repeat-x top left;}
		
	#content {
		margin-top: 15px;
		/*background-color: #CC6699;*/}
		
/* -------------------------- IE --------------------------- */
		
	* html #menu_container {
		height: 71px;}
	
	* html #h1_container h1 {
		top: 39px;}
		
/* ------------------------- footer -------------------------- */
/*	#footer_container {
		position:fixed;
		bottom:0; left:0; right:0;
		margin:0;
		width: 957px;
		height:26px;
		z-index:11;}
		
	#footer {
		position:absolute;
		top:0; left:0; right:0; bottom:0;
		z-index:11;}
	
	#weiss_hg_unten {
		background:url(img/body_bg.gif);
		height: 100%;
		margin: 0px 0px 0px 0px;
		padding:0px 0px 0px 65px;}
		
	#menu_unten {
		width:15em;
		padding:0;
		margin: 0 20px 0 0;
		float: left;
		display: block;
		height: 23px;
		overflow: hidden;
		border-top: 1px solid #000000;}
		
	#menu_unten a.link_mit_bullet {
		margin: 0px .6em;}
			
	#menu_unten img {
		margin-top: 9px;
		float: left;}
			
	#menu_unten a:link, #menu_unten a:active, #menu_unten a:visited, #menu_unten a:hover {
		text-decoration: none;
		color: #000000;
		line-height: 22px;
		float: left;
		border-bottom: 1px solid #ffffff;}

	#menu_unten a:hover {
		color: #ff9c04;;}*/

/* ------------------------- footer IE -------------------------- */
/*	* html, * html body {
		bottom:0;
		overflow:auto;}
		
	* html #footer_container {
		position:absolute;}

	* html #footer {
		height:100%;
		position:static;}/*