/* Style-Sheet für Spitalstiftung Konstanz, Copyright by Werner Merk, www.kunsterbunt.de
	Version 3 (Startversion): Februar 02, 2007 */


/* ------------------------ Allgemeine- und Schriftformatierungen --- */


body {
color: #2f2f2f;
margin: 0;
padding: 0;
background: rgb(232,232,232) url(../bilder/hg.gif) repeat-y center;
}

body, p, a, h1, h2, li, td {
font-family: verdana,arial,helvetica,sans-serif;
}

p {
	line-height: 1.6em;
	margin-top: 0px;
	text-align: left;
	}

p b { color: black; }

h1 {
font: 20pt georgia,verdana,arial,helvetica,sans-serif;
font-weight: normal;
color: #000000;
margin-top: -5px;
}

h2 {
font: 14pt georgia,verdana,arial,helvetica,sans-serif;
font-style: italic;
font-weight: normal;
line-height: 16pt;
color: #000000;
}

h3 span {display:none}

a {
  color: blue;
  text-decoration: underline;
  }

a:hover {
	color: red;
  text-decoration: none;
  }

table {
width: 100%;
background-color: gray;
}

th {
font-weight: normal;
text-align: left;
background-color: white;
font-size: 0.9em;
}

tr {
text-align: right;
background-color: white;
}

tr.tkopf {
font-weight: bold;
background-color: lightgrey;
font-size: 0.8em;
}

tr.tkopf th {
text-align: left;
font-weight: bold;
background-color: lightgrey;
color: black;
}

/* --   tr.tkopf {
  color: white; background:
  url(../bilder/td_kopf_hg.gif) top left repeat-x;
  } -- */

/* ------------------------ Spezielle Formatierungen für Absätze, Bilder, Tabellen --- */

p.abstand { margin-left: 120px; }

p.rand {
padding-top: 25px;
font-size: 10pt;
font-weight: bold;
}

p.rand a {
color: black;
first-letter: 12pt;
text-decoration: none;
}

p.rand a:hover {
color: black;
text-decoration: underline;
}

p.box, p.boxn {
padding: 10px;
font-weight: bold;
color: black;
border: 1px solid gray;
}

p.boxn {
font-weight: normal;
background-color: ghostwhite
}

p.links {
padding-right: 25px;
}

img.li { margin: 2px 15px 5px 0; float: left; }
img.re { margin: 2px 0 5px 15px; float: right; }
img.rera { margin: 2px -30px 5px 15px; float: right; }
img.lira { margin: 2px 15px 5px -30px; float: left; }

img.button {
float:left;
margin-right: 10px;
}


hr {
border: 1px solid gray;
border-width: thin;
}



/* ------------------------ Basis-Element KÖRPER --- */


#koerper {
	position: absolute;
	margin-left: 50%;
  top: 0;
  left: -390px;
  width: 780px;
	voice-family: female;
  display: block;
	}

/* ------------------------ Gültig für alle Elemente des Inhaltbereiches --- */

#kopf, #menue, #bild, #bild_gross, #bauch {
  position: relative;
  left: 266px;
  width: 504px;
  margin: 0;
  padding: 0;
	}

/* ------------------------ Unterelement Menü --- */

#menue {
height: ;
font: normal 0.7em verdana,arial,sans-serif;
border-top:  0px solid black;
border-bottom: 0px solid black;
background: url(../btn/hg_menu.gif) top left repeat-x;
}

#menue ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#menue li {
float: left;
color: black;
margin: 0;
}

#menue li.stiftung {
background: url(../btn/stiftung2.gif) top left no-repeat;
}

#menue li.verwaltung {
background: url(../btn/verwaltung2.gif) top left no-repeat;
}

#menue li.pflege {
background: url(../btn/pflege2.gif) top left no-repeat;
}

#menue li a:link, #menue li a:visited {
font: verdana,arial,sans-serif;
display: block;
color: black;
text-decoration: none;
padding: 0;
background-color: transparent;
}

