/*...Die Seite wird aufgebaut...*/
#eckfilm {position:absolute; top:0px; left:0px; background: url("Logos-Sidepics/Lauftext.gif"); height:40px; width:200px;}
#eckteil {position:absolute; top:40px; left:0px; background: #86b0000; width:200px; height:50px; vertical-align:middle;}
#trennbalken {position:absolute; top:90px; left:0px; background: #8b0000; width:100%; height:50px;}
#abstandoben {margin-top:230px;}
#ueberschrift {position:absolute; top:4px; left:350px; height:80px; width:360px;}
#zusatztext {margin-top:65px; margin-left:39%;}
#abstand {margin-left: 10px;}
#sfhauptseite {position:absolute; top:100px; left:500px; background: #FF9900; height:30px; width:360px;}


/*...Schriftgrössen und Arten...*/
#Thementext  { color: yellow; font-style: normal; font-weight: 600; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align:center }
#Normaltext  { color: yellow; font-style: normal; font-weight: 600; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
#Text-Impressionen { color: yellow; font-style: normal; font-weight: 600; font-size: 12pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align:left }
#Tabellentext { color: yellow; font-style: normal; font-weight: 600; font-size: 12pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align:justify }
#Textunderline { color: yellow; text-decoration: underline; font-style: normal; font-weight: 600; font-size: 14pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
#Text12 { color: yellow; font-style: normal; font-weight: 600; font-size: 12pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
#Normalblock  { color: yellow; font-style: normal; font-weight: 600; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align:justify }
#seitenzeile  { color: yellow; font-style: normal; font-weight: normal; font-size: 12pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
#podtextscreen {color:yellow; font-style: normal; font-weight: normal; font-size: 18pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align:left }






body {
	background-color:#A6512A;
		
	}






#grundbild	{
			position:absolute;
			top:0px;
			left:0px;
			background: #8b0000;
			width:1000px;
			height:140px;
			border: 2px solid gray;
			}
			


#Eingangsbild {
			position:absolute;
			top:160px;
			left:275px;
			background: url("/Logos-Sitepics/eingangsfoto.jpg");
			height:347px;
			width:520px;
			}
			
#mailme	{
				position:absolute;
				top:530px;
				left:210px;
}

/*--------------Layout Kontaktformular------------------------------------*/

#felder {
            position: absolute;
            top: 300px;
            left: 200px;
        }
        
        #buttons    {
            position: absolute;
            left: 5px;
        }
        
        #sicher {
            position: absolute;
            top: 430px;
            left: 5px;
            
        }
        
        #dokuname   {
            position: absolute;
            top: 200px;
            left: 205px;
            font-family: Arial;
            font-size: 16pt;
            color: yellow;
        }

		#sendetext	{
			position: absolute;
			top: 300px;
			left:200px;
			width:800px;
			height:auto;
			font-family: Arial;
			font-size:12pt;
			color: yellow;
		}

/*--------------Ende Layout Kontaktformular-----------------------------*/
			


#laufbild {
	position:absolute;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
	}
	
	
#logonahverkehr {
	position:absolute;
	top: 5px;
	left: 300px;
	}
	
	
#querbalken {
	position:absolute;
	top: 80px;
	left: 0px;
	height: 60px;
	width: 1000px;
	background-color: #8b0000;
	}
	
	
	
#seitenfeld	{
		position:absolute;
		top:153px;
		left:10px;
		background: #666666;
		height:20px;
		width:975px;
		padding:3px;
		}

	
#eckbalken {
	position:absolute;
	top:40px;
	left: 0px;
	background: #8b0000;
	height: 50px;
	width: 200px;
	}
	
.thema		{
			position:absolute;
			display:table;
			top:85px;
			left:0px;
			height:50px;
			width:195px;
			}

.thema > div	{
				display:table-cell;
				vertical-align:middle;
				}		
	
	
#begleittext	{
				position:absolute;
				top:55px;
				left:350px;
				}


#lastupdate	{
			position:absolute;
			top:515px;
			left:400px;
			}
			

#kontakt	{
			position:absolute;
			top:515px;
			left:275px;
			backgroung:#CC6633;
			height:20px;
			width:150px;
			}
				
			
				
				
#listungHN	{
			position:absolute;
			top:180px;
			left:0px;
			background: #CC6633;
			width:1000px;
			height:auto;
			}
			
			
/*---------Anfang--Tabellendefinition ipod-------------------*/
			
		div.table	{
					display:table;
					border-collapse:collapse;
					margin-left:auto;
					margin-right:auto;
					}
					
		div.tr		{
					display:table-row;
					}
					
		div.td		{
					display:table-cell;
					border:thin solid red;
					padding:5px;
					width:768px
					}
					
