/* -----------------------------------------------------------------------------
   -----------------------------------------------------------------------------
   Chris Weinmann - Grafikbuero GEBHARD|UHL, Freiburg
   http://www.gebharduhl.de   Copyright (c) 2007 GEBHARD|UHL
   -----------------------------------------------------------------------------
   -----------------------------------------------------------------------------
*/
/*----------------General Rules-------------*/
* {
    margin: 0;
    padding: 0;
    font-size:1em;
}
html {
  font-size:62.5%;
  min-height:100%;
  height:100%;
  background-color: #E1E8F5;
  }
body {
/*  background:#E1E8F5 url(../images/bg.gif) repeat-x scroll left top; */
  background:#E1E8F5;
  color:#000;
  font-family: "Verdana","Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
  font-size:1em;
  min-height:100%;
  height:100%;
  }
a {
    text-decoration: none;
}
a:hover {
}
.alt {
    display: none;
}
img {
    border: 0;
    padding: 0;
    margin: 0;
}
.internLink {
/*  background:     url(../images/icons/iconInternLink.gif) left 50% no-repeat; */
    background:         url(../images/icons/iconInternLink.gif) left 0.2em no-repeat;
    padding:            0 0 0 1.1em;
    font-weight:        normal;
    color:              #000;
    text-decoration:    underline;
} 

.internLink:hover{
  text-decoration:none;
  }
.externLink, small a {
/*  background: url(../images/icons/iconExternLink.gif) left 50% no-repeat; */
    background:         url(../images/icons/iconExternLink.gif) left 0.3em no-repeat;
    padding:            0 0 0 1.1em;
    font-weight:        normal;
    color:              #000000;
    text-decoration:    underline;
}

.externLink:hover{
  text-decoration:none;
  }

.downloadLink {
/*  background: url(../images/icons/iconDownloadLink.gif) left 50% no-repeat; */
    background:         url(../images/icons/iconDownloadLink.gif) left 0.2em no-repeat;
    padding:            0 0 0 1.1em;
    font-weight:        normal;
    color:              #000000;
    text-decoration:    underline;
}

.downloadLink:hover{
    text-decoration:none;
}

#content p span.imgDescription, #startContent p span.imgDescription{
    padding:            0;
    font-weight:        normal;
    color:              #000000;
    font-size:          0.8em !important;
    display:            block;
}

#content p a.zoomLink, #startContent p a.zoomLink{
/*  background: url(../images/icons/iconZoomLink.gif) left 50% no-repeat; */
    background:         url(../images/icons/iconZoomLink.gif) left 0.4em no-repeat;
    padding:            0 0 0 1.1em;
    font-weight:        normal;
    color:              #000000;
    text-decoration:    underline;
    font-size:          0.8em !important;
    display:            block;
}

#content div.textPicRight a.zoomLink{
    background:         url(../images/icons/iconZoomLink.gif) left 0.1em no-repeat;
    padding:            0 0 0 1.1em;
    text-decoration:    underline;
}

#content div.listSampleItem a.zoomLink{
    background:         url(../images/icons/iconZoomLink.gif) left 0.1em no-repeat;
    padding:            0 0 0 1.1em;
    text-decoration:    underline;
}

/*----------------General Rules-------------*/
/*----------------General Layout-------------*/
#wrapper {
  position: relative;
  width:103.7em;
  text-align: left;
  height:100%;
  min-height:100%;
  height:100%;
  }
*>#wrapper {
  width:98.7em;
  }
#contentWrap {
    display: table;
}
#wrap {
    display: table-row;
}
#left,#middle,#right {
    display: table-cell;
    vertical-align: top;
}
* html #wrap,* html #footer {
    height: 0.1em;
}
*+html #wrap,*+html #footer {
    min-height: 0.1em;
}
*+html #wrap {
    overflow: hidden;
}
* html #left,* html #middle,* html #right {
    margin-bottom: -10000px;
    padding-bottom: 10000px;
    float: left;
}
*+html #left,*+html #middle,*+html #right {
    margin-bottom: -10000px;
    padding-bottom: 10000px;
    float: left;
}
#left {
    width:20em;
    background-color:#e1e8f5;
}

#middle {
    width:57em;
    background-color:#ffffff;
  
  }
* html #middle {
    width:57.3em; 
    background-color:#ffffff;
}