#menue li.stiftung a:hover {
background: url(../btn/stiftung1.gif) top left no-repeat;
}

#menue li.verwaltung a:hover {
background: url(../btn/verwaltung1.gif) top left no-repeat;
}

#menue li.pflege a:hover {
background: url(../btn/pflege1.gif) top left no-repeat;
}

body#stiftung li.stiftung a:link, body#stiftung li.stiftung a:visited, body#stiftung li.stiftung a:hover {
background: url(../btn/stiftung.gif) top left no-repeat;
}

body#verwaltung li.verwaltung a:link, body#verwaltung li.verwaltung a:visited, body#verwaltung li.verwaltung a:hover {
background: url(../btn/verwaltung.gif) top left no-repeat;
}

body#einrichtungen li.pflege a:link, body#einrichtungen li.pflege a:visited, body#einrichtungen li.pflege a:hover,
body#wohnen li.pflege a:link, body#wohnen li.pflege a:visited, body#wohnen li.pflege a:hover,
body#ambulant li.pflege a:link, body#ambulant li.pflege a:visited, body#ambulant li.pflege a:hover,
body#pflege li.pflege a:link, body#pflege li.pflege a:visited, body#pflege li.pflege a:hover {
background: url(../btn/pflege.gif) top left no-repeat;
}

#menue a span {
display: none;
}

.aktiv {
border: 0px solid gray;
background-color: white;
}

/* ------------------------ Basis-Elemente des Inhaltsbereiches --- */

#kopf {
  height: 11px;
  background: url(../bilder/kopf.gif) top left repeat-x;
	}

#menue {
  height: 47px;
  background: url(../btn/hg_menu.gif) top left repeat-x;
	}

#bild, #bild_gross {
  background: url(../bilder/hg_bild.gif) top left no-repeat rgb(255,219,132);
	}

#bild h5 {
display: none;
}

#bild img {
margin: -3px 0 -5px 0;
padding: 0;
}

#bild_gross {

	}

#bauch {
  text-align: left;
	margin-bottom: 0px;
  padding-bottom: 0;
  background: url(../bilder/hg_innen.gif) no-repeat top left;
	}

#pnav {
position: relative;
width: 504px;
left: 266px;
font: bold 0.9em verdana,arial,helvetica,sans-serif;
}

#pnav ul {
list-style-type: none;
margin: 0;
padding: 5px 0 10px 5px;
}

#pnav li {
display: inline;
padding: 0 6px;
margin: 0;
border-right: 1px dotted gray;
background-color: transparent;
}

#pnav li.akt  {
border: 0px solid gray;
background-color: rgb(255,235,173);
}

#pnav li a:link, #pnav li a:visited {
color: #2f2f2f;
font-weight: bold;
text-decoration: none;
}

#pnav li a:hover {
color: black;
text-decoration: underline;
}

#pnav li.akt a:link, #pnav li.akt a:visited, #pnav li.akt a:hover  {
cursor: default;
color: black;
text-decoration: none;
}

/* ------------------------ Unterelement INHALT --- */

#inhalt {
padding: 30px 30px 0 30px;
background:transparent;
font: normal 0.9em verdana,arial,helvetica,sans-serif;
}

#inhalt_p {

	margin-top: -30px;
  padding: 30px 30px 0 30px;
  background: transparent;
  }

#spalten {
padding: 0;
background: transparent; margin: 0px 20px 15px 25px;
font: normal 0.8em verdana,arial,helvetica,sans-serif;
}

#fuss {
font: normal 0.7em verdana,arial,helvetica,sans-serif;
padding: 20px 30px 30px 30px;
background: url(../bilder/hg_fuss.gif) top left no-repeat;
}

#fuss b {
text-transform: uppercase;
font-weight: bold;
color: black;
}

#fuss a:link, #fuss a:visited {
color: blue;
text-decoration: none;
margin: 0;
}

#fuss a:hover {
color: blue;
text-decoration: underline;
}

/* ------------------------ Buttonpositionierungen zum Basis-Element KOPF --- */

