/*
 * Projekt: marienhospital-home-typo3
 *
 * CSS-Datei fuer die Bildschirmansicht
 *
 */

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 75%;
  background-color: #fff;
  margin: 0;
  padding: 0;
}

.bottom {
  position: fixed;
  bottom: 0px;
  width: 100%;
}

* html .bottom { width: auto; }
* html #content { height: 500px; }

img { border: 0 none; margin: 0; padding: 0; }

/* Positionierung oben */

#oben { }
#logo { position: absolute; }
#suche { position: absolute; padding: 0; right: 18px; width: 17em; }
#stimmungsbild { padding-left: 13.5em; }

/* Formatierung Suchmaske */

#suche { background: #fff; }
#suche form { margin: 0; padding: 0; }
#suche form legend { display: none; }
#suche form fieldset { margin: 0; padding: 0; border: none; }
#suche p {
  font-size: 1em; margin: 0; padding: 2px 0;
  color: #aaa; font-weight: bold;
  vertical-align: middle;
}
#suche input.textfield {
  margin: 0 .4em;
  font-size: 90%;
  vertical-align: middle;
  font-weight: normal;
}
#suche input.button {
  font-size: 1.0em;
  color: #666; font-weight: bold;
  padding: 0 .2em;
  vertical-align: middle;
}

/* Navigationsleisten oben */

#servicenavi {
  padding: .25em 0;
  margin-top: 1px;
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 13.5em;
  background-color: #c69;
}
#hauptnavi {
  padding: .25em 0 .25em 13.5em;
  margin-top: 1px;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 0;
  background-color: #06c;
}

/* Servicenavi und 1. Stufe der Navigation werden gleich formatiert */

#hauptnavi ul,
#servicenavi ul {
  font-size: 85%;
  margin: 0;
  padding: 0 .7em;
  font-weight: bold;
  text-transform: uppercase;
  list-style: none;
}

#hauptnavi ul li,
#servicenavi ul li {
  display: inline;
  border-left: 1px solid #fff;
  padding: 0 1em;
}

#hauptnavi ul li.first,
#servicenavi ul li.first {
  border-left: 0 none;
  padding: 0 1em 0 0;
}

#hauptnavi ul li a, #hauptnavi ul li a:visited,
#servicenavi ul li a, #servicenavi ul li a:visited {
  color: #fff;
  text-decoration: none;
}

#hauptnavi ul li a:hover,
#servicenavi ul li a:hover { color: #333; }

#hauptnavi ul li.act a, #hauptnavi ul li.act a:visited { color: #c69; }
#servicenavi ul li.act a, #servicenavi ul li.act a:visited { color: #06c; }
/* Achtung: Kontrast rosa(#c69) auf blau(#06c) ist nicht ausreichend! */
/*
#hauptnavi ul li.act a, #hauptnavi ul li.act a:visited,
#servicenavi ul li.act a, #servicenavi ul li.act a:visited { text-decoration: underline; }
*/

#hauptnavi ul li a:focus, #hauptnavi ul li a:active,
#hauptnavi ul li.act a:focus, #hauptnavi ul li.act a:active {
  border-top: 1px solid #c69;
  border-bottom: 1px solid #c69;
  color: #333;
}

#servicenavi ul li a:focus, #servicenavi ul li a:active,
#servicenavi ul li.act a:focus, #servicenavi ul li.act a:active {
  border-top: 1px solid #06c;
  border-bottom: 1px solid #06c;
  color: #333;
}

/* Statusleisten, oben und unten */

.statusleiste {
  background-color: #c69;
  padding-left: 13.5em;
}

.statusleiste p {
  margin: 0;
  font-size: 85%;
  color: #fff;
  background-color: #666;
  padding: .3em;
}

.statusleiste span.item {
  padding: 0 .5em;
  white-space: nowrap;
}

.statusleiste span.current {
  font-weight: bold;
}

.statusleiste p a {
  text-decoration: none;
  color: #fff;
}

.statusleiste p a:hover {
  text-decoration: underline;
}

.statusleiste p a:focus,
.statusleiste p a:active {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}
/* Positionierung der Spalten */

#navi {
  position: absolute;
  width: 13.5em;
}

#rechtsSpalte {
  position: absolute;
  right: 18px;
  width: 160px;
  margin-top: 3em; 
}

/* Navigation in der linken Spalte, es geht hier ab der 2. Stufe */

#navi {
  padding: 1.5em 0 1em 0;
  margin-bottom: 1em;
}

#navi a { text-decoration: none; color: #666; font-weight: bold; }

#navi ul {
  font-size: .8em;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#navi li a:hover { color: #000; }
#navi li a:focus { border: 1px solid #666; }
#navi li a:active { border: 1px solid #666; }

#navi ul.breadcrumb {
  font-size: .8em;
}

#navi h1 {
  font-size: .8em;
  text-transform: uppercase;
}

#navi ul.breadcrumb {
  margin: 0 0 1em .5em;
}

#navi ul.breadcrumb ul {
  margin: .5em .1em .5em .5em;
}
#navi ul.breadcrumb li {
  margin: .5em 0;
}
#navi ul.breadcrumb li a {
  display: block;
  background: url(../images/pfeil-breadcrumb-links.gif) no-repeat left center;
  padding-left: 18px;
}

#navi ul.breadcrumb li a:hover {
  background: url(../images/pfeil-breadcrumb-links-ro.gif) no-repeat left center;
}

#navi h1 {
  margin: 0;
  padding: .5em .5em 0 .5em;
  font-size: .8em;
  color: #000;
}

#navi h1 a, #navi h1 a:visited {
  color: #000;
}
#navi h1 a:hover {
  text-decoration: underline;
}

#navi ul.unternavi {
  padding: 0 .5em .5em .5em;
}

#navi ul.unternavi li a {
  font-weight: bold;
}
#navi ul.unternavi li { margin: .8em 0; line-height: 1.1em; }
#navi ul.unternavi li.act a { color: #000; font-weight: bold; }

/* Spalte rechts */

#rechtsSpalte {
  padding: 1em 0 1em 0;
  margin-bottom: 1em;
}

/* Inhaltsbereich */

#contentContainer { 
  background: #F1F6FF;
  padding-left: 13.5em;
  line-height: 1.25em; /* fix for background-problem with contentBorderless in IE "shining through" */
}

#content {
  min-height: 400px;
  background: #fff;
  padding: 1.5em 185px 1em 1em;
}

#contentBorderless {
  min-height: 400px;
  background: #fff;
  padding: 1.5em 27px 1em 1em;
}

/* Popup Body */

#popup {
  margin: 5px;
}

#popupClose {
  text-align: center;
  margin-top: 1em;
  padding: 0.5em 0;
  background: #F1F6FF;
}

/* Verstecktes, nur fuer Screen-Reader */

dfn, .hidden {
  position:absolute;
  left:-1000px;
  top:-1000px;
  width:0px;
  height:0px;
  overflow:hidden;
  display:inline;
}

.accessKey {
  text-decoration: underline;
}