body {
  background-color: #CCCCCC;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#background {
  position:absolute;
  top:0px;
  left:0px;
  height:103px;
  width: 100%;
  background-image: url(/images/navigation/hg_braun.gif);
  background-repeat:repeat;
  float:left;
  display:block;
}

/* Navigation */

#navigation {
  position:absolute;
  top:20px;
  left:20px;
  width:220px;
  height:585px;
  background-color: #FFFFFF;
  display:block;
  font-size: 11px;
  float: left;
}

#navigation a {
  text-decoration: none;
}

#navigation a img {
  text-decoration: none;
  border-style: none;
  float: left;
}

#mainNavigation {
  /*border-top:5px solid #FFFFFF;
  position:absolute;*/
  float: left;
  margin-top: 5px;
  padding-left: 5px;
}


#helpNavigation {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding-left: 5px;
}

UL.firstLevel, UL.secondLevel,
#helpNavigation UL {
  list-style: none;
  margin: 0;
  padding: 0;
}

UL.firstLevel li {
  margin: 20px 0px 10px 0px;
  padding: 3px 0px 0px 0px;
  width: 195px;
  border-top: 1px solid #666666;
}

UL.firstLevel li a {
  color: #666666;
  margin-top: 10px;
}

UL.firstLevel li.active,
UL.firstLevel li.active a {
  color: #FF0000;
  font-weight: bold;
}

UL.firstLevel li a:hover {
  color: #FF0000;
  font-weight: bold;
}

UL.secondLevel li {
  margin: 0;
  padding: 0;
  border: none;
  margin: 0px 0px 5px 0px;
  font-weight: normal; line-height: 12px;
}

UL.firstLevel UL.secondLevel li a {
  margin: 0;
  padding: 0;
  font-weight: normal;
  color: #666666;
}

UL.firstLevel UL.secondLevel li a:hover {
  color: #FF0000;
  font-weight: normal;
}

UL.firstLevel UL.secondLevel li.active {
  color: #FF0000;
  font-weight: normal;
}


#helpNavigation ul li,
#helpNavigation ul li a,
#helpNavigation ul li a:visited {
  color: #666666;
  text-decoration: none;
  border: none;
  margin-bottom: 10px;
}

#helpNavigation li.active,
#helpNavigation li a:hover {
  color: #FF0000;
}

/* Content */
#content {
  background-color: #FFFFFF;
  position: absolute;
  top: 20px;
  left: 265px;
  width:700px;
  /*height: 800px;*/
  display:block;
  padding-bottom: 10px;
  /* minimum height */
  min-height: 575px;
  /* auto height for compliant browsers */
  height: auto;
  /* min-height for IE browsers */
  _height: 575px;
}

#contentTitle {
  float: left;
  padding: 0;
  margin: 10px 0 0 10px;
  width: 100%;
}
#contentTitle h1 {
  color: #FF0000;
  font-size: 20px;
}

#contentContent {
  float: left;
  padding: 0;
  margin: 10px 0 0 10px;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  width: 680px;
  line-height: 140%;
}

#contentContent UL {
  /*padding-left: 15px;*/
}

#contentBody {
  width: 650px;
}

#contentBody h1 {
  font-size: 18px;
  line-height: 40px;
}

#space {
  height: 447px;
  width: 1px;
  float:left;
}

#contentRight {
  float: right;
  width: 350px;
  margin-left: 10px;
}

#columnLeft {
  width: 334px;
  float:left;
  margin-right: 10px;
}


#columnRight {
  width: 334px;
  float: left;
}

#columnLeft .address,
#contentBody .address {
  line-height: 16px;  margin: 0px;
}

#columnLeft .spacer,
#contentBody .spacer {
  line-height: 25px;  margin: 0px;
}

#breadcrumb {
  float: left;
  width: 100%;
  color: #CCCCCC;
  font-size: 11px;
  margin: 10px 0px 0px 10px;
  padding: 0px;
}

/* Newsticker */
#newsticker {
  float: left;
  margin: 10px 0 0 10px;
  width: 40px;
  color: #666666;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  display: inline;
}

marquee {
  float: left;
  margin: 10px 0 0 10px;
  width: 630px;
  color: #666666;
  font-size: 11px;
}

/* Breadcrumb */
#breadcrumbList {
  padding: 0;
  margin: 10px 0px 0px 0px;
}

#breadcrumbList  li a,
#breadcrumbList  li {
  display: inline;
  padding-right: 5px;
  color: #666666;
  text-decoration: none;
}

#breadcrumbList li:hover,
#breadcrumbList li a:hover {
  color: #666666;
}

/* Kontakt-Formular */
form#mailer input, textarea { width: 300px; border: 1px solid #CCCCCC; background: #FFFFFF; margin-bottom: 10px; float: left; }
form#mailer input#send { width: 300px; background: #ffd6d6; }
form#mailer select { width: 304px; border: 1px solid #CCCCCC; margin-bottom: 10px;  }

