/* * Styles to get footer at bottom of page * from http://www.alistapart.com/articles/footers/ */ html, body { height: 100%; } #main { position: relative; min-height: 100%; height: 100%; voice-family: "\"}\""; voice-family: inherit; height: auto; margin-bottom: -48px; } html>body #main { height: auto; } #footer { clear: both; width: 100%; } /* end footer at bottom style */ #main { min-width: 985px; } html { margin: 0; } body { margin: 0; font-family: Arial; background: url(/images/identity/bg_runman.jpg) right top no-repeat; } h2 { margin: 4px 0; color: #22347C; font-weight: bold; font-size: 1.3em; font-variant: small-caps; clear: both; } p+h2 { margin-top: 26px; } h2+h3 { margin-top: 12px; } h3 { border-top: 1px solid #F19D62; font-size: 1.0em; margin: 25px 0 0 5px; padding: 2px; font-weight: normal; color: #21337B; } h3+h4 { margin-top: 10px; } h4 { margin: 25px 0px 0px 20px; font-size: 0.9em; } div.leitbetriebe-austria { position: absolute; right: 5px; top: 150px; z-index: 3; } div#header div.leitbetriebe-austria img { border: 0; } #content h4+ul, #content h4+p, #content h3+ul, #content h3+p { margin-top: 2px; } #content table, #content p, #content blockquote { font-size: 0.9em; line-height: 1.3em; } #content table, #content p { margin: 15px 20px; } #content ul { font-size: 0.9em; margin: 15px 20px; padding-left: 15px; } #content ul ul { margin: 5px 10px; } /* * Header styles */ div#header { position: relative; } div#user-bar { position: relative; background: url(/images/accents/top_line.gif) repeat-x center center; height: 30px; } div#user-bar a { color: #fff; } div#user-bar a:hover { color: #ddd; } div#user-bar span { position: absolute; top: 0px; left: 0px; color: #fff; font-size: 0.8em; padding: 4px 3px 3px; } h1 { position: relative; z-index: 2; padding: 0; margin: 0; } h1 a { display: block; text-indent: -9999px; background: url(/images/identity/logo_pae-small2.gif) no-repeat left center; height: 89px; width: 605px; } h1 img { position: absolute; top: 0px; left: 610px; } h1 img+img { left: 662px; } div.orange-line { position: absolute; z-index: 1; bottom: 7px; width: 100%; height: 14px; background: #F19D62; } /* * Navigation styles */ div#nav { position: relative; z-index: 3; top: -7px; background: url(/images/accents/bottom_line.gif) repeat-x center center; height: 34px; } div#nav ul { margin: 0; padding: 0; position: absolute; left: 216px; top: 0px; } div#nav li { list-style: none; float: left; } div#nav li a, div#nav li a:hover { display: block; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 0.9em; padding: 5px 10px 4px; } div#nav li a:hover, body#whoarewe li#whoarewe_nav a, body#whatdowedo li#whatdowedo_nav a, body#howdowedoit li#howdowedoit_nav a, body#where li#where_nav a { background: #22347C; border-bottom: 6px solid #7592C5; } div#nav span#language-toggle { position: absolute; right: 0px; color: #fff; font-size: 0.8em; padding: 6px 6px 5px 0; } div#nav span#language-toggle a { color: #fff; } /* * Sidebar and content wrapper styles */ div#sidebar-content-wrapper { position: relative; top: -7px; width: 100%; min-height: 517px; voice-family: "\"}\""; voice-family: inherit; height: auto; } /* * Sidebar styles */ #sidebar { padding: 0 0 10px 0; position: absolute; width: 217px; background: #22347C url(/images/accents/right_side-blue.gif) repeat-y right; color: #fff; height: 100%; } #sidebar .sb-section { border-bottom: 1px solid #fff; padding: 10px 0 10px 10px; margin-right: 12px; background: #7592C5; } #sidebar .sb-section a { color: #fff; } #sidebar h2 { margin: 0; padding: 0; font-variant: small-caps; font-size: 1.0em; color: #fff; } /* * Sub-navigation styles */ #subnav ul { margin: 0 0 0 4px; padding: 0; } #subnav p { font-size: 1.2em; } #subnav li { list-style-type: none; font-size: 0.6em; } #subnav a { margin-left: 2px; text-decoration: none; font-size: 1.4em; } #subnav a:hover, body#home li#home_subnav a, body#schedule li#schedule_subnav a, body#events li#events_subnav a, body#references li#references_subnav a, body#subsidies li#subsidies_subnav a, body#translations li#translations_subnav a, body#links li#links_subnav a, body#drivingdirections li#drivingdirections_subnav a { color: #ddd; } /* * Quick contact styles */ #sidebar #quickcontact { padding-top: 0; } #quickcontact p { font-size: 0.8em; margin: 4px; } /* * Page navigation styles */ #pagenav { } #pagenav p { font-size: 0.7em; margin: 4px; } #pagenav ul { font-size: 0.7em; padding: 0 10px; margin: 4px; } /* * Follow us box */ #sidebar #follow-us img { border: 1px solid #000; margin-top: 4px; } /* * Sidebar random picture styles */ #sidebar #sidebarpicture { padding: 0; font-size: 0; } #sidebarpicture img { width: 205px; } /* * Content styles */ #content { position: relative; left: 217px; width: 630px; padding: 10px 15px 48px; } /* * Footer styles */ div#footer { position: relative; z-index: 2; text-align: center; background: #7592C5; border-top: 1px solid #fff; border-bottom: 10px #F19D62 solid; color: #fff; padding: 6px 0; font-size: 0.8em; } div#footer a { color: #fff; } div#footer a:hover { color: #ccc; } /* * Tab styles */ #content ul.tabs { position: relative; z-index: 2; padding: 0; margin: 10px 0 0 2px; list-style-type: none; } #content ul.tabs li { background: #eee; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #999; padding: 2px 4px; margin: 0; display: inline; cursor: pointer; } #content ul.tabs li.selected-tab, #content ul.tabs li:hover { background: #fff; } #content div.tab-content-wrapper { position: relative; z-index: 1; } #content div.tab-content { display: none; } div.tab-content h3 { margin-top: 10px; border: 0; } #content div.initial-tab { display: block; }