html[xmlns^="http"] {
overflow : scroll;
height : 100%;
}
body {
font-family : Arial;
background : #fafafa url(../images/bg.png) repeat-x scroll left top;
}
* {
margin : 0;
padding : 0;
}
img {
border : none;
}
#top {
width : 948px;
background-color : #fff;
margin : 0 auto;
}
#topmenue {
float : right;
height : 18px;
font-size : 11px;
color : #999;
margin : 10px 10px 0 0;
}
#topmenue ul li {
display : inline;
}
#topmenue ul li a {
text-decoration : none;
color : #333;
}
#wrap {
position : relative;
height : 110px;
width : 948px;
clear : both;
margin : 0 auto;
}
#toplogo {
width : 948px;
z-index : 0;
position : relative;
}
#vergleichbuttons {
width : 948px;
font-size : 18px;
font-weight : 700;
z-index : 1;
position : absolute;
margin : 51px auto 0;
}
.stromvergleich {
display : inline;
width : 130px;
float : left;
margin-left : 426px;
}
.stromvergleich a {
color : #62a822;
text-decoration : none;
padding:10px 0 10px 0;
}
.gasvergleich {
display : inline;
width : 130px;
float : left;
margin-left : 77px;
}
.gasvergleich a {
color : #5faede;
text-decoration : none;
padding:10px 0 10px 0;
}
.fbutton {
display : inline;
width : 105px;
float : left;
margin-left : 77px;
}
.fbutton a {
color : #d2c515;
text-decoration : none;
padding:10px 0 10px 0;
}
#ads {
text-align : right;
width : 948px;
background-color : #fff;
margin : 0 auto;
padding : 2px 0;
}
#ads p {
padding-right : 10px;
}
#content {
clear : both;
width : 948px;
color : #454545;
overflow : auto;
background-color : #fff;
margin : 0 auto;
padding : 15px 0 30px;
}
.bc {
color : #888;
height : 21px;
width : 440px;
font-size : 11px;
margin-bottom : 24px;
border-bottom : 1px solid #edeae4;
}
#mainteaser {
width : 425px;
border : 1px solid #edeae4;
background : #fff url(../images/mainteaserbg.jpg) no-repeat right;
background-repeat : no-repeat;
padding : 8px;
}
.teaser1 {
clear : both;
width : 100%;
overflow : auto;
border-bottom : 1px solid #edeae4;
margin : 11px 0 10px;
padding : 8px;
}
.teaser2 {
clear : both;
width : 100%;
overflow : auto;
margin : 11px 0 22px;
padding : 8px;
}
#left {
float : left;
font-size : 12px;
width : 200px;
margin-right : 18px;
display : inline;
}
#left h3 {
font-size : 13px;
font-weight : 700;
color : #e2430e;
margin : 0 0 3px 10px;
}
#left h1 {
background : #edeae4;
font-size : 12px;
font-weight : 700;
margin-bottom : 4px;
color : #e2430e;
padding : 2px 0 2px 2px;
}
#left ul.menu {
list-style : none;
width : 170px;
margin : 0 0 10px 10px;
padding : 0;
}
#left ul.menu li {
margin-bottom : 1px;
border : 1px solid #edeae4;
}
#left ul.menu a {
display : block;
color : #333;
text-decoration : none;
background : #edeae4;
border-left : 4px solid #ccc;
min-height : 14px;
height : 14px;
padding : 1px 5px 1px 8px;
}
#left ul.menu a:hover {
background : #f6f6f6;
color : #390;
border-left : 4px solid #9ec630;
padding : 1px 5px 1px 8px;
}
#left .act {
display : block;
background : #f6f6f6;
color : #390;
border-left : 4px solid #9ec630;
margin-bottom : 1px;
text-decoration : none;
min-height : 14px;
height : 14px;
padding : 1px 5px 1px 8px;
}
#mid {
float : left;
font-size : 12px;
width : 460px;
margin-right : 10px;
line-height : 125%;
}
#mid h4 {
font-size : 12px;
font-weight : 700;
color : #666;
}
#wide {
float : left;
width : 715px;
font-size : 12px;
line-height : 125%;
}
#right {
width : 210px;
float : right;
font-size : 12px;
}
.box1top {
background : url(../images/energiespartipps.jpg) no-repeat;
height : 126px;
width : 183px;
}
.box1top p {
font-weight : 700;
color : #fff;
padding-top : 102px;
margin-left : 10px;
}
.box1bg {
background : url(../images/energiespartipps_bg.jpg) no-repeat bottom;
padding-bottom : 9px;
width : 183px;
}
.box1bg p {
margin-left : 9px;
width : 164px;
}
.box2top {
background : url(../images/schongewusst.jpg) no-repeat;
height : 35px;
width : 193px;
}
.box2top p {
font-weight : 700;
color : #fff;
padding-top : 11px;
margin-left : 10px;
}
.box2bg p {
margin-left : 9px;
width : 173px;
}
.box3bg div {
margin-left : 8px;
width : 178px;
}
.rightbox {
margin-bottom : 25px;
}
.inlink {
margin-bottom : 2px;
list-style : none;
font-size : 11px;
}
.inlink a {
width : 182px;
color : #333;
background : #edeae4 url(../images/arr.gif) no-repeat 7px center;
display : block;
text-decoration : none;
padding : 0 12px 0 18px;
}
.inlink a:hover {
width : 182px;
color : #e2430e;
text-decoration : none;
background : #f6f6f6 url(../images/arr.gif) no-repeat 9px center;
}
.inlinkwide {
margin-bottom : 2px;
list-style : none;
}
.inlinkwide a {
width : 240px;
color : #333;
background : #edeae4 url(../images/arr.gif) no-repeat 7px center;
display : block;
text-decoration : none;
font-size : 11px;
padding : 0 12px 0 18px;
}
.inlinkwide a:hover {
width : 240px;
color : #e2430e;
text-decoration : none;
background : #f6f6f6 url(../images/arr.gif) no-repeat 9px center;
}
.inlinkwideactive {
width : 240px;
font-size : 11px;
margin-bottom : 2px;
list-style : none;
color : #e2430e;
background : #f6f6f6 url(../images/arr.gif) no-repeat 9px center;
display : block;
text-decoration : none;
padding : 1px 12px 1px 18px;
}
.picright img {
float : right;
margin-left : 6px;
border : 1px solid #edeae4;
}
.weiter {
float : right;
margin-top : 3px;
}
.linkextern {
background : url(../images/extern.gif);
background-repeat : no-repeat;
background-position : left;
padding-left : 14px;
color : #390;
text-decoration : underline;
}
.linkextern a:hover {
background : url(../images/extern.gif);
background-repeat : no-repeat;
background-position : left;
padding-left : 14px;
color : #390;
}
#ft {
height : 35px;
text-align : right;
width : 948px;
clear : both;
font-size : 11px;
background-color : #fff;
color : #333;
background-image : url(../images/ftbg.jpg);
background-repeat : no-repeat;
margin : 0 auto;
}
#ft a {
color : #333;
text-decoration : none;
}
#ft a:hover {
color : #333;
}
#ft p {
float : right;
margin-right : 10px;
}
.error {
background-color : #fdd;
width : 340px;
border : 1px dashed #c6b9be;
margin : 10px 0;
padding : 3px;
}
.success {
background-color : #f2fff2;
width : 340px;
border : 1px dashed #c6b9be;
margin : 10px 0;
padding : 3px;
}
.table1 {
background-color : #f9f9f9;
font-size : 12px;
color : #777;
vertical-align : top;
font-weight : 700;
padding : 1px 0 0 3px;
}
.table2 {
background-color : #f9f9f9;
vertical-align : top;
padding : 1px 0 4px 3px;
}
.button {
font-size : 10px;
margin : 3px 5px;
}
.table2 input {
font-size : 10px;
color : #666;
border : 1px solid #a5acb2;
margin-right : 1px;
padding : 1px;
}
.bar {
clear : both;
width : 700px;
margin-bottom : 20px;
overflow : auto;
}
.bar div {
float : left;
width : 198px;
margin-right : 16px;
padding-bottom : 15px;
overflow : auto;
}
.bar div a {
color : #454545;
text-decoration : none;
}
.bar .letter {
background : #edeae4;
font-size : 12px;
font-weight : 700;
margin-bottom : 4px;
color : #454545;
padding : 2px 0 2px 2px;
}
.lexlink {
background : url(../images/lexikon.gif);
background-repeat : no-repeat;
background-position : left;
padding-left : 14px;
color : #e2430e;
text-decoration : underline;
}
.lexlink a:hover {
background : url(../images/lexikon.gif);
background-repeat : no-repeat;
background-position : left;
padding-left : 14px;
color : #e2430e;
}
#mid table td {
padding : 1px 2px;
}
#mid table {
width : 420px;
margin-bottom : 16px;
}
#mid table .mainline {
background-color : #e2430e;
color : #fff;
font-weight : 700;
}
#mid table .line1 {
background-color : #f0f0f0;
}
#mid table .line2 {
background-color : #f7f7f7;
}
#logo {
height : 90px;
width : 162px;
float : left;
margin-bottom : 14px;
}
#adresse {
height : 82px;
background-color : #fafafa;
width : 265px;
float : left;
font-size : 10px;
color : #666;
font-weight : 700;
}
#adresse p {
padding : 2px 0 0 15px;
}
.stromanbieter {
text-align : center;
overflow : auto;
background-color : #fafafa;
width : 164px;
float : left;
margin : 0 8px 14px 0;
padding : 1px;
}
.strbutton a {
width : 132px;
color : #333;
background : #edeae4 url(../images/arr.gif) no-repeat 7px center;
display : block;
text-decoration : none;
font-size : 11px;
text-align : left;
padding : 0 12px 0 18px;
}
.strbutton a:hover {
width : 132px;
color : #e2430e;
text-decoration : none;
background : #f6f6f6 url(../images/arr.gif) no-repeat 9px center;
}
#topmenue ul, #mainteaser li {
list-style : none;
}
#topmenue ul li a:hover, .stromvergleich a:hover, .gasvergleich a:hover, .fbutton a:hover, .bar div a:hover {
color : #e2430e;
}
.bc a, .bc a:hover, .box1bg p a:hover, .box2bg p a:hover, .weiter a:hover, .weiter2 a:hover, .linktext a:hover {
color : #e2430e;
text-decoration : none;
}
.teaser1 img, .teaser2 img, .picleft img {
float : left;
margin-right : 6px;
border : 1px solid #edeae4;
}
.teaser1 p, .teaser2 p {
float : left;
}
#left h1 img, #mid h4 img, #mid li img {
vertical-align : middle;
}
#mid h1, #wide h1 {
font-size : 16px;
font-weight : 700;
color : #e2430e;
}
#mid h2, #wide h2 {
font-size : 12px;
font-weight : 700;
color : #666;
margin : 0 0 10px 1px;
}
#mid h3, #wide h3 {
font-size : 14px;
font-weight : 700;
color : #e2430e;
margin : 0 0 4px;
}
#mid .headline, #mid .headline a:hover {
font-size : 12px;
font-weight : 700;
margin-bottom : 8px;
color : #666;
text-decoration : none;
}
#box1, #box2 {
margin-left : 6px;
}
.box1top p a, .box2top p a {
color : #fff;
text-decoration : none;
}
.box1bg p a, .box2bg p a, .weiter a, .weiter2 a, .linktext a {
color : #e2430e;
text-decoration : underline;
}

.box2bg, .box3bg {
background : url(../images/schongewusst_bg.jpg) no-repeat bottom;
padding-bottom : 9px;
width : 193px;
}
#logo img, .stromanbieter img {
border : 1px solid #edeae4;
}
.vorteil {display:inline;padding:4px 8px 18px 0}
.vorteil img {vertical-align:middle}