/* Styles Stadtwerke Frankfurt */ body { background-color: #e7e7e7; background-image: url(/images/structure/bg_body.jpg); background-repeat: repeat-x; background-position: top left; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 80%; } /*Headlines*/ h1 { font-size: 140%; font-weight: bold; margin-top: 0px; margin-bottom:1em; color: #404040; clear: both; } h2 { font-size: 120%; font-weight: normal; margin-top: 0px; margin-bottom:1.5em; color: #404040; clear: both; } h3 { font-size: 100%; font-weight: bold; margin-top: 0px; margin-bottom: 5px; clear: both; } h4 { font-size: 100%; font-weight: bold; margin-top: 18px; margin-bottom: 5px; clear: both; } h5 { font-size: 90%; font-weight: bold; clear: both; } h6 { font-size: 85%; font-weight: bold; clear: both; } h1+h2 { margin-top: -0.8em; } /*Links*/ a, a:link, a:visited, a:active { color: #e2001a; text-decoration: underline; } a:hover, a:visited:hover { color: #e2001a; text-decoration: none; } /*Page*/ div#Page { background-color: #fcfcfc; background-image: url(/images/structure/bg_page.jpg); background-repeat: no-repeat; background-position: top center; width: 940px; margin: auto; text-align: left; position: relative; margin-top: 96px; padding-top: 51px; } div#Header { width: 940px; height: 80px; position: absolute; top: -90px; left: 0px; font-size: 90%; } div#ContentContainer { clear: both; width: 100%; position: relative; padding-bottom: 20px; } div#Footer { width: 940px; height: 50px; position: absolute; bottom: -50px; left: 0px; background-image: url(/images/structure/bg_footer.gif); background-repeat: no-repeat; background-position: top center; font-size: 90%; } /*Columns*/ div.LeftCol { /*position: absolute; top: 67px; left: 0px; */ float: left; width: 200px; margin-top: 15px; padding-left: 20px; font-size: 85%; line-height: 130%; } div.RightCol { float: right; width: 200px; margin-right: 20px; margin-top: 55px; font-size: 85%; line-height: 130%; color: #404040; } div.ContentCol { float: left; width: 420px; /*margin-left: 260px;*/ margin-left: 40px; margin-top: 55px; } div#Header div.LeftCol { padding-top: 7px; } div#Header div.RightCol { width: 680px; margin-right: 0px; } div#Header div.LeftCol, div#Footer div.LeftCol { position: static; float: left; padding-left: 20px; margin-right: 0px; font-size: 100%; margin-top: 0px; } div#Footer div.ContentCol { position: static; margin-top: 0px; margin-left: 25px; } div#Footer div.RightCol { position: static; float: right; font-size: 100%; margin-right: 20px; margin-top: 0px; } div.LogoPrint { display: none; } /*Homepage*/ div#Page.Home { margin-top: 65px; } div#Page.Home h1 { color: #000; font-size: 140%; } div#Page.Home div#ContentContainer { height: 535px; padding-bottom: 0px; background-repeat: no-repeat; background-position: center center; } /*transparente flaeche*/ div#Page.Home div#ContentContainer div.ContentCol { margin-left: 300px; margin-top: 50px; padding: 30px 40px 20px 40px; width: 560px; background-image: url(/images/structure/bg_content_home.png); background-repeat: no-repeat; background-position: top left; } div#Page.Home div#ContentContainer div.ContentCol div.Content { color: #000; font-size: 120%; line-height: 160%; } /* transparentes Feld, runde Ecken unten */ div#Page.Home div#ContentContainer div.ContentColFooter { clear: both; margin-left: 300px; width: 640px; height: 10px; background-image: url(/images/structure/bg_contentfooter_home.png); background-repeat: no-repeat; background-position: top right; color: #fff; font-size: 150%; } div#Page.Home div#Header div.LeftCol a.logo { position: absolute; top: 214px; z-index: 200; } div#Page.Home div.LogoBox { position: absolute; left: 0px; top: 191px; height: 113px; width: 260px; background-image: url(/images/structure/bg_logo_home.png); background-repeat: no-repeat; background-position: top right; } div#Page.Home div#Footer div.ContentCol { margin-left: 65px; } div#Page.Home div#ContentContainer div.ContentCol div.Content ul li { background-position: 2px -681px; } /* Container unter Bild auf Startseite */ div#HoldingContainer { padding-top: 28px; background-color: #fff; background-image: url(/images/structure/bg_holding_home.jpg); background-position: top left; background-repeat: repeat-x; } div#HoldingContainer div.LeftCol { position: static; float: left; padding-left: 20px; margin-right: 0px; } div#HoldingContainer div.ContentCol { float: right; width: 640px; margin-top: 15px; margin-left: 0px; } /*Wide Page without right Column*/ div#ContentContainer.Wide div.ContentCol { width: 660px; } /* Jumper */ .Jumper { display: none !important; } /*Sitetools Header */ div#Header ul.Sitetools { float: right; } div#Header ul.Sitetools li { font-size: 120%; float: right; text-align: left; margin-left: 0px; background-image: url(/images/structure/sprites_icons.gif); background-repeat: no-repeat; background-position: right -25px; } div#Header ul.Sitetools li.first { background-image: none; } div#Header ul.Sitetools a, div#Header ul.Sitetools a:link, div#Header ul.Sitetools a:active, div#Header ul.Sitetools a:visited { display: block; color: #000; padding: 4px 15px 6px 15px; text-decoration: none; } div#Header ul.Sitetools a:hover, div#Header ul.Sitetools a:visited:hover { color: #000000; text-decoration: underline; } div#Header ul.Sitetools li.QuickSearch { width: 166px; } div#Header ul.Sitetools li.QuickSearch { float: right; background-image: none; margin-left: 10px; } div#Header ul.Sitetools li.QuickSearch label { display: none; } div#Header ul.Sitetools li.QuickSearch a.Button { width: 21px; height: 22px; padding: 0px; float: left; background-image: url(/images/structure/sprites_icons.gif); background-repeat: no-repeat; background-position: -54px 3px; } div#Header ul.Sitetools li.QuickSearch input.Text { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; width: 124px; font-size: 100%; padding: 4px 8px 6px 8px; float: left; border: none; background-color: transparent; background-image: url(/images/structure/bg_search.gif); background-repeat: no-repeat; background-position: center; } /* Sitetools Footer */ div#Footer ul.Sitetools { float: left; margin-top: 15px; padding-top:0;} div#Footer div.RightCol ul.Sitetools { float: right; } div#Footer ul.Sitetools li { font-size: 90%; float: left; text-align: left; margin-left: 0px; background-image: url(/images/structure/sprites_icons.gif); background-repeat: no-repeat; background-position: right -26px; padding-left:0; } div#Footer ul.Sitetools li.first { background-image: none; } div#Footer ul.Sitetools li.first a { padding-left: 0px; } div#Footer ul.Sitetools a, div#Footer ul.Sitetools a:link, div#Footer ul.Sitetools a:active, div#Footer ul.Sitetools a:visited { display: block; color: #000; padding: 4px 15px 6px; text-decoration: none; background-repeat: no-repeat; background-position: left 0.5em; } div#Footer ul.Sitetools a:hover, div#Footer ul.Sitetools a:visited:hover { color: #000000; text-decoration: underline; } div#Footer ul.Sitetools li.PageTop { background-image: url(/images/structure/sprites_icons.gif); background-repeat: no-repeat; background-position: 0px -62px; } div#Footer ul.Sitetools li.PrintButton { background-image: none; } div#Footer ul.Sitetools li.PrintButton a { padding-right: 0px; } /* Tabnavigation */ div#TabNavigation { width: 940px; position: absolute; top: 0px;left: 0px; font-size: 12px;} div#TabNavigation ul { margin: 0px !important; width: 100%; } div#TabNavigation ul li { list-style-type: none; background-image: none !important; padding-left: 0px !important; margin: 0px !important; float: left; } div#TabNavigation ul li a, div#TabNavigation ul li a:link, div#TabNavigation ul li a:active, div#TabNavigation ul li a:visited { font-weight: bold; color: #000; text-decoration: none; text-transform: uppercase; padding: 15px 25px 36px 25px; display: block; text-align: center; background-image: url(/images/structure/sprites_tab-nav.gif); background-repeat: no-repeat; background-position: right 0px; } div#TabNavigation ul li a:hover, div#TabNavigation ul li a:visited:hover { color: #e2001a; text-decoration: underline; } div#TabNavigation ul li.active { margin-top: 0px !important; border-bottom: 0px none !important; } div#TabNavigation ul li.active a, div#TabNavigation ul li.active a:link, div#TabNavigation ul li.active a:active, div#TabNavigation ul li.active a:visited { color: #000; cursor: default; background-position: right -60px; } div#TabNavigation ul li.active a:hover, div#TabNavigation ul li.active a:visited:hover { color: #e2001a; } /*Fragen und Antworten Button */ div#TabNavigation ul li.NavButton { float: right; padding: 9px 9px 30px 9px; } div#TabNavigation ul li.NavButton a, div#TabNavigation ul li.NavButton a:link, div#TabNavigation ul li.NavButton a:active, div#TabNavigation ul li.NavButton a:visited { font-weight: normal; color: #222; text-decoration: none; padding: 6px 0px; width: 158px; text-transform: none; display: block; text-align: center; background-image: url(/images/structure/sprites_tab-nav.gif); background-repeat: no-repeat; background-position: left -131px; } div#TabNavigation ul li.NavButton a:hover, div#TabNavigation ul li.NavButton a:visited:hover { color: #000; background-position: left -166px; } /*Navigation*/ /*1st Layer*/ div#Navigation { margin-bottom: 0px; } div#Navigation ul { font-size: 100%; padding-top: 0px; } div#Navigation ul li { width: 100%; } /*2nd Layer*/ div#Navigation ul ul { font-size: 100%; padding-bottom: 7px; margin-bottom: 0px; } div#Navigation ul ul li { border-top: 0px none; } /*Links all and 1st Layer*/ div#Navigation a, div#Navigation a:link, div#Navigation a:active, div#Navigation a:visited { display: block; color: #000000; font-weight: bold; background-image: url(/images/structure/sprites_icons.gif); background-repeat: no-repeat; background-position: 4px -493px; line-height: 120%; padding: 4px 5px 4px 18px; text-decoration: none; } div#Navigation a:hover, div#Navigation a:visited:hover { color: #e2001a; text-decoration: underline; } div#Navigation a.selected, div#Navigation a.selected:link, div#Navigation a.selected:active, div#Navigation a.selected:visited, div#Navigation a.selected:hover, div#Navigation a.selected:visited:hover { background-color: #c8c7c7; } /*Links 2nd Layer*/ div#Navigation ul ul a, div#Navigation ul ul a:link, div#Navigation ul ul a:active, div#Navigation ul ul a:visited { font-weight: normal; background-image: none; padding: 4px 5px 4px 18px !important; } div#Navigation ul ul a:hover, div#Navigation ul ul a:visited:hover { text-decoration: underline; } /*Links 3rd Layer*/ div#Navigation ul ul ul { padding-bottom: 0px !important; margin-bottom: 0px;} div#Navigation ul ul ul a, div#Navigation ul ul ul a:link, div#Navigation ul ul ul a:active, div#Navigation ul ul ul a:visited { font-weight: normal; background-image: none; padding: 4px 5px 4px 35px !important; margin:0px; } div#Navigation ul ul ul a:hover, div#Navigation ul ul ul a:visited:hover { text-decoration: underline; } /*Links 4th Layer*/ div#Navigation ul ul ul ul { padding-bottom: 0px !important; margin-bottom: 0px;} div#Navigation ul ul ul ul a, div#Navigation ul ul ul ul a:link, div#Navigation ul ul ul ul a:active, div#Navigation ul ul ul ul a:visited { font-weight: normal; font-size: 90%; background-image: url(/images/structure/sprites_icons.gif); background-repeat: no-repeat; background-position: 35px -556px; padding: 4px 5px 4px 50px !important; margin:0px; } div#Navigation ul ul ul ul a:hover, div#Navigation ul ul ul ul a:visited:hover { text-decoration: underline; } div.LeftColSpacing { height: 40px; } /*Breadcrumb*/ div#Breadcrumb { position: absolute; left: 260px; top: 68px; font-size: 85%; margin-bottom: 15px; color: #404040; z-index: 200 !important; } div#Page.Home div#Breadcrumb { display: none; } div#Breadcrumb a, div#Breadcrumb a:link, div#Breadcrumb a:active, div#Breadcrumb a:visited { color: #000000; text-decoration: none; padding-right: 2px; } div#Breadcrumb a:hover, div#Breadcrumb a:visited:hover { color: #e2001a; text-decoration: none; } /*Content Styles*/ /*All Pages*/ div.Content { font-size: 100%; } div.Content br { clear:both; } div.Content h4 { margin-top: 0px; margin-bottom: 0px; margin-right: 15px; padding: 5px 0px; } div.Content div.ContentImg { float: left; width: 235px; margin: 0.3em 15px 18px 0px; color: #404040; font-size: 85%; line-height: 130%; } div.Content div.ContentImg img { margin-bottom: 0.5em; } /* display: block; */ div.Content div.ContentImg div.ImgText { position: relative; padding-right: 20px; } div.Content div.ContentImg a.ZoomButton { position: absolute; right: 0px; top: 0px; width: 16px; height: 16px; background: url(/images/structure/sprites_icons.gif) no-repeat 0px 0px; } span.Date { color: #404040; display: block; } /* Box */ div.Box { clear: both; margin-bottom: 10px; } div.Content div.Box { font-size: 85%; line-height: 130%; margin-right: 15px; } div.LeftCol div.Box { color: #404040; } div.Box h4 { font-size: 110%; margin: 0px; padding: 0px 0px 7px 0px; background: url(/images/structure/line_dotted_red.gif); background-repeat:repeat-x; background-position:bottom; } div.Box h5 { font-size: 110%; margin: 0px; padding: 5px 0px; } div.Box div.BoxContent { padding: 8px 0px 10px 0px; clear: both; } div.Box div.TeaserImg img { display: block; margin-bottom: 10px; } div.Box div.BoxContent div.BoxImg { float: left; margin: 0px 7px 5px 0px; } /* Firma */ div.Firma { margin-bottom: 1em; clear: both; font-size: 100%; } div.Firma h3 { margin-bottom: 0.5em; } div.Firma div.FirmenLogo { float: left; margin-right: 10px; width: 150px; } div.Firma div.FirmaText { width: 260px; float: left; } div#ContentContainer.Wide div.Firma div.FirmaText { width: 500px; } div#HoldingContainer div.FirmenLogo { float: left; margin-right: 30px; } .last { margin-right: 0px; } /*Layer*/ div.LayerFragen { position: absolute; z-index: 201 !important; width: 375px; font-size: 85%; text-align: left; right: 10px; top: 51px; display: none; } div.LayerFragen div.LayerFragenContent { padding: 15px 15px 20px 15px; background: #fff url(/images/structure/bg_layerfragen.gif) repeat-y; } div.LayerFragen div.LayerFragenContent h3 { font-size: 110%; } a.CloseButton, a.CloseButton:link, a.CloseButton:active, a.CloseButton:visited { position: absolute; height: 20px; bottom: 10px; right: 10px; padding-right: 20px; background-image: url(/images/structure/sprites_icons.gif); background-repeat: no-repeat; background-position: right -633px; color: #000; text-decoration: none; } a.CloseButton:hover, a.CloseButton:visited:hover { color: #e2001a; text-decoration: none; } div.LightboxLayer { width: 490px; position: relative; margin: auto; font-size: 100%; display: none; } div.LightboxLayerHead { height: 10px; background-image: url(/images/structure/bg_lightboxlayer_head.png); background-repeat: no-repeat; background-position: top center; } div.LightboxLayerInhalt { text-align: left; padding: 10px 20px 20px 20px; background-color: #fff; background-repeat: repeat-y; background-position: center; margin-bottom: 0px; } div.LightboxLayerFooter { height: 10px; background-image: url(/images/structure/bg_lightboxlayer_footer.png); background-repeat: no-repeat; background-position: top center; } div.LightboxLayer a.CloseButton { font-size: 85%; } /* Content Table */ div.Content table { margin: 1.5em 1px; } div.Content table td, div.Content table .th { width: auto; border: 1px solid; border-color: #afafaf; font-size: 100%; line-height: 140%; padding: 5px 7px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } div.Content table .th { background-color: #dddddd; text-align: left; font-weight: bold !important; } div.Content table tr.Odd { background: #eeeeee; } div.Content table tr.TableHead { background-color: #dddddd;} div.Content table tr.TableHead td { background-color: #dddddd; border: 1px solid; border-color: #afafaf; text-align: left; font-size: 85%; line-height: 140%; padding: 5px 7px; font-weight:bold !important;} div.Content table td.TableHead { background-color: #dddddd; border: 1px solid; border-color: #afafaf; text-align: left; font-size: 85%; line-height: 140%; padding: 5px 7px; font-weight:bold !important;} div.Content .FullWidth, div.Content .FullWidth tbody { width: 420px !important; display: table; clear: both; margin-right: 0px !important; margin-left: 0px !important;} div#ContentContainer.Wide .FullWidth, div#ContentContainer.Wide .FullWidth tbody { width: 660px !important; display: table; clear: both; margin-right: 0px !important; margin-left: 0px !important;} div.Content .TeaserWidth, div.Content .TeaserWidth tbody { width: 165px !important; display: table; clear: both; margin-right: 0px !important; margin-left: 0px !important;} /* Content List */ div.ContentCol ul, div.LeftCol div.Box ul, div.RightCol div.Box ul { text-align: left; padding-top: 4px; padding-bottom: 5px; } div.ContentCol ul li, div.LeftCol div.Box ul li, div.RightCol div.Box ul li { list-style-type: none; background-image: url(/images/structure/sprites_icons.gif); background-repeat: no-repeat; background-position: 2px -683px; padding: 0px 0px 0.3em 15px; line-height: 140%; } div.ContentCol ul li ul, div.LeftCol div.Box ul li ul, div.RightCol div.Box ul li ul { text-align: left; padding-bottom: 0px; margin-bottom: 0px; margin-left: 10px; } ul.LinkList { padding-bottom: 0px; display: table; zoom:100%;} ul.LinkList li { margin-bottom: 0.2em; margin-top: 0.2em; padding-left: 6px !important; line-height: 120%; background-image: none !important; } ul.LinkList a, ul.LinkList a:link, ul.LinkList a:active, ul.LinkList a:visited { display: block; background-image: url(/images/structure/sprites_icons.gif); background-position: 2px -683px; background-repeat: no-repeat; padding-left: 6px; margin-left: -6px; text-decoration: none; } ul.LinkList a:hover, ul.LinkList a:visited:hover { text-decoration: underline; } ul.LinkList li a { padding-left: 15px !important; } ul.LinkList li.icon_pdf span, ul.LinkList li.icon_doc span, ul.LinkList li.icon_xls span, ul.LinkList li.icon_default span { padding-left: 9px !important; } ul.LinkList li.icon_default a { background-position: 0px -198px !important; } ul.LinkList li.icon_pdf a { background-position: 0px -397px !important; } ul.LinkList li.icon_doc a { background-position: 0px -297px !important; } ul.LinkList li.icon_xls a { background-position: 0px -98px !important; } div.Box ul li { padding: 0px 0px 0.2em 15px; line-height: 130%; background-position: 0px -685px; } div.Box ul.LinkList a { background-position: 0px -685px; } div.Box ul.LinkList li.icon_default a { background-position: 0px -198px; } div.Box ul.LinkList li.icon_pdf a { background-position: 0px -397px; } div.Box ul.LinkList li.icon_doc a { background-position: 0px -297px; } div.Box ul.LinkList li.icon_xls a { background-position: 0px -98px; } div.LayerFragen ul.LinkList { padding-bottom: 20px; } div.LayerFragen ul.LinkList li { margin-bottom: 0.5em; margin-top: 0.5em; } div.LayerFragen ul.LinkList a, div.LayerFragen ul.LinkList a:link, div.LayerFragen ul.LinkList a:active, div.LayerFragen ul.LinkList a:visited { background-image: none; text-decoration: none; color: #000; } div.LayerFragen ul.LinkList a:hover, div.LayerFragen ul.LinkList a:visited:hover { color: #e2001a; text-decoration: underline; } div.LayerFragen div.LayerFragenFooter { height: 10px; background: url(/images/structure/bg_layerfragen_footer.png) no-repeat bottom left; } div.Firma ul { margin-top: 0.5em; } div.Firma ul li { padding-left: 0px !important; background-image: none; } div.Firma ul a, div.Firma ul a:link, div.Firma ul a:visited, div.Firma ul a:active { text-decoration: none; } div.Firma ul a:hover, div.Firma ul a:visited:hover { text-decoration: underline; } /* Search Results */ div.Result a, div.Result a:link, div.Result a:active, div.Result a:visited, div.Result a:hover, div.Result a:visited:hover { font-weight: bold; } div.ResultText { margin-bottom: 1.3em; } span.TermHighlight { background-color: #c8c7c7; } a.Next, a.Next:link, a.Next:active, a.Next:visited, a.Next:hover, a.Next:visited:hover, a.Prev, a.Prev:link, a.Prev:active, a.Prev:visited, a.Prev:hover, a.Prev:visited:hover { display: inline-block; height: 16px; width: 16px; background-repeat: no-repeat; background-image: url(/images/structure/sprites_icons.gif); text-decoration: none; vertical-align: middle; } a.Next { background-position: -34px 0px; } a.Prev { background-position: -17px 0px; } /*Sitemap*/ /*1st Layer*/ div.Sitemap ul.Linklist li { margin-bottom: 10px; } /*Links all and 1st Layer*/ div.Sitemap a, div.Sitemap a:link, div.Sitemap a:active, div.Sitemap a:visited { display: block; color: #000; font-weight: bold; text-decoration: none; } div.Sitemap a:hover, div.Sitemap a:visited:hover { color: #e2001a; text-decoration: underline; } /*Links 2nd Layer*/ div.Sitemap ul ul { padding-left: 15px; } div.Sitemap ul.Linklist ul li { margin-bottom: 0px; } div.Sitemap ul ul a, div.Sitemap ul ul a:link, div.Sitemap ul ul a:active, div.Sitemap ul ul a:visited { font-weight: normal; } div.Sitemap ul ul a:hover, div.Sitemap ul ul a:visited:hover { text-decoration: underline; } /* News */ div.News { margin-bottom: 1em; clear: both; font-size: 100%; background: url(/images/structure/line_dotted_red.gif) repeat-x bottom; } div.News h3 { margin-bottom: 0.5em; } div.News h3 a, div.News h3 a:link, div.News h3 a:visited, div.News h3 a:active { text-decoration: none; } div.News h3 a:hover, div.News h3 a:visited:hover { text-decoration: underline; } div.News span.Date { font-size: 85%; } div.News img { width: 150px; margin: 0.3em 15px 0.5em 0px; float: left; } div#Page.Home div#ContentContainer div.ContentCol div.ButtonRed { font-size: 70%; margin-top: 40px; } div#Page.Home div#ContentContainer div.ContentCol div.ButtonRedDot { font-size: 70%; margin-bottom: -50px; } /* Flowplayer */ #exposeMask { /* use a custom background color and image on the mask */ background:#123 url(/images/structure/gray.png) 50px 366px no-repeat; } a.flowplayer, a.flowplayerwide { display:block; text-align:center; margin:0px 0px 10px 0px; }