#right {
    width:20em;
    background-color:#e1e8f5;
    padding-left:0.8em;
    padding-top:2.9em;
    margin-bottom: 0px;
    padding-bottom:0px;
  }
#footer {
  width:53em;
  background:#ffffff url(../images/line_blue.gif) left top repeat-x;
  padding:0.8em 0 4em 0;
  margin-top:6em;
  margin-left:2.2em;
}

/*----------------General Layout-------------*/
/*----------------Header-------------*/
#header {
  display:block;
  height:14.1em;
  }

#logo {
    position:           absolute; 
    top:                3.2em;
    left:               0;
    background-color:   #fff;
    width:              20em;
    height:             8em;
    text-align:         center;
    padding-top:        3em;
}

#allgaeu{
    position:           absolute;
    top:                0em;
    left:               26em;
    background-color:   #fff;
}

/*----------------Header-------------*/
/*----------------serviceNav--------------------*/
#serviceNav {
    color:            #000;
    text-align:       right;
    width:            56.4em; 
    margin-left:      20em;
    padding-top:      1em;
    padding-right:    1em;
    height:           2.2em;
    background-color: #fff;
}
*>#serviceNav {
  width:56em;
}
#serviceNav ul {
    list-style-type: none;
    float:right;
    margin-right:1em;
}
#serviceNav ul li{
    list-style-type: none;
    display:inline;
    float:left;
    padding-right: 0.5em;
}
#serviceNav ul li a {
  color:#000000;
}
#serviceNav li a:hover, #serviceNav ul li a.active {
  text-decoration:underline;
  color:#000000;
}
#serviceNav ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html #serviceNav ul {
    height: 1%;
}
/* End hide from IE-mac */
/*----------------serviceNav--------------------*/
/*----------------mainNav--------------------*/
#mainNav {
    padding-top:1px;
    display:block;
    width:60em; 
    background-color:#E1E8F5;
    margin-left:20em;
    height:10.9em;
	overflow:hidden;
    background: url(../images/bg_mainNav_klima.jpg) left top no-repeat;
    text-align:center;
  }
*>#mainNav {
  width:57em;
  }

#mainNav ul {
  height:2.5em;
  list-style-type:none;
  padding-left:0.8em;
  padding-top:8.6em;
}

#mainNav ul li{
    list-style-type: none;
    display:inline;
    float:left;
}

#mainNav ul li a {
  color:#000000;
/*  width:9em; 
  height:4.3em; */
  display:block;
/*  text-indent:-999em; */
  margin-left:.2em;
}

/************************************/

#mainNav ul li a div{
	color: #000;
	padding: 0.4em 0.3em;
/*	height:2.6em; */
	font-weight: bold;
	font-size: 1.1em;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	min-width:7em;
}

#mainNav ul li a {
    background-color: #fff;
/*	background: url(../images/gripsBgMainNav.gif) left top repeat-x; */ 
}
#mainNav ul li a:hover,
#mainNav ul li a.active {
    background-color: #E1E8F5;
	text-decoration: none;	
/*	background: url(../images/gripsBgMainNav.gif) left -60px repeat-x; */
}

#mainNav li a:hover, 
#serviceNav ul li a.active {
  text-decoration:underline;
  color:#000000;
}
#mainNav ul:after {
/*	content: ".";
	display: block;
	clear: both;
	height: 0; */
/*	visibility: hidden; */
	
}
/* Hides from IE-mac \
* html #mainNav ul {
	height: 1%;
}
*/

/* End hide from IE-mac */
/*----------------mainNav--------------------*/
/*----------------breadCrumb--------------------*/
#breadCrumb {
  position:absolute;
  top:14.5em;
  left:22.2em;
  }
  
#breadCrumb p{
  font-size:1.1em;
  }
#breadCrumb a{
  color:#000000;
  text-decoration:underline;
  }
#breadCrumb a:hover{
  text-decoration:none;
  }
/*----------------breadCrumb--------------------*/
/*----------------search--------------------*/

#search {
  position: absolute;
  top:      0.5em;
  left:     20.5em;
}

#search #searchInput {
  border:1px solid #798aa9;
  height:1.3em;
  width:12em;
  background-color:#ffffff;
  padding:0.1em 0.3em 0.1em 0.3em;
  }

* html #search #searchInput {
  height:1.6em;
  }

*+html #search #searchInput {
  height:1.6em;
  }

