* {
margin:0;
padding:0;
}

html {
	font-size: 75%;
	overflow: auto;
}

* html body { height: 100%; width: 100%; overflow:auto; }

html>body {
	font-size: 14px;
	font-family: Helvetica, sans-serif;
}

body {
	background:#9f9f9f;
	text-align: center;
}

ul, li {
	list-style-type: none;
}

a{color: #0000ff;	font-size: 14px; text-decoration: none; border: 0px;}

a:visited{ color: #0000ff; text-decoration: none; outline: none;}

a:hover{color: #60008F; text-decoration: none;}

* html{
position: absolute;
}

#footer{
 position: relative;
}

#wrapper {
	background: url(./images/background.png) repeat-y left #fff;	
	text-align: left;		
	width: 910px;
	margin:  0 auto;
}

#meta-information {
	background: #fff;
	color:  #000;
	padding: 0;
}


#hauptinhalt {
	clear: both;
	float: right;
	width: 650px;
	max-width: 72%;
	min-width: 65%;
	padding: 0 20px 0 0;
}

#notizen{
	background: #F7FBFC;
	width: 232px;
	float: left;
}

#footer {
clear: both;
bottom: 0;
width: 100%;
height: 50px;
background:#475d84;
color: #fef9ee;
Font-size: 12px;
overflow:hidden;
}
#footerContent {padding:10px;}
#footerContent h5 {margin:0; padding:5px 0;}
#footerContent p {padding:5px 0; margin:0;}


p {
	font: 1em Arial, Tahoma, Verdana, sans-serif;
	margin-top: 1.5em;
	margin-bottom: 1.5em;

}

h1 {
	font-size: 1.67em;
	font-family: Helvetica, sans-serif;
	margin-top: 1em;
	margin-bottom: 1em;	
}

h2 {
	color: #245FA1;
	font-size: 1.4em;
	font-family: Helvetica, sans-serif;
	margin-top: 2em;
	margin-bottom: 1.5em;	
}
h3 {
	font-size: 16px;	
	margin-top: 1em;
	margin-bottom: 1em;	
}
h4 {
	font-size: 15px;
	font-family: Helvetica, sans-serif;
	margin-top: 1em;
	margin-bottom: 1.29em;	
}

h5{
	font-size: 0.8em;
	font-family: Helvetica, sans-serif;	
	margin-top: 0.5em;
	margin-bottom: 1.29em;
	font-weight: normal;	
}

hr {
	margin-left: 30px;
	width: 90%;
	color: navy;
}

#notizen p {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	margin-top: 1.8em;
	margin-bottom: 1.8em;				
}


#navigation{
			position: relative;
			margin-top: 90px;
			margin-left: 28px;
			width: 180px;
			background: transparent;
}

#sitemap h2, #Impressum h2 {margin: 50px 0px 50px 0px;}
#Veranstaltungen h2 {margin: 50px 0px 5px 0px;}
			
h1, #hauptinhalt h2, #hauptinhalt h3, #hauptinhalt h4, #hauptinhalt h5, #hauptinhalt ul, #hauptinhalt p, #notizen h2, #notizen h3, #notizen h4, #notizen ul, #notizen p {
	padding: 0 20px;	
}

/* ----------------------------------------------------------- */

/* neue Definition für Menu */

#navigation ul	{	margin: 0;
					padding: 0;
					width: 180px;
				}
				
#navigation ul a	{	
					width: 180px;
				}
				
#navigation ul ul	{	position: absolute;
					top: 0;
					left: 180px;
					display: none;
					}
					
#navigation ul.level1 li.submenu:hover ul.level2 {display: block; z-index:8;}

#navigation ul.level2 li.submenu:hover ul.level3 {display: block; z-index:10;}

#navigation li {
			position: relative;
			background: #657e9c;
			list-style-type: none;
			border-top: 1px solid #707f90;
			border-bottom: 1px solid #3c444d;
			border-left: 1px solid #3c444d;
			width: 180px;
			}
			
#navigation li.submenu {
			background: #657e9c url(./images/pfeil_rot.gif) 95% 50% no-repeat;
			}
			
#navigation	li a {
			color: #dfe1e2;
			text-decoration: none;
			font-size: 12px;
			display: block;
			padding: 5px 0px 5px 20px;
			width: auto;
			}
* html #navigation li a {
					width: 180px;
					w\idth: 180px;
}

#navigation li a.active {
			background: #475d84;
			color: #fdff00;
			text-decoration: none;
}


#navigation li a.actsub	{
			background: #475d84 url(./images/pfeil_rot.gif) 95% 50% no-repeat;
			color: #fdff00;
			text-decoration: none;
}
	
#navigation li a:hover {
			background: #d8e5ed;
			color: #000000;
}
			
/* Ende neue Definition Menu */	


#auswahl a{
			text-decoration: none;
			font-size: 14px;
}

#auswahl a:hover	{
			font-size: 14px;
			font-weight: bold;
}


.UffzLogo 	{ margin: 20px 10px;}

.initial {
	display: block;
	float: left;
	margin: 0 0 0 0;
	padding: 0 5px 0 0;
	text-indent: -6000px;
}

.d {
	background: transparent url(images/d.jpg) top left no-repeat;
	width: 70px;
	height: 70px;
}

