@import "navigation.css";


/*--[ General Styles ]------------------------------------------------------------------------------------------*/

html, body, form, 
table, tr, td, 
ul, li, p         {margin: 0; padding: 0;}
ul 								{list-style: none;}
body {background: #F6F6F6 url('images/body_bg.gif') repeat-y 0 0;}
img               {border: 0;}
table             {border-collapse: collapse;}
a                 {display: block;} 



/*--[ Box Styles ]----------------------------------------------------------------------------------------------*/

#aa, #ab, #ba, 
#bb, #bc, #ca, 
#da, #db, #dc, #fo, #dbfo			{position: absolute; overflow: hidden;}
/* tb -> boxen ganz rechts */
#tb								{background-color: #E9E9E9; width: 192px; position: absolute; top: 93px; left: 800px;}
#tb h2						{font-family: Arial; font-size: 11px; font-weight: bold; margin: 0; padding: 9px 8px 1px 9px; color: #000; }
#tb p							{font-family: Arial; font-size: 11px; margin: 0; padding: 4px 8px 4px 9px; color: #000; }
#tb #bl p .red		{display: block; color: #920C09; background: url(images/startseite/betriebslage.icon.png) no-repeat scroll 0px 0px; padding-left:20px;}
#tb #bl a {font-family: Arial; font-size: 11px; background: #989B94 url(images/sitenavi_arrow_gray.gif) no-repeat scroll 6px; color: #fff; padding:3px 4px 2px 20px; text-decoration:none; display: block; border-top: 1px solid #fff;  border-bottom: 1px solid #fff;}
#tb #bl a:hover {background-color: #ACB0A7;  text-decoration: none;}



#tb #bi p 				{margin: 0; padding: 0;}
#tb #bi a					{padding: 4px 12px 4px 26px; margin: 0; background: #E9E9E9 url("images/startseite/fahrplanaenderungen.icon.png") no-repeat 7px 5px; color: #000;}
#tb #bi a:hover		{background-color: #D6D6D6;}
#tb #bi .green		{color: #007340; display: block; margin-bottom: 5px; font-weight: bolder;}

#tb #bi #bi_buttons{padding:10px 0 10px 25px;}
#tb #bi #bi_buttons a {border:1px solid white; color:0; background:none; background: #D9D9D9; padding:2px 11px 2px 11px; display:inline; font-family: Arial; font-size: 11px; font-weight: bold;}
#tb #bi #bi_show a {word-wrap:break-word; overflow: auto;}
#tb #bi #bi_buttons #ACT,
#tb #bi #bi_buttons a:hover{background:white; border:1px solid #007340; color:#007340; }

#tb .wrap					{border-bottom: solid 1px #fff; padding-bottom: 3px;}
#tb li            {font-family: Arial; font-size: 11px;  margin: 0; padding: 0; color: #000; border-bottom: solid 1px #fff; }
#tb a							{padding: 3px 4px 2px 20px; background: #989B94 url("images/sitenavi_arrow_gray.gif") 6px 6px no-repeat; text-decoration: none; color: #fff; }
#tb a:hover				{background-color: #ACB0A7; }
#tb select				{font-family: Arial; font-size: 11px; margin: 4px 0 4px 9px; width: 160px;}

#tb #selStat,
#tb #selLine			{background: #fff; width: 172px; overflow: auto; margin:5px 0 4px 9px; border: solid 1px #A5ACB2;}
#tb #selStat a,
#tb #selLine a		{background: #fff; color: #000;  padding-left: 3px; overflow: hidden; display: block; width: 145px; white-space: nowrap;}
#tb #selStat a:hover,
#tb #selLine a:hover {background: #E9E9E9;}


#aa               {background-color: #EBEBEB; top: 83px; left: 0; width: 192px; height: 145px;}
#ab               {background-color: #EBEBEB; top: 83px; left: 193px; width: 577px; height: 145px;}
#aa h2            {font-family: Arial; font-size: 11px; color: #000; font-weight: bold; margin: 0; padding: 9px 8px 2px 8px;}
#aa p             {font-family: Verdana; font-size: 11px; color: #000; margin: 0; padding: 4px 5px 4px 8px;}
#aa p.nopl        {padding-left: 0px;}
#aa input.txt1,
#aa input.txt2    {margin: 0; padding: 0; border: solid 1px #A5ACB2; font-size: 11px; padding: 1px;}
#aa input.txt1    {width: 128px;}
#aa input.txt2    {width: 73px;}
#aa .submit				{cursor: pointer; margin: 6px 0 0 8px; display: inline;}



#ba               {background-color: #E9E9E9; top: 254px; left: 0; width: 192px; }
#bb               {background-color: #fff; top: 254px; left: 193px; width: 386px;}
#bb .wrap         {height: 208px; overflow: hidden;}
#ba, #bb, #bc			{border-bottom: solid 1px #A5ACB2;}
#ba .b, #bb .b, 
#bc .b, #da .b,  
#db .b 						{height: 208px; border-bottom: solid 1px #fff; border-top: solid 1px #fff; overflow: hidden;}
#ba h2, #bb h2, 
#bc h2, #da h2, 
#db h2, #dc h2    {font-family: Verdana; font-size: 11px; font-weight: bold; margin: 0; padding: 2px 8px 3px 9px; color: #888; border-bottom: solid 2px #FE0000; background-color: #fff;}
#ba .header, 
#bb .header    		{font-family: Arial; font-size: 11px; font-weight: bold; margin: 0; padding: 8px 8px 0 10px; color: #000;}
#ba .teaser,
#bb .teaser      	{font-family: Arial; font-size: 11px;  margin: 0; padding: 6px 8px 0 10px; color: #000;}
#ba a, 
#bb a, #bc a, 
#da a, #db a      {color: #000; text-decoration: none;}
#bb a 						{height: 69px; display: block; overflow: hidden;}
#bb a:hover				{background-color: #EBEBEB;}
#bb img           {float: left; border-bottom: solid 1px #fff; margin-right: 9px; width: 90px; height: 69px;}
#bb div div       {height: 70px; background: url("images/startseite/bg.aktuelles.png") left bottom repeat-x;}
#bb .header				{padding-top: 6px; display: block;}
#bb .teaser       {padding: 3px 8px 0 10px; display: block;}
#bc               {background-color: #EBEBEB; top: 254px; left: 580px; width: 190px;}
#bc li, #da li, 
#db li, #fo li    {font-family: Arial; font-size: 11px;  margin: 0; padding: 0; color: #000; border-bottom: solid 1px #fff;}
#bc a, #da a, 
#db a							{padding: 2px 4px 3px 20px; background: url("images/sitenavi_arrow_darkgray.gif") 6px 6px no-repeat;}

#bc a:hover, 
#da a:hover, 
#db a:hover				{background: #D3D3D3 url("images/sitenavi_arrow_darkgray.gif") 6px 6px no-repeat; color:#000;}

#ca               {background-color: #EBEBEB; top:525px; left: 0; width: 770px; height: 94px; }
#ca .wrap         {width: 772px;}
#ca img           {border-right: solid 1px #fff; float: left; width: 192px; height: 94px;}

#da               {background-color: #EBEBEB; top: 645px; left: 0; width: 289px; height: 125px;}
#db               {background-color: #EBEBEB; top: 645px; left: 290px; width: 289px; height: 125px;}
#dc               {background-color: #70746D; top: 645px; left: 580px; width: 190px; height: 145px;}
#dc .wrap					{border-top: solid 1px #fff; border-bottom: solid 1px #fff; overflow: hidden; width: 190px; height: 104px;}
#dc p a:hover			{background-color: #A1A49D;}
#dc p	a						{padding: 3px 4px 3px 20px; background: url("images/sitenavi_arrow_gray.gif") 6px 6px no-repeat; font-family: Arial; font-size: 11px;  color: #fff; text-decoration: none;}

#dbfo							{background-color: #999C95; top: 771px; left: 0px; width: 579px; height: 19px;}
#dbfo	p a					{padding: 3px 4px 3px 20px; background: url("images/sitenavi_arrow_gray.gif") 6px 6px no-repeat; font-family: Arial; font-size: 11px;  color: #fff; text-decoration: none;}
#dbfo p a:hover		{background-color: #A1A49D;}
     
#fo								{top: 805px; left: 580px; width: 192px; height: 100px;}
#fo li						{float: left;}
#fo a							{color: #6F6F6D; text-decoration: none; padding: 3px 4px 2px 20px; background: url("images/startseite/bg.li.a4.png") 9px 5px no-repeat;}



/*--[ Special IE-Hacks ]----------------------------------------------------------------------------------------*/

*html #bc a, 
*html #da a, 
*html #db a,
*html #tb a				{padding: 0px 4px 2px 20px; }

/*--[ Special Hack for Search-Input on Startpage]---------------------------------------------------------------*/
#header form.search input{height:14px;}


/*--[ external ]------------------------------------------------------------------------------------------*/

#links {position:absolute; width:300px; height: 100px; z-index:1; left: 1px; top: 500px; visibility: hidden; }