/* **************************** */
/* general html styles          */
/* **************************** */
html, body {
	margin: 0;
	padding: 0;
	background: transparent url(../images/rahmen/bg_html.gif) no-repeat fixed right bottom;
	height: 100%;
	overflow-y: hidden;
}

html	{
	background: url(../images/rahmen/bg_body.gif) repeat-x fixed;
}

/* **************************** */
/* rahmen styles                */
/* **************************** */

/* css lösung für "position: fixed" auf ie und firefox */

#containerRahmen	{
	width: 100%;
	height: 100%;
	z-index: 0;
	overflow: auto;
}

#containerContent	{
	float: left;
	background: url(../images/rahmen/bg_inhalt.gif) repeat-y;
	margin: 170px 0 0 0;
}

#containerTop	{
	z-index: 3;
	position: absolute;
	background: white url(../images/rahmen/bg_top.jpg) no-repeat;
	width: 859px;
	height: 170px;
	top: 0;
	left: 0;
	
}

/* alte lösung *********

#containerTop	{
	background: white url(../images/rahmen/bg_top.jpg) no-repeat;
	position: absolute;
	width: 859px;
	height: 170px;
	top: 0;
	left: 0;
	z-index: 99;
}

#containerTop[id]	{
	position: fixed; /* überschreib das "position: absolute" im #containerTop 
}

#containerRahmen	{
	width: 859px;
	float: left;
	background: url(../images/rahmen/bg_inhalt.gif) repeat-y;
	margin: 170px 0 0 0;
}

ende "alte lösung */

#containerMenue	{
	width: 185px;
	float: left;
	padding: 8px 0 0 18px;
	voice-family:"\"}\""; voice-family:inherit;
	width: 167px;
}

#containerInhalt	{
	width: 462px;
	float: left;
	padding: 10px 10px 20px 10px;
	background: url(../images/rahmen/bg_inhalt_innen.gif) no-repeat;
	voice-family:"\"}\""; voice-family:inherit;
	width: 442px;
}

#containerInfobox	{
	width: 184px;
	float: left;
	margin: 0 0 0 4px;
}

#containerBottom	{
	clear: left;
	width: 651px;
	height: auto;
	padding: 5px 0 20px 204px;
	background: url(../images/rahmen/bg_bottom.gif) no-repeat;
	voice-family:"\"}\""; voice-family:inherit;
	width: 447px;
}

/* inhalte ******************** */
#divLogo	{
	width: 144px;
	height: 33px;
	float: left;
	margin: 68px 6px 0 44px;
}

#divTopicText	{
	clear: left;
	width: 335px;
	height: 16px;
	text-align: right;
	margin: 5px 0 0 0;
}

#divTopmenue	{
	width: 155px;
	height: 14px;
	margin: 15px 0 0 25px;
	line-height: 0;
}

.infoboxRahmen	{
	width: 184px;
	padding: 7px;
	background: #D2DBE8;
	voice-family:"\"}\""; voice-family:inherit;
	width: 170px;
}

/* **************************** */
/* class styles                 */
/* **************************** */

/* objekte ******************** */
.hm	{
	margin: 4px 0 0 0;
}

.trenner	{
	width: 100%;
	height: 1px;
	border-top: 1px solid black;
	margin: 7px 0 7px 0;
}

.abstand5	{
	width: 5px;
	height: 5px;
	line-height: 0;
}

.abstand10	{
	width: 10px;
	height: 10px;
	line-height: 0;
}

.abstand20	{
	width: 20px;
	height: 20px;
	line-height: 0;
}

.ausrichtungLinks	{
	float: left;
	margin: 0 10px 10px 0;
}

.ausrichtungRechts	{
	float: right;
	margin: 0 0 10px 10px;
}

.keineAusrichtung	{
	display: block;
	margin-bottom: 10px
}

.pfeilVorne	{
	margin: 0 3px 1px 0;
}

.pfeilHinten	{
	margin: 0 3px 1px 3px;
}

.galerie	{
	margin: 0 5px 0 0;
}

/* listen **************** */
.text ul	{
	list-style-type: none;
	padding: 0;
	margin: 5px 0 5px 0;
	width: 420px;
}

.text li	{
	background: url(../images/utilities/but_aufzaehlung.gif) no-repeat 0 3px;
	padding: 0 0 4px 18px;
}

.submenue ul	{
	list-style-type: none;
	padding: 0;
	margin: 1px 0 3px 0;
	width: 165px;
}

.submenue li	{
	background: url(../images/utilities/but_pfeil_schwarz.gif) no-repeat 0 3px;
	padding: 0 0 3px 6px;
}

.submenue li a {
	color: black;
	text-decoration: none;
}

