/* -- Allgemeines -- */
body {
  background: url(../img/back3.gif) #e7f3f7; /* Hier sollte man, auch wenn man ein Bild als Hintergrund hat, nicht vergessen die Hintergrundfarbe zu setzen. Es könnte nämlich sein dass man aus versehen für den Text die gleiche Farbe hat wie für den Hintergrund wobei die Leute mit ausgeschalteten Bildern nichts erkennen können. */
  color: black;
  margin: 0;
  padding: 1%; /* Ein wenig Abstand, damit der Anschein eines Blattes auf der Wand immer erhalten bleibt. */
  min-width: 962px; /* Bei weniger als 962px Breite soll ein Scrollbalken erscheinen. */
  font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
  font-family: arial, sans-serif ;
}




/* -- layoutspezifisches -- */
#container {
	width: 960px; /* Eine Begrenzung der Breite auf höhstens 70em. Das machen wir um nicht zu lange Textbreiten zu erhalten, welche dann schlecht zu lesen sind. Für den IE gibt es in ielte6.css einen Woraround. */
	margin: auto; /* Hiermit zentrieren wir unsere Seite. */ 
	border: 1px solid #91887E; /* Eine kleine optische Abgränzung. */
	border-top: 0; /* Ganz oben allerdings würde es mit dem grauen komisch aussehen, deshalb weg damit. */
	background: white url(../img/back1.gif);
	min-height: 700px;

}

#footer {
  clear: both; /* Damit #main mindestens so hoch ausgedehnt wird wie #subnav, falls #subnav länger sein sollte. */
  padding: 0 20px;
}


/* - Kopf - */
#logo {
  background: url(../img/logo1deu.png) 0 0 no-repeat navy; /* Das Bild mit der Blume hat einen Übergang zum Schwarzen das nutzen wir aus. Wir lassen es oben links beginnen und wiederholen es nicht. Dadurch dass die Hintergrundfarbe auch schwarz ist, entsteht der Eindruck als ob das Bild unendlich lang wäre. */
  height: 100px; /* Das Blumenbild ist 64px hoch also wählen wir das auch als höhe für unseren Kopf. */
  text-align: right;
  overflow: hidden; /* Einzig der Mozilla könnte den Text unverhältnissmäßig zum Hintergrund verändern. Damit dann wenigstens das Menü benutzbar bleibt schneiden wir alles was herausragt ab. */
  margin: 0; /* Manche Browser haben das schon voreingestellt aber nicht alle, deshalb vereinheitlichen wir das. */
  width: 960px;
}

/* - Menü - */
#menu {
	padding: 5px 5%; /* Je kleiner das Fenster desto kleiner soll auch der Abstand des Menüs rechts und links sein. */
	margin: 0;
	text-align: right;
	color: #E85431; /* Hier definieren wir die Farbe des Menüpunktes, der kein Link ist, also den Menüpunkt der Seite auf der wir uns gerade befinden. */
	background: #A59D90;
}
#menu li {
  font-size: 10pt;
  display: inline; /* Damit die Menüpunkte nebeneinander und nicht untereinander erscheinen. */
  list-style-type: none; /* Die Bullets vor den Menüpunkten schalten wir ab. */
  border-left: 1px solid #E5E1DB; /* Ein optischer Trennungsstrich */
  padding: 0 10px 0 15px;
  font-weight: bold;
  font-family: "Frutiger LT 47 LightCn", Arial narrow, Helvetica, sans-serif;
}
#menu li a {
  color: white; 
  text-decoration: none;
}
#menu li a:visited {
  color: white; 
  text-decoration: none;
}
#menu li a:hover {
  color: black; background-color: white;
}
#menu li a:active {
  color: #E85431; background-color: white;
}


/* - Abteilungsdirektor - */
#chef {
	margin: 0;
	margin-top: 15px;
	color: white;
	float: right; 
	width: 300px
}
#chef li {
	font-size: 11pt;
	display: list-item; 
	list-style-type: none; 
	font-weight: normal;
	font-family: "Frutiger LT 47 LightCn", Arial narrow, Helvetica, sans-serif;
	margin-right: 0px;
	text-align: center; 
}
#chef li a {
  color: white; 
  text-decoration: none;
}
#chef li a:visited {
  color: white; 
  text-decoration: none;
}
#chef li a:hover {
  color: black;
}
#chef li a:active {
  color: #E85431;
}

/* - Hintergrundbild - */

#normalpos { position:static; top:0px; left:0px; width:1px; height:1px;
      z-index:1; background-color:#D0CAC1; }

