html, body {
margin:0;
padding: 0;
height: 100%;
}
html>body {
height: auto;
min-height: 100%;
}
body {
background: url("../images/body_bg.jpg") top center;
color: #000000;
position: relative;
z-index: 0;
}
a {
color: #b3245e;
text-decoration: none;
}
a:hover {
color: #7D9C9E; /*#426365;*/
text-decoration: underline;
}
acronym, span.abbr {
cursor: help;
}
#headnav {
position: absolute;
left: 0;
top: 0;
width: 100%;
border-bottom: 1px solid #cccccc;
background: url("../images/headnav_bg.jpg") repeat-x #f2f2f2;
text-align: center;
height: 2em;
z-index: 500;
}
body>div#headnav {
position: fixed;
}
#headnav_content {
width: 970px;
margin: 0 auto;
}
#headnav_content ul li {
display: inline;
}
#headnav_content ul.left {
font-size: 10pt;
float: left;
padding: 0;
margin: 0;
list-style-type: none;
height: 2em;
}
#headnav_content ul.left a, #headnav_content ul.left span {
float: left;
margin: 0.4em 0 0 0.5em;
}
#headnav_content ul.left .normal {
margin: 0 5px;
padding-top: 0.4em;
height: 1.6em;
}
#headnav_content ul.left .gross {
margin: 0 5px;
padding-top: 0.2em;
height: 1.5em;
}
#headnav_content ul.left .groesser {
margin: 0 5px;
padding-top: 0.1em;
height: 1.4em;
}
#headnav_content .flag {
border: 0;
}
#headnav_content ul.right {
float: right;
padding: 0;
margin: 0;
list-style-type: none;
height: 2em;
}
#headnav_content ul.right a {
display: block;
float: left;
text-decoration: none;
color: #000000;
padding: 0.4em 0.5em 0 0.5em;
margin: 0 0 0 10px;
height: 1.6em;
}
#headnav_content ul.right a:hover, #headnav_content ul.right a:focus, #headnav_content ul.right a:active {
text-decoration: none;
color: #7D9C9E;
background: url("../images/subnavi_verlauf.jpg");
}
#sitebody {
width: 970px;
margin: 0 auto;
padding: 2em 0 0 0;
position: relative;
height: 100%;
background: url("../images/content_body_bg.jpg") 190px 0 repeat-y;
}
body>div#sitebody {
height: auto;
min-height: 100%;
}
#sidebox_left {
float: left;
width: 190px;
}
#logobild {
display: block;
width: 182px;
height: 143px;
}
#logobild img {
border: 0;
width: 182px;
height: 143px;
}
#sidebox_left h1 {
background: url("../images/navi_head.jpg") 0 0 no-repeat;
font-family: "Trebuchet MS", sans-serif;
font-weight: bold;
width: 176px;
height: 1.5em;
text-align: center;
padding: 10px 0 0 0;
margin: 0;
}
#sidebox_center {
float: left;
width: 600px;
}
#sidebox_right {
float: left;
width: 180px;
}
#navigation_main {
position: relative;
}
#navigation_main, .container_left {
background: url("../images/navi_bg.jpg") repeat-y;
width: 176px;
margin: 0;
padding: 0;
}
#navigation_liste, .container_left .outer {
margin: 0;
padding: 5px 0;
border: 0;
list-style-type: none;
background: url("../images/navi_verlauf.jpg") 7px 0 no-repeat;
}
.container_left .outer {
padding: 0;
}
.container_left .outer .inner {
/* /* position: relative;*/
padding: 0 7px;
/*z-index: 1;*/
}
.container_left .outer .inner p {
padding: 5px 10px;
margin: 0;
}
#navigation_liste {
position: relative;
z-index: 2;
}
#navigation_liste li {
position: relative;
display: inline;
z-index: 3;
}
#navigation_liste li a {
position: relative;
background: none;
display: block;
text-decoration: none;
font-weight: bold;
color: #000;
padding: 3px 0px 3px 10px;
margin: 0 0 0 7px;
width: 152px;
z-index: 3;
}
#navigation_liste li.selected a {
background: url("../images/navi_active.gif") repeat-y 147px 0;
}
#navigation_liste li.open ul.subnavi li.selected a {
background: url("../images/navi_sub_active.gif") repeat-y 0 50%;
}
#navigation_liste li.close a {
background: url("../images/navi_close.gif") no-repeat 90% 50%;
}
#navigation_liste li.open a {
background: url("../images/navi_open.gif") no-repeat 90% 50%;
}
#navigation_liste li a:hover, #navigation_liste li a:focus, #navigation_liste li a:active,
#navigation_liste li ul.subnavi li a:hover, #navigation_liste li ul.subnavi li a:focus, #navigation_liste li ul.subnavi li a:active,
#navigation_liste li.open ul.subnavi li.selected a:hover, #navigation_liste li.open ul.subnavi li.selected a:focus, #navigation_liste li.open ul.subnavi li.selected a:active
{
background: url("../images/navi_over.gif") repeat-y right #b3245e;
color: #FFF;
}
#navigation_liste li ul.subnavi {
padding: 0;
margin: 0;
}
#navigation_liste li ul.subnavi li {
position: relative;
display: inline;
z-index: 500;
}
#navigation_liste li ul.subnavi li a {
position: relative;
padding: 3px 0px 3px 20px;
background: url("../images/navi_sub.gif") no-repeat 10px 50%;
margin: 0 0 0 7px;
width: 142px;
z-index: 1000;
}
#navigation_liste li.close ul.subnavi li a {
border-bottom: 1px solid #ffffff;
}
#navigation_liste li.close {
position: relative;
z-index: 1000;
}
#navigation_liste li.close ul.subnavi {
display: none;
}
#navigation_liste li.close:hover ul.subnavi,
#navigation_liste li.mshow ul.subnavi {
display: block;
position: absolute;
top: 0;
left: 147px;
background-color: #FFF;
z-index: 1000;
}
#navigation_liste li.close ul.subnavi li a {
margin: 0;
padding: 3px 0px 3px 6px;
width: 13em;
background: url("../images/subnavi_verlauf.jpg") repeat-x #FFF;
background-position: top right;
}
#navigation_liste li.close ul.subnavi li a:hover, #navigation_liste li.close ul.subnavi li a:focus, #navigation_liste li.close ul.subnavi li a:active {
background: url("../images/navi_over.gif") repeat-y right #b3245e;
}
#navigation_main .last {
position: absolute;
bottom: 0;
left: 7px;
background: url("../images/navi_verlauf_2.jpg") no-repeat;
width: 162px;
height: 71px;
z-index: 0;
}
.container_left .last {
display: none;
}
#navigation_footer, .cl_footer {
background: url("../images/navi_foot.jpg") left bottom;
margin-top: 1px;
width: 176px;
height: 35px;
}
.cl_footer {
font-size: 90%;
text-align: center;
}
#header_image {
height: 195px;
background: url("../images/headerbild.jpg") 0 0 no-repeat;
list-style-type: none;
padding: 0;
width: 570px;
margin: 0 0 0 15px;
}
#header_image li {
display: inline;
margin: 0;
padding: 0;
border: 0;
}
#header_image li a {
display: block;
float: left;
text-align: center;
padding: 150px 0 0 0;
height: 45px;
border: 0;
margin: 0;
width: 95px;
text-decoration: none;
font-family: "Trebuchet MS", sans-serif;
color: #696969;
letter-spacing: -1px;
/*border-bottom: 15px solid #7d9c9e;*/
}
#header_image a.hi_20:hover, #header_image a.hi_20:active, #header_image a.hi_20:focus {
color: #990505;
background: url("../images/header_heizung.gif");
}
#header_image a.hi_21:hover, #header_image a.hi_21:active, #header_image a.hi_21:focus {
color: #22709e;
background: url("../images/header_klima.gif");
}
#header_image a.hi_22:hover, #header_image a.hi_22:active, #header_image a.hi_22:focus {
color: #da7803;
background: url("../images/header_sanitaer.gif");
}
#header_image a.hi_23:hover, #header_image a.hi_23:active, #header_image a.hi_23:focus {
color: #075785;
background: url("../images/header_kaelte.gif");
}
#header_image a.hi_24:hover, #header_image a.hi_24:active, #header_image a.hi_24:focus {
color: #e1aa04;
background: url("../images/header_elektro.gif");
}
#header_image a.hi_25:hover, #header_image a.hi_25:active, #header_image a.hi_25:focus {
color: #325e06;
background: url("../images/header_umwelt.gif");
}
#navigationpath {
width: 555px;
padding: 4px 0 4px 15px;
margin: 0 0 0 15px;
font-size: 80%;
color: #FFF;
background: #7D9C9E;
}
#navigationpath a {
color: #FFF;
text-decoration: underline;
}
#printheader {
display: none;
}
#content_body {
position: relative;
width: 540px;
padding: 0 30px;
}
.facebooktextlink {
position: absolute;
top: -4px;
right: 86px;
margin: 0;
padding: 0;
text-align: right;
text-decoration: none;
color: #00498c;
line-height: 20px;
}
.facebooktextlink:hover {
text-decoration: underline;
color: #00498c;
}
.facebooklink {
position: absolute;
top: -12px;
right: 12px;
margin: 0;
padding: 0;
}
#sitebody>div#content_body {
height: auto;
min-height: 100%;
}
#content_body h1 {
margin: 20px 0 15px 0;
padding: 0;
font-weight: bold;
color: #b3245e;
}
#content_body h2 {
margin: 40px 0 15px 0;
padding: 0;
font-weight: bold;
color: #b3245e;
}
#content_body h3 {
margin: 10px 0 0 0;
padding: 0;
font-weight: bold;
color: #b3245e;
}
/*Bilder rechts oben*/
#signs {
padding: 10px 0;
text-align: center;
}
#signs img {
border: 0;
}
/*Teaser rechts*/
div.teaser_right {
padding: 0 5px 5px 5px;
margin-bottom: 10px;
color: #7D9C9E;
}
div.teaser_right a {
color: #7D9C9E;
text-decoration: underline;
}
div.teaser_right a:hover {
color: #000;
}
div.teaser_right h2 {
margin: 0 0 10px 0;
padding: 0;
color: #fff;
}
div.teaser_right h2 a {
display: block;
padding: 117px 0 0 0;
height: 20px;
color: #FFF;
text-decoration: none;
}
div.teaser_right h2 a:hover {
color: #FFF;
text-decoration: none;
}
div.trn_168 {
background: url("../images/teaser_jobs.jpg") no-repeat;
}
div.trn_5 {
background: url("../images/teaser_befragung.jpg") no-repeat;
}
div.trn_167 {
background: url("../images/teaser_heizen.jpg") no-repeat;
}
.navimglnk {
border: 5px #7D9C9E solid;
}
div.teaserstart_a {
background-color: #7E9C9E;
width: 170px;
float: left;
border: 1px solid #ffffff;
border-width: 20px 5px;
}
div.teaserstart_b {
background-image: url("../images/teaser_hoch_bottom.jpg");
background-position: bottom;
background-repeat: no-repeat;
}
a.teaserstart_c {
padding: 252px 5px 10px 5px;
height: 150px;
background-repeat: no-repeat;
color: #FFF;
text-decoration: none;
display: block;
}
a.teaserstart_c:hover {
color: #FFF;
text-decoration: none;
}
div>.teaserstart_c {
height: auto;
min-height: 150px;
}
#validation {
list-style-type: none;
margin: 0 0 0 0px;
padding: 0;
}
#validation li {
margin-right: 8px;
display: inline;
}
div.mitarbeiter {
width: 260px;
height: 140px;
float: left;
margin-right: 10px;
}
img.mitarbeiterfoto {
float: left;
clear: left;
margin-right: 10px;
border: 1px solid #7D9C9E;
}
img.bild {
border: 1px solid #7D9C9E;
}
span.fett {
font-weight: bold;
}
span.wichtig {
font-weight: bold;
color: red;
}
img.foto3px {
border: 4px #7D9C9E solid;
}
/* weblinks */
ul.weblinks {
margin: 0;
padding: 0;
list-style-type: none;
}
ul.weblinks li {
font-weight: bold;
}
ul.weblinks ul {
margin: 0;
padding: 10px 30px;
list-style-image: url("../images/list_dot.gif");
}
ul.weblinks ul li {
font-weight: normal;
}
/* Bildergalerie */
.imagebox {
float: left;
width: 180px;
height: 180px;
text-align: center;
margin-bottom: 30px;
}
/* Rundgang */
.rundgang_navi {
clear: both;
border-top: 1px #888 dotted;
margin-top: 10px;
height: 250px;
}
.rundgang_navi a {
float: left;
width: 90px;
border: 4px #7D9C9E solid;
text-align: center;
color: #8F2434;
padding: 65px 0 5px 0;
margin: 5px 5px 0px 5px;
height: 40px;
background-position: 50% 0;
background-repeat: no-repeat;
font-size: 10pt;
}
.rundgang_navi a.selected {
border: 4px #B3245E solid;
}
.rundgang_thumblist {
clear: both;
margin: 5px 0 10px 0;
padding: 5px 0;
text-align: center;
border-width: 1px 0 1px 0;
border-color: #888;
border-style: dotted;
}
.rundgang_thumblist .prevlink {
float: left;
width: 15px;
height: 60px;
border: 4px #FFF solid;
background: url("../images/rundgang_prev.gif") no-repeat;
/*border: 4px #fff solid;*/
}
.rundgang_thumblist .nextlink {
float: right;
width: 15px;
height: 60px;
border: 4px #FFF solid;
background: url("../images/rundgang_next.gif") no-repeat;
/*border: 4px #fff solid;*/
}
.rundgang_thumblist a img {
border: 4px #FFF solid;
vertical-align: middle;
}
.rundgang_thumblist a img.selected {
border: 4px #B3245E solid;
}
.rundgang_details {
text-align: center;
}
.rundgang_details img {
border: 0;
}
/* News */
.newslist {
margin-top: 10px;
border-top: 1px #888 dotted;
}
/* Sonstiges */
.dotted {
clear: both;
border-bottom: 1px #888 dotted;
}
.dotted_top {
clear: both;
border-top: 1px #888 dotted;
}
.p2top {
clear: both;
border-bottom: 1px #888 dotted;
text-align: right;
}
.link2top {
width: 540px;
clear: both;
text-align: right;
border-top: 1px #888 dotted;
padding-bottom: 10px;
margin: 0 0 0 220px;
}
.link2top a.top, .p2top a {
background: url("../images/pfeil_hoch.gif") 100% 50% no-repeat;
padding-right: 15px;
}
.link2top a.print {
float: left;
background: url("../images/print_icon.gif") 0% 50% no-repeat;
padding-left: 15px;
}
.link2print {
display: none;
}
.sites {
padding-top: 10px;
}
a.icon_pdf {
padding: 0 0 0 21px;
background: url("../images/icon_pdf.gif") 0% 10% no-repeat;
}
a.icon_jpg {
padding: 0 0 0 21px;
background: url("../images/icon_jpg.gif") 0% 10% no-repeat;
}
a.icon_gif {
padding: 0 0 0 21px;
background: url("../images/icon_gif.gif") 0% 10% no-repeat;
}
a.icon_mp3 {
padding: 0 0 0 21px;
background: url("../images/icon_mp3.gif") 0% 10% no-repeat;
}
a.icon_wma {
padding: 0 0 0 21px;
background: url("../images/icon_wma.gif") 0% 10% no-repeat;
}