.submenue li a:hover {
	color: #EF181E;
	text-decoration: none;
}

/* textklassen **************** */
.submenue	{
	font-family: arial, sans-serif;
	font-size: 10px;
	color: black;
}

.text	{
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: black;
}

.text h1	{
	font-family: arial, sans-serif;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	font-style: italic;
	color: black;
	margin: 0 0 5px 0;
}

.text h2	{
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: black;
	margin: 0 0 5px 0;
}

.text a	{
	color: #1E3B6F;
	text-decoration: none;
}

.text a:hover	{
	color: black;
	text-decoration: none;
}

.infobox	{
	font-family: arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #807F84;
}

.infobox h1	{
	font-size: 14px;
	line-height: 14px;
	color: #7484A3;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.infobox h2	{
	font-size: 11px;
	line-height: 14px;
	color: #1E3B6F;
	font-weight: bold;
	margin: 0 5px 0 0;
}

.textBottom	{
	font-family: arial, sans-serif;
	font-size: 10px;
	line-height: 11px;
	color: #807F84;
}

.textBottom a	{
	color: #807F84;
	text-decoration: none;
}

.textBottom a:hover	{
	color: black;
	text-decoration: none;
}

.sitemap1	{
	margin: 5px 0 0 10px;
	width: 415px;
	font-size: 12px;
	font-weight: bold;
	color: black;
}

.sitemap1 a	{
	font-size: 12px;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

.sitemap1 a:hover	{
	font-size: 12px;
	font-weight: bold;
	color: #1E3B6F;
	text-decoration: none;
}

.sitemap2	{	
	margin: 0 0 0 20px;
	width: 405px;
}

.sitemap3	{	
	margin: 0 0 0 30px;
	width: 395px;
	font-size: 10px;
	color: #999;
}

.sitemap4	{	
	margin: 0 0 0 40px;
	width: 385px;
	font-size: 10px;
	color: #999;
	margin: 0 0 0 35px;
}

.sitemap5	{	
	margin: 0 0 0 45px;
	width: 380px;
	font-size: 10px;
	color: #999;
	margin: 0 0 0 40px;
}

.sitemap3 a, .sitemap4 a, .sitemap5 a	{	
	font-size: 10px;
	color: #1E3B6F;
	text-decoration: none;
}

.sitemap3 a:hover, .sitemap4 a:hover, .sitemap5 a:hover	{	
	font-size: 10px;
	color: black;
	text-decoration: none;
}

/* formulare ****************** */
.form	{
	margin: 0;
	padding: 0;
}

.inputSuche	{
	width: 141px;
	margin: 5px 5px 0 0;
	font-size: 11px;
	line-height: 11px;
	color: black;
	display: inline;
}

.buttonSuche	{
	margin: 0;
}

.textSuche	{
	color: black;
	font-size: 10px;
	line-height: 11px;
}

.textzeile	{
	color: black;
	font-size: 12px;
	line-height: 12px;
	width: 190px;
	padding: 2px;
	background: #EEE;
}

.textzeileLangUnmakiert	{
	color: black;
	font-size: 12px;
	line-height: 12px;
	width: 396px;
	padding: 2px;
	background: #EEE;
}

.eingabefeld	{
	font-family: arial, sans-serif;
	color: black;
	font-size: 12px;
	line-height: 12px;
	width: 396px;
	height: 80px;
	padding: 2px;
	margin: 0 0 3px 0;
	background: #EEE;
}

/* aatal formulare **************** */
.formulartext	{ 
	font: normal 11px/14px verdana, sans-serif;
	color: black;
	margin: 0 0 5px 0;
}

.formular	{ 
	color: black; 
	font-size: 11px; 
	font-family: Verdana, sans-serif; 
	margin: 0 0 2px 0;
}

.textareaFormular	{
	width: 300px;
	height: 80px;
	font: normal 10px/10px verdana, sans-serif;
	color: black;
	margin: 0 0 5px 0;
	background-color:#f3f3f3;
}

.inputFormular	{
	width: 200px;
	font: normal 10px/10px verdana, sans-serif;
	color: black;
	margin: 0 0 5px 0;
	background-color:#f3f3f3;
}

.inputFormularKlein	{
	width: 40px;
	font: normal 10px/10px verdana, sans-serif;
	color: black;
	margin: 0 0 5px 0;
	background-color:#f3f3f3;
}

.topic	{ 
	color: #000; 
	font-weight: bold; 
	font-size: 16px; 
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}

.aatal_text	{ 
	color: black; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; 
}

.aatal_textfett	{ 
	color: black; 
	font-weight: bold; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}

.aatal_headline	{ 
	color: #000; 
	font-weight: bold; 
	font-size: 14px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; 
}