body    {  background: #e2e5f1 }
/* Layoutstruktur */
#layout { position: absolute; text-align: center; z-index: 1; top: 50%; left: 0px; width: 100%; margin-top: -272px; min-width: 860px; min-height: 544px; visibility: visible }
#frame {  border: 1px solid #3f4ea2; margin: 0px auto; width: 860px; height: 544px; z-index: 1; text-align: left; overflow: hidden; position: relative; visibility: visible }
/* End Layoutstruktur */


/* Intro Flash und statisch */
#flash { z-index: 2; position: absolute; visibility: visible }
#static { z-index: 1; position: absolute; visibility: visible }
/* End Intro Flash und statisch */


/* INHALTE */
#left { position: absolute; z-index: 1; top: 0px; left: 0px; width: 220px; height: 100%; background: #f5f5fc }
#top { position: absolute; z-index: 1; top: 0px; left: 220px; width: 530px; height: 100px; border-left: 1px solid #3f4ea2; background: #ffffff }
#content { position: absolute; z-index: 1; top: 100px; left: 220px; width: 530px; height: 443px; background: #ffffff;  border-left: 1px solid #3f4ea2; border-top: 1px solid #3f4ea2 }
#right { position: absolute; z-index: 1; top: 0px; left: 750px; width: 100%; height: 100%; background: #f5f5fc; border-left: 1px solid #3f4ea2 }

/* Textstreifen */
#txt { position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; height: 100%; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff;  SCROLLBAR-FACE-COLOR: #a0a7d1; SCROLLBAR-HIGHLIGHT-COLOR: #a0a7d1; SCROLLBAR-SHADOW-COLOR: #a0a7d1; SCROLLBAR-3DLIGHT-COLOR: #a0a7d1; SCROLLBAR-DARKSHADOW-COLOR: #a0a7d1; overflow: auto}
.txt { margin-left: 60px; padding: 15px 10px; width: 215px; height: 100%; background: #ffffff; -moz-opacity: 0.85; filter: alpha(opacity=85); display: block }

/* Detailansicht Anfahrtsskizze */
#detail { position: absolute; z-index: 2; top: 22px; left: 266px }
#detail img { behavior: url(pngbehavior.htc) }
/* End Detailansicht Anfahrtsskizze */

.logo { margin: 10px 0px 0px 10px }
#left img { behavior: url(pngbehavior.htc) }

#stripe { margin-top: 10px; width: 100%; height: 18px }

/* Buttons oben */
.button {  margin: 0px 1px 0px 0px; text-align: center; float: left}

/* Quadrat Heidelberg */
.quadrat { float: left; width: 16px; height: 16px; background: #263295 }

/* Thumb-Image oben */
.thumb { border-bottom: 1px solid #3f4ea2 }

/* Horizonaler Streifen oben */
#hor_stripe { width: 60px; height: 16px; float: left }
#hor_col_stripe { width: 10px; height: 16px; float: left; display: block }

/* Header Text */
.header { margin: -3px 0px 0px 5px; font-size: 14px; line-height: 16px; letter-spacing: 2px;}

/* Vertikaler Streifen oben */
#vert_stripe { width: 20px; height: 84px; float: left }
#vert_col_stripe { width: 20px; height: 14px; display: block }

/* Submenü Navigation */
.menue_none { display: none }
.menue_block { display: block }

/* Newsletter & Jobs Advertise */
#newsad, #jobsad { width: 131px; height: 48px; margin: 20px 0 0 44px; overflow: hidden }
#newsad a, #jobsad a { display: block; line-height: 13px; font-size: 11px; padding: 11px 0 11px 48px; color: #fff; cursor: pointer }
#newsad a { background: url(images/newsletter.gif) 0 0 no-repeat; }
#jobsad a { background: url(images/jobs.gif) 0 0 no-repeat; }
#newsad a:hover { background: url(images/newsletter.gif) -131px 0 no-repeat;}
#jobsad a:hover { background: url(images/jobs.gif) -131px 0 no-repeat;}

/* End INHALTE */


/* FARBEN */
.green { background: #349472 }
.yellow { background: #f7d321 }
.orange { background: #f1a628 }
.red { background: #a80028 }
.lila { background: #820062 }
.blue { background: #2e1d68 }

.lightblue { background: #fafafc }
.deepblue { background: #a0a7d1 }

/* Fehlermeldung Formular */
.msg { font-weight: bold; color: #a80028 }

/* End FARBEN */



a {color: #3217ac; text-decoration: none }
a:hover {color: #2e1d68; text-decoration: underline }



body, p, td, input, textarea, select { font-family: verdana, helvetica, arial; font-weight: normal; line-height: 16px; font-size: 12px; color: #2e1d68 }
#txt table { border-right: 1px solid #a0a7d1; border-bottom: 1px solid #a0a7d1 }
#txt td { line-height: 12px; font-size: 10px; text-align: left; vertical-align: top; border-left: 1px solid #a0a7d1; border-top: 1px solid #a0a7d1; padding: 6px }
/*td#txt p { line-height: 12px; font-size: 10px  }*/
p {margin-top: 0px; margin-bottom: 12px }
p.abs { margin: 0; padding: 0; font-size: 10px; line-height: 12px; clear: both}
p.listing { line-height: 22px }
.small { line-height: 12px; font-size: 10px }
h1 {font-size: 18px; margin: 15px }
h2 {font-size: 14px;  margin-bottom: 18px; margin-top: 14px }
ul, ol { margin-top: 0px; margin-bottom: 12px }
ul#yellow { list-style-image: url(images/list_yellow.gif) }
ul#orange { list-style-image: url(images/list_orange.gif) }
ul#red { list-style-image: url(images/list_red.gif) }
ul#lila { list-style-image: url(images/list_lila.gif) }
ul#blue { list-style-image: url(images/list_blue.gif) }
ul li { margin-left: -24px;  }
ol li {margin-left: -15px; margin-top: 0px; margin-bottom: 12px }

/* Linie */
.breakline { clear: both; width: 100%; margin: 20px 0; padding: 0; font-size: 0px; line-height: 0px;  border-top: 1px dotted #2e1d68 }
.divseparator { clear: both; width: 100%; margin: -8px 0 4px 0; padding: 0; font-size: 0px; line-height: 0px;  border-top: 1px dotted #bfbfbf }

table#photovoltaik  { margin: 0; padding: 0; width: 400px; border-right: 1px solid #3f4ea2; border-bottom: 1px solid #3f4ea2 }
#photovoltaik td { line-height: 14px; font-size: 12px; border-left: 1px solid #3f4ea2; border-top: 1px solid #3f4ea2;}
#photovoltaik .tbheader { background: #f5f5fc; font-weight: bold }

/* Buttons links */
ul#navilist { width: 100%; }
ul#navilist  { list-style: none; margin: 0; padding: 0; font-size: 14px; line-height: 14px; color: #3f4ea2 }
ul#navilist li a { color: #3f4ea2; display: block; margin: 0px 0px 0px 20px; padding: 10px 30px; text-decoration: none }
ul#navilist li a:hover { color: #8188b3; background: #ffffff }
ul#navilist li.active a { color: #8188b3; background: #ffffff }

ul#subnavilist  { list-style: none; margin: 0px 0px 0px 0px; padding: 0; font-size: 12px; line-height: 12px; color: #3f4ea2 }
ul#subnavilist li a { color: #8188b3; display: block; margin: 0px 0px 0px 20px; padding: 8px 30px; text-decoration: none; background: #ffffff }
ul#subnavilist li a:hover { background: #ffffff }
ul#subnavilist li.active a { background: #ffffff }
/* End Buttons links */


/* Buttons oben */
ul#menulist  {list-style: none; margin: 0px; padding: 0px; font-size: 14px; line-height: 14px; color: #ffffff}
ul#menulist li a { background: #263295; color: #ffffff; display: block; margin: 0px 0px 0px 24px; padding: 40px 16px 14px 16px; text-decoration: none}
ul#menulist li a:hover { background: #ffffff; color: #3f4ea2 }
ul#menulist li.active a { background: #ffffff; color: #3f4ea2 }
/* End Buttons oben */



input   {background-color: #FFFFFF; width: 222px; height: 20px; border: 1px solid #2e1d68;  }
select   {background-color: #FFFFFF;  border: 1px solid #2e1d68  }
input.chk  { border: none; width: 14px; height: 14px; margin: 2px}
textarea {background-color: #FFFFFF; border: 1px solid #2e1d68 }
textarea.anfrage  {width: 222px; height: 70px}
input:focus, select:focus, textarea:focus, input:hover, select:hover, textarea:hover { background: #f5f5fc; color: #4c4c4c; border-color: #7f7f7f }


/* Google Map 
#googlemap { margin: 20px 60px; padding: 0; width: 100% }
#map { margin: 0 20px 0 0; padding: 0; width: 438px; height: 300px; float: left }
#container { height: 600px }
#directions {  width: 438px; }
#window { margin: 0; padding: 0; width: 180px }
#window img { margin: 0; padding: 0; border: none }
#window form { margin: 0; padding: 0; }
#window form .inputbox { color: #969696 }
#window form .button { width: 100px; background: #e2e5f1 }
#window span { margin: 0; padding: 0; font-size: 12px; line-height: 18px; font-weight: bold }
#sidebar { margin: 0; padding: 0; width: 100% }
#parkplaetze { margin-bottom: 0; }
Ende Google Map */