#wrapper {
	display:block;
	background: url('Titel_Ballons_Mai.jpg') top left no-repeat;
	width: 100%;
	min-height: 870px;
	/*height: 100%;
	min-height:930px;*/
}

#animierter_titel {
	background: url('Animation_Titel.gif') top left no-repeat;
	height: 135px;
	width: 	300px;
	position: absolute;
	top:	220px;
}


/* ------- Redaktionelle Texte, Startseite ------- */
.red_text_div {
	position: 			absolute;
	top: 				740px;
	width: 				360px;
	height: 			103px;
	background-image: 	url('redtext_bg.png');
	padding: 			5px;
}

.red_text_div .red_text {
	float:		left;
	width:		238px;
	height:		103px;
	overflow:	hidden;
}

.red_text_div img {
	width:			117px;
	float:			left;
	margin-right:	5px;
}

.red_text_div * h1 {
	font-size:		12px;
	margin:			5px 0px 5px 0px;
}

.red_text_div * p, .red_text_div * p.bodytext {
	width:		238px;
	overflow:	hidden;
	text-align:	justify;
	margin:		0px;
	font-size:	9pt;
}

#red_text1 {
	left: 12px;
    overflow: hidden;
}

#red_text2 {
    overflow: hidden;
	left: 394px;
}
/* ------- Redaktionelle Texte ENDE ------- */


* html #wrapper {
	height: 100%;
}

/*

Hack für Internet Explorer - http://xhtmlwiki.de/Seite_auf_100%25_H%C3%B6he

Erläuterung: 
1. Internet Explorer kennt "min-height:" nicht
2. Alle Internet Explorer ab Version 5 - 6 - 7 ignorieren Angaben hinter dem Sternchen.
3. IE 5, 6 behandelen "height:" wie "min-height:" 

Achtung Height -> Angabe vom Eltern Element Abhängig.
Wie Groß ist das Eletern Element? So groß wie die Angabe, und ohne Angabe so groß wie der Inhalt.

*/

* html #wrapper {
	height: 100%;
}