#customerLogo {
  position:absolute;
  top:242px;
  left:427px;
display: block;
width: 263px;
}

#customerLogo img {
float: right;
}

#customerBuilding {
  position:absolute;
  top:350px;
  left:427px;
display: block;
width: 263px;
}
* html #customerLogo,
* html #customerBuilding {
    left: 437px;
}
#customerBuilding img {
float: right;
}

/* Refeerenzen */
#portfolioletterlist {
        position:absolute;
        left:165px;
        top:74px;
        width: 525px;
        height: 18px;
        border-top: 1px solid #FF0000;
        border-bottom: 1px solid #FF0000;
        padding: 0px 0px 0px 0px;
        text-align: justify;
        list-style-type: none;
}
*+html #portfolioletterlist {
        left:125px;
        top:74px;
}

* html #portfolioletterlist {
        left:135px;
        top:82px;
}
#portfolioletterlist li {
        float: left;
        width: 15px;
        margin-right: 3px;
        margin-left: 2px;
        line-height: 18px;
        text-align: center;
}
#letterListActive,
#portfolioletterlist li a {
        color: #FF0000;
        text-decoration: none;
        display: block;
}
#letterListActive { font-weight:bold; }
#portfolioletterlist li a:hover {
        color: #000000;
}
#imageBuilding,
#additionalinfos {
        float: left;
}
#additionalinfos {
        list-style-type: none;
        margin: 0;
        padding: 0;
}
#additionalinfos li {
        margin-bottom: 5px;
}
#additionalinfos li span {
        width: 100%;
        display: block;
}
#additionalinfos li ul {
        margin-top: 3px;
        list-style-type: circle;
}
#additionalinfos li ul li {
        margin-bottom: 0px;
}
.redlink,
#addInfoArtikel span a,
#addInfoRefer span a,
#addInfoLink span a {
        text-decoration: none;
        color: #FF0000;
}

#additionalinfos li ul.subList {

}
/*
li#letterlistItem {color: #FF0000; list-style: none; float: left; margin: 2px 12.39px 0px 0px; text-align: justify; display: block;}
li#letterlistItem a { color: #FF0000; text-decoration: none; text-align: justify; display: block;}
li#letterlistItem a:hover { color: #000000 }


* html
li#letterlistItem {color: #FF0000; list-style: none; float: left; margin: 1px 12.39px 0px 0px; text-align: justify; display: block;}
*/
.begrenzung {
    width: 250px;
    display: block;
}

*+html
li#customerListItemInactive {color: #CCCCCC; list-style: none; float: left; margin: 1px 12.39px 0px 0px; text-align: justify; display: block;}

li#customerListItemInactive {color: #CCCCCC; list-style: none; float: left; margin: 2px 12.39px 0px 0px; text-align: justify; display: block;}
li#customerListItemInactive a { color: #CCCCCC; text-decoration: none; text-align: justify; display: block;}
li#customerListItemInactive a:hover { color: #000000 }

* html
li#customerListItemInactive {color: #CCCCCC; list-style: none; float: left; margin: 1px 12.39px 0px 0px; text-align: justify; display: block;}

*+html
li#customerListItemInactive {color: #CCCCCC; list-style: none; float: left; margin: 1px 12.39px 0px 0px; text-align: justify; display: block;}


#customerList {  position:absolute; left:165px; top:104px; width: 525px; height: 18px; padding: 0px 0px 0px 0px; }

*+html
#customerList {  position:absolute; left:125px; top:104px; width: 525px; height: 18px; padding: 0px 0px 0px 0px; }

* html
#customerList {  position:absolute; left:135px; top:109px; width: 525px; height: 18px; padding: 0px 0px 0px 0px; }

#customerListItem {  width: 260px; }
li#customerListItem{color: #FF0000; list-style: none; float: left; display: block;}
li#customerListItem a { color: #000000; text-decoration: none; }
li#customerListItem a:hover { color: #FF0000}

#customerdetail {border-top: 1px solid #BBBBBB; margin-top: 100px; width:677px;}

#optionlist {  position:absolute; left:10px; top:110px; width: 140px; height: 150px; padding: 0px 0px 0px 0px; }

.gstab {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }
.gstabb {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight:bold}
.titeltab {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FF0000; font-weight:bold}

/*######### IE6 #########*/
* html
UL.secondLevel {
  margin: 10px 0px -5px 0px;
}
* html
#contentContent UL {
  margin-left: 0px;
}
* html
#space {
  height: 455px; 
}
* html #contentContent #space { display:none; }
* html
#newsticker {
  margin-left: 20px;
}

* html
#contentTitle {
  margin-top: 20px;
}



/*######### IE7 #########*/
*+html
UL.secondLevel {
  margin: 10px 0px -5px 0px;
}

*+html
#contentContent UL {
  margin-left: 0px;
}
*+html
#space {
  height: 455px;
}