/*
Projekt:S-Bahn Berlin
Version: 2010 1.0
Datum:  09/10/07
Autor:  AFU
familie redlich :systeme
www.familie-redlich.de
*/

/* --- Tags --- */
body, div, form, table, tr, td, ul, li, p{ margin:0; padding:0; }
body {font:13px Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif; background:#cecece url(../images/start/bg-hintergrundlinie.png) repeat-y; line-height:1.54 }
a { text-decoration:none; color:#000; }
img {	border:none; }

.clear-it { clear:both;}
input, h1{ font-family:Verdana,"Bitstream Vera Sans","DejaVu Sans","Liberation Sans",Geneva,sans-serif ;}

/* 
Verdana,"Bitstream Vera Sans","DejaVu Sans","Liberation Sans",Geneva,sans-serif 
Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif 
*/

/* --- Allgemeiner Aufbau --- */

#content-oben-div{width:990px;}
#haupt-menu-div  { margin-bottom:0}
#haupt-menu-redline-div	{position:absolute;top:82px; z-index:100}

#oben-links-div{float: left; margin: 47px 0 0 17px;}
#oben-links-div img.logo-SB-VBB-partner{ width:198px; height: 116px; background-position: -40px -70px;}
/*#oben-links-div img.logo-SB-VBB-partner{ width:168px; height: 106px; background-position: -60px -80px;}*/

#image-obenrechts-div {  float:right; overflow:hidden; position:relative;margin:0; padding:0; width:675px; height:220px; overflow:hidden; }
#image-obenrechts-div img{ margin:0; padding:0; }

#image-obenrechts-div  h1 a { font: bold 21px Verdana,"Bitstream Vera Sans","DejaVu Sans","Liberation Sans",Geneva,sans-serif; color:#4d4d4d }
#image-obenrechts-div  h1 	{  margin-bottom:2px; padding:0; line-height:24px;  }
#image-obenlinks-text-div span { color:#fff; font-size:1.7em; font-weight:bold; font-family:Verdana,"Bitstream Vera Sans","DejaVu Sans","Liberation Sans",Geneva,sans-serif ;}
.teaser-text { position:absolute; top:153px; left:15px; width: 360px;line-height:18px}
.key{ position:relative; }
.key .link { position:absolute; top:0; left:0; z-index:9999; width:675px; height:220px  }

.image-link-div {padding:0;list-style:none;position:absolute; top:193px; right:14px;z-index:9999; }
.image-link-ul {padding:0; margin:0;list-style:none;float: right;}
.image-link-ul li{float:left; margin:0; padding:0; }
.image-link-ul li.text-li{color:#666; font-size:0.9em; font-weight: bold; padding:0 8px 0 0; }

.image-link-ul li span {cursor:pointer; font-weight: normal; display:block; width:17px; text-align: center;  margin:0 4px; padding:0; color:#666; font-size:1.0em; background-position:left -249px;}
.image-link-ul li span:hover, .image-link-ul li span.aktiv {color:#ffffff; background-position: left -219px;}



#content-unten-div {width:990px; margin:38px 0 0 0; min-height: 360px}
.bold-font {font-weight:bold; }

#content-unten-links-div {float:left; width:295px; margin:0 20px 0 0; }

#routenplaner-div { padding:2px 2px 8px 20px; width:273px; float:left; min-height: 260px; background-color:#DEDEDE;}

#routenplaner-div h1{font:bold 16px Verdana,"Bitstream Vera Sans","DejaVu Sans","Liberation Sans",Geneva,sans-serif;  margin:13px 0 7px 0; padding:0; color:#363636}
#routenplaner-div p.zusatz-info{font-size: 0.9em;  margin: 0 0 10px 0; padding:0;}

#routenplaner-div fieldset{ border:none; margin:0;padding:0;}
#routenplaner-div fieldset p label{ display:block; width:40px; float:left; font-size: 0.9em;}
#routenplaner-div fieldset p input{ width:210px; border-top:1px solid #8d8d8d; border-left:1px solid #8d8d8d; margin-bottom:8px; padding:2px 0 2px 4px; font-size: 0.9em;}
#routenplaner-div fieldset p.radiobut-p { clear:both; margin:0 0 8px 0;  height:24px; padding:0; width:260px; }
#routenplaner-div fieldset p.radiobut-p input{ margin:2px 0 0 40px; float:left; width:20px; border:none; }
#routenplaner-div fieldset p.radiobut-p label{ display:block; width:40px; margin:2px 0 0 0; }

#routenplaner-div #submit-but-input {float:right; margin:0 2px 0 0; padding:0 0 4px 0; height:25px; width:128px; background-position:-384px -518px; color:#fff; font-size: 0.85em; cursor:pointer; border:none}
#routenplaner-div #submit-but-input:hover {background-position:-384px -552px; }

#routenplaner-div #suche-but-a {display:block; float:right; margin:0 2px 0 0;  padding-top:2px; height:20px; width:128px; background-position:-384px -586px; color:#343434; text-align:center; font-family:Verdana,"Bitstream Vera Sans","DejaVu Sans","Liberation Sans",Geneva,sans-serif; font-size:0.85em; border:none}
#routenplaner-div #suche-but-a:hover { background-position:-384px -617px;}

#bahnhof-suche, #linien { margin:0 4px .75em 0; }
#bhofsuche { width:248px; border-top:1px solid #8d8d8d; border-left:1px solid #8d8d8d; margin-bottom:8px; padding:2px 0 2px 4px;}
#linien-box { height:112px; margin:0 0 6px 0; width:252px; background:#FFF; overflow:auto; border-top:1px solid #8d8d8d; border-left:1px solid #8d8d8d; padding:2px 0 2px 2px; }
#linien-box li 	 { float:left; clear:both; margin:3px 0 1px 3px; width:228px; height:15px; overflow:hidden; }
#linien-box li a { float:left; width:100%; color: #000; overflow: hidden; white-space: nowrap; }
#linien .dark	{ background:#f6f6f6}


#content-unten-rechts-div{float:right;width:675px;}
#content-unten-rechts-div h1{border-bottom:2px solid red; width:265px; padding:0 0 7px 12px; margin:0 0 2px 0; color:#6e6e6e; font-size:1.0em; }

#reiter-ul {list-style: none; margin:0; padding:0; border-bottom:2px #e4461c solid; height: 38px; }
#reiter-ul li{float: left;  margin:0 4px 0 0; text-align:center;}
#reiter-ul li:hover {  background-position:right -50px;}

#reiter-ul li span{color:#363636;  font:normal 18px Verdana,"Bitstream Vera Sans","DejaVu Sans","Liberation Sans",Geneva,sans-serif; cursor:pointer;color:#363636; display: block; padding-top:9px;  height: 32px; width: 162px; background-position:right top; }
#reiter-ul li :hover{color:#ffffff;  background-position:right -50px;}
#reiter-ul li .aktiv-reiter {  background-position:right -50px; color:#ffffff;}
#reiter-ul li.last-li{margin:0 ; }
#reiter-ul li.last-li span{margin:0; padding-right:12px;  width: 165px;}

#reiter-ul li img{float: left; margin:0 0 0 18px; margin-top:-2px; padding:0; }
#reiter-ul li img.ico-punkt3 { width:24px; height: 24px; background-position: left -280px;}

#reiter-div {  width:675px;  display:block}
.content_box {display:none;}
.content-div {background: transparent url(../images/start/bg-content-oben.png) repeat-x left bottom; border:1px #d9d9d9 solid; border-top: none; padding:18px 0 0 18px;}
.content-div a:hover { color:red;}

/* .aktuelles-div  {height: 150px; margin:8px 20px; overflow: auto;} */
.aktuelles-div  { margin:8px 0 0 0; line-height:17px}

/* .info-div {height: 150px; background-color: #FFD52B; border: 1px #FFD52B solid; margin:8px 20px 8px 28px; overflow: auto;} */
.info-div {border: 1px #ffd21d solid; margin:8px 20px 8px 28px; background: #ffeeb8 url(../images/start/bg-infoliste.gif) repeat-x bottom}
.info-div .aktuelles:hover { background:#fcf4d4; }





.breite-menu-ul li a.btnDarkGrey,  .breite-menu-ul li a.btnLightGrey  { width:222px; }
.breite-menu-ul li a.btnDarkGrey 		{ background-position: -280px -720px;}
.breite-menu-ul li a.btnDarkGrey:hover	{ background-position: 0px -720px;}

.content_box .content-menu-ul {list-style: none;float:left;width:360px ;}
.spalten-menu-ul {margin:4px 0 10px 10px;}
.spalten-menu-ul li {float:left; }
.spalten-menu-ul li a{ margin:0px 12px 4px 0px; width:167px;}
.content_box .content-menu-ul li{ margin-bottom:4px;}
.content_box .content-menu-ul li ul{list-style: none; width:166px; position: relative; left:184px; top: -28px; margin-bottom:-32px;}

.spalte-div {float:left; width:218px; }
.spalte-div p{padding:0 0 0 14px; }
.spalte-div ul{list-style: none; margin:0 0 15px 20px;}
.spalte-div ul.info-ul {list-style-image: url(../images/start/ico-rot-quadrat.png);  margin:0 0 0 24px;}
.spalte-div .head-li {font-size: 1.1em; color:#6e6e6e; font-weight: bold; padding:0 0 8px 14px;font-family:Verdana,Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif}
/* .spalte-div  a:hover {text-decoration: underline; } */

.p3-list-ul {margin:0 0 0 40px; padding:4px 0 0 0; width:250px; list-style: none;}
.p3-list-ul li {float:left; padding:0 0 0 40px; }


.content-innen-rechts-div {float:right; width:262px; }
.content-innen-rechts-div ul{list-style: none; margin:0 0 38px 20px;}
.content-innen-rechts-div ul.zweite-ul{ margin-bottom:4px;}
.content-innen-rechts-div ul li{}
.content-innen-rechts-div ul li.head-li {font-size: 1.1em; color:#6e6e6e; font-weight: bold; padding:0 0 8px 0; font-family:Verdana,Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif}
/*.content-innen-rechts-div ul li a:hover {text-decoration: underline; } */
img.ico-roterpfeil {height: 8px; width: 9px; background-position:left -190px;margin:0  6px 0 0; }

ul img.ico-roterpfeil {margin-top:10px; }

.content-input {border:1px solid #bfbfbf;padding-left: 4px;}


div.weiter-link-div {float:right; clear:both; width:320px; height: 20px; margin:12px 16px 15px 0; text-align: right;}
div.weiter-link-div a{font-weight: bold; font-size: 1.0em; color:#333}
div.weiter-link-div a img.ico-weiserpfeil{height: 9px; width: 9px; background-position:left -169px; }


.button-div { min-height:80px ; margin-top:30px; font-family: Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif; line-height:1.4em }
.footer-but a{float: left; width:135px; height:36px; margin: 0; padding: 21px 6px 10px 65px; color:#6e6e6e; font-size:1.1em; font-weight:bold; background-position: left top; background-repeat: no-repeat;}
.footer-but a:hover{background-position: left -65px; }


#footer-div { width:990px; background-color:#ff1600;height:36px;margin:40px 0 0 0;}
#footer-weissblock-div {background-color:#fff; width:313px; height:12px; float:left;}

#footer-menu-ul {list-style:none; float:right;background-color:#ff1600; margin:8px 16px 16px 0; }
#footer-menu-ul li{float:left; background-color:#ff1600;border-right:1px solid #fff; display:block;  margin:0;padding:2px 10px 0 10px ;color:#fff; font-size:0.85em;}
#footer-menu-ul li  a { color:#fff}
#footer-menu-ul li.last-li {border:none;}



.angebot-inaktiv, .angebot-aktiv:hover { background-position:0 -30px; cursor:pointer; }
.angebot-aktiv, .angebot-inaktiv:hover { background-position:0 2px;}
.tipps-unten { background-position:0 -384px; width:100%; height:28px; cursor:pointer; }
.tipps-oben { background-position:0 -448px; width:100%; height:28px; cursor:pointer; }
.angebot-unten { background-position:0 -416px; width:100%; height:5px; }


.event  {  border:none; margin:0; padding:0; height:24px; width:328px; overflow:hidde; display:block }
.event span { /*margin:0 0 10px 0px; display:block */}
.event .ico { background-position:0px -185px;}
.event  .text {  margin:0; padding:0; width:305px; height:18px; overflow:hidden; display:block; }

.slideMe	{ margin:8px 20px 45px 28px}

.betriebsinfo-box p { margin:0 0 1em 0}