body {margin: 0; padding: 0; background: #dee6e5 url(../images/back_body.gif) repeat-x; text-align: center; color: #5f6d6d; 
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.3em;}

a {text-decoration: none; outline: none;} 
a:link, a:active, a:visited, a:hover {color: #fff;}
img {border: 0; padding: 0; margin: 0;}
.no-display {display: none;}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* GLOBALE CONTAINER */
/* -------------------------------------------------------------------------------------------------------------------------- */

#outer {position: absolute; left: 0; top: 50%; width: 100%; margin-top: -315px; background: url(../images/back_content.gif) repeat-x;}
#container {position: relative; margin: 0 auto; width: 720px; height: 630px; overflow: hidden; text-align: left;}

#header {position: relative; top: 0; left: 0; width: 720px; height: 66px; background: #fff;}
#logo {position: absolute; top: 0; left: 0;}
#claim {position: absolute; top: 34px; right: 0;}

#main {float: left; width: 615px; height: 500px; background: #fff; border-right: 1px solid #fff; position: relative;}
#content .img {position: absolute; top: 0; left: 0; width: 615px; height: 180px; overflow: hidden;}
#content .left-col {position: absolute; top: 180px; left: 0; width: 140px; height: 280px; padding: 17px 0 20px 20px;}
#content .right-col {position: absolute; top: 180px; left: 180px; width: 435px; height: 320px; }
#content .right-col #scrollpane { position: absolute; top: 0; left: 0; width: 100%; height: 320px; overflow: hidden;}
#content .right-col #scrollpane .text {height: 290px; padding: 20px 20px 10px 0;}

#naviRight {float: left; height: 500px; background: #eaefee;}
#naviLeft {float: left; height: 500px; background: #eaefee;}

#serviceNaviContainer {position: relative; top: 0; left: 0; width: 720px; height: 30px; background: #dee6e5; clear: both;}

#content #referenzenIframe {position: absolute; width: 615px; height: 320px; top: 180px; left: 0; margin: 0; padding: 0; border: 0;}

/* fragen */

.fragen #content .left-col {width: 60px;}
.fragen #content .right-col {left: 90px; width: 525px;}
.fragen #content .right-col #scrollpane .text {padding-bottom: 0; padding-right: 10px; height: 300px;}
.fragen #content .right-col #scrollpane .text p {padding-bottom: 0.5em; line-height: 1.2em;}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* NAVIGATION */
/* -------------------------------------------------------------------------------------------------------------------------- */

.navigation {list-style: none; padding: 0; margin: 0;}
.navigation li {float: left; padding: 0; margin: 0; height: 500px; width: 20px; border-right: 1px solid #fff;}
.navigation li.last {border-right: 0;}
.navigation li span {width: 20px; height: 180px; display: block;}
.navigation li a {display: block; width: 20px; height: 180px; overflow: hidden;} 
.navigation li a img {visibility: hidden; width: 20px; height: 373px;} 

#b0 span {background: url(../images/btn_navi_home_over.gif) no-repeat;}
#b0 a {background: url(../images/btn_navi_home.gif) no-repeat;}

#b1 span {background: url(../images/btn_navi_einige_worte_vorweg_over.gif) no-repeat;}
#b1 a {background: url(../images/btn_navi_einige_worte_vorweg.gif) no-repeat;}

#b2 span {background: url(../images/btn_navi_sieben_fragen_over.gif) no-repeat;}
#b2 a {background: url(../images/btn_navi_sieben_fragen.gif) no-repeat;}

#b3 span {background: url(../images/btn_navi_referenzen_over.gif) no-repeat;}
#b3 a {background: url(../images/btn_navi_referenzen.gif) no-repeat;}

#b4 span {background: url(../images/btn_navi_service_over.gif) no-repeat;}
#b4 a {background: url(../images/btn_navi_service.gif) no-repeat;}

#b0 a:hover, 
#b1 a:hover, 
#b2 a:hover, 
#b3 a:hover, 
#b4 a:hover,
#b0 a.on,  
#b1 a.on, 
#b2 a.on, 
#b3 a.on, 
#b4 a.on {background: none;}


/* -------------------------------------------------------------------------------------------------------------------------- */
/* SUBNAVIGATION */
/* -------------------------------------------------------------------------------------------------------------------------- */

.subnavigation {list-style: none; padding: 0; margin: 5px 0 0 0;}
.subnavigation li {padding: 0; margin: 0; overflow: auto; margin-bottom: 5px;}

.subnavigation li a {text-decoration: none; float: left; display: block;}
.subnavigation li a:link, 
.subnavigation li a:active, 
.subnavigation li a:visited {color: #8f9999;}
.subnavigation li a:hover {color: #55af33;}

.subnavigation li a.on:link, 
.subnavigation li a.on:active, 
.subnavigation li a.on:visited,
.subnavigation li a.on:hover {color: #55af33; font-weight: bold;}
.subnavigation li a.on span {padding-left: 2px; font-weight: bold; color: #55af33;}


/* -------------------------------------------------------------------------------------------------------------------------- */
/* SERVICE NAVIGATION */
/* -------------------------------------------------------------------------------------------------------------------------- */

#servicenavigation {list-style: none; padding: 10px 0 0 0; margin: 0; text-align: left; color: #9fa8a8;}
#servicenavigation li {float: left; padding: 0; margin: 0;}
#servicenavigation li a {display: inline; margin: 0 20px 0 0; padding: 0;}
#servicenavigation li a:link, 
#servicenavigation li a:active, 
#servicenavigation li a:visited {color: #9fa8a8;}
#servicenavigation li a:hover,
#servicenavigation li a.on:link, 
#servicenavigation li a.on:active, 
#servicenavigation li a.on:visited, 
#servicenavigation li a.on:hover {color: #5f6d6d;}


/* -------------------------------------------------------------------------------------------------------------------------- */
/* CONTENT */
/* -------------------------------------------------------------------------------------------------------------------------- */

#content h1 {margin: 0; padding: 0 0 1em 0; font-size: 1.25em; line-height: 1.3em; font-weight: bold;}
#content h1 span {font-size: 0.84em; line-height: 1.3em; font-weight: normal; color: #8f9999;}
#content .left-col h1 {margin: 0; padding: 0;}

.text p {margin: 0; padding: 0 0 1em 0;}

.text a {text-decoration: underline;}
.text a:link, 
.text a:active, 
.text a:visited {color: #5f6d6d;}
.text a:hover {color: #55af33;}

.text a.naviLink {text-decoration: none; padding: 0 0 0 9px;}
.text a.naviLink:link, 
.text a.naviLink:active, 
.text a.naviLink:visited {color: #5f6d6d; background: url(../images/icn_navi-link.gif) no-repeat left 4px;}
.text a.naviLink:hover {color: #55af33; background: url(../images/icn_navi-link_over.gif) no-repeat left 4px;}

/* downloads */

.text .downloads {border-top: 1px solid #aeb6b6;}
.text .downloads .downloadItem {margin: 0; padding: 5px 0; border-bottom: 1px solid #aeb6b6;}
.text .downloads .downloadItem p {margin: 0; padding: 0;}

.text .downloads .downloadItem p a {text-decoration: none;}
.text .downloads .downloadItem p a:link, 
.text .downloads .downloadItem p a:active, 
.text .downloads .downloadItem p a:visited {color: #55af33;}
.text .downloads .downloadItem p a:hover {color: #55af33; text-decoration: underline;}

/* zitate */

.text .zitate {border-top: 1px solid #aeb6b6;}
.text .zitate p.headline {margin: 0; padding: 5px 0 4px 0; color: #55af33; font-size: 1em; text-transform: uppercase; font-weight: normal; border-bottom: 1px solid #aeb6b6}
.text .zitate p.zitat {margin: 0; padding: 5px 0 5px 20px; border-bottom: 1px solid #aeb6b6}
.text .zitate p .zitat-quelle {color: #8f9999; text-transform: uppercase; font-size: 0.81em;}

/* formulare */

#content form {margin-top: 1em;}
#content form fieldset {margin: 0; padding: 0; clear: both; overflow: auto; border: 0;}
#content form fieldset .formline {padding-bottom: 10px; width: 370px; overflow: auto; display: block; clear: both; float: left;}
#content form fieldset .formline .labelContainer {float: left; width: 125px;}

#content form input {margin: 0; padding: 0; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #5f6d6d;}

#content form input.textfeld {width: 220px; background: #eaefee; padding: 2px; border: 1px solid #e0e7e7;}
#content form input.input-plz {width: 50px; margin-right: 10px;}
#content form input.input-stadt {width: 152px;}
#content form input.input-vorname {width: 100px; margin-right: 10px;}
#content form input.input-nachname {width: 102px;}
#content form input.input-bundesland {width: 25px; visibility: hidden;}

#content form textarea {width: 305px; background: #fff; border: 1px solid #81898f; padding: 2px; margin: 0; color: #5f6d6d;
	font-family: Arial, Helvetica, sans-serif; font-size: 1em;}
	
#content form input.formSubmitBtn {margin: 5px 0 0 125px; padding: 0 0 3px 9px; overflow: visible; line-height: 16px; height: 19px; text-transform: uppercase;
	color: #5f6d6d; background: #fff url(../images/icn_navi-link.gif) no-repeat left 5px; text-align: left; cursor: pointer;}
#content form input.formSubmitBtn:hover {color: #55af33; background: #fff url(../images/icn_navi-link_over.gif) no-repeat left 5px;}


/* -------------------------------------------------------------------------------------------------------------------------- */
/* GOOGLE MAPS LIGHTBOX */
/* -------------------------------------------------------------------------------------------------------------------------- */

.lightboxHTMLContent {display: none;}

#DOMWindow {font-size: 1em; line-height: 1.36em; color: #000; text-align: left; overflow: hidden; }
#DOMWindow .lightboxContainer {overflow: hidden;}
#DOMWindow .lightboxHead { margin: 10px 10px 1px 10px; padding: 15px 30px; overflow: hidden; position: relative; background: #d5dfdf;}
#DOMWindow .lightboxHead h3 {margin: 0; padding: 0; color: #5f6d6d; font-size: 1.64em; line-height: 1.25em; font-weight: normal; float: left; width: 75%;}
#DOMWindow .lightboxHead .closeBtn {padding-top: 2px; position: absolute; top: 19px; right: 20px;}
#DOMWindow .lightboxHead .closeBtn a {padding: 0; margin: 0; text-decoration: none; display: block; width: 16px; height: 16px;}
#DOMWindow .lightboxHead .closeBtn a img {visibility: hidden;}
#DOMWindow .lightboxHead .closeBtn a:link, 
#DOMWindow .lightboxHead .closeBtn a:active, 
#DOMWindow .lightboxHead .closeBtn a:visited {color: #005a9f; background: url(../images/btn_close.gif) no-repeat left top;}
#DOMWindow .lightboxHead .closeBtn a:hover {color: #72787e; background: url(../images/btn_close_over.gif) no-repeat left top;}
#DOMWindow .lightboxMiddle { background: #fff; padding: 0 10px 10px 10px; overflow: auto;}
#DOMWindow .lightboxBottom { background: #fff; padding: 10px 30px 10px 40px;}
#DOMWindow .lightboxBottom p {margin: 0; padding: 0 0 1em 0;}
#DOMWindow .lightboxBottom ul {margin: 0; padding: 0 0 0.7em 14px;}
#DOMWindow .lightboxBottom ul li {margin: 0; padding: 0 0 0.2em 0;}

/* google maps lightbox */

#DOMWindow .googleMaps {width: 930px; height: 500px; overflow: hidden;}

#DOMWindow .googleMaps .lightboxBottom {overflow: auto;}

#DOMWindow .googleMaps .left {float: left; width: 370px;}
#DOMWindow .googleMaps .middle {float: left; width: 310px;}
#DOMWindow .googleMaps .middle .toContainer {padding-top: 4px;}
#DOMWindow .googleMaps .right {float: right; text-align: right;}
#DOMWindow .googleMaps .right p {margin: 0; padding: 0 0 10px 0; overflow: auto;}

#DOMWindow .googleMaps form {margin: 0; padding: 0;}
#DOMWindow .googleMaps form fieldset {margin: 0; padding: 0 0 20px 0; border: 0;}
#DOMWindow .googleMaps form .formline {padding-bottom: 5px; clear: both; overflow: auto;}
#DOMWindow .googleMaps form input {margin: 0; padding: 0; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #5f6d6d;}
#DOMWindow .googleMaps form input.textfeld {background: #eaefee; padding: 2px; border: 1px solid #e0e7e7; margin: 0;}
#DOMWindow .googleMaps form input.empty {color: #9fa8a8;}

#DOMWindow .googleMaps form #googlePlz {width: 70px; margin-right: 5px; float: left;}
#DOMWindow .googleMaps form #googleStadt {width: 195px;}
#DOMWindow .googleMaps form #googleStrasse {width: 276px;}

#DOMWindow .googleMaps .googleHead {float: left; margin-right: 20px;}
#DOMWindow .googleMaps .googleHead h3 {margin: 0; padding: 0 0 35px 0; color: #9fa8a8; font-size: 1.64em; line-height: 1.25em; font-weight: normal; clear: both;} 

#DOMWindow .googleMaps .right a.naviLinkBtn {padding: 2px 12px; text-decoration: none; font-size: 1em; display: block; float: right; font-weight: bold;}
#DOMWindow .googleMaps .right a.naviLinkBtn:link, 
#DOMWindow .googleMaps .right a.naviLinkBtn:active, 
#DOMWindow .googleMaps .right a.naviLinkBtn:visited {color: #fff; background: #55af33;}
#DOMWindow .googleMaps .right a.naviLinkBtn:hover {color: #fff; background: #5f6d6d}

#DOMWindow .googleMaps .right a.naviLink {text-decoration: none; padding: 0 12px 0 0;}
#DOMWindow .googleMaps .right a.naviLink:link, 
#DOMWindow .googleMaps .right a.naviLink:active, 
#DOMWindow .googleMaps .right a.naviLink:visited {color: #5f6d6d; background: url(../images/icn_navi-link.gif) no-repeat right 4px;}
#DOMWindow .googleMaps .right a.naviLink:hover {color: #55af33; background: url(../images/icn_navi-link_over.gif) no-repeat right 4px;}

#DOMWindow .googleMaps #googleMapsIframe {width: 910px; height: 340px; overflow: hidden; display: block;}


/* -------------------------------------------------------------------------------------------------------------------------- */
/* REFERENZEN LIGHTBOX */
/* -------------------------------------------------------------------------------------------------------------------------- */

#refContainer {width: 726px; height: 476px; margin: 12px; border: 0; position: absolute; top: 0; left: 0;}
#refContainer #infowrap {background: #d5dfdf; height: 446px;}
#refContainer .refTitle {width: 726px; margin-bottom: 25px; text-align: left; font-size: 20px; border-bottom: 1px solid #fff; overflow: auto;}
#refContainer .refTitle h3 {margin: 0; padding: 20px; font-size: 1em; font-weight: normal; line-height: 1.36em;}
/*#refContainer .refLogo {float: right; background: #fff; padding: 30px 20px;}*/
#refContainer .refLogo {float: right; padding: 10px 10px;}
#refContainer .refContent {padding: 0 20px 20px 20px; text-align: left; font-size: 14px; line-height: 1.3em;}
#refContainer .refPager {position: absolute; left: 0; bottom: 0; width: 100%; background: #fff; padding-top: 10px;}
#refContainer .refPager #infoprev {float: left; margin: 0 10px 0 20px; cursor: pointer;}
#refContainer .refPager #infonext {float: left; margin-right: 20px; cursor: pointer;}
#refContainer .refPager #infotext {float: left; text-align: left; color: #778686}