/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body { 
		background-color: #bbbdc7; word-wrap: break-word; }
		* { margin: 0; padding: 0; }
body { 
		text-align: left; /* center all elemnts inside body*/	
		 margin: 0; /* setting top and bottom margin */
		 padding: 0; 
	 	font-family: arial, Helvetica, sans-serif; 
	
	 	background-repeat: repeat-x; 
	 	background-attachment: scroll; 
	 	background-position: left top; 
	 	top: 0; 
	 	bottom: 0; } 


#hauptcontainer { 	
		position: relative; 	
		width: 980px; 
		margin-right: auto; 
		margin-left: auto; }
#kopf { 
		background-image: url(../siteimages/frzkopf.jpg); 
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 980px; 
		height: 85px; }
		
#menuekopf { 
		color: #003368; 
		font-size: 0.8em; 
		font-weight: bold; 
		background-color: #fff; 
		position: absolute; 
		top: 85px; 
		left: 0; 
		width: 980px; 
		height: 30px; }
		
#menuekopf a { color: #003368; 
		background-color: #fff; 
		text-decoration: none; 
		padding: 3px; }
		
#menuekopf a:hover { 
		background-color: #c5d4e8; 
		padding: 5px 3px; }
		
#menuekopf ul { 		
		width: 970px; 
		height: 30px; 
		margin-top: 7px; 
		margin-left: 10px; }
		
#menuekopf li { 
		float: left; 
		margin-right: 25px; 
		list-style-type: none; 
		display: block; }

#search { 
		background-color: #003368; 
		position: absolute; 
		top: 115px; 
		left: 0; 
		width: 980px; 
		height: 33px; 
		border-bottom: 2px solid #fff; }
		
#search a { 
		color: #fff; 
		font-size: 0.8em; 
		font-weight: bold; 
		text-decoration: none; }
		
#search a:hover { 
		color: #fff; 
		text-decoration: underline; }


.back { 
		color: #fff; 
		font-size: 0.9em; 
		text-align: center; 
		width: 80px; 
		margin-top: 5px; 
		margin-left: 10px; 
		padding: 2px 3px; 
		border: solid 1px; }
		
#suche { 
		position: absolute; 
		top: 5px; 
		right: 10px; }
		
.inp1 { 
		width: 100px; 
		height: 17px; 
		z-index: 100; 
		float: left; 
		margin-right: 0.5em; 
		margin-bottom: 0.1em; }
		
.inp2 { 
		color: #fff; 
		font-size: 0.8em; 
		font-family: arial; 
		font-weight: bold; 
		background-color: #2a397a; 
		letter-spacing: -1px; 
		width: 140px; 
		height: 20px; 
		z-index: 100; 
		margin-right: 5px; 
		border-color: #2a397a; 
		border-style: solid; 
		border-width: 1px 1px 3px; }
		
#fuss { background-color: #003368; 
		position: absolute; 
		left: 0; 
		bottom: -190px; 
		width: 980px; 
		height: 200px; }
		
#fussindex { background-color: #003368; 
		position: absolute; 
		left: 0; 
		bottom: -60px; 
		width: 980px; 
		height: 31px; }				
		
		
		
				
		
#fussklein { 
		position: absolute; 
		left: 0; 
		bottom: -21px; 
		width: 980px; 
		height: 31px; }		
				
		
		
#menuefuss { 
		color: #ffffff ; 
		font-size: 0.8em; 
		font-weight: bold; 
		background-color: #003368; 
		position: absolute; 
		left: 0; 
		bottom: -1px; 
		width: 980px; 
		height: 30px; 
		border-top: 2px solid #fff; 
		border-bottom: 2px solid #fff; }
		
#menuefuss a { 
		color: #fff; 
		text-decoration: none; 
		padding: 3px; }
		
#menuefuss a:hover { 
		color: #c5d4e8; 
		padding: 5px 3px; }
		
#menuefuss ul { 		
		width: 970px; 
		height: 30px; 
		margin-top: 7px; 
		margin-left: 10px; }
		
#menuefuss li { 
		float: left; 
		margin-right: 25px; 
		list-style-type: none; 
		display: block; }
		
#dynamisch { 
		background-image: url(../siteimages/hgblautrans.gif); 
		background-repeat: repeat-y; 
		position: absolute; 
		top: 150px; 
		left: 0; 
		width: 980px; 
		min-height: 500px; }
		
#dynamisch a { text-decoration: none; }		
#dynamisch a:hover { text-decoration: underline; }


#dynstart { 
		background-color: #d9d9d9;
		position: absolute; 
		top: 150px; 
		left: 0; 
		width: 980px;
		min-height: 473px; }


#dynwegeverlauf { background-image: url(../wegeverlauf/images/hgregion.jpg); position: absolute; top: 150px; left: 0; width: 980px; min-height: 580px; }

#dynwegeeuropa { background-color: #dfe6ec; position: absolute; top: 150px; left: 0; width: 980px; min-height: 490px; }




		
		
#flaggen { 
		position: absolute; 
		top: 0; 
		width: 980px; 
		height: 30px; 
		border-top: 2px solid #fff; 
		border-bottom: 2px solid #fff; }
		
		
#startflaggen { background-color: #003368; background-position: 50% center; position: absolute; top: 200px; left: 0; width: 980px; height: 31px; z-index: 99; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }		
	
#flaggen a { 
		color: #fff; 
		font-size: 0.8em; 
		text-decoration: none; 
		padding: 3px; }
		
#flaggen a:hover { 
		color: #c5d4e8; 
		padding: 5px 3px; }	
	
#flaggen ul { 
		margin-left: 10px; 
		list-style-type: none; 
		display: block; }

