#hoverpage ul#outer li div p { 
		color: #003368; 
		font-family: arial; 
		top: 550px; 
		width: 260px; 
		margin-top: 60px; 
		margin-right: 10px; 
		margin-left: -12px; }
		
#hoverpage ul#outer li div h2 {
		line-height:1em; 
		color:#585; 
		font-size:1.5em; 
		font-weight:normal; 
		margin-top:0; 
		font-family:verdana, sans-serif;}
		
#hoverpage ul#outer li div h3 { 
		color:#003368; 
		font-size:0.5em; 
		font-family: arial; 
		font-weight:bold; 
		margin-top:0; }
		
#hoverpage ul#outer li div h3.clear { 
		height: 0.5em; 
		clear:left; }


#hoverpage { 
		width:980px; 
		height:490px; 
		background:#dbdbdb; 
		position:absolute; 
		z-index:500; 
		overflow:hidden; 
		text-align:left; 
		top: 0; 
		left: 0; 
		border-top: 1px solid #dbdbdb; 
		border-bottom: 1px solid #dbdbdb; }
		
#hoverpage table {
		border-collapse:collapse;
		 margin:-1px;}
		 
#hoverpage ul#outer { 
		background-image: none;
		 background-position: 0 0; 
		 padding:0; 
		 margin:0; 
		 list-style:none; }

#hoverpage ul#outer li.page {
		display:inline;} /* needed for IE to function correctly */

#hoverpage ul#outer li.page a.menuitem {
		text-decoration:none;}

#hoverpage ul#outer li.page i { 
		position:absolute; 
		display:block; 
		background:#b0c0d0;
		cursor:default; 
		z-index:100; 
		text-align:left; 
		text-decoration:none; 
		color:#003368; 
		font-size: 0.8em; 
		font-family: arial; 
		font-weight: bold; 
		font-style:normal; 
		top: 0; 
		left: 0; 
		width: 265px; 
		padding-top: 5px; 
		padding-left: 10px; 
		border-bottom: 2px solid #dbdbdb; 
		cursor:pointer; }

#hoverpage ul#outer li.p1 i { top:0; height: 22px; }
#hoverpage ul#outer li.p2 i { top:29px; height: 35px; }
#hoverpage ul#outer li.p3 i { top:71px; height: 22px; }
#hoverpage ul#outer li.p4 i { top:100px; height: 22px; }
#hoverpage ul#outer li.p5 i { top:129px; height: 22px; }
#hoverpage ul#outer li.p6 i { top:158px; height: 22px; }
#hoverpage ul#outer li.p7 i { top:187px; height: 35px; }
#hoverpage ul#outer li.p8 i { top:229px; height: 22px; }
#hoverpage ul#outer li.p9 i { top:258px; height: 35px; }


#hoverpage ul#outer li.page div { 
		font-size: 0.7em; 
		display:block; 
		width:600px; 
		height:490px; 
		padding:25px; 
		font-weight:normal; }
		
#hoverpage ul#outer li.p1 div { 
		background-image: url(../viaregiageschichte/imagesgeschichte/geschichtehg1.jpg); 
		background-repeat: no-repeat; 
		background-position: 0 0; 
		top: 0; 
		left: 0; 
		width: 980px; 
		height: 490px; }
		
#hoverpage ul#outer li.p2 div { 
		background-image: url(../viaregiageschichte/imagesgeschichte/autobahnhg.jpg); 
		background-repeat: repeat;
		background-attachment: scroll; 
		background-position: 0 0;
		width: 980px; 
		height: 490px; }
		
#hoverpage ul#outer li.p3 div { 
		background:#fff url(../viaregiageschichte/imagesgeschichte/brueckehg.jpg); 
		width: 980px;
		height: 490px; }
		
#hoverpage ul#outer li.p4 div { 
		background:#fff url(../viaregiageschichte/imagesgeschichte/trabihg.jpg); 
		width: 980px; 
		height: 490px; }
		
#hoverpage ul#outer li.p5 div { 
		background:#fff url(../viaregiageschichte/imagesgeschichte/geleithg.jpg); 
		width: 980px; 
		height: 490px; }
		
#hoverpage ul#outer li.p6 div { 
		background:#fff url(../viaregiageschichte/imagesgeschichte/stadtplanhg.jpg); 
		width: 980px; 
		height: 490px; }
		
#hoverpage ul#outer li.p7 div { 
		background:#fff url(../viaregiageschichte/imagesgeschichte/videohg.jpg); 
		width: 980px; 
		height: 490px; }
		
#hoverpage ul#outer li.p8 div { 
		background:#fff url(../viaregiageschichte/imagesgeschichte/kinderbildhg.jpg); 
		width: 980px; 
		height: 490px; }
		
#hoverpage ul#outer li.p9 div { 
		background:#fff url(../viaregiageschichte/imagesgeschichte/truckhg.jpg); 
		width: 980px; 
		height: 490px; }

#hoverpage ul#outer li div img {
		border:1px solid #888; 
		float:right; 
		margin:0 10px 5px 0;}
		
