/* CSS Formatierung v. 2.0 2007 */


@media print {
 #left, #right, #menuHeader, #menuFooter, #footer{display:none;}
 body{background-image:none;background-color:#FFF;}
}


html{height:100%}
body
{
text-align:center;
height:100%;
margin:0px;
background-image:url(/static/cms/hintergrundverlauf.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#a8a8a8;
}

img {border:0;padding:0;}

#mainframe{ /* Gesamtbreite inkl. padding = 960*/
width:948px;
margin:0px auto;
text-align:left;
background-color:#FFF;
border:1px solid #999;
padding:6px;
}
* html #mainframe{width:960px;} /*IE 6 needs more space because of padding! */

#title {width:100%;text-align:left;margin:0;padding:0;}
#title img.headerSpace{padding-left:1px;}

#menuHeader{
background-image:url(/static/cms/verlaufoben.jpg);
background-repeat:repeat-x;
background-position:bottom;
height:18px;
text-align:right;
font-size:10px;
color:#FFF;
padding:4px 4px 0 0;
}
#menuHeader a:link, #menuHeader a:visited{text-decoration:none; color:#FFF;}

#left, #right {
line-height:18px;
background-color:#FFF;
}
#left {
float:left;
width:16%;
}
#right {
float:right;
width:19%;
}
#content {
float:left;
width:63%;
margin-left:1%;
background-color:#FFF;
padding-bottom:20px;
line-height:130%;
}

#footer{
background-image:url(/static/cms/verlaufunten.jpg);
background-repeat:repeat-x;
height:27px;
width:952px;
margin:0px auto;
text-align:right;
padding:20px 5px 0 5px;
margin-top:1px;
font-size:10px;
}
#footer a:link, #footer a:visited{text-decoration:none; color:#FFF;}
* html #footer{width:960px;height:47px;padding-top:20px;}

#menuFooter{
color:#FFF;
font-size:10px;
padding-top:10px;
padding-bottom:10px;
}

#menuFooter a:link, #menuFooter a:visited{text-decoration:none; color:#000;}

div.pathway{
font-weight:400;
font-size:10px;
padding-top:8px;
padding-bottom:8px;
}
div.pathway b{letter-spacing: 0.1em;}