#flaggen li { 
		float: left; 
		margin-top: 7px; 
		margin-right: 40px; 
		list-style-type: none; }
		
#startflaggen a { 
		color: #fff; 
		font-size: 0.8em; 
		text-decoration: none; 
		padding: 3px; }
		
#startflaggen a:hover { 
		color: #c5d4e8; 
		padding: 5px 3px; }	
	
#startflaggen ul {  margin-left: 10px; list-style-type: none; display: block; }

#startflaggen li { float: left; margin-top: 6px; margin-right: 40px; margin-bottom: 8px; list-style-type: none; display: block; }		
		
		
	
#animation { 
		position: absolute; 	
		top: 35px; 
		left: 0; 
		width: 980px; 
		height: 139px; }
		
#download { 
		background-color: #fff; 
		position: relative; 
		width: 246px; 
		float: left; 
		margin: 0;
		 padding: 10px;
		 border: double 3px #ccc; 
		 display: block; }

		
#download a { color: #003368; text-decoration: none; }				
				
#download a:hover { color: #003368; text-decoration: underline; }


#formular { 
		color: #003368; 
		background-color: #d9d9d9; 
		width: 680px; 
		height: 600px; 
		padding: 20px 100px 20px 200px; }


#flash { 
		position: absolute; 
		top: 0; 
		left: 0;
		width: 400px;
		height: 200px; 
		float: left;
		background-color: #c5d4e8; 
		border-right: 1px solid #fff; 
		border-bottom: 1px solid #fff; }


#textmitte { 
		color: #fff; 
		font-size: 0.8em; 
		background-color: #003368; 
		position: absolute; 
		top: 0; 
		left: 401px; 
		width: 270px; 
		height: 190px; 
		padding: 5px; 
		border-right: 1px solid #fff; 
		border-bottom: 1px solid #fff; }






	
/* classes*/

.ohnerahmen { border-width: 0; }

a { color: #003368; }

.first { color: #fff; }

.ein { 
		margin-left: 20px; 
		display: block; }
		
.disclaim { 
		color: #003368; 
		font-size: 0.8em; 
		background-color: #d9d9d9; 
		padding: 10px; }
		
		

.form { padding-bottom: 10px; }

#newsimg { 
		background-color: #003368; 
		position: absolute; 
		top: 0; 
		left: 683px; 
		width: 95px; 
		height: 200px; 
		border-right: 1px solid #fff; 
		border-bottom: 1px solid #fff; }
		
#gis { 
		color: #fff; 
		background-color: #003368; 
		position: absolute; 
		top: 0; 
		right: 0; 
		width: 202px; 
		height: 200px; 
		border-bottom: 1px solid #fff; 
		border-left: 1px solid #fff; }
		
#hotspotwegeverlauf { position: absolute; top: 233px; left: 0; width: 980px; height: 270px; }
		
#verlaufmenue { 
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 250px; 
		height: 450px; 
		background-color: #c5d4e8;  }
		
#verlaufmenue p { 
		color: #003368; 
		font-size: 0.8em; 
		padding: 5px 5px 5px 10px; 
		border-bottom: 3px solid #dfe6ec; }
		
#verlaufmenue ul { 
		list-style-type: none; display: block; }
		
		
#verlaufmenue li { 
		font-size: 0.8em; 
		width: 240px; 
		padding-top: 3px; 
		padding-bottom: 3px; 
		padding-left: 10px; 
		border-bottom: 1px solid #dfe6ec; 
		list-style-type: none; }
		
		
#verlaufmenue a { font-weight: bold; text-decoration: none; }

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

#orientierung { 
		color: #003368; 
		font-size: 0.8em; 
		background-color: #dfe6ec; 
		position: absolute; 
		top: 0; 
		left: 255px; 
		width: 440px; 
		padding-top: 5px; 
		padding-bottom: 5px; 
		padding-left: 20px; 
		border-bottom: 1px solid #fff; }
		
#orientierungeuropa { 
		color: #003368; 
		font-size: 0.8em; 
		background-color: #dfe6ec; 
		position: absolute; 
		top: 0; 
		left: 255px; 
		width: 705px; 
		padding-top: 5px; 
		padding-bottom: 5px; 
		padding-left: 20px; 
		border-bottom: 1px solid #fff; }		
		
		
		
#uebersichtskarte { 
		background-color: #dfe6ec; 
		position: absolute; 
		top: 25px; 
		left: 255px; 
		width: 460px; 
		height: 530px; 
		padding-top: 10px; }
		
		
#uebersichteuropa { 
		background-color: #dfe6ec; 
		position: absolute; 
		top: 25px; 
		left: 255px; 
		width: 725px; 
		height: 450px; 
		padding-top: 10px; }		
		
		
		
		
		
#wegerechts { 
		color: #fff; 
		font-size: 0.8em; 
		position: absolute; 
		top: 0; 
		right: 0; 
		width: 250px; 
		height: 600px; }
		
		
		
		
		

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

#wegerechts a:hover { 
		color: #fff; 
		text-decoration: none; }
		
		
#extern { 
		color: #fff; 
		position: absolute; 
		bottom: 60px; 
		width: 250px; }
		
#extern ul
 { list-style-type: none; display: block; }
 
#extern ul li
 { color: #003368; background-color: #dfe6ec; margin-bottom: 2px; padding: 3px; list-style-type: none; display: block; }
 
#extern ul li a
 { color: #003368; text-decoration: none; }
  
#extern ul li a:hover
 { color: #bbbdc7; text-decoration: none; }
#land { color: #fff; font-size: 0.8em; background-color: #003368; position: relative; left: 0; width: 230px; height: 30px; margin-top: 3px; padding: 10px; }