#m1, #m2, #m3 {
	position:absolute;
  top: 0px;
  height: 47px;
  }

#m1 {
	left: 0px;
  width: 169px;
  }

#m2 {
	left: 168px;
  width: 170px;
  }

#m3 {
	left: 335px;
  width: 169px;
  }

/* ------------------------ Bauch-Element SPALTEN: Interne Elemente  --- */

#fl_li {
	width: 249px;
  float: left;
  }

#fl_re {
	width: 183px;
  float: left;
  }

#fl_mi {
	width: 20px;
  float: left;
  }

#fl_end {
	height: 0px;
  clear: both;
  }

#fl_31, #fl_32, #fl_33 {
float: left;
width: 144px;
border: 1px solid gray;
background: ghostwhite;
}

#fl_31 a, #fl_32 a, #fl_33 a {
color: black;
text-decoration: none;
}

#fl_31 a:hover, #fl_32 a:hover, #fl_33 a:hover {
color: black;
text-decoration: underline;
}

#fl_31 p, #fl_32 p, #fl_33 p,
#fl_21 p, #fl_22 p {
color: black;
padding: 6px;
}

#fl_31 ul, #fl_32 ul, #fl_33 ul {
}

#fl_31 {
margin: 0;
}

#fl_32 {
margin: 0 2px;
}

#fl_33 {
margin: 0;
}

#fl_21, #fl_22 {
float: left;
width: 208px;
border: 1px solid gray;
background: ghostwhite url(../pflege/bilder/hg1.gif) top left repeat-x;
margin-bottom: 20px;
}

#fl_21 {
margin-right: 10px;
}
#fl_22 {

}

/* ------------------------ Bauch-Element SPALTEN:
														Hintergrundbelegung der internen Elemente
                            --- belegt als Klasse zur ID  --- */

.info, .neutral, .verw, .download {
	border: 1px solid #808080;
  }

.info {	background: url(../bilder/info.gif) top left no-repeat;  }

.neutral {	background: url(../bilder/neutral.gif) top left no-repeat;  }

.verw {	background: url(../bilder/verwaltung.gif) top left no-repeat;  }

.download {	background: url(../bilder/download.gif) top left no-repeat;  }


/* ------------------------ Bauch-Element SPALTEN:
														Interne Absatzformatierungen
														--- belegt als Klasse zum Absatzelement --- */

p.box_n, p.box_v {
	padding-left: 61px;
  font-size: ;
  color: #7f7f7f;
  line-height: 12pt;
  }

p.box_n {
	height: 222px;
  }

p.box_v {
	height: 200px;
  }

/* ------------------------ Bauch-Element SPALTEN: Zusatzclasse zu Verwaltung
														differenzierte Darstellung IE < 7,
														Ausgleich des Abstandes zum nächsten Elements --- */

#spalten.abstand {
  margin: 0px 20px 0px 25px;
  }

body[id=wm_stift] #spalten.abstand {
  margin: 0px 20px 20px 25px;
  }

/* ------------------------- Navigation --- */

#navi {
position: absolute;
top: 240px;
left: 25px;
width: 220px;
voice-family: male;
font: bold 0.8em verdana,arial,helvetica,sans-serif;
}

body[id=wm_stift] #navi {
position: fixed;
margin-left: 50%;
top: 240px;
left: -369px;
width: 220px;
}

#navi a:link, #navi a:visited {
display: block;
width: 220px;
text-indent: 20px;
color: #3f3f3f;
text-decoration: none;
padding: 5px 0px 4px 0px;
border-bottom: 1px solid lightgrey;
border-top: 1px solid white;
}

#navi a:hover {
text-decoration: underline;
color: black;
}

#navi a:link.pa, #navi a:visited.pa,
#navi a:link.pa1, #navi a:visited.pa1,
#navi a:link.pa2, #navi a:visited.pa2,
#navi a:link.pa3, #navi a:visited.pa3,
#navi a:link.pa4, #navi a:visited.pa4,
#navi a:link.pa5, #navi a:visited.pa5 {
font-weight: normal;
}