#nephro1 { position:relative; top:40px; left:238px; width:270px; height:40px;
      z-index:1; background-color:white; border-bottom-width:2px; border-left-width:2px; border-right-width:0px; 
		border-top-width:0px; border-style: solid ; border-color:#E85431; text-align: left; padding-left: 0px; }
#nephro2 { position:relative; top:38px; left:96px; width:144px; height:144px;
      z-index:1; background-color:#D0CAC1; background-image: url(../img/nephro.gif); }

#gastro1 { position:relative; top:-30px; left:238px; width:144px; height:144px;
      z-index:1; background-color:#D0CAC1; background-image: url(../img/gastro.gif); }

#gastro2 { position:relative; top:-32px; left:74px; width:160px; height:40px;
      z-index:0; background-color:white; border-bottom-width:0px; border-left-width:0px; border-right-width:2px; 
		border-top-width:2px; border-style: solid ; border-color:#E85431; padding:0; text-align: right;  padding-right: 4px; }		

#neuro1 { position:relative; top:-112px; left:380px; width:144px; height:144px;
      z-index:1; background-color:#D0CAC1; background-image: url(../img/neuro.gif); }

#neuro2 { position:relative; top:-114px; left:176px; width:200px; height:60px;
      z-index:0; background-color:white; border-bottom-width:0px; border-left-width:0px; border-right-width:2px; 
		border-top-width:2px; border-style: solid ; border-color:#E85431; padding:0; text-align: right; padding-right: 4px;  }		


		
#link li {
	font-size: 10pt;
	display: list-item; 
	list-style-type: none; 
	font-weight: bold;
	font-family: "Frutiger LT 47 LightCn", Arial narrow, Helvetica, sans-serif;

}
#link li a {
  color:#E85431; 
  text-decoration: none;
}
#link li a:visited {
  color:#E85431; 
  text-decoration: none;
}
#link li a:hover {
  color:navy;
}
#link li a:active {
  color:black;
}				

/* - Kontaktleiste - */
#kontakt {
	padding: 5px 5%; /* Je kleiner das Fenster desto kleiner soll auch der Abstand des Menüs rechts und links sein. */
	margin: 2px 0 0 0;
	text-align: right;
	color: white; /* Hier definieren wir die Farbe des Menüpunktes, der kein Link ist, also den Menüpunkt der Seite auf der wir uns gerade befinden. */
	background: /*#A59D90*/navy;
}
#kontakt li {
  font-size: 9pt;
  display: inline; /* Damit die Menüpunkte nebeneinander und nicht untereinander erscheinen. */
  list-style-type: none; /* Die Bullets vor den Menüpunkten schalten wir ab. */
  border-left: 1px solid #E5E1DB; /* Ein optischer Trennungsstrich */
  padding: 0 10px 0 15px;
  font-weight: normal;
  font-family: "Frutiger LT 47 LightCn", Arial narrow, Helvetica, sans-serif;
}





/* linke Box */
  
  div#Inhalt {

    padding: 0;
    border: 0px dashed silver;
  }
  div#Inhalt h1 {
    font-size: 1.5em;
    margin: 0 0 0.5em;
	 display: none;
  }
  div#Inhalt h2 {
    font-size: 1.4em;
    margin: 2em 0;
	 font-weight: normal;
  }
  div#Inhalt p {
    font-size: 0,8em;
	 font-family: Georgia, "Times New Roman", Times, serif;
	 color: #91887E;
    margin: 1em 0 0 1em;
  }



p#greeting {
	font-size: 11pt;
	font-weight: normal;
	color: navy;
	font-family: "Frutiger LT 47 LightCn", Arial narrow, Helvetica, sans-serif;
	text-align: justify; 
	margin: 0px 25px 0px 25px;
}

h2#greeting {
	font-size: 14pt;
	font-weight: bold;
	color: navy;
	font-family: "Frutiger LT 47 LightCn", Arial narrow, Helvetica, sans-serif;
	text-align: left; 
	margin: 0px 25px 8px 25px;
}

#greeting a {
  color:navy; 
  text-decoration: underline;
}
#greeting a:visited {
  color:navy; 
  text-decoration: underline;
}
#greeting a:hover {
  color:#E85431;
}
#greeting a:active {
  color:blue;
}				

p#wichtig {
	font-size: 11pt;
	font-weight: normal;
	color:#E85431 ;
	font-family: "Frutiger LT 47 LightCn", Arial narrow, Helvetica, sans-serif;
	text-align: justify; 
	margin: 0px 25px 0px 25px;
}
#wichtig a {
  text-decoration: underline;
}
#wichtig a:visited {
  color:navy; 
  text-decoration: underline;
}
#wichtig a:hover {
  color:blue;
}