.e {
	background: transparent url(images/e.jpg) top left no-repeat;
	width: 70px;
	height: 70px;
}

.aufzaehlung	{
					margin-left: 50px;
					padding: 0 0 0 75px;
}

.zeilenhoehe 	{	
					line-height: 150%;
}

.jahreszahl		{
					font-size: 140%;
					text-align: left;
					border-bottom: solid steelblue 3px;
					margin-top: 40px;
}

.Name	{
			font-size: 115%;
			font-style: oblique;
}
				
.lauftext	{
				margin-left: 20px;
				line-height: 40px;
				vertical-align: 20%;
				background-color: #D8E5EC;
				width:570px;
				color: black;
				font-family: Arial;
				font-size: 17px;
}

.Foto_Start	{
				float: left;
				text-align: right;
				width: 173px;
				height: 200px;
				border: 3px solid black;
}

.roundedcornr_box_706301 {
   background: #7995ad;
}
.roundedcornr_top_706301 div {
   background: url(./images/roundedcornr_706301_tl.png) no-repeat top left;
}
.roundedcornr_top_706301 {
   background: url(./images/roundedcornr_706301_tr.png) no-repeat top right;
}
.roundedcornr_bottom_706301 div {
   background: url(./images/roundedcornr_706301_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_706301 {
   background: url(./images/roundedcornr_706301_br.png) no-repeat bottom right;
}

.roundedcornr_top_706301 div, .roundedcornr_top_706301, .roundedcornr_bottom_706301 div, .roundedcornr_bottom_706301 {
   width: 100%;
   height: 20px;
   font-size: 1px;
}
.roundedcornr_content_706301 { margin: 0 20px; }

		
.meine-tb	{	caption-side: top;
		line-height: 2em;
		width:80%;
		font-size: 14px;
		text-align: left;
		margin-top: 20px;
		padding: 3px;
		background: #eee;
		border-collapse: separate;
		border-spacing: 3px;
		border: 1px solid grey;
}

.meine-td	{	background: #ffffff;
		padding: 5px 0px 5px 10px;
}
.oben	{margin-left: 430px; font-size: 12px;}

.transparent_class {
	-ms-filter:alpha(opacity=20);
	-filter:alpha(opacity=20);
	-khtml-opacity: 0.2;
	opacity: 0.2;
}
.aFilter {
	-filter:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.kflinks{clear: left}

.kfrechts{clear:right}

.kfluss{clear: both;}


.grRoem	{
			list-style-type: upper-roman;
}

.klRoem	{
			list-style-type: lower-roman;
}


#para h2{
	font-size: 16px;	
	margin-top: 1.5em;
	margin-bottom: 1em;	
}


#para li	{	
			padding-left: 5px;
			padding-right: 30px;
			list-style-type: decimal;
			list-style-position: outside;
			line-height: 150%;
			margin-bottom: 16px;
}

#para li.level1	{	
			padding-left: 5px;
			padding-right: 30px;
			list-style-type: upper-roman;
			list-style-position: outside;
			line-height: 150%;
			margin-bottom: 16px;
}

#para p.text	{
			margin-left: -20px;
			padding-right: 30px;
			line-height: 150%;
			margin-bottom: 16px;
}

#para p.text2	{
			margin-left: 5px;
			padding-right: 30px;
			line-height: 150%;
			margin-bottom: 16px;
}

#para li.level2	{	
			margin-left: 25px;
			padding-left: 5px;
			padding-right: 30px;
			list-style-type: lower-latin;
			list-style-position: outside;
			line-height: 150%;
			margin-bottom: 6px;
}

#para li.level3	{	
			margin-left: -15px;
			padding-right: 30px;
			list-style-type: lower-latin;
			list-style-position: outside;
			line-height: 150%;
			margin-bottom: 6px;
}

#para li.level4	{	
			margin-left: 25px;
			padding-left: 5px;
			padding-right: 30px;
			list-style-type: disc;
			list-style-position: outside;
			line-height: 150%;
			margin-bottom: 6px;
}

#para li.level5	{	
			margin-left: 5px;
			padding-left: 5px;
			padding-right: 30px;
			list-style-type: upper-alpha;
			list-style-position: outside;
			line-height: 150%;
			margin-bottom: 6px;
}

#para ol	{
			margin-left: 40px;
}

#para  a, a:visited{	
			color: #0000ff;
			font-size: 14px;
			text-decoration: none;
}

#para  a:hover	{
			font-weight: bold;
}


#para	{
			font-size: 14px;
}

.info	{
			width: 50px;
			z-index:99;
}
.info a	{
			color: #FFFFFF;
			font: bold 18px Arial;
			text-decoration: none;
			background-color: #000066;
			display: block;
			padding: 3px 5px 3px 5px;
}
.info a:hover	{
				position: relative;
				color: #000000;
				background-color: #CCCCFF;
				width: 350px;
}
.info a span	{
				display: none;
}
.info a:hover span	{
						color: #000000;
						background-color: #ffffff;
						font: 14px Arial;
						display: block;
						width: 350px;
						padding: 5px;
}

.clear {
		clear: both;
}

.clearright	{
				clear: right;
}

.clearleft	{
				clear:left;
}
.fluss_r	{float: right;
}
.fluss_l	{float: left;
}