#search #submit {
  vertical-align: middle;
  height:1.5em;
}

* html #search #submit {
  vertical-align: bottom;
  }
*+html #search #searchInput {
  vertical-align: bottom;
  }
/*----------------search--------------------*/
/*----------------styleSwitcher--------------------*/
#styleSwitcher {
  position:absolute;
  top:0;
  padding-top:0.3em;
  left:81em;
  }
*>#styleSwitcher {
  left:78em;
  }
#styleSwitcher .normal{
  font-size:1em;
  color:#000000;
  }
#styleSwitcher .middle{
  font-size:1.4em;
  color:#000000;
  }
#styleSwitcher .large{
  font-size:1.8em;
  color:#000000;
  }
/*----------------styleSwitcher--------------------*/
/*----------------contactPerson--------------------*/
#contactPerson {
  position: absolute;
  top:3.2em;
  left:77.5em;
  background-color:#fff;
  height:10.9em;
  width:20.8em;
  }
*>#contactPerson {
    left:77em;
}
#contactPerson .contactImage{
  float:left;
  }

#contactPerson .contactText{
  margin-left:  11.5em;
  margin-top:   0.5em;
}

#contactPerson .contactText p{
  font-size:1.1em;
/*  line-height:1.5em; */
  }
.contactText p a.detailLink{
  padding:0 0 0 1.1em;
  font-size:1.1em;
  font-weight: normal;
  color:#000000;
  text-decoration:underline;
  }
.contactText p a.detailLink:hover{
  text-decoration:none;
  }
/*----------------contactPerson--------------------*/
/*----------------subNav--------------------*/
#subNav {
  margin-top:3.2em;
  }
#subNav ul li{

  }
*>#subNav ul li{
  margin-bottom:0em;
  }

#subNav ul li a{
  font-size:        1.2em;
  color:            #000;
  padding-left:     .8em;
  margin-bottom:    .8em;
  border-left:      .8em solid #fff;
  display:          block;
  }
#subNav ul li a:hover, #subNav ul li a.active{
  background-color:#ffffff;
  }
#subNav ul li ul{
  margin-left:2em;
  list-style:none;
  margin-bottom:1.8em;
  }
#subNav ul li ul li{
  padding-bottom:-1.8em;
  }
*>#subNav ul li ul li{
  margin-bottom:0em;
  }

#subNav ul li ul li a{
  font-size:        1.1em;
  color:            #000;
  padding-left:     .8em;
  margin-bottom:    .8em;
  border-left:      0;
  display:          block;
  border-left:      .6em solid #fff;
/*  background: url(../images/subNavBullet.gif) left top no-repeat; */
  }

#subNav ul li ul li a:hover, #subNav ul li ul li a.subActive{
  color: #000;
}
/*----------------subNav--------------------*/
/*----------------infoBox--------------------*/
.infoBox {
        padding:0.8em 0 0.9em 0;
        margin-bottom:1.8em;
        background-color:#fff;
    }

.infoBox h3{
    padding:       0 .4em 0 .4em;
    font-size:     1.1em;
    font-weight:   normal;
    line-height:   1.4em;
    margin-bottom: 0.5em;
    border-bottom: 0.1em solid #003399;
}

.infoBox h2{
  padding:      0 .4em 0.4em .4em;
  font-size:    1.1em;
  font-weight:  bold;
  }

.infoBox h2 a{  
    text-decoration:    none;
    color:             #000;
}

.infoBox h2 a:hover{
  text-decoration:underline;
}


.infoBox p{
  padding:      0.1em 0.4em 0.4em 0.4em;
  font-size:    1.1em;
  font-weight:  normal;
}

.infoBox img{
  margin:1em .4em 0.4em .4em;
  }

.infoBox img.border{
  border: 0.1em solid #003399;
  }

.infoBox p a.moreLink{
  padding:0 0 0 1.1em;
  font-size:1.1em;
  font-weight: normal;
  color:#000000;
  text-decoration:underline;
  }
.infoBox p a.moreLink:hover{
  text-decoration:none;
  }
/*----------------infoBox--------------------*/
/*----------------startseite--------------------*/
#middle h1 {
  font-size:1.8em;
  font-weight:bold;
  margin-top:1.6em;
  margin-bottom:1.7em;
  margin-left:1.2em;
  }

