* {
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
html {
height:100%
}
* html {
margin-right:0;
height:auto;
}
*+html {
margin-right:1px;
height:auto;
}
body {
min-height:101%;
/*font-size:100.01%;*/
position:relative;
color:#000;
text-align:left;
padding:0;
/*font-size:1em;*/
/*background-color: #d9d9d9;*/
background: #f9e999 url(../../images/frontend_website/bg_gradient.png) repeat-x;
font-size:0.75em;
line-height: 1.2em;
}
* html body {
min-height:none;
}
*+html body {
min-height:none;
}
body.award {
background: url(../../images/frontend_website/bg_gradient_braun.png) repeat-x 0 0;
background-color:#D1C7A8;
}
fieldset, img {
border:0
}
option {
padding-left:0.4em
}
h1, h2, h3, h4 {
font-weight:normal;
line-height:1.2em;
}
h3 a {
color:#000;
text-decoration:none;
}
h1.pagetitle, h1 {font-size: 1.5em; color: #000; padding: 10px 0 1em 0;}
h2 {font-size:1.2em; color:#000; margin: 1em 0 0.5em 0; font-weight: bold;}
h3 {font-size:1.2em; color:#000; margin:1em 0 0.5em 0;}
h4 {font-size:1.1em; color:#000; margin:0 0 0.1em 0;}
h5 {font-size:1.0em; color:#000; margin:0 0 0.1em 0;}
h6 {font-size:1.0em; color:#888; margin:0 0 0.1em 0;}
dl {
margin:0 0 1em 1em;
}
* html dl {
position:relative;
}
dt{font-weight:bold}
dd{margin:0 0 1em 2em}
p {
line-height: 1.2em;
margin: 0 0 1.5em 0;
color: #000;
}
strong,
b {
font-weight: bold;
}
em,
i {
font-style:italic;
margin:0;
padding:0;
}
* html i,
* html em {
overflow:visible;
display:inline-block;
}
hr {
color: #fff;
background:transparent;
margin: 0 0 0.5em 0;
padding: 0 0 0.5em 0;
border:0;
border-bottom: 1px #eee solid;
}
a, a em.file {color: #888888; text-decoration:none; outline:none;}
a:hover { text-decoration:none; color:#000; outline:none;}
a:focus { text-decoration:none; color:#000 ; outline:none;}
a { color: #E38109; text-decoration:underline; }
a:hover { color: #E38109; text-decoration:none; }
a:focus { color: #E38109; text-decoration:none; }
* html a,
* html a:hover{background-color:transparent}
body.award a { color:#3E2B01; }
body.award a:hover { color:#3E2B01; }
body.award a:focus { color:#3E2B01; }
table {
border-collapse: collapse;
xborder: 2px solid #ccc;
width: 100%;
margin-bottom: 0.5em;
}
table tr {
margin: 0;
padding: 0;
}
table tr:hover {
background-color: #eee;
}
table td {
vertical-align: top;
background:transparent 0px;
border-bottom: 1px solid #ccc;
/*border-left: 2px solid #fff;*/
margin: 0;
padding: 5px 10px 5px 5px;
}
body.award table {
border: 2px solid #A69B7C;
}
body.award table tr:hover {
background-color: #D1C7A8;
}
body.award table td {
background:transparent;
border-bottom: 1px solid #A69B7C;
}
form {overflow:hidden;}
input, textarea {
color: #777;
border:solid 0 #fff;
}
input[type=text]:focus, textarea:focus {
color: #333;
border:solid 0 #fff;
}
#searchinput{
width: 172px;
padding: 0;
margin: 0 1em 0 0;
padding: 4px;
background: transparent url("../../images/frontend_website/header/searchinput_bg.gif") no-repeat;
border:none;
}
* html #searchinput {
background:transparent url("../../images/frontend_website/header/searchinput_bg.gif") no-repeat fixed;
}
body.award #searchinput {
background: transparent url("../../images/frontend_website/header/searchinput_bg_braun.gif") no-repeat;
}
blockquote, cite {
color: #444;
background: #f8f8f8;
border: 1px #ddd solid;
border-left: 8px #ddd solid;
padding: 1em 1em 0 1em;
margin: 0 0 1em 1em;
font-size:0.95em;
width:auto;
}
/*
* html blockquote {
zoom:1;
}
*/
ul {
list-style-type:none;
margin:0 0 1.5em 0;
padding:0;
}
* html ul{
position:relative;
}
ul li {
background:url(../../images/icons/bullet_black.gif) no-repeat 1px 2px;
padding:0 0 0 20px;
margin:0;
}
ul li.active a{
color:#333;
text-decoration: none;
}
ul li ul{
padding:0;
margin:0;
}
ul li ul li{
margin: 0;
}
ol {
padding: 0 0 0.5em 0;
margin:0 0 1em 1em;
}
* html ol {
position:relative;
}
ol li {
margin: 0;
}
ol li ol{
margin: 0;
}
ol li ol li{
margin: 0 0 0 1em;
}
/*#topnav {
position:absolute; top:10px; right:10px; color:#fff; background:transparent; text-align:right
}*/
#nav {
clear:both; width:auto
}
#main {
clear:both;
width:auto;
margin: 0;
padding: 0;
background-color:#FFFFFF;
}
* html #main{
z-index:300;
}
/*
*+html #main{
z-index:300;
}
*/
body.award #main {
background-color:#EFE4C6;
}
.main_wrap {
padding-top:10px;
background:url(../../images/frontend_website/mainnav/mainnav_bg.png) no-repeat 5px 10px;
margin:0 0 0 0;
}
body.home .main_wrap { background:#fff; }
body.alltag .main_wrap { background:url(../../images/frontend_website/mainnav/mainnav_bg_alltag.png) no-repeat 5px 10px; }
body.award .main_wrap { background:url(../../images/frontend_website/mainnav/mainnav_bg_braun.png) no-repeat 5px 10px; }
body.beratung .main_wrap { background:url(../../images/frontend_website/mainnav/mainnav_bg_blau.png) no-repeat 5px 10px; }
body.betriebe .main_wrap { background:url(../../images/frontend_website/mainnav/mainnav_bg_betriebe.png) no-repeat 5px 10px; }
body.mobilitaet .main_wrap { background:url(../../images/frontend_website/mainnav/mainnav_bg_mobilitaet.png) no-repeat 5px 10px; }
body.neubau .main_wrap { background:url(../../images/frontend_website/mainnav/mainnav_bg_neubau.png) no-repeat 5px 10px; }
body.sanierung .main_wrap { background:url(../../images/frontend_website/mainnav/mainnav_bg_sanierung.png) no-repeat 5px 10px; }
body.spiele .main_wrap { background:url(../../images/frontend_website/mainnav/mainnav_bg_spiele.png) no-repeat 5px 10px; }
#col1{z-index:3; float:left; width:200px; min-height:370px}
body.home #col1 { display:none; }
* html body.home #col1 { display:none; }
#col2{z-index:5; float:right; width:200px; padding: 0;}
body.home #col2 { margin-left:200px; }
#col3{z-index:1; width:auto; margin-left:200px; margin-right:200px}
* html #col1{position:relative; display:inline}
* html #col2{position:relative; display:inline; margin-right:-3px}
* html #col3{position:relative; height:1%; margin-left:74%}
#col1_content{z-index:4; position:relative}
#col2_content{z-index:6; position:relative}
#col3_content{z-index:2; position:relative}
* html #col1_content{overflow:visible}
* html #col2_content{overflow:visible}
* html #col3_content{overflow:visible}
#col2 li {
margin: 0 0 10px 0;
}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:block}
* html .clearfix{height:1%}
*+html .clearfix{height:1%}
/*
#ie_clearing{
display:none;
}
#ie_clearing{
display:block;
clear:both;
width:100%;
font-size:0;
margin:-2px 0 -1em 1px;
}
* html #ie_clearing{
margin:0 0 -1em 0;
}
*/
.clearboth {
clear:both;
height:0;
font-size:0px;
line-height:0px;
visibility:hidden;
}
.skip {
position:absolute;
left:-1000em;
width:20em;
}
/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page {
padding:0 0 40px 0;
position:relative;
}
* html #page.hold_floats {
height: 1%;
}
#page_margins {
width: 970px;
margin:10px auto;
}
/* Formatierung der Kopfbereiches */
#header {
position:relative;
width:970px;
height:133px;
}
* html #header {
z-index:-1;
}
#noCSSLogo {
display:none;
}
.header_content {
margin:0;
padding:0;
height:125px;
}
.header_content .headerimage_container {
position:absolute;
z-index:100;
background-color:#009933;
background:url(../../images/frontend_website/header/header_grafiken/header_home.jpg) no-repeat 5px 1px;
height:125px;
width:970px;
}
body.alltag .header_content .headerimage_container {
background:url(../../images/frontend_website/header/header_grafiken/header_sparenimalltag.jpg) no-repeat 5px 1px;
}
body.award .header_content .headerimage_container {
background:url(../../images/frontend_website/header/header_grafiken/header_award.jpg) no-repeat 5px 1px;
}
body.betriebe .header_content .headerimage_container {
background:url(../../images/frontend_website/header/header_grafiken/header_betriebe.jpg) no-repeat 5px 1px;
}
body.mobilitaet .header_content .headerimage_container {
background:url(../../images/frontend_website/header/header_grafiken/header_mobilitaet.jpg) no-repeat 5px 1px;
}
body.neubau .header_content .headerimage_container {
background:url(../../images/frontend_website/header/header_grafiken/header_neubau.jpg) no-repeat 5px 1px;
}
body.sanierung .header_content .headerimage_container {
background:url(../../images/frontend_website/header/header_grafiken/header_sanierung.jpg) no-repeat 5px 1px;
}
body.spiele .header_content .headerimage_container {
background:url(../../images/frontend_website/header/header_grafiken/header_spiele.jpg) no-repeat 5px 1px;
}
.header_content .headerimage_overlay{
width:970px;
height:125px;
position:absolute;
z-index:105;
background:url(../../images/frontend_website/header/header_mask.png) no-repeat 0 0;
overflow:visible;
}
body.award .header_content .headerimage_overlay{
background:url('../../images/frontend_website/header/header_mask_braun.png') no-repeat 0 0;
}
.header_topcorners{
margin:0;
height:4px;
background:url(../../images/frontend_website/bg_roundedcorners_top.png) no-repeat 0 top;
font-size:0.1px;
line-height:0.1px;
}
body.award .header_topcorners{
background:url('../../images/frontend_website/bg_roundedcorners_top_braun.png') no-repeat 0 top;
}
.header_bottomcorners{
margin:0;
height:4px;
background:url(../../images/frontend_website/bg_roundedcorners_bottom.png) no-repeat 0 bottom;
font-size:0.1px;
line-height:0.1px;
}
body.award .header_bottomcorners{
background:url('../../images/frontend_website/bg_roundedcorners_bottom_braun.png') no-repeat 0 bottom;
}
.main_topcorners{
/*margin:5px 0 0 0;*/
margin:0;
height:4px;
background:url(../../images/frontend_website/bg_roundedcorners_top.png) no-repeat 0 top;
font-size:0.1px;
line-height:0.1px;
}
body.award .main_topcorners{
background:url('../../images/frontend_website/bg_roundedcorners_top_braun.png') no-repeat 0 top;
}
.main_bottomcorners{
height:4px;
background:url(../../images/frontend_website/bg_roundedcorners_bottom.png) no-repeat 0 bottom;
font-size:0.1px;
line-height:0.1px;
}
body.award .main_bottomcorners{
background:url('../../images/frontend_website/bg_roundedcorners_bottom_braun.png') no-repeat 0 bottom;
}
#tagcloud {
margin:5px 0 0 0;
}
.tagcloud_top {
height:4px;
line-height: 1px;
font-size: 1px;
background: url(../../images/frontend_website/tagcloud/tagcloud_bg_top.png) no-repeat left top;
}
body.award .tagcloud_top {
background: url('../../images/frontend_website/tagcloud/tagcloud_bg_top_braun.png') no-repeat top left;
}
.tagcloud_content {
background: none;
background-color: #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
padding:15px 30px 15px 30px;
}
body.award .tagcloud_content {
background: url('../../images/frontend_website/tagcloud/tagcloud_bg_braun.png') no-repeat 0 0;
background-color: #EFE4C6;
border-left: 1px solid #EFE4C6;
border-right: 1px solid #EFE4C6;
}
.tagcloud_bottom {
height:4px;
line-height: 1px;
font-size: 1px;
background: url(../../images/frontend_website/tagcloud/tagcloud_bg_bottom.png) no-repeat left bottom;
}
body.award .tagcloud_bottom {
background: url('../../images/frontend_website/tagcloud/tagcloud_bg_bottom_braun.png') no-repeat 0 0;
}
/***************************************************************************************
* CONTENT (content.css)
***************************************************************************************/
.fullwidthbox{
width: 510px;
margin: 0 0 10px 0;
}
.fullwidthbox .topcorner{
background: url(../../images/frontend_website/contentelements/fullwidthbox/fullwidthbox_corner_top.gif) no-repeat 0 0;
height: 3px;
line-height: 1px;
font-size: 1px;
}
body.award .fullwidthbox .topcorner{
background: url('../../images/frontend_website/contentelements/fullwidthbox/fullwidthbox_corner_top_award.gif') no-repeat 0 0;
}
.fullwidthbox .bottomcorner{
background: url(../../images/frontend_website/contentelements/fullwidthbox/fullwidthbox_corner_bottom.gif) no-repeat 0 0;
height: 3px;
line-height: 1px;
font-size: 1px;
}
body.award .fullwidthbox .bottomcorner{
background: url('../../images/frontend_website/contentelements/fullwidthbox/fullwidthbox_corner_bottom_award.gif') no-repeat 0 0;
}
.fullwidthbox .contentbox{
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}
body.award .fullwidthbox .contentbox{
border-right: 1px solid #D1C7A8;
border-left: 1px solid #D1C7A8;
}
.fullwidthbox .contentbox .col1{
/*width: 146px;*/
/*min-height: 99px;*/
/*max-width: 146px;*/
max-width: 134px;
padding: 12px 0 8px 12px;
float: left;
}
.fullwidthbox .contentbox .col1 img{
/* margin: 12px 0px 8px 12px;*/
}
.fullwidthbox .contentbox .col2{
width: 322px;
float: left;
padding: 12px 20px 10px 20px;
}
* html .fullwidthbox .contentbox .col2{
padding-left: 12px;
}
.fullwidthbox .contentbox .col2 h3{
margin-top:0;
font-weight:bold;
}
.fullwidthbox .contentbox .col2 p{
padding: 0;
margin: 0;
}
/*.fullwidthbox .contentbox .col2 p a*/
.fullwidthbox .contentbox .col2 h3 a {
color:#000;
text-decoration:none;
}
body.award .fullwidthbox .contentbox .col2 h3 a {
font-weight: bold;
}
.fullwidthbox .contentbox .col2 .teaser_roundedwhitecorner_link {
display: block;
/*margin-top: 10px;*/
/*border:1px solid red;*/
}
#col2 .contentbox p a {
padding:0 0 0 10px;
background: url(../../images/frontend_website/icons/nav_icon.gif) no-repeat 0px 3px;
}
/*alertbox - based on fullwidthbox*/
.alertbox .contentbox{
padding:10px 15px 10px 15px;
}
.alertbox .contentbox p {
padding:1px 0 0 25px;
margin-bottom: 10px;
}
.alertbox_info{
}
.alertbox_info .contentbox {
background:url(../../images/icons/information.png) no-repeat 10px 10px;
}
.alertbox_warning .contentbox {
background:url(../../images/icons/error.png) no-repeat 10px 10px;
}
.alertbox_help .contentbox {
background:url(../../images/icons/help.png) no-repeat 10px 10px;
}
.alertbox_asterisk .contentbox {
background:url(../../images/icons/asterisk_orange.png) no-repeat 10px 10px;
}
.alertbox_arrow .contentbox {
background:url(../../images/icons/arrow_right.png) no-repeat 10px 10px;
}
.alertbox_comment .contentbox {
background:url(../../images/icons/comment.png) no-repeat 10px 10px;
}
.alertbox_date .contentbox {
background:url(../../images/icons/date.png) no-repeat 10px 10px;
}
.alertbox_flag .contentbox {
background:url(../../images/icons/flag_orange.png) no-repeat 10px 10px;
}
.alertbox_new .contentbox {
background:url(../../images/icons/new.png) no-repeat 10px 10px;
}
.alertbox_note .contentbox {
background:url(../../images/icons/note.png) no-repeat 10px 10px;
}
.alertbox_weather .contentbox {
background:url(../../images/icons/weather_sun.png) no-repeat 10px 10px;
}
.alertbox_world .contentbox {
background:url(../../images/icons/world.png) no-repeat 10px 10px;
}
.alertbox_check .contentbox {
background:url(../../images/icons/tick.png) no-repeat 10px 10px;
}
.alertbox_lightbulb .contentbox {
background:url(../../images/icons/lightbulb.png) no-repeat 10px 10px;
}
/*Teaserbuttons Fullwidth*/
.teaser_roundedwhitecorner_link {
padding:9px 0 0 9px;
background: url(../../images/frontend_website/icons/nav_icon.gif) no-repeat 0px 12px;
}
/*Teaser Fullwidth*/
.teaser_basics{
float:left;
height: 155px;
overflow:hidden;
margin:0 0 4px 0;
}
.teaser_basics a {
/*color: black;*/
}
.teaser_basics .teaser_roundedwhitecorner_link {
position:absolute;
top:115px;
left:5px;
}
.teaser_basics .leftside{
float:left;
width:4px;
background:url(../../images/frontend_website/contentelements/teaser_basics/teaser_letside_standard.png) no-repeat 0 0;
height: 155px;
}
.teaser_basics .rightside{
float:left;
width:4px;
background: url(../../images/frontend_website/contentelements/teaser_basics/teaser_rightside_standard.png) no-repeat 0 0;
height: 155px;
}
.teaser_basics .contentbox{
float:left;
background:url(../../images/frontend_website/contentelements/teaser_basics/teaser_contentbox_standard.png) repeat-x 0 0;
height: 155px;
}
.teaser_basics .contentbox .col1{
float: left;
padding: 16px 0 0 15px;
position:relative;
}
.teaser_basics .contentbox .col1 img{
margin: 1px 0px 1px 4px;
}
.teaser_basics .contentbox .col1 h3{
padding: 0 0 0px 0;
margin:0 0 0.5em 0;
font-size:1.50em;
font-weight:normal;
}
body.award .teaser_basics .contentbox .col1 h3 {
color:#000000;
}
.teaser_basics .contentbox .col2{
float: left;
padding: 12px 0 0 0;
}
.teaser_basics .contentbox .col2 p{
padding: 0;
}
/*Teaser 360px breit*/
.teaserwidth_360{
width: 361px;
margin-left:-15px;
}
* html .teaserwidth_360{
margin-left:-8px;
}
.teaserwidth_360 .contentbox{
width:353px;
}
body.award .teaserwidth_360 .contentbox{
background:url('../../images/frontend_website/contentelements/teaser_award/teaser_award_bg_360.png') no-repeat 0 0;
}
.teaserwidth_360 .contentbox .col1{
width: 163px;
}
.teaserwidth_360 .contentbox .col2{
width: 165px;
}
.teaserwidth_360 .contentbox .col2 img{
margin:0 0 0 20px;
}
/*Teaser 545px breit*/
.teaserwidth_545 {
width: 545px;
margin-left:-15px;
}
* html .teaserwidth_545 {
margin-left:-8px;
}
.teaserwidth_545 .contentbox {
width: 537px;
}
.teaserwidth_545 .contentbox .col1{
width: 355px; /*365*/
}
body.award .teaserwidth_545 .contentbox .col1 {
width:400px;
}
.teaserwidth_545 .contentbox .col2{
width:157px;
margin-left:10px;
}
/*Teaser 180px breit*/
.teaserwidth_180{
width: 179px;
margin:0 0 0 5px;
}
.teaserwidth_180 .contentbox{
width: 170px;
float:left;
}
body.award .teaserwidth_180 .contentbox{
background:url('../../images/frontend_website/contentelements/teaser_award/teaser_award_bg_180.png') no-repeat 0 0;
}
.teaserwidth_180 .contentbox .col1{
width: 140px;
}
.teaserwidth_180 .contentbox .col2{
display:none;
}
/*Neubau*/
.teasercolor_neubau .leftside{
background:url(../../images/frontend_website/contentelements/teaser_basics/teaser_letside_neubau.png) no-repeat 0 0;
}
.teasercolor_neubau .rightside{
background: url(../../images/frontend_website/contentelements/teaser_basics/teaser_rightside_neubau.png) no-repeat 0 0;
}
.teasercolor_neubau .contentbox{
background:url(../../images/frontend_website/contentelements/teaser_basics/teaser_contentbox_neubau.png) repeat-x 0 0;
}
/*Mobilitaet*/
.teasercolor_mobilitaet .leftside{
background:url(../../images/frontend_website/contentelements/teaser_basics/teaser_letside_mobilitaet.png) no-repeat 0 0;
}
.teasercolor_mobilitaet .rightside{
background: url(../../images/frontend_website/contentelements/teaser_basics/teaser_rightside_mobilitaet.png) no-repeat 0 0;
}
.teasercolor_mobilitaet .contentbox{
background:url(../../images/frontend_website/contentelements/teaser_basics/teaser_contentbox_mobilitaet.png) repeat-x 0 0;
}
/*Sparen im Alltag*/
.teasercolor_sparenimalltag .leftside{
background:url(../../images/frontend_website/contentelements/teaser_basics/teaser_letside_sparenimalltag.png) no-repeat 0 0;
}
.teasercolor_sparenimalltag .rightside{
background: url(../../images/frontend_website/contentelements/teaser_basics/teaser_rightside_sparenimalltag.png) no-repeat 0 0;
}
.teasercolor_sparenimalltag .contentbox{
background:url(../../images/frontend_website/contentelements/teaser_basics/teaser_contentbox_sparenimalltag.png) repeat-x 0 0;
}
/*Betriebe*/
.teasercolor_betriebe .leftside{
background:url(../../images/frontend_website/contentelements/teaser_basics/teaser_letside_betriebe.png) no-repeat 0 0;
}
.teasercolor_betriebe .rightside{
background: url(../../images/frontend_website/contentelements/teaser_basics/teaser_rightside_betriebe.png) no-repeat 0 0;
}
.teasercolor_betriebe .contentbox{
background:url(../../images/frontend_website/contentelements/teaser_basics/teaser_contentbox_betriebe.png) repeat-x 0 0;
}
/*Sanierung*/
.teasercolor_sanierung .leftside{
background:url(../../images/frontend_website/contentelements/teaser_basics/teaser_letside_sanierung.png) no-repeat 0 0;
}
.teasercolor_sanierung .rightside{
background: url(../../images/frontend_website/contentelements/teaser_basics/teaser_rightside_sanierung.png) no-repeat 0 0;
}
.teasercolor_sanierung .contentbox{
background:url(../../images/frontend_website/contentelements/teaser_basics/teaser_contentbox_sanierung.png) repeat-x 0 0;
}
/*Award*/
.teasercolor_award .leftside{
display:none;
}
.teasercolor_award .rightside{
display:none;
}
.teasercolor_award .contentbox{
/*color:#fff;*/
padding:0 4px 0 4px;
background:url(../../images/frontend_website/contentelements/teaser_award/teaser_award_bg.jpg) no-repeat 0 0;
}
.teasercolor_award .contentbox h3 {
/*color:#fff;*/
font-weight:normal;
}
.teasercolor_award .contentbox p{
/*color:#fff;*/
}
.teasercolor_award .contentbox img{
/*color:#fff;*/
display:none;
}
/*Teaser OneThirdWidth*/
.teaser_onethirdwidth {
width:148px;
margin:0 5px 0 0;
padding:15px 15px 10px 15px;
height:235px;
position:relative;
float:left;
background:url(../../images/frontend_website/contentelements/teaser_onethirdwidth/teaser_onethirdwidth_bg.png) no-repeat 0 0;
}
body.award .teaser_onethirdwidth {
background: url('../../images/frontend_website/contentelements/teaser_onethirdwidth/teaser_onethirdwidth_bg_award.png') no-repeat 0 0;
}
.teaser_onethirdwidth_last {
margin: 0;
}
.teaser_onethirdwidth h3 {
font-weight:bold;
margin:0 0 15px 0;
}
.teaser_onethirdwidth img {
margin:0 0 15px 0px;
}
.teaser_onethirdwidth p a {
padding:0 0 0 10px;
background: url(../../images/frontend_website/icons/nav_icon.gif) no-repeat 1px 3px;
}
.teaser_onethirdwidth .teaser_roundedwhitecorner_link {
position:absolute;
top:215px;
left:16px;
}
.teaser_onethirdwidth_mobilitaet{
background:url(../../images/frontend_website/contentelements/teaser_onethirdwidth/teaser_onethirdwidth_bg-mobilitaet.png) no-repeat 0 0;
}
.teaser_onethirdwidth_sparenimalltag{
background:url(../../images/frontend_website/contentelements/teaser_onethirdwidth/teaser_onethirdwidth_bg-sparenimalltag.png) no-repeat 0 0;
}
.teaser_onethirdwidth_betriebe{
background:url(../../images/frontend_website/contentelements/teaser_onethirdwidth/teaser_onethirdwidth_bg-betriebe.png) no-repeat 0 0;
}
.teaser_onethirdwidth_neubau{
background:url(../../images/frontend_website/contentelements/teaser_onethirdwidth/teaser_onethirdwidth_bg-neubau.png) no-repeat 0 0;
}
.teaser_onethirdwidth_sanierung{
background:url(../../images/frontend_website/contentelements/teaser_onethirdwidth/teaser_onethirdwidth_bg-sanierung.png) no-repeat 0 0;
}
/**
* left column teaser (homepage)
*/
.teaser_left_home {
width: 160px;
margin: 0 5px 0 0;
padding: 15px 15px 10px 15px;
height:235px;
/* position:relative;
float: left;*/
background:url(../../images/frontend_website/contentelements/teaser_onethirdwidth/teaser_onethirdwidth_bg.png) no-repeat 0 0;
position:absolute;
left:-191px;
top:239px;
z-index:100;
}
.teaser_left_home h3 {
font-weight:bold;
margin: 0 0 15px 0;
}
.teaser_left_home img{
margin: 0 0 12px 3px;
/* width:142px;
height:100px;*/
}
.teaser_left_home .teaser_roundedwhitecorner_link {
position:absolute;
top:215px;
left:16px;
/*color:#666;
text-decoration:none;*/
}
.teaser_left_home.teasercolor_award {
background:url(../../images/frontend_website/contentelements/teaser_left_home/award_teaser_bg.jpg) no-repeat 0 0;
}
.teaser_left_home.teasercolor_award h3 {
}
.teaser_left_home.teasercolor_award p {
}
.teaser_left_home.teasercolor_award a {
}
/*Text Image*/
.text_image{
margin:0 0 1.5em 0;
}
.text_image .teaser {
font-weight:bold;
}
.text_image img{
margin:0;
}
.text_image_left{
float:left;
margin:0 20px 10px 0;
}
.text_image_right{
float:right;
margin:0 0 10px 20px;
}
.text_image_left,
.text_image_right {
border:1px solid #ccc;
padding:5px;
}
body.award .text_image_left,
body.award .text_image_right {
border:1px solid #A69B7C;
}
.text_image_left p,
.text_image_right p {
display:block;
margin:0.5em 0 0 0;
padding:0;
line-height:1.1em;
}
.text_image_left p.copyright,
.text_image_right p.copyright {
color:#666666;
font-size:0.88em;
}
.img_fullwidth {
margin-bottom: 2em;
}
.img_fullwidth p {
margin:0.5em 0 0 0;
padding:0;
color:#666666;
font-size:0.88em;
line-height:1.1em;
}
/*Text wysiwyg*/
#col3 .text_wysiwyg {
margin:0;
}
body.award #col3 .text_wysiwyg.standard {
padding-left:10px;
}
#col3 .text_wysiwyg.servicebox {
padding:10px 10px 0 10px;
background: url(../../images/frontend_website/contentelements/col3/textbox_bg.png) no-repeat 0px 0px;
min-height:110px;
width:175px; /* IE6: Missing Backgrounds Bug */
}
body.award #col3 .text_wysiwyg.servicebox {
background: url(../../images/frontend_website/contentelements/col3/textbox_bg_award.png) no-repeat 0px 0px;
}
#col3 .text_wysiwyg.servicebox h3 {
margin-top:0;
font-weight:bold;
}
#col3 .text_wysiwyg.servicebox a {
padding:0 0 0 10px;
background: url(../../images/frontend_website/icons/nav_icon.gif) no-repeat 0px 3px;
}
#col3 .text_wysiwyg.standard a {
padding:0 0 0 10px;
background: url(../../images/frontend_website/icons/nav_icon.gif) no-repeat 0px 3px;
}
/* favorites box */
#col3 .favbox {
padding:10px 10px 0 10px;
background: url(../../images/frontend_website/contentelements/col3/textbox_bg.png) no-repeat 0px 0px;
min-height:110px;
}
body.award #col3 .favbox {
background: url(../../images/frontend_website/contentelements/col3/textbox_bg_award.png) no-repeat 0px 0px;
}
#col3 .favbox h3 {
margin-top:0;
font-weight:bold;
}
#col3 .favbox li {
padding:0 0 0 10px;
background: url(../../images/frontend_website/icons/nav_icon.gif) no-repeat 0px 3px;
}
/*video_flash*/
.video_flash {
position:static;
height:100px;
margin:0 0 1.5em 0;
}
/*triple teaser*/
.triple_teaser{
margin:0 0 0 -15px;
}
* html .triple_teaser{width:545px}
*+html .triple_teaser{width:545px}
* html .teaser_onethirdwidth_last {
margin-right:-4px;
}
/*Standard Content Elemente*/
/*Tagcloud*/
.tagcloud_content h2 {
font-weight:bold;
font-size:1.2em;
margin:0 0 15px 0;
padding:0;
}
* html .tagcloud_list,
* html .tagcloud_list a {
position:relative;
}
.tagcloud_list a {
padding:1em 0.4em 1em 0;
line-height:1.7em;
background:none;
text-decoration:none;
color:#aaa;
}
.tagcloud_list a span {
padding:0.1em 0.2em 0.1em 0.2em;
}
/*
.tagcloud_list span.sanierung {
background:#FFB081;
color:#000;
}
.tagcloud_list span.betriebe {
background:#D1E6F5;
color:#000;
}
.tagcloud_list span.award {
background:#D1C7A8;
color:#000;
}
.tagcloud_list span.neubau {
background:#C3E980;
color:#000;
}
.tagcloud_list span.mobilitaet {
background:#D2D8E6;
color:#000;
}
.tagcloud_list span.alltag {
background:#FFE880;
color:#000;
}
*/
* html .tagcloud_list span.award {
background:none;
}
.tagcloud_list a.tagcloud-1 {
color:#999;
}
.tagcloud_list a.tagcloud-2 {
color:#666;
}
.tagcloud_list a.tagcloud-3 {
color:#333;
}
.tagcloud_list a.tagcloud-4 {
color:#000;
}
.tagcloud_list a.tagcloud-5 {
color:#000;
}
.tagcloud_list a.tagcloud-1 span {
font-size:1.0em;
}
.tagcloud_list a.tagcloud-2 span {
font-size:1.1em;
}
.tagcloud_list a.tagcloud-3 span {
font-size:1.2em;
}
.tagcloud_list a.tagcloud-4 span {
font-size:1.3em;
}
.tagcloud_list a.tagcloud-5 span {
font-size:1.4em;
}
/* GALLERY */
ul.gallery {
/*display: block;*/
padding: 0;
margin: 0 0 10px 0;
}
.gallery li {
display: inline;
list-style: none;
background: none;
margin: 0;
padding: 0;
}
.gallery img {
padding: 0 5px 5px 0;
margin: 0 0 0 0;
/*border: 1px solid #DDDDDD;*/
}
.gallery .hidden {
display:none;
}
.gallery .galleryMore {
cursor:pointer;
}
.gallery .galleryLess {
display:none;
cursor:pointer;
}
/* DIRECTORY */
ul.dir {
padding: 0;
margin: 0 0 10px 0;
}
ul.dir li {
font-weight:bold;
list-style:none;
background:none;
margin:0;
padding:8px 0 20px 0;
border-bottom:1px dashed #BBB;
}
ul.dir li ul li {
border:0;
}
.dir ul li {
font-weight: normal;
display: inline;
list-style: none;
background: none;
margin: 0;
padding: 0;
}
.dir ul li a {
color: #666666;
text-decoration: none;
border-bottom: 1px solid #DDDDDD;
}
.dir ul li a:hover {
border-bottom: 0;
}
.dir .count {
color: #666666;
font-weight: normal;
}
/* SERVICE PROVIDER */
.serviceprovider {
display: inline;
}
.serviceprovider .address-block {
float: left;
height: 412px;
width: 320px;
background-color: #FAFAFA;
/*margin-right: 1px;*/
margin-bottom:10px;
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
}
.serviceprovider .address-block .logo {
margin-bottom: 1px;
padding: 10px;
}
.serviceprovider .address-block .logo img {
background: #FFF;
border:1px solid #CCC;
padding:5px;
}
.serviceprovider .action-block {
float: left;
height: 412px;
width: 197px;
background-color: #FAFAFA;
border-top: 1px solid #d2d2d2;
border-right: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
padding:0 0 0 10px;
margin-bottom:10px;
overflow:hidden;
}
.serviceprovider .action-block ul {
padding-top: 10px;
margin: 0;
}
.serviceprovider .action-block ul li {
background:url(../../images/frontend_website/icons/nav_icon.gif) no-repeat 1px 4px;
padding-left: 12px;
}
.serviceprovider .action-block a,
.serviceprovider .action-block input {
width: auto;
height: auto;
border: 0;
background: none;
color: #E38109;
text-decoration: underline;
text-align: left;
margin: 0;
padding: 0;
}
.serviceprovider .company-name {
font-size: 1.3em;
font-weight: bold;
margin: 0;
padding: 15px 10px;
background: url(../../images/frontend_website/contentelements/companies/companies_bg.png) no-repeat top left #fff;
padding: 15px 10px 14px 38px;
}
.serviceprovider .address {
margin-bottom: 1px;
padding: 10px;
}
.serviceprovider .contact {
margin-bottom: 1px;
padding: 10px;
}
.serviceprovider .description {
padding: 5px 10px;
}
.serviceprovider ul.breadcrumbs {
/*background-color: #F3F3F3;*/
/*padding: 10px;*/
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding: 10px 0;
}
#col2 .serviceprovider .breadcrumbs li {
display: inline;
background: url(../../images/frontend_website/icons/nav_icon_thin.gif) no-repeat 2px center;
padding-left: 15px;
}
#col2 .serviceprovider input {
width: auto;
}
#col2 .serviceprovider p.related-categories {
/*border-top: 1px solid #FFF;*/
/*padding-top: 10px;*/
font-size:0.9em;
margin:0;
}
#col2 .serviceprovider ul.related-categories li {
font-size:0.9em;
line-height:1.19em;
background: none;
background:url(../../images/frontend_website/icons/nav_icon_thin.gif) no-repeat 0px 3px;
padding:0 0 0 12px;
margin:0;
}
#col2 .serviceprovider ul.related-categories li a:hover {
text-decoration: none;
}
#col2 .serviceprovider ul.paging {
height: 16px;
background: url(../../images/icons/book_open.png) no-repeat 2px center;
padding-left: 30px;
margin: 20px 0 10px 0;
}
#col2 .serviceprovider ul.paging li {
/*display: inline;*/
float: left;
background: none;
margin: 0 4px 14px 0;
padding: 0;
}
* html #col2 .serviceprovider ul.paging li {
margin: 0 4px 4px 0;
}
*+html #col2 .serviceprovider ul.paging li {
margin: 0 4px 4px 0;
}
#col2 .serviceprovider ul.paging li a {
background: #FFFFFF;
border: 1px solid #CCCCCC;
padding: 4px 8px;
}
* html #col2 .serviceprovider ul.paging li a {
display:block;
}
*+html #col2 .serviceprovider ul.paging li a {
display:block;
}
#col2 .serviceprovider .paging .active,
#col2 .serviceprovider ul.paging li a:hover {
background: #F3F3F3;
border: 1px solid #6994BA;
padding: 4px 8px;
}
#col2 .serviceprovider ul.companies {
border-bottom: 1px solid #d2d2d2;
padding-bottom: 10px;
}
#col2 .serviceprovider ul.companies img.mapIcon {
float:right;
}
* html #col2 .serviceprovider ul.companies img.mapIcon {
float:none;
}
#col2 .serviceprovider ul.companies .details {
display:none;
margin-top:1.5em;
}
#col2 .serviceprovider .companies li {
/*background: url(../../images/icons/script.png) no-repeat 13px 15px #f3f3f3;*/
background: url(../../images/frontend_website/contentelements/companies/companies_bg.png) no-repeat top left #fff;
/*border: 1px solid #ccc;*/
padding: 15px 10px 14px 38px;
min-height: 50px;
}
#col2 .serviceprovider .companies li a {
font-weight: bold;
}
/* Paging */
#col2 ul.paging {
background: url(../../images/icons/book_open.png) no-repeat 2px center;
padding-left: 30px;
margin: 20px 0 10px 0;
}
#col2 ul.paging li {
display: inline;
background: none;
padding: 0;
}
#col2 ul.paging li a {
background: #FFFFFF;
border: 1px solid #CCCCCC;
padding: 4px 8px;
}
body.award #col2 ul.paging li a {
background: #efe4c6;
border: 1px solid #d1c7a8;
}
#col2 ul.paging li.active a,
#col2 ul.paging li a:hover {
background: #F3F3F3;
border: 1px solid #6994BA;
padding: 4px 8px;
}
body.award #col2 ul.paging li.active a,
body.award #col2 ul.paging li a:hover {
background: #fff3d3;
border: 1px solid #6994BA;
}
/* SIDEBAR: NEWS */
#col3 .news {
padding:10px;
background: url(../../images/frontend_website/contentelements/col3/textbox_bg.png) no-repeat 0px 0px;
min-height:110px;
width:175px; /* IE6: Missing Backgrounds Bug */
}
body.award #col3 .news {
background: url(../../images/frontend_website/contentelements/col3/textbox_bg_award.png) no-repeat 0px 0px;
}
#col3 .news h3 {
margin-top:0;
font-weight:bold;
}
#col3 .news p a {
padding:9px 0 0 9px;
background: url(../../images/frontend_website/icons/nav_icon.gif) no-repeat 0px 12px;
}
#col3 .news .rss a {
padding-left:110px;
/*background:url(../../images/frontend_website/icons/rss_mainnav.gif) no-repeat right 0;*/
}
* html #col3 .news .rss a {
padding-left:100px;
}
#col3 .news ul {
padding:0;
margin:0;
}
#col3 .news ul li {
padding:0;
margin:0 0 15px 0;
background:transparent;
}
#col3 .news ul li span.cat {
color:#666666;
font-size:0.88em;
line-height:1.1em;
padding:0;
margin:0;
display:block;
}
#col3 .news ul li a {
/*font-weight:bold;*/
padding:0;
}
#col3 .news.archive ul li {
background:url(../../images/frontend_website/icons/nav_icon.gif) no-repeat 1px 4px;
padding:0 0 0 15px;
margin:0;
}
/* SIDEBAR: EVENTS */
#col3 .events {
padding:10px;
background: url(../../images/frontend_website/contentelements/col3/textbox_bg.png) no-repeat 0px 0px;
margin-bottom:15px;
min-height:110px;
width:175px; /* IE6: Missing Backgrounds Bug */
}
#col3 .events h3 {
font-weight:bold;
margin-top:0;
}
#col3 .events p a {
padding:9px 0 0 9px;
background: url(../../images/frontend_website/icons/nav_icon.gif) no-repeat 0px 12px;
}
#col3 .events ul {
padding:0;
margin:0;
}
#col3 .events ul li {
padding:0;
margin:0 0 15px 0;
background:transparent;
}
#col3 .events ul li div.meta {
}
#col3 .events ul li span.date,
#col3 .events ul li span.location {
color:#666666;
font-size:0.88em;
line-height:1.1em;
padding:0;
margin:0;
}
#col3 .events ul li a {
clear:both;
padding:0;
/*font-weight:bold;*/
}
/* Sidebar Bilder */
#col3 img {
margin-bottom: 10px;
}
/* Assistant */
#col3 .assistant {
background:url(../../images/frontend_website/assistent/assistent_header.png) no-repeat top right #FFFCD7;
border-bottom:1px solid #ECE18C;
padding:85px 5px 0 10px;
margin-bottom:15px;
}
body.award #col3 .assistant {
background:url(../../images/frontend_website/assistent/assistent_header_award.png) no-repeat top right;
border-bottom:1px solid #deca71;
}
#col3 .assistant h3 {
margin-top:0;
font-weight:bold;
}
#col3 .assistant ul li {
background:url(../../images/frontend_website/icons/nav_icon.gif) no-repeat 1px 4px;
padding:0 0 0 12px;
}
/*
#col3 .text_wysiwyg_wrapper.assistant {
/*padding:0 0 12px 0;* /
background:url(../../images/frontend_website/assistent/bottom.png) no-repeat 0 bottom;
}
*/
/**
* Interactive feature box
*/
.feature {
margin:0 0 4px 0;
width:491px;
height:160px;
padding:0 0 0 10px;
background:url(../../images/frontend_website/contentelements/feature/feature_bg_small.png) no-repeat 0 0;
}
.feature-block {
float:left;
width:300px;
padding:0;
margin-top:10px;
height:140px;
position:absolute;
overflow:hidden;
background:#fff;
}
.feature-block h3 {
font-size:1.2em;
font-weight:bold;
margin-bottom:0.6em;
margin-top:0;
}
.feature-block img {
float:left;
margin:0 10px 10px 0;
}
.feature-block p {
margin-bottom:0.8em;
}
.feature .teaser_roundedwhitecorner_link {
position:absolute;
top:108px;
border:2px solid red;
}
.feature-nav {
float:right;
width:185px;
height:140px;
margin:20px 0 0 0;
}
.feature-nav li {
background:none;
height:28px;
line-height:28px;
padding:0;
margin:0;
}
.feature-nav li.headline {
font-size:1.2em;
font-weight:bold;
padding:0 0 0 30px;
}
.feature-nav li a {
background:url(../../images/frontend_website/contentelements/feature/feature_nav_bg.gif) no-repeat 0 -28px;
display:block;
color:#000;
height:28px;
padding: 0 0 0 30px;
}
.award .feature-nav li a {
background:url(../../images/frontend_website/contentelements/feature/feature_award_nav_bg.gif) no-repeat 0 -28px;
}
#col2 .feature-nav li {
margin:0;
}
.feature-nav li.active a {
background-position: 0 -1px;
color:#000;
}
.feature-nav li a:hover {
/*color:#E38109;*/
}
/**
* Interactive feature box (Homepage)
*/
body.home .feature {
margin-left: -211px;
width:731px;
height:235px;
background:url(../../images/frontend_website/contentelements/feature/feature_bg.jpg) no-repeat 0 0;
position:relative;
}
body.home .feature.award {
background:url(../../images/frontend_website/contentelements/feature/feature_award_bg.jpg) no-repeat 0 0;
}
body.home .feature-block {
width:285px;
height:200px;
padding: 10px 10px 0 0;
margin-top:15px;
margin-left:240px;
}
body.home .award .feature-block {
height:164px;
margin-top:45px;
margin-left:200px;
}
body.home .feature-block h2 {
font-size:1.2em;
margin-bottom:10px;
}
body.home .feature-block h3 {
font-size:1.2em;
}
body.home .feature .teaser_roundedwhitecorner_link {
position:absolute;
top:150px;
}
body.home .feature-nav {
height:180px;
margin:20px 0 0 0;
}
body.home .award .feature-nav {
height:180px;
margin:50px 0 0 0;
}
/* VH steps */
.vh_steps {
padding:10px;
background: url(../../images/frontend_website/contentelements/col3/textbox_bg.png) no-repeat 0px 0px;
min-height:110px;
}
.vh_steps h3 {
margin-top:0;
margin-bottom:15px;
font-weight:bold;
}
.vh_steps ul {
padding:0;
margin:0;
}
.vh_steps ul li {
margin:0 0 10px 0;
padding-left:20px;
background: url(../../images/icons/arrow_right_tiny.gif) no-repeat 0px 1px;
}
.vh_steps ul li.active {
font-weight:bold;
padding-left:20px;
background: url(../../images/icons/arrow_right_short.gif) no-repeat 0px 1px;
}
.vh_steps ul li a {
text-decoration:none;
}
.vh_result {
}
.vh_result_links {
margin-top:10px;
}
.vh_result_links li {
padding:0 0 0 10px;
background: url(../../images/frontend_website/icons/nav_icon.gif) no-repeat 0px 3px;
}
.vh_result_top{
height:4px;
background: url(../../images/virtualhome/ergebnisseite/top.gif) no-repeat 0px 0px;
font-size:0;
line-height:0;
}
.vh_result_content{
border-right:1px solid #BBEE00;
border-left:1px solid #BBEE00;
}
.vh_result_content h3{
margin:0;
padding:1em;
font-size:1.4em;
line-height:1.2em;
}
.vh_result_content h3.itemlabel{
padding:0;
margin:0 0 0.3em 0;
font-size:1.3em;
}
.vh_result_content p{
margin:0;
}
.vh_result_content ul{
margin:0;
}
#col2 .vh_result_content ul li{
list-style: none;
background: none;
background-image: none;
}
#col2 .vh_result_content ul li:hover{
background-color: #FAFAFA;
}
#col2 .vh_result_content ul li{
margin:0;
padding:15px 25px 15px 50px;
border-top:1px solid #ECECEC;
background: url(../../images/icons/control_play.png) no-repeat 25px 16px;
}
#col2 .vh_result_content li .itemdescription{
width:190px;
float:left;
margin:0 20px 0 0;
}
#col2 .vh_result_content li .image{
width:75px;
float:left;
}
#col2 .vh_result_content li .buttons {
width:155px;
float:right;
padding:30px 0 0 0;
background: url(../../images/frontend_website/logos/baumax.gif) no-repeat 0px 0px;
}
#col2 .vh_result_content li .buttons li {
border-top:0;
padding:0 0 10px 10px;
background: url(../../images/frontend_website/icons/nav_icon.gif) no-repeat 0px 3px;
}
#col2 .vh_result_content li .itemdescription p{
margin:0 0 0.3em 0;
}
.vh_result_bottom{
height:4px;
background: url(../../images/virtualhome/ergebnisseite/bottom.gif) no-repeat 0px 0px;
font-size:0;
line-height:0;
}
#vh_uiBlocker {
display:none;
position:fixed;
z-index:3333;
width: 250px;
margin: -50px 0 0 -25px;
top: 50%;
left: 50%;
text-align: center;
color: #000;
background: #fff;
padding: 10px;
border:2px solid #ffa800;
}
* html #vh_uiBlocker {
position:absolute;
}
.blocked #vh_uiBlocker {
display:block;
}
.pageMeta {
margin-top: 1em;
}
* html .pageMeta {
clear:both;
}
.pageMeta .print {
background:url(../../images/icons/printer.png) no-repeat 0 2px;
padding:0 0 0 25px;
display:block;
float:left;
height:30px;
}
.pageMeta .top {
margin-left:20px;
background:url(../../images/frontend_website/icons/nav_icon_top.gif) no-repeat 0 3px;
padding:0 0 0 15px;
display:block;
float:left;
height:30px;
}
dl.searchresult {
margin:0;
}
dl.searchresult dt {
height:16px;
margin:0;
padding:0 0 0 20px;
background:url(../../images/icons/page_white_text.png) no-repeat 0px 0px;
}
dl.searchresult dd {
font-size:0.9em;
margin:5px 0 20px 8px;
padding:12px;
border-left:1px solid #DBDBDB;
border-bottom:1px solid #DBDBDB;
background-color: #FAFAFA;
}
.author {
color: #999;
font-size: 0.8em;
font-style: oblique;
}
/* COs-Rechner */
#co2rechner table,
/*#co2rechner table tbody,*/
#co2rechner table tr,
#co2rechner table td {
font-size:11px;
margin:0;
padding:0;
border:0;
background:transparent;
border-collapse:collapse;
}
#co2rechner table {
background-color:#fffff0;
border:2px solid #E38109;
}
#co2rechner table tr {
}
#co2rechner table tr.even {
/*background:#FFFFF0;*/
}
#co2rechner table tr.odd {
/*background:#FFFFAA;*/
}
#co2rechner table th {
color:#fff;
background-color:#E38109;
padding:2px 4px;
}
#co2rechner table td {
padding:2px 4px;
}
#co2rechner input {
color:#000;
/*width:60px;*/
width:auto;
}
#co2rechner h2 {
color:#000;
font-weight:bold;
font-size:1.2em;
line-height: 30px;
}
#co2rechner .sum {
color:#000;
font-weight:bold;
}
#co2rechner .fin {
color:#000;
font-weight:bold;
}
#co2rechner input.style5 {
width:50px;
background-color:#fffff0;
border:0;
}
#co2rechner .style6 {
display:inline;
font-weight:bold;
color:#000;
background:#fffff0;
border:0;
border-bottom:2px solid black;
}
#co2rechner input {
float:none;
background:#fff;
/*
background:#ddd;
border-top:1px solid #999;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
border-left:1px solid #999;
*/
border:1px solid #E38109;
}
#co2rechner input[readonly] {
}
/***************************************************************************************
* NAVIGATION (nav.css)
***************************************************************************************/
.header_nav_wrap {
height: 1px; /* bgcc damit der JS-Link onclick= auf #headerimg_container funktioniert*/
position:absolute;
z-index:200;
top:0;
right:0;
}
* html .header_nav_wrap {
left:0;
}
*+html .header_nav_wrap {
left:0;
}
.header_nav {
float:right;
margin:97px auto 0 auto;
height:32px;
}
.metanav {
float:left;
background-color:transparent;
height:32px;
position:relative;
/*position:absolute;
width:970px;
height:40px;
z-index:400;
border:solid 1px red;*/
/*height:200px;*/
}
.metanav ul {
float:right;
height:32px;
padding:0 0 0 22px;
background:url(../../images/frontend_website/header/metanav_leftend.png) no-repeat 0 0;
}
* html .metanav ul {
background:url(../../images/frontend_website/header/metanav_leftend_ie6.gif) no-repeat 0 0;
}
body.award .metanav ul {
background:url(../../images/frontend_website/header/metanav_leftend_braun.png) no-repeat 0 0;
}
* html body.award .metanav ul{
background:url(../../images/frontend_website/header/metanav_leftend_ie6_award.gif) no-repeat 0 0;
}
.metanav ul li {
float:left;
list-style:none;
padding:9px 15px 0 14px;
/*margin:0 15px 0 0;*/
margin:0 0 0 0;
height:25px;
line-height:16px;
background:url(../../images/frontend_website/header/trenner.png) no-repeat right 11px;
position:relative;
overflow:visible;
background-color:#fff;
color:#333;
}
body.award .metanav ul li {
background-color:#EFE4C6;
}
.metanav ul li a {
color:#333;
text-decoration:none;
}
.metanav ul li a:hover {
text-decoration:none;
}
.metanav ul li.lastitem {
padding-right:15px;
margin:0 0 0 0;
background:none;
background-color:#FFFFFF;
}
body.award .metanav ul li.lastitem{
background-color:#EFE4C6;
}
.metanav ul li.search {
padding:6px 15px 0 0;
}
* html .metanav ul li.search {
padding:6px 5px 0 0;
}
*+html .metanav ul li.search {
padding:6px 5px 0 0;
}
.metanav ul li.search .searchfield {
float:left;
height:24px;
padding:0;
}
* html .metanav ul li.search .searchfield {
background:none;
}
*+html .metanav ul li.search .searchfield {
background:transparent url("../../images/frontend_website/header/searchinput_bg.gif") no-repeat 0 1px;
}
.metanav ul li.search input.search_button {
color:#333;
background: transparent url(../../images/frontend_website/icons/icon_search.gif) no-repeat left 4px;
padding:2px 0 0 15px;
margin:0;
border: 0;
cursor: pointer;
width: auto;
display: inline;
float: left;
}
* html .metanav ul li.search input.search_button {
padding:1px 0 0 10px;
}
*+html .metanav ul li.search input.search_button {
padding:1px 0 0 10px;
}
.metanav ul li a.login{
background:url(../../images/frontend_website/icons/icon_login.gif) no-repeat 0 1px;
padding:0 0 0 20px;
}
.metanav ul a.country{
background:url(../../images/frontend_website/icons/icon_country.png) no-repeat 0 2px;
padding:0 0 0 22px;
}
.metanav ul a.country_de_AT{
background:url(../../images/admin/flags/de_AT.gif) no-repeat 0 2px;
padding:0 0 0 22px;
}
.metanav ul a.country_cs_CZ{
background:url(../../images/admin/flags/cs_CZ.gif) no-repeat 0 2px;
padding:0 0 0 22px;
}
.metanav ul a.country_en{
background:url(../../images/admin/flags/en.gif) no-repeat 0 2px;
padding:0 0 0 22px;
}
/* Footer Navigation*/
#footer {
text-align:center;
clear:both;
height:20px;
margin:10px 0 0 0;
}
#footer a{
margin:0 6px 0 0;
padding:0 10px 0 0;
background:url(../../images/frontend_website/footer/footer_trenner.gif) no-repeat right 0;
color:#010100;
/*font-size:0.95em;*/
text-decoration:none;
}
* html #footer a,
* html #footer a:hover {
background-color:transparent;
}
body.award #footer a {
color:#847b62;
background:url('../../images/frontend_website/footer/footer_trenner_braun.gif') no-repeat right 0;
}
#footer a.last{
margin:0;
padding:0;
background:none;
}
/* Breadcrumb Navigation */
.breadcrumnav {
min-height:10px;
padding:5px 0 0 0;
margin:0;
}
.breadcrumnav ul {
margin:0 0 0 17px;
padding:0;
}
.breadcrumnav ul li {
list-style:none;
float:left;
padding:0;
margin:0;
background:none;
}
.breadcrumnav ul li a,
.breadcrumnav ul li span {
padding:0 0 0 12px;
margin:0 10px 0 0;
background:url(../../images/frontend_website/icons/nav_icon.gif) no-repeat 0 center;
font-size:1em;
color:#1E1C13;
text-decoration:none;
}
.breadcrumnav ul li a:hover {
text-decoration:underline;
}
* html .breadcrumnav ul li a:hover{
color:#1E1C13;
}
/* Top Navigation */
.topnav {
margin:10px 0 0 0;
padding-left:7px;
}
.topnav ul{
margin:0;
padding:0;
}
.topnav ul li{
list-style:none;
display: inline;
font-size:1.2em;
float:left;
padding:0 10px 0 0;
background:none;
background:url(../../images/frontend_website/tabs/tabs_orange.png) no-repeat right -35px;
margin:0 5px 0 0;
height:35px;
}
body.award .topnav ul li {
background:url(../../images/frontend_website/tabs/tabs_award.png) no-repeat right -35px;
}
.topnav ul li span{
display:block;
padding:10px 0 2px 10px;
height:23px;
background:none;
background:url(../../images/frontend_website/tabs/tabs_orange.png) no-repeat 0 -35px;
}
body.award .topnav ul li span {
background:url(../../images/frontend_website/tabs/tabs_award.png) no-repeat 0 -35px;
}
* html .topnav ul li span{
padding-top:2px;
height:auto;
line-height:31px;
}
.topnav ul li a,
.topnav ul li a:hover,
.topnav ul li span{
color:#1E1C13;
text-decoration:none;
}
.topnav ul li.active,
body.award .topnav ul li.active{
background-position:right 0;
}
.topnav ul li.active span,
body.award .topnav ul li.active span{
background-position:0 0;
}
.topnav ul li.home a {
display:block;
width:16px;
height:22px;
background:url(../../images/frontend_website/tabs/house.gif) no-repeat 0 0;
text-indent: -9000px;
}
* html .topnav ul li.home a {
background-position:0 8px;
}
/* Language Selector DropDown*/
#langSelector{
position:absolute;
top:30px;
left:-10px;
width:230px;
padding:30px 0 0 0;
}
* html #langSelector{padding:33px 0 0 0}
.langSelector_autowidth{
position:relative;
}
.langSelector_autowidth .listwrap{
position:relative;
border-right:1px solid #d9d9d9;
border-left:1px solid #d9d9d9;
background-color:#FFFFFF;
margin:0;
padding:0;
}
body.award .langSelector_autowidth .listwrap{
border-right:1px solid #A19677;
border-left:1px solid #A19677;
background-color:#EFE4C6;
}
#langSelector ul {
margin:0;
padding:4px 10px 5px 10px;
position:relative;
float:left;
background-color:#FFFFFF;
background:none;
height:auto;
}
* html #langSelector ul {
width:190px;
padding:0 10px 0 10px;
}
*+html #langSelector ul {
padding:4px 10px 0 10px;
}
body.award #langSelector ul {
background-color:#EFE4C6;
}
#langSelector ul li {
clear:both;
margin:0;
padding:0;
background:none;
width:208px;
}
#langSelector ul li a {
display:block;
width:208px;
height:25px;
border:none;
background:none;
margin:0 0;
padding:0 0 0 0;
}
* html #langSelector ul li a {
width:206px;
}
#langSelector ul li a.active {
background-color:#eee;
}
body.award #langSelector ul li a.active {
background-color:#E3D9BA;
}
#langSelector ul li a img {
margin:6px 5px 0 5px;
}
#langSelector ul li a:hover {
background-color:#d9d9d9;
}
body.award #langSelector ul li a:hover {
background-color:#D1C7A8;
}
#langSelector .top {
height:6px;
position:relative;
}
* html #langSelector .top {
line-height:1px;
font-size:1px;
}
#langSelector .top .top_left {
height:6px;
width:6px;
background:url(../../images/frontend_website/languagenav/top_left.png) no-repeat 0 0;
position:absolute;
top:0;
left:0;
}
* html #langSelector .top .top_left {
background:url(../../images/frontend_website/languagenav/top_left_ie6.gif) no-repeat 0 0;
}
body.award #langSelector .top .top_left{
background:url(../../images/frontend_website/languagenav/top_left_award.png) no-repeat 0 0;
}
* html body.award #langSelector .top .top_left{
background:url('../../images/frontend_website/languagenav/top_left_ie6_award.gif') no-repeat 0 0;
}
#langSelector .top .top_middle{
height:5px;
width:auto;
background-color:#fff;
border-top:1px solid #D9D9D9;
margin:0 6px 0 6px;
}
body.award #langSelector .top .top_middle{
background-color:#EFE4C6;
border-top:1px solid #A19677;
}
#langSelector .top .top_right{
height:6px;
width:6px;
background:url(../../images/frontend_website/languagenav/top_right.png) no-repeat 0 0;
position:absolute;
top:0;
right:0;
}
* html #langSelector .top .top_right {
background:url(../../images/frontend_website/languagenav/top_right_ie6.gif) no-repeat 0 0;
}
body.award #langSelector .top .top_right{
background:url('../../images/frontend_website/languagenav/top_right_award.png') no-repeat 0 0;
}
* html body.award #langSelector .top .top_right{
background:url('../../images/frontend_website/languagenav/top_right_ie6_award.gif') no-repeat 0 0;
}
#langSelector .bottom{
height:6px;
position:relative;
}
* html #langSelector .bottom{line-height:1px; font-size:1px}
#langSelector .bottom .bottom_left{
height:6px;
width:6px;
background:url(../../images/frontend_website/languagenav/bottom_left.png) no-repeat 0 0;
position:absolute;
bottom:0;
left:0;
}
* html #langSelector .bottom .bottom_left{
background:url(../../images/frontend_website/languagenav/bottom_left_ie6.gif) no-repeat 0 0
}
body.award #langSelector .bottom .bottom_left{
background:url('../../images/frontend_website/languagenav/bottom_left_award.png') no-repeat 0 0;
}
* html body.award #langSelector .bottom .bottom_left{
background:url('../../images/frontend_website/languagenav/bottom_left_ie6_award.gif') no-repeat 0 0;
}
#langSelector .bottom .bottom_middle{
height:5px;
width:auto;
background-color:#fff;
border-bottom:1px solid #D9D9D9;
margin:0 6px 0 6px;
}
body.award #langSelector .bottom .bottom_middle{
background-color:#EFE4C6;
border-bottom:1px solid #A19677;
}
#langSelector .bottom .bottom_right{
height:6px;
width:6px;
background:url('../../images/frontend_website/languagenav/bottom_right.png') no-repeat 0 0;
position:absolute;
bottom:0;
right:0;
}
* html #langSelector .bottom .bottom_right{
background:url('../../images/frontend_website/languagenav/bottom_right_ie6.gif') no-repeat 0 0
}
body.award #langSelector .bottom .bottom_right{
background:url('../../images/frontend_website/languagenav/bottom_right_award.png') no-repeat 0 0;
}
* html body.award #langSelector .bottom .bottom_right{
background:url('../../images/frontend_website/languagenav/bottom_right_ie6_award.gif') no-repeat 0 0;
}
/**
* mainnav combined (new nav style)
*/
.combinav {
padding:0 0 0 0;
}
.combinav ul {
margin:0.7em 0 0 5px;
padding:0;
}
.combinav ul li {
line-height: 1.4em;
list-style:none;
margin:1px 0 0 5px;
padding:0;
min-height:32px;
background:none;
/*background:#df0;*/
/*border-bottom:1px solid #eee;*/
}
* html .combinav ul li {
height:26px;
padding-bottom:0;
}
.combinav ul li.indent-1 span {
font-weight:bold;
/*background:none;*/
padding-left:15px;
/*background:transparent;*/
}
.combinav ul li.indent-2 span {
margin-left:10px;
padding-left:15px;
}
.combinav ul li.indent-3 span {
margin-left:20px;
padding-left:15px;
}
.combinav ul li.indent-4 span {
margin-left:30px;
padding-left:15px;
}
.combinav ul li.indent-5 span {
margin-left:40px;
padding-left:15px;
}
.combinav ul li.indent-6 span {
margin-left:50px;
padding-left:15px;
}
.combinav ul li.indent-7 span {
margin-left:60px;
padding-left:15px;
}
.combinav ul li.indent-8 span {
margin-left:70px;
padding-left:15px;
}
.combinav ul li span {
background:url('../../images/frontend_website/combinav/combinavi.png') no-repeat 0 -141px;
}
body.award .combinav ul li span {
border-bottom:1px solid #EFE4C6; /* #C9BD98 */
}
.combinav ul li.hover span {
background:url('../../images/frontend_website/combinav/combinavi.png') no-repeat 0 -1px;
}
.combinav ul li.last span {
background:url('../../images/frontend_website/combinav/combinavi.png') no-repeat 0 -210px;
}
.combinav ul li.last.hover span {
background:url('../../images/frontend_website/combinav/combinavi.png') no-repeat 0 -70px;
}
body.award .combinav ul li.last.hover span {
background:url('../../images/frontend_website/combinav/combinavi_award.png') no-repeat 0 -70px;
}
.combinav ul li.last.active span {
background:url('../../images/frontend_website/combinav/combinavi.png') no-repeat 0 -70px;
}
/*
* html .combinav ul li.last.active span {
background:url('../../images/frontend_website/combinav/combinavi.png') no-repeat 0 -70px !important;
}
*/
.combinav ul li.active span {
background:url('../../images/frontend_website/combinav/combinavi.png') no-repeat 0 -1px;
}
body.award .combinav ul li.active span {
background:transparent url('../../images/frontend_website/combinav/combinavi_award.png') no-repeat scroll 0pt -1px;
}
.combinav ul li span {
min-height:20px;
padding:6px 0;
display:block;
border-bottom:1px solid #fff;
}
* html .combinav ul li span {
height:20px;
}
.combinav ul li a {
display:block;
overflow:hidden;
color:#000;
font-size:1.1em;
text-decoration:none;
}
/***************************************************************************************
* FORMS (formstyles.css)
***************************************************************************************/
/*Reset form-Tag*/
form{
margin:0;
padding:0;
}
/*TabNavigation*/
.Tablist{
padding: 0;
margin:0px 0px 0px 0px;
width:520px;
height:30px;
background:url('../../images/frontend_website/forms/tab_bg_right.png') no-repeat right 0;
}
* html .Tablist {
background:url('../../images/frontend_website/forms/tab_bg_right.gif') no-repeat right 0
}
.Tablist ul{
list-style-type: none;
height:30px;
display:block;
float:left;
margin:0;
padding: 0px 4px 0 0;
width:514px;
background:url('../../images/frontend_website/forms/tab_bg.png') no-repeat 0 0;
}
* html .Tablist ul{
background:url('../../images/frontend_website/forms/tab_bg.gif') repeat-x 0 0
}
.Tablist ul li {
line-height:1.4em;
background:none;
}
.Tablist ul li.tabnav_label{
display:block;
height:30px;
margin: 0 0 0 0;
padding:0;
float:left;
}
.Tablist ul li .label_left{
margin-left:4px;
background:url(../../images/frontend_website/forms/tab_label_left.png) no-repeat 0 0;
width:4px;
height:30px;
float:left;
}
.Tablist ul li .label_middle{
background:url(../../images/frontend_website/forms/tab_label_middle.png) repeat-x 0 0;
height:30px;
float:left;
padding:4px 5px 0 5px;
}
* html .Tablist ul li .label_middle {
height:26px;
padding-right:0;
}
.Tablist ul li .label_right{
background:url(../../images/frontend_website/forms/tab_label_right.png) no-repeat 0 0;
height:30px;
width:4px;
float:left;
}
.Tablist ul li.tabnav_linkonly .label_left, .Tablist ul li.tabnav_linkonly .label_middle, .Tablist ul li.tabnav_linkonly .label_right, .Tablist ul li.tabnav_linkonly {
background: none;
}
.formblock{
background-color:#fff;
border-left:solid 1px #BBEE00;
border-right:solid 1px #BBEE00;
padding:10px 0px 15px 0px;
width:518px;
}
.formblock_footer{
height:4px;
background:transparent url(../../images/frontend_website/forms/bottom_border.png) no-repeat 0 bottom;
padding:0;
line-height:1px;
font-size:1px;
margin:0 0 16px 0;
}
.category_select_form{
margin:0 0 1em 0;
}
/* Formstyles */
.label{
}
label{
padding:0;
margin:0 0 5px 0;
display:block;
}
.required label,
label.required {
padding-left:17px;
background:url(../../images/icons/bullet_star.png) no-repeat left center;
}
* html div.required label {
background:url(../../images/icons/bullet_star.gif) no-repeat left center;
}
* html label.required {
background:url(../../images/icons/bullet_star.gif) no-repeat left center;
}
.formline {
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
padding: 3px 0px 5px 20px;
background-color: #fff;
margin:0px;
display:block;
clear:both;
line-height: 1.1;
/* Holly Hack - Since IE/Win will misbehave in this manner, when a dimension is needed to fix a float bug, a very small height, such as {height: 1%}, can be applied to the float container, and IE/Win will just make the box taller anyway. Thus, a small height does not change the appearance of the box, but IE seems to think the box is now "dimensioned," */
height: 1%;
position:relative;
width:250px;
}
.xshowgrid .formline{
padding: 0;
background-color: transparent;
border: none;
}
/*body.award .formline {
background-color:#EFE4C6;
border-top:1px solid #EFE4C6;
border-bottom:1px solid #EFE4C6;
}*/
.formline.fullwidth {
width:auto;
padding-right:20px;
}
.formline_treeview {
width: auto;
}
.formline .helptext{
display:none;
position:absolute;
top:-30px;
left:170px;
z-index:999999;
}
.formline .helptext .helptext_top{
width:220px;
height:3px;
background:url(../../images/frontend_website/forms/helptext_top.png) no-repeat 0 0;
font-size:1px;
line-height:1px;
}
.formline .helptext .helptext_middle{
width:190px;
padding:12px 15px 10px 15px;
background:url(../../images/frontend_website/forms/helptext_repeaty.png) repeat-y 0 0;
}
.formline .helptext .helptext_middle span{
display:block;
width:165px;
padding:0 0 0 25px;
background:url(../../images/frontend_website/forms/helptext_icon.png) no-repeat 0 0;
color:#500000;
line-height:1.2em;
}
.formline .helptext .helptext_bottom{
width:220px;
height:4px;
background:url(../../images/frontend_website/forms/helptext_bottom.png) no-repeat 0 0;
}
.formline:hover {
/*background-color:#F3F3F3;*/
}
.formline .error{
display:block;
margin:3px 0 0 0;
padding:0;
clear:both;
}
.formline .error ul{
margin:0;
padding:0;
}
.formline .error ul li{
list-style:none;
color:#f00;
background:none;
padding:0;
margin:0;
}
#col2 .formline .error ul li {
margin:0;
xbackground: url(../../images/icons/bullet_red.gif) no-repeat left 0;
padding:2px 0 2px 0px;
}
.inputfields{
margin:0;
padding:0;
}
.inputfields_line{
}
input {
background-color: #fafafa;
border: 1px solid #CACACA;
padding:2px 2px 2px 2px;
color: #666666;
width:245px;
float:left;
}
input[type=image]{
width:auto;
border:none;
float: none;
}
input[type=text]{
}
input[type=password]{
}
input[type=text]:focus {
background-color: #fff;
border: 1px solid #666;
}
input[type=text]:hover {
}
input[type=password]:focus {
background-color: #fff;
border: 1px solid #aaa;
}
input[type=password]:hover {
}
input[type=radio] {
background-color:#fff;
margin:3px 10px 3px 0;
padding:0;
width:auto;
border:none;
}
input[type=checkbox] {
background-color:#fff;
margin:3px 10px 3px 0;
padding:0;
width:auto;
border:none;
}
input.radio,
input.checkbox {
width:auto;
height:auto;
padding:0;
border:0;
margin:0 5px 0 0;
background:transparent;
}
* html input.radio,
* html input.checkbox {
margin-top:-3px;
}
*+html input.radio,
*+html input.checkbox {
margin-top:-3px;
}
.checkbox-list div,
.radio-list div {
clear:both;
display:block;
margin:0;
}
input.dependent,
select.dependent,
div.datewrapper {
display:block;
float:none;
clear:both;
margin-left:20px;
margin-bottom:3px;
}
* html input.dependent,
* html select.dependent,
* html div.datewrapper {
margin-left:28px;
}
*+html input.dependent,
*+html select.dependent,
*+html div.datewrapper {
margin-left:25px;
}
div.datewrapper select {
float:left;
margin-right:5px;
width:70px;
}
input[disabled] {
}
input[readonly] {
}
select[disabled] {
}
textarea{
xbackground-color: #fafafa;
xborder: 1px solid #CACACA;
padding:2px 2px 2px 2px;
color: #666666;
width:245px;
font-size:0.95em;
float:left;
}
textarea:focus {
background-color: #fff;
xborder: 1px solid #aaa;
}
textarea[disabled] {
}
select{
width:250px;
font-style:italic;
xbackground-color: #eee;
xborder: 1px solid #CACACA;
padding:1px;
color: #666666;
outline:none;
float:left;
}
select#vh_verbrauchscheck_wohnflaeche{
width:150px;
font-style:italic;
xbackground-color: #eee;
xborder: 1px solid #CACACA;
padding:1px;
color: #666666;
outline:none;
float:left;
}
select#personenimhaushalt{
width:150px;
font-style:italic;
xbackground-color: #eee;
xborder: 1px solid #CACACA;
padding:1px;
color: #666666;
outline:none;
margin-right:50px;
float:left;
}
input#plz{
width:150px;
font-style:italic;
xbackground-color: #eee;
xborder: 1px solid #CACACA;
padding:1px;
margin-top:7px;
color: #666666;
outline:none;
float:left;
}
select#baujahr_gebaeude{
width:150px;
font-style:italic;
xbackground-color: #eee;
xborder: 1px solid #CACACA;
padding:1px;
color: #666666;
outline:none;
float:left;
}
select#ort{
width:150px;
font-style:italic;
xbackground-color: #eee;
xborder: 1px solid #CACACA;
padding:1px;
color: #666666;
outline:none;
float:left;
}
select#vh_verbrauchscheck_heizung_typ{
width:220px;
font-style:italic;
xbackground-color: #eee;
xborder: 1px solid #CACACA;
padding:1px;
color: #666666;
outline:none;
float:left;
}
input#vh_verbrauchscheck_energieverbrauch{
width:220px;
font-style:italic;
xbackground-color: #eee;
xborder: 1px solid #CACACA;
padding:1px;
/* bgcc change */
xmargin-top:7px;
color: #666666;
outline:none;
float:left;
}
select#baujahr_heizung{
width:220px;
font-style:italic;
xbackground-color: #eee;
xborder: 1px solid #CACACA;
padding:1px;
color: #666666;
outline:none;
float:left;
}
select#vh_verbrauchscheck_warmwasser_typ{
width:335px;
font-style:italic;
xbackground-color: #eee;
xborder: 1px solid #CACACA;
padding:1px;
margin-top:13px;
color: #666666;
outline:none;
float:left;
}
select#vh_verbrauchscheck_heizung_typ_2{
width:220px;
font-style:italic;
xbackground-color: #eee;
xborder: 1px solid #CACACA;
padding:1px;
color: #666666;
outline:none;
float:left;
}
select#vh_verbrauchscheck_energieverbrauch_2{
width:220px;
font-style:italic;
xbackground-color: #eee;
xborder: 1px solid #CACACA;
padding:1px;
color: #666666;
outline:none;
float:left;
}
select:focus{
xbackground-color: #fff;
outline:none;
}
option{
font-style:normal;
}
/**
*
*/
span.button {
margin-left:30px;
padding: 0;
height: 30px;
background: url(../../images/frontend_website/forms/button_right.png) no-repeat right top;
text-decoration: none;
width: auto;
display:block;
float:left;
}
span.button input {
padding: 6px 19px 14px 35px;
margin-left:-30px;
height: 34px;
color: #333;
background: transparent url(../../images/frontend_website/forms/button_left.png) no-repeat left top;
border: 0;
cursor: pointer;
width: auto;
display: inline;
float: none;
}
/* IE6 */
* html span.button {
margin-left:0;
}
* html .button input {
margin-left:0;
padding: 8px 4px 12px 25px;
}
/* IE7 */
*+ html span.button input {
margin-left:-60px;
padding: 8px 4px 12px 25px;
}
.button input.accept {
background: transparent url(../../images/frontend_website/forms/button_accept.png) no-repeat left top;
}
.button input.add {
background: transparent url(../../images/frontend_website/forms/button_add.png) no-repeat left top;
}
.button input.calc {
background: transparent url(../../images/frontend_website/forms/button_calc.png) no-repeat left top;
}
.button input.cancel {
background: transparent url(../../images/frontend_website/forms/button_cancel.png) no-repeat left top;
}
.button input.back {
background: transparent url(../../images/frontend_website/forms/button_back.png) no-repeat left top;
}
.button input.undo {
background: transparent url(../../images/frontend_website/forms/button_undo.png) no-repeat left top;
}
.button input.next {
background: transparent url(../../images/frontend_website/forms/button_next.png) no-repeat left top;
}
.button input.search {
background: transparent url(../../images/frontend_website/forms/button_search.png) no-repeat left top;
}
/**
* link
*/
span.button a.button {
padding: 8px 19px 14px 35px;
margin-left:-30px;
height: 34px;
color: #333;
background: transparent url(../../images/frontend_website/forms/button_next.png) no-repeat left top;
border: 0;
cursor: pointer;
width: auto;
display: block;
float: none;
text-decoration:none;
white-space:nowrap;
}
.award span.button a.button {
background: transparent url('../../images/frontend_website/forms/button_teaser_award.png') no-repeat left top;
}
body.award span.button a.button {
background: transparent url('../../images/frontend_website/forms/button_teaser_award.png') no-repeat left top;
}
* html span.button a.button {
margin-left:0px;
width:150px;
}
span.button a.button.undo {
background: transparent url(../../images/frontend_website/forms/button_undo.png) no-repeat left top;
}
.auth_passwordforgotten_link{
margin:15px 0 0 2px;
display:block;
clear:both;
}
.auth_register_new_link{
margin:0px 0 0 2px;
display:block;
clear:both;
}
/**
* Virtuelles Haus: Radio-Image-Boxen
*/
.box-container {
clear: both;
margin: 0;
padding: 0;
border: 0;
}
/*.box-container .box { stoert bei virtualhome
padding: 0 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
background-color: #fff;
cursor: pointer;
height: 95px;
overflow: hidden;
}*/
.box-container .left {
clear: none;
width: 48%;
float: left;
margin: 0;
padding:0;
}
.box-container .right {
clear: none;
width: 48%;
float: right;
margin: 0;
}
#vhForm_Wrapper .box label {
color: #E38109;
margin: 10px 0 10px 0;
font-weight: normal;
cursor: pointer;
}
#vhForm_Wrapper .box.active label {
color: #485F00;
font-weight: bold;
}
.box-container .box.active {
border-color: #485F00; /*#6B8D01;*/
/*height: 93px;
border-top-width:2px;
border-bottom-width:2px;
background-color: #f7fbea;*/
background: url(../../images/virtualhome/box_bg_active.png) #f7fbea no-repeat 0 0;
}
/* hide radio button but let it enabled ("display:none" would disable it) */
.box-container .box input {
position: absolute;
left: -9000px;
}
.box-container .box img {
float: left;
vertical-align:text-top;
width:75px;
height:75px;
margin-right: 10px;
margin-top: 0;
}
.box-container .efficiency {
display:block;
text-indent:-9000px;
clear: none;
width: 30px;
float: left;
margin: 0;
padding:0 20px 0 0;
}
.box-container .price {
display:block;
text-indent:-9000px;
clear: none;
width: 30px;
float: left;
margin: 0;
}
.box-container .efficiency-rank-1 {
background: url('../../images/virtualhome/rating.gif') transparent no-repeat 0 0;
}
.box-container .efficiency-rank-2 {
background: url('../../images/virtualhome/rating.gif') transparent no-repeat 0 -20px;
}
.box-container .efficiency-rank-3 {
background: url('../../images/virtualhome/rating.gif') transparent no-repeat 0 -40px;
}
.box-container .price-rank-1 {
background: url('../../images/virtualhome/rating_price.gif') transparent no-repeat 0 0;
}
.box-container .price-rank-2 {
background: url('../../images/virtualhome/rating_price.gif') transparent no-repeat 0 -20px;
}
.box-container .price-rank-3 {
background: url('../../images/virtualhome/rating_price.gif') transparent no-repeat 0 -40px;
}
/**
* Virtuelles Haus: Form
*/
/* form embedded on a normal page (wizard) */
#vhForm_Wrapper {
border: 1px solid #d1d3d4;
padding: 15px;
}
/* the "popup" form called via flash */
#vhForm_Wrapper.popup {
/* background: url('../../images/virtualhome/form/form_bg.png') #f4f4f4 repeat-x;*/
background: #fff;
border:1px solid #999;
display: none;
width: 570px;
height:auto;
margin-top: -450px;
margin-left: 140px;
position: absolute;
z-index:10;
}
#vhForm_Wrapper.popup .close {
margin: 0;
padding: 0;
text-align: center;
cursor: pointer;
float: right;
}
#vhForm_Wrapper h2 {
margin: 0 0 20px 0;
padding: 0;
border: 0;
}
#vhForm_Wrapper.popup h2 {
float: left;
padding-top:0.5em;
}
#vhForm_Wrapper.popup p {
width:450px;
}
#vhForm_Wrapper legend,
#vhForm_Wrapper label {
width: auto;
font-weight: bold;
display: block;
clear:both;
padding: 0;
color:#000;
}
#vhForm_Wrapper legend {
margin: 0 0 5px 0;
}
#vhForm_Wrapper label {
margin: 0 0 5px 0;
}
* html #vhForm_Wrapper legend {
margin-top:0;
margin-left: -7px;
}
*+html #vhForm_Wrapper legend {
margin-left: -7px;
}
#vhForm_Wrapper .clear {
clear: both;
}
#vhForm_Wrapper .buttons-top{
clear:both;
padding:0 0 30px 0;
}
#vhForm_Wrapper .buttons-top .left {
}
#vhForm_Wrapper .buttons-top .right {
float:right;
}
#vhForm_Wrapper .buttons{
clear:both;
padding:30px 0 0 0;
}
#vhForm_Wrapper .buttons .left {
}
#vhForm_Wrapper .buttons .right {
float:right;
}
#vhForm_Wrapper div.checkbox input.checkbox {
display:inline;
position:static;
float:none;
}
#vhForm_Wrapper div.checkbox label {
float: none;
clear: both;
display: inline;
text-align: left;
margin: 0;
padding: 0;
width: auto;
}
.virtualhouse_formline {
padding-top:20px;
}
/**
* PHOTOVOLTAIK
**/
.box-container .pv_box {
margin-bottom: 10px;
border: 1px solid #ccc;
background-color: #fff;
cursor: pointer;
padding-top: 5;
padding-right: 10px;
padding-bottom: 0;
padding-left: 10px;
text-align: center;
}
.box-container .center {
clear: none;
width: 30%;
display:block;
float: left;
margin: 10px;
padding:0;
}
#vhForm_Photovoltaik {
/* border: 1px solid #d1d3d4; */
padding: 15px;
}
/* the "popup" form called via flash */
#vhForm_Photovoltaik.popup {
/* background: url('../../images/virtualhome/form/form_bg.png') #f4f4f4 repeat-x;*/
/* background: #fff; */
/* border:1px solid #999; */
display: none;
width: 670px;
height:auto;
margin-top: -370px;
margin-left: 20px;
position: absolute;
z-index:10;
}
#vhForm_Photovoltaik.popup .close {
margin: 0;
padding: 0;
text-align: center;
cursor: pointer;
float: right;
}
#vhForm_Photovoltaik h2 {
margin: 0 0 20px 0;
padding: 0;
border: 0;
}
#vhForm_Photovoltaik.popup h2 {
float: left;
padding-top:0.5em;
}
#vhForm_Photovoltaik.popup p {
width:450px;
}
#vhForm_Photovoltaik legend,
#vhForm_Photovoltaik label {
width: auto;
font-weight: bold;
display: block;
clear:both;
padding: 0;
color:#000;
}
#vhForm_Photovoltaik legend {
margin: 0 0 5px 0;
}
#vhForm_Photovoltaik label {
margin: 0 0 5px 0;
}
* html #vhForm_Photovoltaik legend {
margin-top:0;
margin-left: -7px;
}
*+html #vhForm_Photovoltaik legend {
margin-left: -7px;
}
#vhForm_Photovoltaik .clear {
clear: both;
}
#vhForm_Photovoltaik .buttons-top{
clear:both;
padding:0 0 30px 0;
}
#vhForm_Photovoltaik .buttons-top .left {
}
#vhForm_Photovoltaik .buttons-top .right {
float:right;
}
#vhForm_Photovoltaik .buttons{
clear:both;
padding:30px 0 0 0;
}
#vhForm_Photovoltaik .buttons .left {
}
#vhForm_Photovoltaik .buttons .right {
float:right;
}
#vhForm_Photovoltaik div.checkbox input.checkbox {
display:inline;
position:static;
float:none;
}
#vhForm_Photovoltaik div.checkbox label {
float: none;
clear: both;
display: inline;
text-align: left;
margin: 0;
padding: 0;
width: auto;
}
/**
* Virtuelles Haus Tabs
*/
ul.vh-tabs-nav span {
float: left;
display: block;
padding: 0px 10px 0 0;
}
.ui-tabs-hide { display:none; }
#vhForm_Wrapper.popup ul.vh-tabs-nav {
margin-top:20px;
}
ul.vh-tabs-nav {
list-style: none;
padding: 0 0 10px 0;
margin: 0;
display:block;
clear:both;
background:url('/images/virtualhome/tabnav/tabs_bg.gif') no-repeat right bottom;
height:22px;
}
* html ul.vh-tabs-nav {
padding:0;
}
ul.vh-tabs-nav li {
float: left;
padding: 0 3px 0 5px;
margin: 0;
position: relative;
background:url('/images/virtualhome/tabnav/tabs_li_bg.gif') no-repeat left -96px;
height:32px;
}
ul.vh-tabs-nav li a{
float: left;
line-height: 18px;
text-align: center;
padding: 8px 20px 6px 15px;
margin: 0 0 0 0;
position: relative;
text-decoration: none;
color: #000;
height:18px;
background:url('/images/virtualhome/tabnav/tabs_li_bg.gif') no-repeat right -32px;
}
ul.vh-tabs-nav a:hover {
text-decoration: none;
cursor: pointer;
color:#E38109;
}
ul.vh-tabs-nav li.ui-tabs-selected {
background:url('/images/virtualhome/tabnav/tabs_li_bg.gif') no-repeat left -64px;
}
ul.vh-tabs-nav li.ui-tabs-selected a {
color:#000;
background:url('/images/virtualhome/tabnav/tabs_li_bg.gif') no-repeat right 0;
height:18px;
}
ul.vh-tabs-nav li.ui-tabs-selected a:hover {
color:#E38109;
}
ul.vh-tabs-nav li.ui-tabs-disabled * {
color: #999;
}
.fragment {
padding: 0;
margin: 0;
clear: both;
}
div.newsletter {
margin-bottom:5px;
}
label.newsletter {
width:440px;
padding-left:25px;
}
* html label.newsletter {
margin-top:-16px;
}
*+html label.newsletter {
margin-top:-16px;
}
p.flash_missing {
text-align:center;
background:#fff;
border:1px solid #000;
margin:0 0 5px 0;
padding:10px 0 10px 0;
}
p.flash_missing img {
margin:0 0 5px 0;
padding:0;
}
#col2 ul.sitemap {
font-size:10px;
font-weight:normal;
list-style-type:none;
margin:0;
padding:0;
}
#col2 ul.sitemap li {
background:none;
margin:0;
padding:0;
}
#col2 ul.sitemap ul {
font-size:16px;
font-weight:bold;
line-height:20px;
list-style-type:none;
margin:0;
padding:0;
}
#col2 ul.sitemap ul li {
padding:0 0 0 20px;
}
#col2 ul.sitemap ul ul {
font-size:12px;
font-weight:bold;
}
#col2 ul.sitemap ul ul li {
border-left:1px dashed #ccc;
}
#col2 ul.sitemap ul ul ul {
font-weight:normal;
}
#col2 ul.sitemap ul ul ul ul li {
font-size:10px;
line-height:16px;
}
/* DATEPICKER START */
#datepicker_div, .datepicker_inline {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 0;
margin: 0;
color: #000;
background: #fff;
width: 195px;
}
#datepicker_div {
display: none;
/*border: 1px solid #777;*/
z-index: 9999; /*must have*/
}
.datepicker_inline {
float: left;
display: block;
border: 0;
}
.datepicker_rtl {
direction: rtl;
}
.datepicker_links, .datepicker_header, .datepicker {
clear: both;
float: left;
width: 100%;
color: #fff;
}
.datepicker_links {
display: none;
background: #eee;
padding: 4px 0px;
}
.datepicker_control, .datepicker_links {
font-weight: bold;
font-size: 80%;
letter-spacing: 1px;
}
.datepicker_links label { /* disabled links */
padding: 2px 5px;
color: #888;
}
.datepicker_clear, .datepicker_prev {
float: left;
width: 34%;
}
.datepicker_rtl .datepicker_clear, .datepicker_rtl .datepicker_prev {
float: right;
text-align: right;
}
.datepicker_current {
float: left;
width: 30%;
text-align: center;
}
.datepicker_close, .datepicker_next {
float: right;
width: 34%;
text-align: right;
}
.datepicker_rtl .datepicker_close, .datepicker_rtl .datepicker_next {
float: left;
text-align: left;
}
.datepicker_header {
padding: 1px 0 3px;
background: #eee;
text-align: center;
font-weight: bold;
width: 195px;
height: 16px;
}
.datepicker_header select {
background: #eee;
color: #000;
border: 0px;
font-weight: normal;
font-size: 11px;
font-style: normal;
width: auto;
border-top: 1px solid #cacaca;
padding: 0;
}
select.datepicker_newMonth {
width: 137px;
}
select.datepicker_newYear {
text-align: center;
width: 57px;
}
.datepicker_daysCell {
color: #000;
border: 0px solid #cacaca;
}
.datepicker_daysCell a {
display: block;
}
.datepicker_weekEndCell {
background: #eee;
}
.datepicker_titleRow .datepicker_weekEndCell {
background: #eee;
}
.datepicker_daysCellOver {
/* background: #fff;
border: 1px solid #cacaca;*/
}
.datepicker_unselectable {
color: #fff;
background: #fff;
}
.datepicker_today {
/*background: #FADD7D !important;*/
font-weight: bold;
}
.datepicker_currentDay {
background: #BBEE00 !important;
}
.datepicker_status {
background: #ff0000;
width: 100%;
font-size: 80%;
text-align: center;
}
/* ________ Datepicker Links _______
** Reset link properties and then override them with !important */
#datepicker_div a, .datepicker_inline a {
cursor: pointer;
margin: 0;
padding: 0;
background: none;
color: #000;
}
.datepicker_inline .datepicker_links a {
padding: 0 5px !important;
}
.datepicker_control a, .datepicker_links a {
padding: 2px 5px !important;
color: #E38109 !important;
}
.datepicker_titleRow a {
/*color: #E38109 !important;*/
text-decoration: none;
}
.datepicker_control a:hover {
color: #333 !important;
background: #fdd !important;
}
.datepicker_links a:hover, .datepicker_titleRow a:hover {
color: #E38109 !important;
background: #F4F4F4 !important;
}
/* ___________ MULTIPLE MONTHS _________*/
.datepicker_multi .datepicker {
border: 1px solid #777;
}
.datepicker_oneMonth {
float: left;
width: 195px;
}
.datepicker_newRow {
clear: left;
}
/* ___________ IE6 IFRAME FIX ________ */
.datepicker_cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}
/* EnergyGlobe CMS extra styles */
.datepicker_otherMonth {
color: #ccc;
}
table.datepicker {
border: 0px solid #ccc;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.datepicker_daysCell,
.datepicker_titleRow td {
text-align: center;
margin: 0;
padding: 5px 3px;
}
/* DATEPICKER END */
/*
.fieldset div {
clear:both;
display: block;
margin:1em 0;
}
.fieldset div div {
margin:0;
}
*/
#block-1-280 {
background-image:url("/images/virtualhome/design/formbox_280_bottom.png");
background-position:left bottom;
background-repeat:no-repeat;
float:left;
margin-bottom:10px;
min-height:80px;
padding-bottom:15px;
width:280px;
}
#block-2-180 {
background-image:url("/images/virtualhome/design/formbox_180_bottom.png");
background-position:left bottom;
background-repeat:no-repeat;
float:left;
margin-bottom:10px;
margin-left:10px;
min-height:80px;
padding-bottom:15px;
width:180px;
}
.box_header_180 {
background-image:url("/images/virtualhome/design/formbox_180_top.png");
background-repeat:no-repeat;
height:15px;
margin:0;
padding:0;
width:180px;
}
.box_body_180 {
background-image:url("/images/virtualhome/design/formbox_180_body.png");
background-position:left top;
background-repeat:repeat-y;
color:#333333;
padding:0 10px;
width:auto;
}
.box_header_280 {
background-image:url("/images/virtualhome/design/formbox_280_top.png");
background-repeat:no-repeat;
height:15px;
margin:0;
padding:0;
width:280px;
}
.box_body_280 {
background-image:url("/images/virtualhome/design/formbox_280_body.png");
background-position:left top;
background-repeat:repeat-y;
color:#333333;
padding:0 10px;
width:auto;
}