body { background-image: none; background-color: #FFFFFF; color: #000000; font-family: Verdana, sans-serif; font-size: 12px; line-height: 1.5em; text-align: center; margin: 0px; padding: 0px; }

img { border: 0px; border-style: none; margin: 0px; padding: 0px; }
img.referenzobj { vertical-align: top; border: 2px; border-style: solid; border-color: #FFFFFF; }
img.referenzobjekte { vertical-align: top; border: 2px; border-style: solid; border-color: #FFFFFF; }
img.referenzobjekte:hover { border-color: #99CCCC; }

p { text-align: justify; margin: 0px; padding: 0px; }
p.mitte { text-align: center; margin: 10px 0px 10px 0px; padding: 0px; }

span.aktuell { color: #660000; }
span.tuerkis { color: #006666; }

hr { height: 1px; background-color: #006666;  border: 0px; border-style: none; clear: both; }

h1 { font-size: 14px; text-align: left; font-weight: bold; text-indent: 3px; margin: 0px; padding: 0px; line-height: 14px; }
h3 { font-size: 12px; text-align: left; font-weight: bold; margin: 15px 0px 10px 0px; padding: 0px; line-height: 20px; color: #006666; }
h4 { font-size: 12px; text-align: left; font-weight: bold; margin: 0px; padding: 0px; line-height: 14px; }



/*  Verknüpfungen  --  Links  */
a:link { text-decoration: none; color: #006666; }
a:visited { text-decoration: none; color: #006666; }
a:focus { text-decoration: none; color: #006666; }
a:hover { text-decoration: none; color: #660000; }
a:active { text-decoration: none; color: #006666; }

a.bannerbuttontext:link { text-decoration: none; font-weight: bold; color: #FFFFFF; }
a.bannerbuttontext:visited { text-decoration: none; font-weight: bold; color: #FFFFFF; }
a.bannerbuttontext:focus { text-decoration: none; font-weight: bold; color: #FFFFFF; }
a.bannerbuttontext:hover { text-decoration: none; font-weight: bold; color: #660000; }
a.bannerbuttontext:active { text-decoration: none; font-weight: bold; color:#FFFFFF; }

a.bannerbuttontextleistungen:link { text-decoration: none; font-weight: bold; color: #006666; }
a.bannerbuttontextleistungen:visited { text-decoration: none; font-weight: bold; color: #006666; }
a.bannerbuttontextleistungen:focus { text-decoration: none; font-weight: bold; color: #006666; }
a.bannerbuttontextleistungen:hover { text-decoration: none; font-weight: bold; color: #660000; }
a.bannerbuttontextleistungen:active { text-decoration: none; font-weight: bold; color:#006666; }

a.submenu:link { text-decoration: none; color: #006666; }
a.submenu:visited { text-decoration: none; color: #006666; }
a.submenu:focus { text-decoration: none; color: #006666; }
a.submenu:hover { text-decoration: none; color: #FFFFFF; }
a.submenu:active { text-decoration: none; color: #006666; }

a.navi:link { text-decoration: none; color: #99CCCC; }
a.navi:visited { text-decoration: none; color: #99CCCC; }
a.navi:focus { text-decoration: none; color: #99CCCC; }
a.navi:hover { text-decoration: none; color: #006666; }
a.navi:active { text-decoration: none; color: #99CCCC; }


/* allgemeine Seiteneigenschaften */
div#page { position: relative; width: 775px; padding: 0px; margin: 0 auto; z-index: 0; border-width: 1px 1px 15px 1px; border-style: solid; border-color: #006666; text-align: left; }

 div#kopfzeile { position: relative; width: 775px; height: 20px; padding: 0px; margin: 0px; z-index: 1; font-size: 11px; text-align: center; color: #006666; border-width: 0px; border-style: none; }
 div#banner { position: relative; width: 775px; height: 130px; margin: 0px; padding: 0px; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #006666; z-index: 1; background-image: url("graphics/banner-bg.gif"); background-repeat: repeat; }
  div#bannermenue { position: relative; width: 180px; height: 115px; margin: 0px; padding: 5px 0px 0px 0px; border: 0px; border-style: none; z-index: 2; color: #FFFFFF; float: left; }
	
	 div.bannerbutton { position: relative; width: 180px; height: 20px; margin: 0px; padding: 0px; border: 0px; border-style: none; z-index: 3; background-image: url("graphics/button.gif"); background-repeat: no-repeat; color: #FFFFFF; text-indent: 30px; line-height: 20px; }
	 div.bannerbuttonhl { position: relative; width: 180px; height: 20px; margin: 0px; padding: 0px; border: 0px; border-style: none; z-index: 3; background-image: url("graphics/button-hl.gif"); background-repeat: no-repeat; color: #660000; text-indent: 30px; line-height: 20px; font-weight: bold; }
	  div.bannerbutton:link { background-image: url("graphics/button.gif"); background-repeat: no-repeat; color: #FFFFFF; }
		div.bannerbutton:visited { background-image: url("graphics/button.gif"); background-repeat: no-repeat; color: #FFFFFF; }
		div.bannerbutton:focus { background-image: url("graphics/button.gif"); background-repeat: no-repeat; color: #FFFFFF; }
		div.bannerbutton:hover { background-image: url("graphics/button-hl.gif"); background-repeat: no-repeat; color: #660000; }
		div.bannerbutton:active { background-image: url("graphics/button.gif"); background-repeat: no-repeat; color: #FFFFFF; }
		div.bannerbutton:link a.bannerbuttontext { color: #FFFFFF; }
		div.bannerbutton:visited a.bannerbuttontext { color: #FFFFFF; }
		div.bannerbutton:focus a.bannerbuttontext { color: #FFFFFF; }
		div.bannerbutton:hover a.bannerbuttontext { color: #660000; }
		div.bannerbutton:active a.bannerbuttontext { color: #FFFFFF; }
	 div.bannerbuttonleistungen { position: relative; width: 180px; height: 20px; margin: 0px; padding: 0px; border: 0px; border-style: none; z-index: 3; background-image: url("graphics/button-leistungen.gif"); background-repeat: no-repeat; color: #006666; text-indent: 30px; line-height: 20px; font-weight: bold; }
	  div.bannerbuttonleistungen:link { background-image: url("graphics/button-leistungen.gif"); background-repeat: no-repeat; color: #006666; }
		div.bannerbuttonleistungen:visited { background-image: url("graphics/button-leistungen.gif"); background-repeat: no-repeat; color: #006666; }
		div.bannerbuttonleistungen:focus { background-image: url("graphics/button-leistungen.gif"); background-repeat: no-repeat; color: #006666; }
		div.bannerbuttonleistungen:hover { background-image: url("graphics/button-hl.gif"); background-repeat: no-repeat; color: #660000; }
		div.bannerbuttonleistungen:active { background-image: url("graphics/button-leistungen.gif"); background-repeat: no-repeat; color: #006666; }
		div.bannerbuttonleistungen:link a.bannerbuttontextleistungen { color: #006666; }
		div.bannerbuttonleistungen:visited a.bannerbuttontextleistungen { color: #006666; }
		div.bannerbuttonleistungen:focus a.bannerbuttontextleistungen { color: #006666; }
		div.bannerbuttonleistungen:hover a.bannerbuttontextleistungen { color: #660000; }
		div.bannerbuttonleistungen:active a.bannerbuttontextleistungen { color: #006666; }
				
	div#bannerlogo { position: relative; width: 495px; height: 130px; margin: 0px 0px 0px 240px; padding: 0px; border: 0px; border-style: none; z-index: 2; }
	 img#logo { border: 0px; border-style: none; margin: 0px; padding: 5px 0px 0px 0px; }
 
 /* speziell für die Homepage: */
 div#flash { position: relative; width: 238px; height: 388px; margin: 0px; left: 20px; padding: 0px; border: 1px; border-style: solid; border-color: #006666; z-index: 1; float: left; text-align: center; vertical-align: middle; }
 div#homebox { position: relative; width: 455px; height: 388px; margin: 0px 0px 0px 297px; padding: 0px; border: 1px; border-style: solid; border-color: #006666; z-index: 1; }
  div#homeboxtitel { position: relative; width: 445px; height: 25px; margin: 0px; padding: 0px 0px 0px 10px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #006666; background-image: url("graphics/home-box-titel.gif"); background-repeat: repeat-y; z-index: 2; font-size: 14px; line-height: 25px; color: #FFFFFF; }
	div#homeboxtext { position: relative; width: 435px; height: 352px; margin: 0px; padding: 5px 10px 5px 10px; border: 0px; border-style: none; background-image: url("graphics/home-box-bg.gif"); background-repeat: repeat-y; z-index: 2; }
	
 div#newsboxes { position: relative; width: 737px; height: 112px; margin: 20px 18px 10px 20px; padding: 0px; border: 0px; border-style: none; z-index: 1; }
  div#newsboxlinks { position: relative; width: 228px; height: 110px; margin: 0px; padding: 0px; border: 1px; border-style: solid; border-color: #006666; z-index: 1; float: left; }
	div#rechtenewsboxen { position: relative; width: 485px; height: 110px; margin: 0px 0px 0px 232px; padding: 0px 0px 0px 17px; border: 0px; border-style: none; z-index: 1; }
	 div#newsboxmitte { position: relative; width: 228px; height: 110px; margin: 0px 17px 0px 0px; padding: 0px; border: 1px; border-style: solid; border-color: #006666; z-index: 2; float: left }
	 div#newsboxrechts { position: relative; width: 228px; height: 110px; margin: 0px 0px 0px 247px; padding: 0px; border: 1px; border-style: solid; border-color: #006666; z-index: 2; }
	  div.newsboxtitel { position: relative; width: 223px; height: 15px; margin: 0px; padding: 0px 0px 0px 5px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #006666; background-image: url("graphics/kl-box-bg.gif"); background-repeat: repeat-y; z-index: 3; color: #660000; font-size: 12px; line-height: 14px; }
		div.newsboxinhalt { position: relative; width: 218px; height: 82px; margin: 0px; padding: 5px 5px 5px 5px; border-width: 0px; border-style: none; z-index: 3; font-size: 11px; line-height: 1.2em; }
 
 
 /* speziell für Leistungsseiten: */
 
 div#submenu { position: relative; width: 150px; height: 292px; margin: 0px; padding: 0px; border-width: 1px 1px 1px 0px; border-style: solid; border-color: #006666; z-index: 1; float: left; }
  div#submenutitel { position: relative; width: 150px; height: 16px; margin: 0px; padding: 0px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #006666; background-image: url("graphics/submenu-titel.gif"); background-repeat: repeat-y; z-index: 2; font-size: 12px; line-height: 14px; color: #FFFFFF; text-align: center; }
	div#submenutext { position: relative; width: 140px; height: 255px; margin: 0px; padding: 10px 5px 10px 5px; border: 0px; border-style: none; background-image: url("graphics/submenu-bg.gif"); background-repeat: repeat-y; z-index: 2; line-height: 22px; }
 div#leistungeninhalt { position: relative; width: 525px; margin: 0px 0px 0px 200px; padding: 0px; border: 0px; border-style: none; z-index: 1; }
  div#leistungenheader { position: relative; width: 525px; height: 20px; margin: 0px; padding: 0px; border: 0px; border-style: none; z-index: 2; color: #660000; }
	div#leistungenlinie { position: relative; width: 525px; height: 5px; margin: 0px; padding: 0px; border: 0px; border-style: none; z-index: 2; background-image: url("graphics/header-underline.gif"); background-repeat: repeat-x; font-size: 5px; line-height: 1em; }
	div#leistungenstandort { position: relative; width: 525px; height: 12px; margin: 0px; padding: 0px; border: 0px; border-style: none; z-index: 2; color: #99CCCC; font-size: 10px; line-height: 10px; }
	div#leistungentext { position: relative; width: 485px; margin: 0px; padding: 20px 20px 15px 20px; border: 0px; border-style: none; z-index: 2; }
 
 
 /* für andere Seiten */
 
 div#hilfe { position: relative; width: 775px; height: 20px; margin: 0px; padding: 0px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #006666; background-image: url("graphics/hilfe-bg.gif"); background-repeat: repeat-x; z-index: 1; line-height: 20px; text-indent: 200px; font-size: 12px; color: #006666; }
 
 div#inhalt { position: relative; width: 695px; margin: 0px 40px 0px 40px; padding: 0px; border: 0px; border-style: none; z-index: 1; }
  div#inhaltheader { position: relative; width: 695px; height: 20px; margin: 0px; padding: 0px; border: 0px; border-style: none; z-index: 2; color: #660000; }
	div#inhaltlinie { position: relative; width: 695px; height: 5px; margin: 0px; padding: 0px; border: 0px; border-style: none; z-index: 2; background-image: url("graphics/header-underline.gif"); background-repeat: repeat-x; font-size: 5px; line-height: 1em; }
	div#inhaltstandort { position: relative; width: 695px; height: 12px; margin: 0px; padding: 0px; border: 0px; border-style: none; z-index: 2; color: #99CCCC; font-size: 10px; line-height: 10px; }
	div#inhalttext { position: relative; width: 655px; margin: 0px; padding: 20px 20px 15px 20px; border: 0px; border-style: none; z-index: 2; }

 /* für die Referenzen */
 div#refbanner { position: relative; width: 775px; height: 50px; margin: 0px; padding: 0px; border-width: 0px; border-style: none; z-index: 1; line-height: 24px; font-size: 14px; color: #FFFFFF; background-color: #006666; text-align: center; }
 div#refclose { position: relative; width: 735px; height: 12px; margin: 0px; padding: 0px 20px 0px 20px; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #006666; z-index: 1; line-height: 10px; text-align: right; font-size: 10px; color: #006666; }
 div#refinhalt { position: relative; width: 730px; margin: 0px; padding: 20px 22px 15px 23px; border: 0px; border-style: none; z-index: 1; }
 div.refobjektbilder { position: relative; width: 130px; margin: 0px; margin-left: -2px; padding: 15px 0px 5px 0px; border: 0px; border-style: none; float: left; text-align: center; z-index: 4; }
 div.refobjekte { position: relative; width: 440px; margin: 0px 0px 0px 200px; padding: 5px 0px 5px 10px; border: 0px; border-left-width: 1px; border-style: none; border-left-style: solid; border-left-color: #99CCCC; z-index: 4; }
 
 /* für die Partner */
 div.partnerbilder { position: relative; width: 300px; margin: 0px; margin-left: 0px; padding: 5px 0px 5px 0px; border: 0px; border-style: none; float: left; text-align: center; z-index: 4; }
 div.partnertext { position: relative; width: 300px; margin: 0px 0px 0px 330px; padding: 5px 0px 5px 0px; border: 0px; border-style: none; text-align: left; z-index: 4; }
 
 div#fussleiste { position: relative; width: 775px; margin: 0px; padding: 0px; border: 0px; border-style: none; z-index: 1; }
  div#fussleistentitel { position: relative; width: 775px; height: 25px; margin: 0px; padding: 0px; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #006666; background-image: url("graphics/fuss-box-bg.gif"); background-repeat: repeat-x; z-index: 2; color: #006666; font-size: 10px; text-align: center; line-height: 11px; }
	div#fussleistentext { position: relative; width: 775px; margin: 10px 0px 10px 0px; padding: 0px; border-width: 0px; border-style: none; z-index: 2; color: #006666; font-size: 9px; text-align: center; line-height: 10px; }

 div.space { position: relative; width: 775px; height: 10px; margin: 0px; padding: 0px; border-width: 0px; border-style: none; z-index: 1; clear: left; line-height: 10px;  }
 
 
 /* für die Kontaktinformationen */
 
 table#kontaktformular { table-layout: fixed; width: 550px; margin: 10px 50px 10px 50px; padding: 0px; border: 0px; border-spacing: 0px; border-style: none; border-collapse: collapse; }
  td.bezeichnung { width: 250px; height: 25px; text-align: left; margin: 0px; padding: 0px; vertical-align: middle; }
	td.feld { width: 295px; height: 25px; text-align: left; margin: 0px; padding: 0px; vertical-align: middle; }
	td.brb { width: 250px; height: 15px; margin: 0px; padding: 0px; }
	td.brf { width: 295px; height: 15px; margin: 0px; padding: 0px; }
	td.mitteilung { width: 250px; height: 25px; text-align: left; margin: 0px; padding: 0px; vertical-align: top; }
	td.mitteilungstext { width: 295px; height: 25px; text-align: left; margin: 0px; padding: 0px; vertical-align: middle; }