*{margin:0; padding:0;}
body{background-color:#DEDFE3;}
img{border:0; text-align:left; vertical-align:top;}
ul{list-style: circle;}
li{list-style: circle; line-height:1.4em; margin-left: 20px;}
.column{float:left;}
.container{width:100%; overflow:hidden;}
.clear{clear:both;}
body{font-family:Arial, helvetica, sans-serif; color:#7A7C88; font-size:12px; line-height:1.4em; text-align:center;}
input, textarea, select{color:#77787A; vertical-align:top; text-align:left; border: 1px solid #A09B96; font:11px Tahoma, Arial, helvetica, sans-serif;}
.float-right{float:right;}
.align-right{text-align:right;}
.block{display:block;}
.top-indent-1{margin-top:5px; display:block;}
.top-indent-2{margin-top:10px; display:block;}
.top-indent-3{margin-top:15px; display:block;}
.top-indent-4{margin-top:20px; display:block;}
.top-indent-5{margin-top:5px; display:block;}
.top-indent-6{margin-top:30px; display:block;}

.width-stretch{width:100%;}

.col-1, .col-2, .col-3, .box-1, .box-2, .box-3, .col-middle{float:left;}

.site-border{background:#C1C2C9; padding:1px;}
.site{background:#FFFFFF;}

/*=======header===========*/
.logo{height:48px; background:url(images/logo.png) 7px 25px no-repeat; padding:50px 19px 0 0; text-align:right;}
.logo img{margin-left:28px;}
.menu{background:#E4E5E8; height:42px; width:878px; padding-left:16px; margin-left: 16px;}
.menu a, .menu span{height:26px; float:left; display:block; font-size:1.09em; color:#7A7C88; padding-top:13px; text-align:center; text-decoration:none;}
.menu a:hover, .menu span{color:#FFFFFF; text-decoration:none;}

.m1{width:80px; background:url(images/m1.gif) left top no-repeat;}
.m1_p{width:80px; background:url(images/m1_p.gif) left top no-repeat;}
.m1:hover, .m1_p:hover, .m1_act{width:80px; background:url(images/m1_act.gif) left top no-repeat;}

.m2{width:130px; background:url(images/m2.gif) left top no-repeat;}
.m2_p{width:130px; background:url(images/m2_p.gif) left top no-repeat;}
.m2:hover, .m2_p:hover, .m2_act{width:130px; background:url(images/m2_act.gif) left top no-repeat;}

.m3{width:120px; background:url(images/m3.gif) left top no-repeat;}
.m3_p{width:120px; background:url(images/m3_p.gif) left top no-repeat;}
.m3:hover, .m3_p:hover, .m3_act{width:120px; background:url(images/m3_act.gif) left top no-repeat;}

.m4{width:80px; background:url(images/m4.gif) left top no-repeat;}
.m4_p{width:80px; background:url(images/m4_p.gif) left top no-repeat;}
.m4:hover, .m4_p:hover, .m4_act{width:80px; background:url(images/m4_act.gif) left top no-repeat;}

.m5{width:80px; background:url(images/m5.gif) left top no-repeat;}
.m5_p{width:80px; background:url(images/m5_p.gif) left top no-repeat;}
.m5:hover, .m5_p:hover, .m5_act{width:80px; background:url(images/m5_act.gif) left top no-repeat;}

.m6{width:80px; background:url(images/m6.gif) left top no-repeat;}
.m6_p{width:80px; background:url(images/m6_p.gif) left top no-repeat;}
.m6:hover, .m6_p:hover, .m6_act{width:80px; background:url(images/m6_act.gif) left top no-repeat;}

.m7{width:80px; background:url(images/m7.gif) left top no-repeat;}
.m7:hover, .m7_act{width:80px; background:url(images/m7_act.gif) left top no-repeat;}
.m7:hover, .m7_p:hover, .m7_act{width:80px; background:url(images/m7_act.gif) left top no-repeat;}

.m8{width:80px; background:url(images/m8.gif) left top no-repeat;}
.m8:hover, .m8_act{width:80px; background:url(images/m8_act.gif) left top no-repeat;}
.m8:hover, .m8_p:hover, .m8_act{width:80px; background:url(images/m8_act.gif) left top no-repeat;}

.m9{width:122px; background:url(images/m9.gif) left top no-repeat;}
.m9:hover, .m9_act{width:122px; background:url(images/m9_act.gif) left top no-repeat;}
.m9:hover, .m9_p:hover, .m9_act{width:122px; background:url(images/m9_act.gif) left top no-repeat;}


.header{height:327px; background:url(images/header_bg.jpg) 16px top no-repeat;}
.header_wellness{height:327px; background:url(images/header_wellness.jpg) 16px top no-repeat;}
.header_heizung{height:327px; background:url(images/header_heizung.jpg) 16px top no-repeat;}
.header_solar{height:327px; background:url(images/header_solar.jpg) 16px top no-repeat;}
.header_umwelt{height:327px; background:url(images/header_umwelt.jpg) 16px top no-repeat;}
.header_notdienst{height:327px; background:url(images/header_notdienst.jpg) 16px top no-repeat;}
/*=====//header===========*/

/*=====//Überschriften===========*/
h1 {font-family:Arial Narrow; color:#FF6A22; font-size:28px; margin:0 0 15px 0; font-weight: lighter; font-stretch: ultra-condensed;}
h2 {font-family:Arial Narrow; color:#FF6A22; font-size:24px; margin:10px 0 15px 0; font-weight: lighter; font-stretch: ultra-condensed;}
h3 {font-family:Arial; color:#7A7C88; font-size:14px; margin:10px 0 5px 0; font-stretch: ultra-condensed;}
/*=====//Überschriften===========*/

/*=======content===========*/
#content{padding:0 16px 38px 16px;}

#content .col-1{padding-top:19px;}

.title{margin-bottom:15px;}
.title-2{margin-bottom:10px;}

em{color:#0C88B1; font-style:normal; font-size:1.16em; line-height:1em;}

.font-2{font-size:0.91em; line-height:1.27em;}

.info-box{padding-left:39px; background:url(images/infobox.gif) left top no-repeat;}
.col-2 .info-box{background:url(images/infobox_2.gif) left top no-repeat;}

.link-2{color:#FF6A22; font-size:0.91em; line-height:1.45em; text-decoration:none}
.link-2:hover{color:#7A7C88; text-decoration:none;}

li{padding:0 0 5px 0;}
li a{color:#FF6A22; font-size:1.1em; line-height:1.4em; text-decoration:underline}
li a:hover{color:#7A7C88; text-decoration:none;}

.link-3{color:#FF6A22; text-decoration:underline}
.link-3:hover{color:#7A7C88; text-decoration:none;}

.link-4{color:#FF6A22; text-decoration:underline}
.link-4:hover{color:#7A7C88; text-decoration:none;}

.font-6{color:#FF6A22; font-size:0.91em; }

.font-3{font-size:1.09em; line-height:1.23em;}
.font-4{color:#7A7C88;}

.img-float{margin-right:20px; float:left;}

.date{color:#FFFFFF; background:#FF6A22; padding:4px 8px 2px 10px; text-decoration:none; font-size:11px; font-weight: bold;}
.date:hover{text-decoration:underline;}

.line-x{height:1px; font-size:0; background:url(images/line_x.gif) left top repeat-x; margin:27px 0 24px 0;}

.title-3{height:18px; padding-top:7px; margin-bottom:24px; color:#7A7C88; background:url(images/line_x.gif) left bottom repeat-x; font-size:14px;}

.font-5{color:#0C88B1; font-size:1.16em; line-height:1.28em;}

.font-10{color:#7A7C88; font-size:12px; text-decoration: none;}
.font-10:hover{color:#FF6A22; font-size:12px;}

/*=====//content===========*/

/*=======block_1===========*/
.block-1{background:#F8F8FA; padding:10px 19px 20px 19px;}
/*=====//block_1===========*/

/*=======page_1===========*/
#page1 .col-1 .box-1{width:187px; padding-right:15px;}
#page1 .col-1 .box-2{width:190px; padding-right:13px;}
#page1 .col-1 .box-3{width:189px;}

#page1 .col-1 .col-1{width:275px; padding-right:50px; padding-top:0;}
#page1 .col-1 .col-2{width:269px;}
#page1 .col-1 .col-2 .top-indent-6{margin-top:40px;}

#page1 .col-1 .title-2{margin-top:35px;}

#page1 .col-2 .img-float{margin-right:11px;}
#page1 .col-2 .extra .img-float{margin:-15px 7px 0 -4px; position:relative;}
/*=====//page_1===========*/

/*=======page_2===========*/
#page2 .col-1 .title-3{margin-top:70px;}
#page2 .col-1 .img-float{margin-right:4px;}

#page2 .col-1 .extra .img-float{margin:-15px 1px 0 -4px; position:relative;}

#page2 .col-2 .box-1{width:171px; padding-right:15px;}
#page2 .col-2 .box-2{width:168px; padding-right:14px;}
#page2 .col-2 .box-3{width:168px;}
/*=====//page_2===========*/

/*=======page_3===========*/
#page3 .col-1 .box-1{width:187px; padding-right:15px;}
#page3 .col-1 .box-2{width:190px; padding-right:13px;}
#page3 .col-1 .box-3{width:189px;}

#page3 .col-1 .col-1{width:270px; padding-right:55px; padding-top:0;}
#page3 .col-1 .col-2{width:269px;}

#page3 .col-2 .img-float{margin-right:11px;}
/*=====//page_3===========*/

/*=======page_4===========*/
#page4 .col-1 .box-1{width:187px; padding-right:15px;}
#page4 .col-1 .box-2{width:190px; padding-right:13px;}
#page4 .col-1 .box-3{width:189px;}

#page4 .col-2 .img-float{margin-right:11px;}
#page4 .col-2 .extra .img-float{margin:-15px 7px 0 -4px; position:relative;}
/*=====//page_4===========*/

/*=======page_5===========*/
#page5 .col-1 .img-float{margin-right:4px;}
#page5 .col-1 .extra .img-float{margin:-15px 1px 0 -4px; position:relative;}

#page5 .col-2 .box-1{width:168px; padding-right:16px;}
#page5 .col-2 .box-2{width:168px; padding-right:16px;}
#page5 .col-2 .box-3{width:168px;}
/*=====//page_5===========*/

/*=======page_6===========*/
#page6 .col-2 .img-float{margin-right:11px;}
#page6 .col-2 .extra .img-float{margin:-15px 7px 0 -4px; position:relative;}
/*=====//page_6===========*/

/*=======page_7===========*/
#page7 .col-1 .img-float{margin-right:4px;}
#page7 .col-1 .extra .img-float{margin:-15px 1px 0 -4px; position:relative;}

#page7 .col-2 span{float:right; padding-right:45px;}

#contact-form{width:100%; overflow:hidden; color:#FF6A22; font-family:Tahoma, Arial, Helvetica, sans-serif;}
#contact-form .box-1{width:210px;}
#contact-form .box-1 div{height:32px;}
#contact-form .box-2{width:326px;}
#contact-form input{width:189px; height:19px;}
#contact-form textarea{width:324px; height:115px; overflow:hidden; margin-bottom:18px;}
#contact-form a{float:right; margin-left:21px;}
/*=====//page_7===========*/

/*=======footer===========*/
#footer{height:17px; padding:10px 0 20px 0; text-align:center; color:#77787A;}
#footer a{color:#77787A; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
/*=====//footer===========*/

.thinline {margin: 0px; height: 1px; color: #D8D9DE; clear: both;}