body#einrichtungen a.p1,
body#wohnen a.p2,
body#ambulant a.p3,
body#pflege a.p4 {
background: url(../bld/pfeil_auf.gif) top left no-repeat;
}

body#einrichtungen a.p2, body#einrichtungen a.p3, body#einrichtungen a.p4,
body#wohnen a.p1, body#wohnen a.p3, body#wohnen a.p4,
body#ambulant a.p1, body#ambulant a.p2, body#ambulant a.p4,
body#pflege a.p1, body#pflege a.p2, body#pflege a.p3 {
background: url(../bld/pfeil_zu.gif) top left no-repeat;
}

#navi a.s1, #navi a.s2, #navi a.s3, #navi a.s4 {
font-weight: normal;
padding-left: 35px;
width: 185px;
}

#navi a.s1 {
background: url(../btn/abisz.gif) top left no-repeat;
}

#navi a.s2 {
background: url(../btn/mail.gif) top left no-repeat;
}

#navi a.s3 {
background: url(../btn/einstellungen.gif) top left no-repeat;
}

#navi a.s4 {
background: url(../btn/impressum.gif) top left no-repeat;
}

/* ------------------------- Pflege Farbleiste, Grundform */

#plall, #plamb, #pllui, #plpet, #plsal, #pltag, #pltal, #pltab, #pluri {
position: relative;
width: 504px;
height: 12px;
left: 266px;
}

#plall {
background: url(../pleiste/pflegefarben.gif) top left no-repeat;
}

#plamb {
background: url(../pleiste/ambulant.gif) top left no-repeat;
}

#pllui, #pltab {
background: url(../pleiste/luisenheim.gif) no-repeat;
}

#plpet {
background: url(../pleiste/petershausen.gif) no-repeat;
}

#plsal {
background: url(../pleiste/salzberg.gif) no-repeat;
}

#pltag {
background: url(../pleiste/tagespflege.gif) no-repeat;
}

#pltal {
background: url(../pleiste/talgarten.gif) no-repeat;
}

#pluri {
background: url(../pleiste/urisberg.gif) no-repeat;
}

/* ------------------------- Wasserzeichen */

#wz { display:none }

#wappen {
	position: absolute;
  margin-left: 50%;
  top: 64px;
  left: -370px;
  width: 205px;
  height: 138px;
  background: url(../bilder/wappen.gif) top left no-repeat;
  }

body[id=wm_stift] #wappen {
  position: fixed;
  margin-left: 50%;
  top: 64px;
  left: -370px;
  width: 205px;
  height: 138px;
  background: url(../bilder/wappen.gif) top left no-repeat;
  }

/* ------------------------ Leiste --- */

#l1 {
	position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 21px;
  background: url(../bilder/leiste.gif) repeat-x;
	}

#l2 {
	position: absolute;
  margin-left: 50%;
  top: 0;
  left: -390px;
  width: 780px;
  height: 20px;
	background: url(../bilder/leiste_innen.gif) top left no-repeat;
  }

/* ------------------------------------------- Formatdefinitionen für den Styleswitcher --- */

#stil {
position: absolute;
margin-left: 50%;
top: 20px;
left: -370px;
width: 200px;
height: 20px;
font: 0.7em verdana,arial,helvetica,sans-serif;
z-index: 9;
}

#switcher {
padding-left: 5px;
}

#switcher ul {
list-style-type: none;
margin: 1px 0 10px 0;
padding: 0;
}

#switcher li {
display: inline;
padding: 2px 4px;
border-right: 1px dotted white;
}

#switcher li a:link, #switcher li a:visited {
color: gray;
font-weight: normal;
text-decoration: none;
padding: 2px 4px;
}

#switcher li a:hover {
color: black;
text-decoration: underline;
}

#switcher li.cc a:link, #switcher li.cc a:visited, #switcher li.cc a:hover  {
cursor: default;
font-weight: normal;
color: black;
background-color: ghostwhite;
}