.headlineSmall{font-weight: bold;color: #CC0000;}
img.randomImage{margin-bottom:20px;border:1px solid;}

/* Hauptmenu */
ul.mainMenu{
text-align:left;
list-style:none;
z-index:10;
color:#000;
font-size:12px;
font-weight:700;
padding:0;
margin:0;
}

ul.subMenu{
text-align:left;
list-style:none;
z-index:11;
color:#000;
font-weight:400;
font-size:10px;
padding:0;
margin:0;
line-height:14px;
background-color:#FFF
}

ul.mainMenu li.navMain, ul.subMenu li.navSub{border-bottom:1px solid #FFF;}
li.navMain a:link, li.navMain a:visited{display:block; background-color:#D6D6D6;padding:4px;color:#000;}
li.navMain a:hover{background-color:#ccc;}

li.navSub a:link, li.navSub a:visited{display:block; background-color:#FCDCD0;padding:2px 2px 2px 20px;color:#000;}
li.navSub a:hover{background-color:#F8A788;}

/* aktive Menüpunkte */
li.navMain a.active, li.navMain a.active:link{background-color:#F14F12;color:#FFF}
ul.subMenu li.active{font-weight:700}

#schnellKlick, #fahrplanauskunft{
color:#000;
font-size:10px;
line-height:12px;
font-family:verdana,sans-serif;
padding-top:10px;
padding-bottom:5px;
}
#schnellKlick select.text{font-size:10px;height:16px;width:100%}

/* Formatierung Fahrplan */
#fahrplanauskunft input.text{font-size:10px;height:16px;width:175px;}
* html #fahrplanauskunft input.text{height:18px;}
.dbService{color:#666;font-size:9px;display:block}
#fahrplanauskunft input.auskunftSubmit{float:right;margin-top:16px;}

#quicksearch, #teaserAktuelles, #teaserAktion{
color:#FFF;
font-size:10px;
font-family:verdana,sans-serif;
line-height:12px;
padding-top:10px;
position:relative;
}
* html #quicksearch input.text{height:18px;}

input.submitButtonFloat{float:right;position:relative;}
* html input.submitButtonFloat{right:4px;}

/* 2-Spalten Layout Startseite */
#columRight{float:right;width:49%;background-color:#E9E9E9;}
#columLeft{float:left;width:49%;}

/* Formatierung Module der Teaser */
.modulHeader{background-color:#D6D6D6;font-size:11px;color:#000;font-weight:700;padding:6px;}
.modulContent{background-color:#FCDCD0;margin-top:1px;padding:10px;color:#000;position:relative;}
div.modulContent input.text{font-size:10px;height:15px;width:154px;}

/* Formatierung der Links in den Modulen */
#quicksearch a:link, #teaserAktuelles a:link, #teaserAktion a:link, #quicksearch a:visited, #teaserAktuelles a:visited, #teaserAktion a:visited{
background-image:url(/static/cms/pfeil.gif);
background-repeat:no-repeat;
background-position:left 50%;
font-weight:700;
padding-left:8px;
}

#content a:link, #content a:visited{
background-image:url(/static/cms/pfeil.gif);
background-repeat:no-repeat;
background-position:left 50%;
font-weight:400;
padding-left:8px;
}

hr{height:0px;border-bottom:1px;border-top:0;border-right:0;border-left:0;border-style:solid;border-color:#999;margin:0;padding:0;}

form{margin:0;}

h1.h1startseite, h1.h1webseite{
font-weight: 700;
font-size: 14px;
color: #CC0000;
margin-bottom:0;
margin-top:0;
}

h2.h2webseite{
font-weight: 400;
font-size: 10px;
color: #000;
margin-top:0;
}

/* Formatierungen Sitemap */
div#sitemap, div.sitemap0 {padding: 10px 0 0; } 
div#sitemap, div.sitemaptext0 {padding: 0 0 5px 10px; font-size:10px;} 
div#sitemap, div.sitemap1 {padding: 5px 0 0 30px; } 
div#sitemap, div.sitemaptext1 {padding: 0 0 5px 50px; font-size:10px;} 
div#sitemap, div.sitemap2 {padding: 0 0 5px 60px; } 
div#sitemap, div.sitemaptext2 {padding: 0 0 5px 70px; font-size:10px;}

/* Fahrplaninfo Unternehmen */
div.fahrplanInfo{float:left;width:100%;margin-bottom:20px;}
div.unternehmen{display:block; width:595px;line-height:20px;background-color:#CCC;margin-bottom:1px;padding-left:2px;font-weight:700;}

div.fahrplan, div.linienplan, div.baustelle, div.tarife{
display:block;
height:16px;
line-height:16px;
float:left;
background-color:#ddd;
width:148px;
padding:2px 0 2px 0;
margin:0;
text-align:center;
}
div.linienplan, div.baustelle, div.tarife{border-left:1px solid #FFF;}
div.fahrplan{width:150px;}
* html div.linienplan, * html div.baustelle, * html div.tarife{width:147px;}
* html div.fahrplan{width:146px;}
* html div.unternehmen{width:587px;}

div.unternehmen a:link, div.unternehmen a:visited{
background-image:none;
font-weight:700;
color:#000;
padding:0;
}

/* Omni-Themen */
div.omniThemenUebersicht{width:95%;padding: 0 5px 25px 5px;}
div.omniTeaserImage{float:left;padding-right:10px;}

.teaserHeadline{
font-weight: bold;
color: #CC0000;
}

img.omniMagazinImage{width:293px;padding-bottom:10px;}
#columRight div.omniThemenUebersicht{font-size:10px;}
div.omniTextImage{float:right;padding-left:10px;text-align:right;width:250px;}
div.omniTextImageText{font-size:10px;background-color:#F14F12;text-align:left;color:#FFF;width:250px;line-height:110%}

/* Kontakt */
.spanMitteilung{width:100px;display:block;float:left;}

.messagebox, .messageboxError{
text-align: left;
}

.dateiDownloadName{
width:410px;
line-height:20px;
display:block;
float:left;
background-color:#CCC;
padding-left:10px;
margin-right:5px;
margin-bottom:1px;
}
.dateiDownloadText{
width:130px;
line-height:20px;
display:block;
float:left;
padding-left:10px;
margin-bottom:1px;
text-align:right;
}

* html .dateiDownloadName{width:430px;}

div.divImageList{
border:1px solid #D6D6D6;
padding:10px;
}

div.divImageList img{border: 1px solid #D6D6D6;}

div.divArchiv{float:right;margin-right:0px;}

body, td, p, ol, ul, blockquote {
font-family: Verdana, Tahoma, sans-serif, Arial, Helvetica;
color: #000000;
font-size: 12px;
}

.klein {
font-size: 10px;
line-height: 12px;
}
.mittel {
font-size: 11px;
line-height: 14px;
}
.gross {
font-size: 12px;
line-height: 16px;
}
.fett {
font-weight: bold;
}

.kleinFett {
font-size: 10px;
font-weight: bold;
}
.markiert {
font-weight: bold;
color: #CC0000;
}
.omniHeadline {
font-weight: bold;
font-size: 18px;
color: #CC0000;
line-height: 24px;
}
.omniSubline {
font-weight: normal;
font-size: 12px;
font-style: italic;
color: #000000;

}
a:link {
color: #CC0000;
text-decoration: none;
}
a:visited {
color: #CC0000;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: none;
}
a:active {
color: #CC0000;
text-decoration: none;
}
a.linkRot:link {
font-weight: bold;
color: #CC0000;
text-decoration: none;
}
a.linkRot:visited {
font-weight: bold;
color: #CC0000;
text-decoration: none;
}
a.linkRot:hover {
font-weight: bold;
color: #000000;
text-decoration: none;
}
a.linkRot:active {
font-weight: bold;
color: #000000;
text-decoration: none;
}
a.linkGrau:link {
font-weight: bold;
color: #666666;
text-decoration: none;
}
a.linkGrau:visited {
font-weight: bold;
color: #666666;
text-decoration: none;
}
a.linkGrau:hover {
font-weight: bold;
color: #000000;
text-decoration: none;
}
a.linkGrau:active {
font-weight: bold;
color: #000000;
text-decoration: none;
}
a.linkSchwarz:link {
color: #000000;
text-decoration: none;
}
a.linkSchwarz:visited {
color: #000000;
text-decoration: none;
}
a.linkSchwarz:hover {
color: #CC0000;
text-decoration: none;
}
a.linkSchwarz:active {
color: #000000;
text-decoration: none;
}
.headline {
font-size: 12px;
font-weight: bold;
color: #CC0000;
}