/*---------Ende--Tabellendefinition ipod---------------------*/
	




/*---------Anfang--Tabellendefinition Bildschirm-------------------*/
			
		div.table2	{
					display:table;
					border-collapse:collapse;
					margin-left:auto;
					margin-right:auto;
					}
					
		div.tr2		{
					display:table-row;
					}
					
		div.td2		{
					display:table-cell;
					border:thin solid red;
					padding:5px;
					vertical-align:middle;
					}
					
/*---------Ende--Tabellendefinition Bildschirm---------------------*/




	
#container {
	position:relative;
	margin: 0 auto;
	width:1000px;
	height:1300px;
	background:#CC6633;
	}
	
/*-----------Anfang Schaltfläche S-Bahn----------------*/	
	
a.SBahn {
			position:absolute;
			top:160px;
			left:145px;
			background: #913919;
			height:50px;
			width:120px;
			border-radius:5px;
			padding:1px;
			}
		
		a.SBahn:hover {background: #915541}
		a.SBahn:link {text-decoration:none; color: #e19627 ; font-style: italic; font-weight: normal; font-size: 16pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		a.SBahn:visited {text-decoration:none; color: #e19627; font-style: italic; font-weight: normal; font-size: 16pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		a.SBahn:active {text-decoration:none; color: #e19627; font-style: italic; font-weight: normal; font-size: 16pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}	
		
		
/*-----------Ende Schaltfläche S-Bahn------------------*/


/*-----------Anfang Schaltfläche U-Bahn----------------*/

a.UBahn {
			position:absolute;
			top:230px;
			left:145px;
			background:#913919;
			height:50px;
			width:120px;
			border-radius:5px;
			padding:1px;
			}
			
			
		a.UBahn:hover {background: #915541}
		a.UBahn:link {text-decoration:none; color: #e19627; font-style: italic; font-weight: normal; font-size: 16pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		a.UBahn:visited {text-decoration:none; color: #e19627; font-style: italic; font-weight: normal; font-size: 16pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		a.UBahn:active {text-decoration:none; color: #e19627; font-style: italic; font-weight: normal; font-size: 16pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}

/*-----------Ende Schaltfläche U-Bahn------------------*/


/*-----------Anfang Schaltfläche Linienbus-------------*/

a.Bus	{
			position:absolute;
			top:300px;
			left:145px;
			background:#913919;
			height:50px;
			width:120px;
			border-radius:5px;
			padding:1px;
			}
	
		
		a.Bus:hover {background: #915541}
		a.Bus:link {text-decoration:none; color: #e19627; font-style: italic; font-weight: normal; font-size: 16pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		a.Bus:visited {text-decoration:none; color: #e19627; font-style: italic; font-weight: normal; font-size: 16pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		a.Bus:active {text-decoration:none; color: #e19627; font-style: italic; font-weight: normal; font-size: 16pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		
/*----------Ende Schaltfläche Linienbus--------------*/


/*----------Anfang Schaltfläche Hafenfähre-----------*/

a.Faehre	{
			position:absolute;
			top:370px;
			left:145px;
			background:#913919;
			height:50px;
			width:120px;
			border-radius:5px;
			padding:1px;
			}
			
		
		a.Faehre:hover {background: #915541}
		a.Faehre:link {text-decoration:none; color: #e19627; font-style: italic; font-weight: normal; font-size: 16pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		a.Faehre:visited {text-decoration:none; color: #e19627; font-style: italic; font-weight: normal; font-size: 16pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		a.Faehre:active {text-decoration:none; color: #e19627; font-style: italic; font-weight: normal; font-size: 16pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		
/*-----------Ende Schaltfläche Hafenfähre-----------*/

/*-----------Anfang Nordbahn -------------------------*/


a.Nordbahn	{
			position:absolute;
			top:440px;
			left:145px;
			background:#913919;
			height:50px;
			width:120px;
			border-radius:5px;
			padding:1px;
			}
			
		a.Nordbahn:hover {background: #915541}
		a.Nordbahn:link {text-decoration:none; color: ; font-style: italic; font-weight: normal; font-size: 16pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		a.Nordbahn:visited {text-decoration:none; color: #e19627; font-style: italic; font-weight: normal; font-size: 16pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		a.Nordbahn:active {text-decoration:none; color: #e19627; font-style: italic; font-weight: normal; font-size: 16pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		
/*-----------Ende Nordbahn----------------------------*/


/*-----------Anfang Frei-2--------------------------*/


a.frei2		{
			position:absolute;
			top:160px;
			left:805px;
			background:#913919;
			height:50px;
			width:120px;
			border-radius:5px;
			padding:1px;
			}
			
		a.frei2:hover {background: #915541}
		a.frei2:link {text-decoration:none; color: ; font-style: italic; font-weight: normal; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		a.frei2:visited {text-decoration:none; color: #e19627; font-style: italic; font-weight: normal; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		a.frei2:active {text-decoration:none; color: #e19627; font-style: italic; font-weight: normal; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}

/*-------------Ende Frei-2-------------------------*/


/*--------------Anfang Frei-3----------------------*/


a.frei3		{
			position:absolute;
			top:230px;
			left:805px;
			background:#913919;
			height:50px;
			width:120px;
			border-radius:5px;
			padding:1px;
			}
			
		a.frei3:hover {background: #915541}
		a.frei3:link {text-decoration:none; color: ; font-style: italic; font-weight: normal; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		a.frei3:visited {text-decoration:none; color: #e19627; font-style: italic; font-weight: normal; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		a.frei3:active {text-decoration:none; color: #e19627; font-style: italic; font-weight: normal; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		
		
/*--------------Ende Frei-3-----------------------*/


/*--------------Anfang Frei-4---------------------*/


a.frei4		{
			position:absolute;
			top:300px;
			left:805px;
			background:#913919;
			height:50px;
			width:120px;
			border-radius:5px;
			padding:1px;
			}
			
		a.frei4:hover {background: #915541}
		a.frei4:link {text-decoration:none; color: ; font-style: italic; font-weight: normal; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		a.frei4:visited {text-decoration:none; color: #e19627; font-style: italic; font-weight: normal; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		a.frei4:active {text-decoration:none; color: #e19627; font-style: italic; font-weight: normal; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}


/*--------------Ende Frei-4-----------------------*/


/*--------------Anfang Frei-5---------------------*/


a.frei5		{
			position:absolute;
			top:370px;
			left:805px;
			background:#913919;
			height:50px;
			width:120px;
			border-radius:5px;
			padding:1px;
			}
			
		a.frei5:hover {background: #915541}
		a.frei5:link {text-decoration:none; color: ; font-style: italic; font-weight: normal; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		a.frei5:visited {text-decoration:none; color: #e19627; font-style: italic; font-weight: normal; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		a.frei5:active {text-decoration:none; color: #e19627; font-style: italic; font-weight: normal; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
	
/*-------------Ende Frei-5-----------------------*/


/*-------------Anfang Frei-6---------------------*/


a.frei6		{
			position:absolute;
			top:440px;
			left:805px;
			background:#913919;
			height:50px;
			width:120px;
			border-radius:5px;
			padding:1px;
			}
			
		a.frei6:hover {background: #915541}
		a.frei6:link {text-decoration:none; color: ; font-style: italic; font-weight: normal; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		a.frei6:visited {text-decoration:none; color: #e19627; font-style: italic; font-weight: normal; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		a.frei6:active {text-decoration:none; color: #e19627; font-style: italic; font-weight: normal; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		
/*------------Ende Frei-6----------------------*/


/*-----------------Anfang--Schaltflächen in blau rechts aussen einzeilig------------------------*/

a.linkse {
			position:absolute;
			top:95px;
			left:371px;
			background: #F3AA0D;
			height:22px;
			width:144px;
			padding:6px;
			}
		
		a.linkse:hover {background: #F37013}
		a.linkse:link {text-decoration:none; color: #FFFFFF; font-style: normal; font-weight: normal; font-size: 14pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}


/*-----------------Ende--Schaltflächen in blau rechts aussen einzeilig------------------------*/


/*-----------------Anfang--Schaltflächen in blau rechts einzeilig------------------------*/

a.rechtse {
			position:absolute;
			top:95px;
			left:542px;
			background: #F3AA0D;
			height:22px;
			width:144px;
			padding:6px;
			}
		
		a.rechtse:hover {background: #F37013}
		a.rechtse:link {text-decoration:none; color: #FFFFFF; font-style: normal; font-weight: normal; font-size: 14pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		
/*-----------------Ende--Schaltflächen in blau rechts einzeilig------------------------*/



/*-----------------Anfang--Schaltflächen in gelb mitte einzeilig------------------------*/

a.mittese {
			position:absolute;
			top:95px;
			left:442px;
			background: #F3AA0D;
			height:22px;
			width:144px;
			padding:6px;
			}
		
		a.mittese:hover {background: #F37013}
		a.mittese:link {text-decoration:none; color: #FFFFFF; font-style: normal; font-weight: normal; font-size: 14pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
		
/*-----------------Ende--Schaltflächen in gelb mitte einzeilig------------------------*/


/*--------------Position für Drop-Down-Menü für Tablets-------------------*/

#tabletmenu	{
			position:absolute;
			top:0px;
			left:300px;
			z-index:2
			}
			
/*--------------Ende Position für Drop-Down-Menü für Tablets--------------*/