html{height:100%}
body
{
text-align:center;
height:100%;
margin:0;
background-image:url('bg_browser.gif');
background-repeat:repeat;
background-position:top left;
}

#designbody{text-align:left;}

img {border:0;padding:0;}
form{display:inline;margin:3px 0 0 0;padding:0;text-align:right;}

hr{height:1px; border-top:0;border-left:0;border-right:0;border-bottom:1px solid #d1e1ef;margin-bottom:25px;margin-top:15px;}

#mainframe{ /* Gesamtbreite inkl. padding = 960*/
width:955px;
margin:0px auto;
text-align:left;
}

#title {
  background-image:url('bg_header.png');
  background-repeat:no-repeat;
  background-position:top left;
  width:955px;
  height:200px;
  text-align:left;
  margin:0;
  padding:0;
  position:relative;
}

#headerMenu{
  height:30px;
  text-align:right;
  padding-top:30px;
  padding-right:40px;
  font-family: Tahoma;
  font-size:11px;
  font-weight:700;
  letter-spacing: 0.8px;
}
#headerMenu a:link, #headerMenu a:visited{color:#FFF;text-decoration:none;}
#headerMenu a:hover{text-decoration:underline;}

#kombuslogo{position:absolute; top:70px; left:32px;}
#kombusslogan{position:absolute; top:70px; left:140px;}

#randomImageDiv{
  background-repeat:no-repeat;
  background-position:center;
  position:absolute;
  right:21px;
  top:70px;
  width:394px;
  height:113px;
}

#mainContent{
  width:935px;
  margin-left:10px;
}

#whiteBG{border-left:2px solid #FFF;background-color:#FFF;}

#left, #right {
line-height:18px;
background-color:#FFF;
}

#left {
float:left;
width:186px;
background-color: #eef3f7;
position:relative;
height:700px;
}

#right {
float:right;
width:212px;
}

#content {
float:left;
width:498px; /* 533 minus padding */
background-color:#FFF;
padding-bottom:20px;
padding-left:20px;
padding-right:15px;
line-height:130%; /*weitere Formatierungen unten */
min-height:750px;
}

div.divGreen{background-color:#c8dcd4;height:20px; width:100%; position:absolute;}

#leftMenus{
position:absolute;
top:5px;
left:-8px;
}


div.mainMenuCenter, div.companyMenuCenter{
background-image:url('bg_mm_mid.png');
background-repeat:repeat-y;
background-position:top left;
width:202px;
}

/* Hauptmenu */
ul.mainMenu{
text-align:left;
list-style:none;
z-index:10;
font: 12px Verdana;
font-weight:700;
letter-spacing: 0.8px;
padding:0;
margin:0;
border:0px solid #999;
}

ul.subMenu{
text-align:left;
list-style:none;
z-index:11;
color:#000;
font-weight:400;
font: 10px Verdana;
padding:0;
margin:0;
line-height:14px;
background-color:#FFF;
border:0px solid #999;
}

