@CHARSET "UTF-8";
* { font-family: "arial narrow", arial, sans-serif; font-size: 11px; line-height: 19px; letter-spacing: 1px; font-stretch: condensed; }
body, html { margin: 0px; padding: 0px; height: 100%; }
div.topspacer { height: 85px; width: 100%; background-color: #663333; }
div.links { position: absolute; top: 85px; left: 0px; width: 190px; height: auto; background-color: #663333; z-index: 3; overflow: visible; }
div.rechts { position: absolute; top: 0px; left: 0px; width: 568px; height: auto; min-height: 100%; border-left: 190px solid #663333; z-index: 2; }
.links .cb { clear: both; }
.links .fr { float: right; }
.links .fl { float: left; }
.links p.fr { margin: 19px 16px 0px 16px; width: 110px; }
.links p.fl { margin: 19px 16px 0px 16px; width: 158px; }
.links a { display: block; text-decoration: none; }
.rechts ul { list-style-type: disc; list-style-position: outside; margin-left: 1em; }
.c0 { color: #ffd8c9; }
.c1 { color: #b2cc00; }
.c2 { color: #00ff00; }
.c4 { color: #000000; }
.c5 { color: #cc6633; }
.c6 { color: #ffcc99; }
.c7 { color: #ffff33; }
.lhd { line-height: 38px; }
input { margin: 0px 11px 0px 0px; }

/*TOPNAVIGATION*/
#topnavigation { position: fixed; top: 0px; left: 0px; height: 85px; width: 100%; background-color: #663333; z-index: 999; background-image: url('/bilder/topnavigation_bg.gif'); }
#topnavigation, #topnavigation a {  background-repeat: no-repeat; color: transparent; }
#topnavigation a span { visibility: hidden; }
#topnavigation a { position: absolute; display: block; height: 18px; line-height: 18px; width: 142px; text-align: center; overflow: hidden; text-decoration: none; }
#l1 { top: 0px; left: 0px; padding-top:49px; height: 36px !important; width: 758px !important; text-align: left; text-indent: 245px; background-position: 190px 49px; }
#l2,#l3,#l4 { top: 49px; }
#l5,#l6,#l7,#l8 { top: 67px; }
#l5 { left: 190px; }
#l2,#l6 { left: 332px; }
#l3,#l7 { left: 474px; }
#l4,#l8 { left: 616px; }
#l2 { background-position: 0px -36px; }
#l3 { background-position: 0px -54px; }
#l4 { background-position: 0px -72px; }
#l5 { background-position: 0px -90px; }
#l6 { background-position: 0px -108px; }
#l7 { background-position: 0px -126px; }
#l8 { background-position: 0px -144px; }
#l1:hover,#l2:hover,#l3:hover,#l4:hover,#l5:hover,#l6:hover,#l7:hover,#l8:hover,
#topnavigation a.aktiv { background-image: url('/bilder/topnavigation_bg_hover.gif'); }

/*HOME*/
body.home { background-color: #663333; }
.home .links { background-color: #ff4c0b; }
.home .rechts { border-left: 190px solid #ff4c0b; background-color: #663333; }
.home .links p { margin: 19px 0px 38px 16px; }
.home .links a { color: #ffd8c9; text-decoration: none; }
.home .links a:hover,
.home .links a.aktiv { color: #000000; }
.home .links p.nav { width: 100px; }
.home .links .nav a.br { display: block; margin-bottom: 19px; }
.home .rechts a { position: absolute; top: 85px; left: 0px; display: block; height: 373px; width: 568px; background-image: url('/bilder/home.jpg'); text-decoration: none; z-index: 4; cursor: default; }
.home .rechts a:hover { background-position: 0px -373px; }

.unter .rechts a { position: relative; top: 0px; left: 0px; display: inline; background-image: none; cursor: pointer; }
.unter .rechts p { margin: 19px 11px 19px 30px; }
.unter .rechts p.top { margin: 19px 11px 71px 142px; }
.unter .rechts p.top2 { margin: 19px 11px 38px 30px; }
.unter .rechts .zertifikat { float: left; width: 284px; }
.unter .rechts .zertifikat .rahmen { float: left; width: 142px; height: 142px; text-align: center; }
.unter .rechts .mitglied { float: left; width: 189px; text-align: center; }
.unter .rechts .mitglied img { margin-bottom: 19px; }
.unter .rechts .newsletter  { height: 201px; clear: both; margin: 19px 0px; }
.unter .rechts .md  { margin-top: 38px; }
.unter .rechts .newsletter .fl  { float: left; }
.unter .rechts .newsletter div  { float: left; }
.unter .rechts .newsletter div p { margin: 0px 11px 19px 38px; }
.unter .rechts .newsletter div a { padding-left: 38px; }
.unter .rechts .newsletter .fr  { float: right; }

/*INFO*/
body.info { background-color: #ff4c0b; }
.info .links { width: 332px; }
.info .links p { margin: 6px 38px 19px 16px; }
.info .links p span { display: block; }
.info .rechts { width: 426px; border-left: 332px solid #663333; background-color: #ff4c0b; }
.info .rechts p { margin: 19px 11px 19px 38px; }

/*PARTNER*/
body.partner { background-color: #ff6633; }
.partner .links p { margin: 9px 0px 0px 16px; }
.partner .rechts { width: 426px; border-left: 332px solid #663333; background-color: #ff6633; }
.partner .rechts p.fl { float: left; width: 142px; position: relative; left: -142px; margin: 19px -142px 0px 16px; }
.partner .rechts p.nb { margin: 0px 11px 19px 38px; }
.partner .rechts a.nb { margin: 0px 11px 0px 38px; }
.partner .rechts a { display: block; margin: 19px 11px 0px 38px; width: 95px; color: #ffd8c9; text-decoration: none; white-space: nowrap; }

/* LEISTUNGEN */
body.leistungen { background-color: #cc3300; }
.leistungen .navigation { padding: 19px 0px; }
.leistungen .navigation a { display: block; color: #b2cc00; text-decoration: none; text-indent: 16px; }
.leistungen .navigation a:hover,
.leistungen .navigation a.aktiv { color: #ffd8c9; }
.leistungen .navigation .subnavigation { position: relative; top: 0px; left: 0px; padding-top: 19px; }
.leistungen .navigation .subnavigation a { text-indent: 36px; z-index: 1; }
.leistungen .navigation .subnavigation a span { position: absolute; top: 0px; left: -20px; cursor: pointer;  background-color: #663333; }
.leistungen .navigation a.a1 * { z-index: 2; }
.leistungen .navigation a:hover *, a.hover * { z-index: 3; }
.leistungen .rechts { background-color: #cc3300; }
.leistungen .rechts img { height: 95px; width: 142px; float:left; margin: 0px; padding: 0px; }
.leistungen .rechts img.margin { margin: 0px 142px; }


/*LEISTUNGENDETAIL*/
.l_detail .links { width: 332px; }
.l_detail .navigation { padding: 19px 0px; width: 190px; float: left; }
.l_detail .links div.fr { width: 142px; overflow: visible; }
.l_detail .links div.fr img,
.l_detail .links div.fr a { display: block; margin: 0px 0px 19px 0px; text-decoration: none; }
.l_detail .links p.sprung { position: relative; top: 0px; left: 0px; }
.l_detail .links p.sprung img { position: absolute; left: 142px; top: 0px; }
.l_detail .rechts { width: 426px; border-left: 332px solid #663333; }
.l_detail .rechts p { margin: 19px 11px 19px 38px; }

/*ÖKOLOGIE*/
body.oeko { background-color: #cccc33; }
.oeko .links { width: 332px; }
.oeko .links a {  margin-bottom: 0px; }
.oeko .links a img { border: 0px; margin:11px 0px; }
.oeko .rechts { width: 426px; border-left: 332px solid #663333; background-color: #cccc33; }
.oeko .rechts p { margin: 19px 11px 19px 38px; }

/*PASSIVHAUS*/
body.passivhaus { background-color: #ffcc99; }
.passivhaus .links { width: 332px; }
.passivhaus .links a,
.passivhaus .links span { display: block; margin-bottom: 19px; }
.passivhaus .rechts { width: 426px; border-left: 332px solid #663333; background-color: #ffcc99; }
.passivhaus .rechts p { margin: 19px 11px 19px 38px; }

/*BAUBERATUNG*/
body.beratung { background-color: #ffff33; }
.beratung .links p { margin: 9px 22px 38px 16px; }
.beratung .rechts { background-color: #ffff33; }
.beratung .rechts p { margin: 19px 11px 19px 30px; }
.beratung .rechts .label { float: left; width: 175px; }
.beratung .rechts .gruppe { clear: left; margin: 19px 0px 19px 30px; }
.beratung .rechts .unten input { height: 13px;  padding: 2px; border: 0px solid white; margin-bottom: 20px; }
.beratung .rechts .unten textarea { padding: 2px; border: 0px solid white; margin-bottom: 20px; }
.beratung .rechts input.submit { border: 1px solid black; height: 19px; background-color: #ffff33; margin: 0px 0px 0px 175px; line-height: 1em; }
.beratung .rechts input.zurueck { border: 1px solid black; height: 19px; background-color: #ffff33; margin: 0px 0px 0px 11px; line-height: 1em; }
.beratung .rechts .pt { padding-top: 19px; }

/* REFERENZEN */
body.referenzen,
body.referenzdetails { background-color: #336699; }
.referenzen .links p { margin: 9px 0px 38px 16px; }
.referenzen .rechts { overflow: visible; background-color: #336699; }
.referenzen .rechts a { position: relative; top: 0px; left: 0px; display:block; float:left; height: 95px; width: 142px;	overflow: hidden; text-align: center; text-decoration: none; line-height: 95px; }
.referenzen .rechts a img { position: absolute; top: 0px; left: 0px; border: 0px; padding: 0px; margin: 0px; }
.referenzen .rechts a.text img,
.referenzen .rechts a.bild:hover img { visibility: hidden; }
.referenzen .rechts a.text:hover img { visibility: visible; }

/* REFERENZDETAILS */
.referenzdetails .links { width: 332px; }
.referenzdetails .links .fl { margin-right: 142px; }
.referenzdetails .links .fl_kl { float: right; margin-right: 142px; }
.referenzdetails .links .fr { margin-left: 190px; }
.referenzdetails .links .fr_kl { float: left; margin-left: 190px; }
.referenzdetails .rechts { width: 426px; border-left: 332px solid #663333; }
.referenzdetails .rechts p { margin: 19px 11px 19px 38px; }
.referenzdetails .rechts p.zurueck { margin: 38px 11px 19px 38px; text-align: right; }