384 lines
6.4 KiB
CSS
384 lines
6.4 KiB
CSS
/*
|
|
* 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;
|
|
}
|