li.mainmenuSpacer{height:27px;background-color:#d1e1ef;border:0;width:186px;margin-left:7px;}

ul.mainMenu li.navMain{border-bottom:2px solid #FFF;width:186px;margin-left:7px;}
li.navMain a:link, li.navMain a:visited{display:block; background-color:#d1e1ef;padding:8px 0 8px 14px;color:#7db4e2;text-decoration:none;background-image:url('pc_5corner.png');background-repeat:no-repeat;background-position:bottom right;}
li.navMain a:hover{background-color:#dbd7e7;color:#554961;}

li.navSub a:link, li.navSub a:visited{display:block; background-color:#eef3f7;padding:2px 2px 2px 28px;color:#7db4e2;text-decoration:none;background-image:url('pc_spacerv.png');background-repeat:no-repeat;background-position:15px 4px;border-bottom:1px solid #FFF;}
li.navSub a:hover{background-color:#d9e7e1;color:#6c837a;}


/* aktive Menüpunkte */
li.navMain a.active{background-color:#dbd7e7;color:#554961;}
li.navSub a.active{background-color:#d9e7e1;color:#6c837a;}

#menuSpecials{
  width:158px;
  margin-left:7px;
  background-color:#d1e1ef;
  padding:0 14px 10px 14px;
}

span.spanSpecials{
  padding:8px 0 8px 0;
  display:block;
  color:#da9659;
  font: 12px Verdana;
  font-weight:700;
  letter-spacing: 0.8px;
}

/* Unternehmen nicht im Mainmenu anzeigen!! */
#mainMenu11B2147B7B6{display:none ! important;}

/* Unternehmensmenu */
#divCompanyMenu{
  margin-top:10px;
}
#socialmnue{
  margin-top:10px;
}

ul.companyMenu{
text-align:left;
list-style:none;
z-index:11;
font: 12px Verdana;
font-weight:700;
letter-spacing: 0.8px;
padding:0;
margin:0;
border:0px solid #999;
}

li.companymenuSpacer{
  height:25px;
  background-color:#c8dcd4;
  border:0;
  width:181px;
  margin-left:7px;
  padding:20px 0 0 5px;
  font: 12px Verdana;
  font-weight:700;
  color: #41564d;
  border-bottom:2px solid #FFF;
  background-image:url('pc_5corner.png');background-repeat:no-repeat;background-position:bottom right;
}

ul.companyMenu li.navComp{border-bottom:2px solid #FFF;width:186px;margin-left:7px;font-size:10px;}
li.navComp a:link, li.navComp a:visited{display:block; background-color:#c8dcd4;padding:3px 0 3px 24px;color:#6c837a;text-decoration:none;background-image:url('pc_5corner.png');background-repeat:no-repeat;background-position:bottom right;}

li.companymenuSpacer a:link, li.companymenuSpacer a:visited{display:block; background-color:#c8dcd4;color:#6c837a;text-decoration:none;}
li.navComp a:hover, li.companymenuSpacer a:hover{background-color:#dbd7e7;color:#554961;}

* html li.navComp{border-bottom:1px solid #FFF}

#companyShortmenu{
  width:186px;
  margin-left:7px;
  padding-top:20px;
  padding-bottom:20px;
  background-color:#c8dcd4;
  font: 9px Verdana;
  text-align:center;
}

#companyShortmenu a:link, #companyShortmenu a:visited{color:#7c7c7c; text-decoration:none;}
#companyShortmenu table{width:90%;}
#companyShortmenu table td{width:40px;}

#socialshort{
  width:186px;
  margin-left:7px;
  padding-top:20px;
  padding-bottom:20px;
  background-color:#c8dcd4;
  font: 9px Verdana;
  text-align:center;
}
#companyShortmenu table{width:90%;}
#socialshort table td{width:80px;}
/* 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 20px; } 
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;}

/* Formatierung Darstellung Haltestelleninfo */
div.divHaltestelle{
border:1px solid #ccc;
padding:5px;
margin-bottom:5px;
font-size:12px;
}

/* div.divHaltestelle:hover{background-color:#d1e1ef;} */

#map{border:1px solid #7db4e2;width:498px;height:400px;}
#mapLegend, #mapFilter{border:1px solid #7db4e2;padding:5px;font-size:9px;background-color:#d1e1ef;width:488px;}
#mapLegend{margin-bottom:5px;}
#mapFilterContent{visibility:hidden;}

h2.h2Haltestelle{font-size:13px;}

/* Formatierungen Pathway */
div.pathway{
  margin-left:200px;
  font-family: Verdana;
  font-size:10px;
  font-weight:700;
  letter-spacing: 0.8px;
  color: #483e52;
  padding-top:3px;
}
div.pathway a:link, div.pathway a:visited{color:#FFF; text-decoration:none;}

/* obere und untere Linie vom Inhaltsbereich */

#divHeader, #divFooter{background-repeat:no-repeat;height:19px;width:935px;}
#divHeader{
  background-image:url('bg_cont_header.png');
  background-position:top left;
}

#divFooter{
  background-image:url('bg_cont_footer.png');
  background-position:top left;
}

/*Formatierung Newsticker, Ansprechpartner, Newsletteranmeldung, Volltextsuche, Bilderbox */
#newsticker, #ansprechpartner, #volltextsuche, #newsletter, #imageBox{margin-bottom:30px;}

div.newstickerContent, div.ansprechpartnerContent, div.newsletterContent, div.volltextsucheContent, div.imageBoxContent{
  background-image:url('bg_newsmid.png');
  background-position:top left;
  background-repeat:repeat-y;
  font-family: Verdana;
  font-size:10px;
  line-height:12px;
  font-weight:400;
  color:#7c7c7c;
  padding-left:20px;
  padding-right:5px;
}

span.newstickerDatum{
  font-family: Verdana;
  font-size:9px;
  font-weight:400;
  font-style:italic;
  color:#7db4e2;
}

h3.newstickerHeadline{
  font-family: Verdana;
  font-size:10px;
  font-weight:700;
  color:#da9659;
  margin:0;
  padding:0;
  display:inline;
}

span.spanReadon{color:#483e52;}
span.spanMore{color:#7db4e2;}
a.linkReadOn:link, a.linkReadOn:visited{color:#483e52;font-style:italic;text-decoration:none;}
a.linkReadOn:hover{text-decoration:underline;}
a.moreInfo:link, a.moreInfo:visited{color:#7db4e2;font-weight:700;font-family:Verdana;font-size:10px;text-decoration:none;}
a.moreInfo:hover{text-decoration:underline;}

h2.h2Ansprechpartner{
  font-family: Verdana;
  font-size:11px;
  font-weight:700;
  color:#483e52;
  margin:0;
  padding:5px 0 6px 0;
}

h3.ansprechpartnerHeadline{color:#da9659;}
h3.newsletterHeadline, h3.volltextsucheHeadline{color:#483e52;}

h3.ansprechpartnerHeadline, h3.newsletterHeadline, h3.volltextsucheHeadline{
  font-family: Verdana;
  font-size:11px;
  font-weight:700;
  margin:0;
  padding:5px 0 0 0;
}
span.ansprechpartnerTelefon{}
a.ansprechpartnerMail:link, a.ansprechpartnerMail:visited{color:#7db4e2;text-decoration:none;}
a.ansprechpartnerMail:hover{text-decoration:underline;}

input.inputEmail, input.inputFormFields{
 color:#7db4e2;
 border:1px solid #7db4e2;
 background-color:#FFF;
 margin-top:2px;
}

/* Seiteninhalt */

#content{
padding-top:10px;
color:#7c7c7c;
font: 11px Verdana;
font-weight:400;
letter-spacing: 0.1px;
line-height:14px;
}

#content h1{
color:#554961;
font: 12px Verdana;
font-weight:700;
letter-spacing: 0.8px;
margin:0;
padding:0;
}

#content h2{
color:#7c7c7c;
font: 11px Verdana;
font-weight:400;
margin:0 0 10px 0;
padding:0;
}

#content a { text-decoration:none; color:#555555; font: 10px Verdana; font-style:italic;}
#content a:hover { text-decoration:underline; color:#555555;}
#content a:active { text-decoration:none; color: #555555;}

#pageTitel{
font: 30px Tahoma;
font-weight:700;
letter-spacing: 0.15px;
color:#d1e1ef;
width:100%;
text-align:right;
}

div.linkBack{padding-top:10px;color:#000;}

/* Formatierung Buttons */
input.submitButton{border:0;color:#FFF;background-position:top left;background-repeat:no-repeat;margin-top:5px;padding:0 0 0 0;}
input.submitBlueB{background-image:url('bt_bigblue.gif');width:90px;height:26px;}
input.submitBlueS{background-image:url('bt_smblue.gif');width:64px;height:24px;}
input.submitWhiteB{background-image:url('bt_bigwhite.gif');width:90px;height:26px;}
input.submitWhiteS{background-image:url('bt_smwhite.gif');width:64px;height:24px;}
div.divHinweistext{font-size:9px;line-height:10px;margin-top:10px;padding-bottom:5px;}


/* Fahrplanauskunft */

span.blueSpanText{
display:block;
font-weight:700;
color:#7db4e2;
width:140px;
text-align:left;
float:left;
}

div.loadInformation{
font-size:10px;
background-image:url('ajax-loader.gif');
background-repeat:no-repeat;
background-position:top left;
padding-left:25px;
margin:10px;
height:18px;
display:none;
}

span.fahrplanLinie{color:#da9659; font-weight:700;}
span.fahrplanRichtung{color:#666;font-size:10px;}
#divSearchResult a.fahrplanRichtungLink, a.fahrplanRichtungLink:link, a.fahrplanRichtungLink:visited{font-size:11px; font-weight:700;font-style:normal;color:#483e52}
blockquote.quoteLinien{margin:5px 0 0 0;}
span.fahrplanHaltestellen{color:#483e52}


/* kleine Boxen mit Rand */
#boxBorderTop{}
#boxBorderBottom{}
#boxBorderContent{
text-align:center;
border-left:1px solid #dbd7e7;
border-right:1px solid #dbd7e7;
position:relative;
background-image:url('pc_mapoverview_road.gif');
background-position:center;
background-repeat:no-repeat;
height:329px;
width:496px;
}
div.buttonText{width:160px;margin-left:85px;color:#7c7c7c}
a.buttonLink:link, a.buttonLink:visited{color:#7c7c7c}
#content a.buttonLink:hover{text-decoration:none;}

#specialLinkBox{float:right;margin-left:4px;}
div.specialLinkBoxContent{
border-left:1px solid #7db4e2;
border-right:1px solid #7db4e2;
background-color:#eef3f7;
padding:11px 
}
div.specialLinkBoxTop, div.specialLinkBoxBottom{
height:6px;
width:177px;
background-position:top left;
background-repeat:no-repeat;
}
div.specialLinkBoxTop{background-image:url('bt_toppdfs.gif');background-position:bottom;}
div.specialLinkBoxBottom{background-image:url('bt_botpdfs.gif');background-position:top;}

/* Teaser Startseite */
#teaserStartseite{background-repeat:no-repeat;background-position:top left;height:191px;width:498px;position:relative;margin-bottom:35px;}
#teaserStartseiteText{text-align:right;position:absolute;bottom:21px;right:22px;color:#FFF;font:11px Verdana; line-height:12px;width:218px;}


/* Bilderansichten formatiert */
.galpicright {background-color: #fff; float: right; height: 150px; margin: 5px 0 5px 10px; border: 1px solid #fff;}
.galpicleft {background-color: #fff; float: left; height: 150px; margin: 5px 10px 5px 0; border: 1px solid #fff;}