#hoverpage ul#outer li div p.big {
		line-height:1em; 
		color:#004; 
		font-size:1.5em;}
		
#hoverpage ul#outer li div a, #hoverpage ul#outer li div a:visited {color:#fff; text-decoration:underline;}

#hoverpage ul#outer li div em { 
		background: url(../siteimages/leer.gif) no-repeat; 
		display:block; 
		width:190px; 
		height:220px; 
		float:left; 
		margin-right:10px; }

#hoverpage ul#outer li.p1 div em {background-position: 35px 0;}
#hoverpage ul#outer li.p2 div em {background-position: 21px 25px;}
#hoverpage ul#outer li.p3 div em {background-position: 21px 50px;}
#hoverpage ul#outer li.p4 div em {background-position: 21px 75px;}
#hoverpage ul#outer li.p5 div em {background-position: 21px 100px;}
#hoverpage ul#outer li.p6 div em {background-position: 21px 150px;}
#hoverpage ul#outer li.p7 div em {background-position: 21px 120px;}
#hoverpage ul#outer li.p8 div em {background-position: 21px 210px;}
#hoverpage ul#outer li.p9 div em {background-position: 21px 280px;}

#hoverpage ul#outer li.page div a:hover {text-decoration:none;}

#hoverpage ul#outer li.page a.menuitem:hover {white-space:normal;} /* for IE6 */

#hoverpage ul#outer :hover div {
		position:absolute; 
		left:0; 
		top:0;}
		
#hoverpage ul#outer a:hover i {color:#fff; font-weight:bold;} /* for IE6 */
#hoverpage ul#outer :hover a i,
#hoverpage ul#outer :hover a:visited i
		{color:#fff; font-weight:bold;}

#hoverpage ul#outer div ul li {
		line-height:20px; 
		font-size:0.9em; 
		color:#256; 
		list-style-type:disc;}
		
#hoverpage ul#outer div ul li a,
#hoverpage ul#outer div ul li a:visited
		{line-height:20px; font-size:1.1em; color:#c00;}

#hoverpage ul#outer div dl dd 
		{line-height:20px; 
		font-size:1.1em; 
		color:#448;}
		
#hoverpage ul#outer div dl dt {
		line-height:30px; 
		font-size:1.3em; 
		color:#333;}
		
#hoverpage {
		 position: absolute; 
		 top: 0; 
		 left: 0; 
		 width: 980px; 
		 height: 495px; }

#menugeschichte { 
		font-size: 0.8em; 
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 260px; 
		height: 700px; 
		margin-left: 0; 
		padding-top: 0; 
		padding-right: 10px; }
		 
#menugeschichte ul { 
		margin-top: 0; 
		margin-left: 0; 
		list-style-type: none; 
		display: block; }
		
		

#menugeschichte li { 
		background-color: #b0c0d0; 
		background-position: 50% center; 
		width: 260px; 
		padding-top: 5px; 
		padding-bottom: 5px; 
		padding-left: 10px; 
		border-top: 1px solid #fff; 
		border-bottom: 1px solid #fff; }
		
#menugeschichte li ul{ 
		margin-top: 0; 
		margin-left: 0; 
		list-style-type: none; 
		display: block; }		
		
		
		
#menugeschichte li ul li{ 
		width: 230px; 
		margin-top: 0; 
		margin-left: 10px; 
		border-width: 0; 
		list-style-type: none; 
		display: block; }		
				
		
#menugeschichte li ul li ul li{ 
		width: 200px; 
		margin-top: 0; 
		margin-left: 10px; 
		border-width: 0; 
		list-style-type: none; 
		display: block; }					

#menugeschichte a { 
		color: #003368; 
		font-weight: bold; 
		text-decoration: none; }

#menugeschichte a:hover { 
		color: #fff; 
		font-weight: bold; 
		text-decoration: none; }
		
.geschichte { 
		color: #003368; 
		font-size: 0.8em; 
		font-family: arial, sans-serif; 
		background-color: #dbdbdb; 
		margin-left: 270px; 
		padding-top: 10px; 
		padding-right: 10px; 
		padding-left: 10px; 
		display: block; }
		
		
.geschichte1 { color: #003368; font-size: 0.8em; font-family: arial, sans-serif; width: 650px; margin-left: 270px; padding-top: 10px; padding-right: 10px; padding-left: 10px; display: block; }		
		
		
.definition { 
		color: #003368; 
		font-size: 0.8em; 
		font-family: arial, sans-serif; 
		background-color: #dbdbdb; 
		background-image: url(../viaregiageschichte/imagesgeschichte/hgdefinition.jpg); 
		background-repeat: no-repeat; 
		margin-left: 270px; 
		padding-top: 200px; 
		padding-right: 10px; 
		padding-left: 10px; 
		display: block; }		
		
.fbgeschichte { 
		float: left; 
		margin-right: 10px; 
		margin-bottom: 5px; 
		border-width: 0; }
		
.miszellen { 
		width: 700px; 
		height: 360px; 
		margin-left: 270px; 
		padding-top: 10px; 
		padding-left: 10px; 
		border-top: 2px solid #fff; 
		list-style-type: none; 
		display: block; }
		
.versa { 
		color: #fff; 
		font-size: 0.8em; 
		font-family: arial; 
		font-weight: bold; 
		text-transform: uppercase; 
		width: 237px; height: 18px; }
		
.norm { 
		color: #fff; 
		font-size: 0.8em; 
		font-family: arial; 
		font-weight: normal; 
		width: 150px;
		height: 18px; }

.flash { 
		color: #fff; 
		font-size: 0.8em; 
		font-family: arial; 
		text-transform: lowercase; 
		width: 32px; }
		
.tabgeschichte { 
		background-color: #003368; 
		width: 707px; 
		margin-left: 273px; 
		padding-left: 10px; 
		border-top: 2px solid #fff; }
		
#miszellen { }

#miszellen a{
		color: #fff;
		text-decoration: none; }

#miszellen a:hover{
		color: #dbe4f3;
		text-decoration: underline; }