.startListElement {
  width:53em;
/* 
    background: url(../images/line_blue.gif) left bottom repeat-x;
    margin-bottom:0.5em;
*/
  padding-top:1.8em;
  margin-left:2.2em;
/*    background-color: #dff; */  
  
}

.startListElement h2.category{
  font-size:        1.2em;
  font-weight:      normal;
  line-height:      1.2em;
  margin-bottom:    0.5em;
  border-bottom:    1px solid #003399;
  background:       transparent url(../images/square_blue.gif) no-repeat left -0.1em;
  padding-left:     1.4em;
/*  padding-bottom:   0.2em; */
  }

.startListElement h2.category a{
  color:#000000;
  }
.startListImage {
  width:18em;
  float:left;
  text-align:right;
  }
.startListImage img.border{
  border:0.1em solid #003399;
  }
.startListText {
  margin-left:19em;
  }
.startListText h2{
  font-size:        1.5em;
  font-weight:      bold;
  line-height:      1.4em;
  margin-bottom:    0.5em;
  }
.startListText h2 a{
  text-decoration:none;
  color:#000000;
  }
.startListText h2 a:hover{
  text-decoration:underline;
  }
startListText p{
  font-size:1.1em;
  line-height:1.4em;
  }
.startListElement:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .startListElement {
    height: 1%;
}
/*----------------startseite--------------------*/
/*----------------inhaltsseite--------------------*/
#content h2, #startContent .startListText h2 {
/* border-bottom:    1px solid #003399; */
  font-size:        1.5em;
  margin-bottom:    0.6em;
  margin-left:      1.45em;
  margin-right:     1.45em;
  font-weight:      bold;
}

#startContent .startListText h2 {
/* border-bottom:   1px solid #003399; */
    font-size:      1.2em;
    margin-bottom:  0.6em;
    margin-left:    0em;
}

#content h3, #startContent h3{
    font-size:      1.2em;
    font-weight:    normal;
    line-height:    1.2em;
    border-bottom:  1px solid #003399;
/*    background:     url(../images/square_blue.gif) left bottom no-repeat; */
    background:     url(../images/square_blue.gif) no-repeat left -0.1em;

    margin-bottom:  .6em;
    margin-left:    1.8em;
    margin-right:   1.45em;
    font-weight:    normal;
    padding-left:   1.4em; 
/*
  font-size:1.2em;
  margin-left:1.8em;
  margin-right:1.8em;
  background-color:#ffed9e; 
  padding:.2em .5em .2em .5em; 
 */

  clear:both;
}

#content p, #startContent p{
  font-size:1.2em;
  margin-bottom:1.5em;
  line-height:1.5em;
  margin-left:1.8em;
  margin-right:1.8em;
  }

#startContent .startListText p{
  margin-left:  0em;
}

#content .imageFull{
  display:block;
  width:60em !important;
  }
*>#content .imageFull{
  width:100% !important;
  }

#content div.textPicLeft{
  float:left;
  margin-top:0;
  margin-left:2.2em;
  margin-right:2em;
  }
* html #content div.textPicLeft{
  margin-left:1.1em;
  margin-right:2em;
  }
#content div.textPicLeft p{
  margin:0 .5em .5em 0em;
  font-size:1.1em !important;
  }
#content div.textPicLeft p a{
  color:#000000;
  text-decoration:underline;
  }
#content div.textPicLeft p a:hover{
  text-decoration:none;
  }
#content div.textPicLeft .zoomIcon{
  display:inline;
  border:0;
  margin:0;
  }
#content div.textPic:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html #content div.textPic ul {
    height: 1%;
}
/* End hide from IE-mac */
/*----------------inhaltsseite--------------------*/
/*----------------liste--------------------*/
#content .listNavigation p{
  margin:.3em 1.8em .3em 1.8em;
  padding:0;
}
#content .listNavigation p a{
  color:#000000;
  text-decoration:underline;
  }
#content .listNavigation p a:hover{
  text-decoration:none;
  }
#content .list {
  border-top:1px dotted #000000;
  border-bottom:1px dotted #000000;
  margin-left:1.8em;
  margin-right:1.8em;
  padding-top:1em;
  padding-bottom:.6em;
}
#content .list .listItem p{
  margin-left:.3em;
  margin-bottom:.8em;
}