.flashgeschichte {
		background-color: #7f98b3;
		width: 710px;
		margin-left: 270px;
		display: block; }
		
.video {
		color: #003368;
		font-size: 0.8em;
		background-color: #dbdbdb;
		width: 690px;
		float: left;
		padding-top: 10px;
		padding-right: 15px;
		padding-left: 10px;
		display: block; }
		
.videoblau {
		color: #fff;
		font-size: 0.8em;
		background-color: #2a397a;
		width: 240px;
		float: right;
		padding-top: 10px;
		padding-right: 15px;
		padding-left: 10px;
		display: block; }
		
.videoweiss {	width: 980px;
		color: #003368;
		font-size: 0.8em;
		background-color: #fff;
		
		clear: both;
		padding-top: 20px;
		padding-right: 15px;
		padding-left: 10px; }

.kultur { 
		color: #003368; 
		font-size: 0.8em; 
		font-family: arial, sans-serif; 
		background-color: #dbdbdb; 
		margin-left: 270px; 
		padding: 15px 10px; 
		border-bottom: 2px solid #fff; 
		display: block; }
		
		
.listekultur { 
		color: #003368; 
		font-size: 0.8em; 
		font-family: arial, sans-serif; 
		background-color: #dbdbdb; 
		margin-left: 270px; 
		padding-top: 10px; 
		padding-right: 10px; 
		padding-left: 30px; 
		list-style-type: circle; 
		display: block; }
		
.likultur { 
		font-family: arial, sans-serif; 
		margin-bottom: 10px; 
		list-style-type: circle; }
		
.listereso { 
		color: #003368; 
		font-size: 0.8em; 
		margin: 5px 15px 10px 300px; 
		list-style-type: decimal-leading-zero; 
		display: block; }
		
.listereso1 { 
		color: #003368; 
		margin: 5px 15px 10px 20px; 
		list-style-type: none; 
		display: block; }
.geschbilder { width: 740px; height: auto; margin-top: 10px; margin-bottom: 10px; margin-left: 280px; }


#maincontent {
		 background-color: #dbdbdb; 
		 background-image: url(../kulturstrasse/imageskulturstrasse/kulturhg.jpg); 
		 background-repeat: no-repeat; 
		 position: absolute; 
		 top: -5px; 
		 left: 0; 
		 width: 980px; 
		 height: 430px; 
		 z-index: 2; 
		 visibility: visible;
		 margin-top: 0.1em; 
		 padding: 1em 0 0; 
		 border-top: 1px solid #fff; }
		 
#links { 
		background-color: #dbdbdb; 
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 270px; 
		height: 450px; }
		
		
.links { 
		color: #003368; 
		font-size: 0.8em; 
		font-weight: bold; 
		background-color: #b0c0d0; 
		width: 240px; 
		margin-bottom: 3px; 
		padding: 10px 10px 7px; }
		
		
#links a { color: #003368; text-decoration: none; }

#links a:hover { color: #fff; text-decoration: none; }

#links ul { list-style-type: none; }

#links ul li { 
		color: #003368; 
		font-size: 0.8em; 
		font-family: arial; 
		font-weight: bold; 
		background-color: #b0c0d0; 
		width: 266px; 
		margin-bottom: 3px; 
		padding-top: 7px; 
		padding-bottom: 7px; 
		padding-left: 10px; 
		display: block; }
		
		
#links ul li li { 
		font-size: 1em; 
		width: 230px; 
		margin-left: 10px; }
		
		
#links ul li a img { display:block; width:0; height:0; border:0; }


#links ul li a:hover img { 
		position:absolute; 
		top:0; 
		left: 280px;
		width:700px; 
		height:450px; 
		z-index: 12; 
		border-top: 1px solid #fff; 
		border-bottom: 1px solid #fff; 
		border-right-color: #fff; 
		border-right-style: solid; 
		border-left-color: #fff; 
		border-left-style: solid; }
		
		
#dyn { 
		background-color: #dbdbdb; 
		background-repeat: repeat-y; 
		position: absolute; 
		top: 150px; 
		left: 0; 
		width: 980px; 
		min-height: 458px; }
		
#dynamisch a { text-decoration: none; }
		
#dynamisch a:hover { text-decoration: underline; }