#content ul{
  list-style:url("../images/icons/icon_list_klimaschutz.gif");
}
/*----------------liste--------------------*/
/*----------------liste mit bilder--------------------*/
#content .listPic {
  border-top:1px dotted #000000;
  border-bottom:1px dotted #000000;
  margin-left:1.8em;
  margin-right:1.8em;
  padding-top:1em;
  padding-bottom:.6em;
}
#content .listPic .listPicItem {
  width:53em;
  border-top:1px dotted #000000;
  margin-bottom:1em;
  padding-top:1em;
}
#content .listPic .first {
  border-top:0;
}
#content .listPic .listPicItemText {
  float:right;
  width:44em;
}
#content .listPic .listPicItemText h3{
  margin: 0 0 .3em .3em;
}
#content .listPic .listPicItemText h3 a{
  color:#000000;
  text-decoration:underline;
}
#content .listPic .listPicItemText h3 a:hover{
  text-decoration:none;
}
#content .listPic .listPicItemText p{
  margin: 0 0 .3em .3em;
}
#content .listPic .listPicItemImage {
  float:left;
  /*width:13.5em;*/
}
#content .listPic .listPicItemImage img.border{
  border:1px solid #a5c9e5;
  margin:0;
  padding:0;
}
#content .listPic .listPicItemImage p{
  display:block;
  font-size:1.1em;
  margin:0;
  padding:0;
}
.listPicItem:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .listPicItem {
    height: 1%;
}
/*----------------liste mit bilder--------------------*/
/*----------------musterprojekte--------------------*/
#content .listSample {
/*  
    border-top:     1px dotted #000000; 
    border-bottom:  1px dotted #000000;
*/
  margin-left:      1.8em;
  margin-right:     1.8em;
  padding-top:      1em;
  padding-bottom:   .6em;
}   

#content .listSample .listSampleItem {
  width:53em;
/*  border-top:       1px dotted #000000; */
  margin-bottom:    1.5em;
  padding-top:      1em;
}
#content .listSample .first {
  border-top:0;
}

#content .listSample .listSampleItemText {
    margin-left:    2em;
    float:          left; 
/* background-color: #ddd; */
    width:          30em;
}

#content .listSample .listSampleItem h3{
  margin:0;
  margin-bottom:.5em;
}
#content .listSample .listSampleItem h3 a{
  color:#000000;
  text-decoration:none;
}
#content .listSample .listSampleItem h3 a:hover{
  color:#000000;
  text-decoration:none;
}
#content .listSample .listSampleItemText p{
  margin:0;
  margin-bottom:.3em;
}
#content .listSample .listSampleItemImage {
  float:left;
  width:16em;
/* background-color: #eee; */
}
#content .listSample .listSampleItemImage img.border{
  border:1px solid #003399;
  margin:0;
  padding:0;
}
.listSampleItem:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .listSampleItem {
    height: 1%;
}
/*----------------musterprojekte--------------------*/
/*----------------kontakt formular--------------------*/
#content #form fieldset{
  border:       0;
  margin-left:  2.2em;
  margin-top:   2em;
  }
#content #form legend{
  font-size:1.2em;
  font-weight:bold;
  margin-left:1.8em;
  margin-bottom:1em;
  }
#content #form fieldset p{
  margin:0 0 .3em 0;
  }
#content #form .defField{
  width:            30em;
  border:           1px solid #cccccc;
  background-color: #ffffff;
  padding:          0 0.1em 0.1em 0.1em;
  font-size:        1em;
  }
#content #form .message{
  height:8em;
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
  }
#content #form .plz{
  width:3em;
  }

#content #form .defField:focus, #content #form .errorField{
  background-color: #a5c9e5;
  color:            #000000;
}

/*----------------kontakt formular--------------------*/
/*----------------footer--------------------*/
#footer p{
  font-size:1.1em;
  }
#footer a{
  color:#000000;
  text-decoration:underline;
  }
#footer a:hover{
  text-decoration:none;
  }
#footer p.left{
  float:left;
  }
#footer p.right{
  float:right;
  }
#footer .pageUp{
  padding-left:1em;
  background: url(../images/icons/iconPageUp.gif) left 50% no-repeat;
  }
#footer .pagePrint{
  margin-left:1em;
  padding-left:1.3em;
  background: url(../images/icons/iconPagePrint.gif) left 50% no-repeat;
  }
/*----------------footer--------------------*/



#content h1, 
#content h2, 
#content h3, 
#content h4, 
#serviceNav, 
a{
    text-transform: lowercase;
}