/* ============ dunkelblau: #5782ac ============================================================================= */
/* ============ hellblau: #b9cadb =============================================================================== */

/* =========== workaround WinXP SP2 tabben ====================================================================== */		
		 
a, a:link, a:visited, a:hover, a:focus, a:active   {} 
		
/* =========== Allgemeines Layout =============================================================================== */		

*		{ margin: 0; padding: 0;
		  border-collapse: collapse; border-spacing: 0;
			}
html, body	{ height: 100%; background-color: #fff; color: #000;
			}
body		{ font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; line-height: 1.45;
			}
#wrap		{ min-height: 100%; border-left: 11em solid #b9cadb; min-width: 794px;
		  background: url(../bilder/hg_html.gif) repeat-y top right;
			}
* html #wrap	{ height: 100%;
			}
* html #minwrap	{ border-left: 794px solid #fff; position: relative; float: left; z-index: 1;
			}
* html #wrapcontent
		{ margin-left: -794px; position: relative; float: left; z-index: 2;
			}			
#header		{ background: url(../bilder/hg-top_2.jpg) no-repeat 11em 100%; height: 181px;
			}
			
/* ----------- Angaben zu #top ---------------------------------------------------------------------------------- */			

#top		{ background: #b9cadb url(../bilder/hg_header.gif) repeat-x left bottom; height: 181px;
		  margin-left: -11em; position: relative; padding-top: 10px;
			}
#top img, #region img, #content img	
		{ border: 0; display: block;
			}
.kliniken1	{ float: right; width: 150px; padding-top: 10px;
			}
.kliniken	{ float: right; width: 150px; padding-top: 10px;
			}
#region		{ float: left; width: 170px; padding-top: 5px;
			}
#top h1		{ font-weight: normal; color: #fff; background-color: #b9cadb; font-size: .8em; line-height: 1.0;
		  position: relative; height: 49px; width: 475px; margin-left: 190px; padding-top: 11px;
			}
#top h1 span	{ position: absolute;  height: 100%; width: 100%;
		  background: url(../bilder/top.jpg) no-repeat;
			}
/* ------------ Layout nach #top -------------------------------------------------------------------------------- */

#nav		{ width: 11em; background-color: #b9cadb; padding-bottom: 2em;
		  position: absolute; top: 8.6em; left: 0; z-index: 1;
			}
#content	{ padding: 2em 1.8em 1.5em 1.5em; min-height: 38em; width: 741px;
			}
* html #content	{ height: 38.5em;
			}
						
/* =========== Nur Startseite: ================================================================================== */

.abstd-starts	{ margin: 0 0 0 120px;
			}
#content h2.starts
		{ background-color: #b9cadb; padding: .15em .15em; margin-bottom: 2em;
			}
address.abstd-starts
		{ float: left; width: 18em; display: inline;
			}
			
/* =========== Start- und Unterseiten: ========================================================================== */

.containing-float:after
         	{ content: "."; visibility: hidden; height: 0; display: block; clear: both; line-height: 0.0;
         	  font-size: 0;
         		}
* html .containing-float
         	{
         	  /* verbergen IE-Mac \*/
         	  height: 1%;
         	  /* ende verbergen IE-Mac */
         		}
.clear		{ line-height: 0.0; clear: both; font-size: 1px; height: 0;
			}
.clear2		{ clear: right; }
#content h1, h2, p
		{ font-weight: normal;
			}
#content h1	{ line-height: 1.5; font-size: 1.1em; margin-bottom: 2em; color: #5782ac; font-weight: bold;
			}
#content h2, #content h3 
		{ line-height: 1.4; margin-top: 2em; margin-bottom: 1em; font-weight: bold;
			}
#content h2	{ font-size: 1em; 
			}
#content h2 span span	
		{ font-size: .8em; 
			}			
#content h3	{ font-size: .9em;
			}
#content h3.mitarbeiter
		{ margin-top: 4em;
			}			
#content h3 span	
		{ font-weight: normal;
			}			
#content h4 { line-height: 0.5; margin-top: 0.8em; margin-bottom: 1em; font-weight: bold; font-size: 1.07em;
			}		
#content h5 { line-height: 0.5; margin-top: 0.0em; margin-bottom: 0.0em; font-weight: bold; font-size: 1.15em;
			}				
#content p	{ font-size: .9em; text-align: justify; margin-bottom: .5em;
			}
#content img.mitarbeiter
		{ margin: 0 20px 20px 0;
			}
.line		{ border-top: 1px solid #b9cadb; margin: 2em 0 2em 0;
			}
.left		{ float: left;
			}
.left.bild-li	{ margin-right: .5em; margin-bottom: .4em;
			}
.right		{ float: right;
			}
.right.bild-re	{ margin-left: 1em; margin-bottom: .4em; 
			}
.right.bild-re2	{ margin-left: 1em; margin-bottom: .4em; margin-top: 2em
			}
.bild-re-ak.right { MARGIN-TOP: 2em; MARGIN-BOTTOM: 1em; MARGIN-LEFT: 1em
			}			
.marker		{ margin-top: 2em; margin-bottom: 2em; padding: .5em; background-color: #b9cadb; display: block;
		  border: 1px solid #5782ac;
			}			
p.marker	{ float: left; width: 17em;
			}
p.eingerueckt	{ margin: .5em;
			}
p.eingeruecktblau	
		    {  margin: .5em; color: #5782ac; font-weight: bold;
			}
p.eingerueckt2	
		    {  margin: .5em; padding: 0 0 0 0.2em; color: #000000; font-weight: bold;
			}
.eingeruecktblau	
		    {  margin: .5em; color: #5782ac; font-weight: bold;
			}			
#beitraege p	{ padding: 0 0 1em .5em; line-height: 1.3; 
			}
p.abstd-oben, img.abstd-oben
		    { margin-top: 2em;
			}
p.abstd-oben2	{ margin-top: 4em;
			}
p.abstd-oben3	{ margin-top: 5em;
			}
p.abstd-oben4	{ margin-top: 6em;
			}
p.abstd-oben5	{ margin-top: 1.5em;
			}			
img.abstd-oben2	{ margin-top: 0.6em;
			}			
address 	{ font-size: .9em; font-weight: normal; font-style: normal; margin-bottom: 2em;
			}
#frage p	{ margin: 2em 0 0 0;
			}
#frage span	{ font-style: italic;
			}
.dblau 		{color: #5782ac}			

/* =========== Links: =========================================================================================== */		

span.hg, address span		
		{ background-image: url(../bilder/pfeil.png); background-repeat: no-repeat; 
		  background-position: .5em .2em;
			}
span.hg-pdf	{ background-image: url(../bilder/pdf.png); background-repeat: no-repeat; 
		  background-position: .5em .1em;
			}
span.hg-ex	{ background-image: url(../bilder/linkex.png); background-repeat: no-repeat; 
		  background-position: .5em .2em;
			}	
span.hghome-pdf	{ background-image: url(../bilder/pdf.png); background-repeat: no-repeat; 
		  background-position: 0em .1em;
			}
span.hghome-test	{ background-image: url(../bilder/linkex.png); background-repeat: no-repeat; 
		  background-position: 0em .1em;
			}	
address span	{ background-position: 0 .2em;
			}
.textlink.abstd-rl, .textlink.abstd-ol 
		{ padding: 0 .2em; 
			}
.textlink.abstd-rl
		{ margin: 0 0 0 1.5em;
			}
.textlink.abstd-home
		{ margin: 0 0 0 1em;
			}
.textlink.abstd-home2
		{ margin: 0 0 0 1em; color: #5782ac; font-weight: bold;
			}			
address .textlink.abstd-rl
		{ margin-left: 1em;
			}
.textlink.abstd-ol
		{ margin: 0 0 0 1.5em;
			}
.textlink.oben
		{ margin: 0 0 0 1.5em; display:inline; font-size: 0.6em;
			}			
a.textlink:link, a.textlink:visited 
		{ color: #000; font-size: 1em; font-weight: normal;
			}
a.textlink:hover, a.textlink:active 
		{ text-decoration: none; background-color: #5782ac; color: #fff;
			}
address span#in
		{ background-image: none; font-style: italic; font-size: 1.2em; color:#33CC33;
			}
address span#motiv
		{ background-image: none; font-style: normal; color:#FF6600; margin-left: -0.25em; font-size: 1.2em;
			}			
	
/* =========== Listen: ========================================================================================== */


ul#schoenhofer, ul#czudaj, ul#vogel, ul#tonn, ul#presse, ul#leitlinien, ul#oberarzt, ul#lungenfunktion, ul#schlaflabor, ul#assistenzarzt
		{ list-style-type: none;
			}
#schoenhofer li, #czudaj li, #vogel li, #tonn li, #presse li, #leitlinien li, ul#oberarzt li, ul#lungenfunktion li, ul#schlaflabor li, ul#assistenzarzt li
		{ background-image: url(../bilder/pfeil.png); background-repeat: no-repeat; 
		  background-position: .5em .5em;
		  font-size: .9em; margin-bottom: .5em;
			}
li#video	{ background-image: url(../bilder/video.png); background-repeat: no-repeat;
		  background-position: .5em .3em;
			}
ol#pneumo, ol#fibrose, ol#endo, ol#inhaltleitlinien
		{ list-style-position: inside;
			}
ol#fibrose	{ list-style-type: upper-roman;
			}
#pneumo li, #endo li, ol#inhaltleitlinien li
		{ background-image: url(../bilder/pfeil.png); background-repeat: no-repeat; 
		  background-position: 1.5em .4em;
		  font-size: .9em; margin-bottom: .5em;
			}
#fibrose li	{ font-size: .9em; margin-bottom: .5em;
			}
dl.table-display
		{width: 40em; font-family: Arial, Helvetica, sans-serif; font-size: .9em; padding-top: 2em;
			}
.table-display dt
		{ width: 17em; float: left; padding: .5em; border: 1px solid #5782ac;
		  background-color: #b9cadb;
			}
.table-display dd
		{ padding-left: 20em; padding-bottom: 1em; background-image: url(../bilder/roundcyan.png); 
		  background-repeat: no-repeat; background-position: 19em .2em; 
			}
dd.abstddd	{ margin-bottom: 4em;
			}		
/* hide from mac-ie5 \*/
dt { clear: both; }
/* end hack */

.u-liste	{ margin-left: 20px; font-size: .9em;
			}
#content .inhalt li a, #content .inhalt li p	
		{ font-size: .9em; font-weight: normal; margin: 0 0 0 1em; padding: 0 .2em;
			}
#content h1.inhalt	
		{ font-size: 1em; font-weight: bold; margin: 2em 0 0 0; padding: 0;
			}
ul.inhalt, .inhalt ul, ul.bullet
		{ list-style-type: none;
			}
.inhalt li li 	{ margin-left: 2em;
			}
.inhalt li, .inhalt li li, .inhalt li li li
		{ background-repeat: no-repeat; background-position: 0 .5em; margin-top: .5em;
			}
.inhalt li	{ background-image: url(../bilder/pfeil.png);
			}
.inhalt li li, .inhalt li li li
		{ background-image: url(../bilder/pfeil2.png);
			}
.inhalt a:link, .inhalt a:visited 
		{ color: #000;
			}
.inhalt a:hover, .inhalt a:active 
		{ color: #fff; background-color: #5782ac; text-decoration: none;
			}
.u-liste2	{ font-size: .9em;
			}
.u-liste3	{ font-size: 0.9em;
			}			
.bullet li	{ padding-left: 1em; padding-bottom: 1em;
		  background-image: url(../bilder/roundcyan.png); background-repeat: no-repeat; 
		  background-position: 0em .3em;
			}
.bullet li span	{ margin: 1em 0 2em 0; display: block;
			}

/* =========== Footer: ========================================================================================== */

#footer		{ margin-top: 1em; padding: .5em .5em 0 0; border-top: 1px solid #b9cadb;
			}
#nav-footer	{ margin-left: auto; margin-right: auto; display: block; width: 300px;
			}
#footer ul	{ list-style-type: none;
			}
#footer li	{ float: left;
			}
#footer li a:link, #footer li a:visited
		{ text-decoration: none; border-bottom: 1px dashed #fff; font-size: .7em; font-weight: normal; 
		  color: #000;
		  margin: 0 0 0 .7em;
			}
#footer li a:hover, #footer li a:active
		{ color: #000; border-bottom: 1px dashed #000;
			}
.w3cbutton3  	{ margin: 1em .5em; width: 9em; border: 1px solid #ccc; font-family: helvetica,arial,sans-serif;
      		  font-size: 70%; font-weight: bold;
   			}
.w3cbutton3 a   { display: block; width: 100%;
   			}
.w3cbutton3 a:link, div.w3cbutton3 a:visited, div.w3cbutton3 a:hover   
		{ background-color: #fc6; color: #000; text-decoration: none;
   			}
.w3cbutton3 span.w3c   
		{ padding: 0 0.4em; background-color: #fff; color: #0c479d;
   			}
   			
/* =========== E-Mail Formulare ================================================================================= */   			

fieldset	{ border: 1px solid #b9cadb; padding: .5em; width: 420px;
			}
legend		{ color: #000;
			}
#druck-fieldset label, #druck-fieldset input
		{ display: block; float: left; width: 200px;
			}
#druck-fieldset textarea#textfeld
		{ display: block; float: left; width: 400px;
			}
form #druck-fieldset br
		{ clear: left;
			}
#druck-fieldset input#absenden
		{ float: none; width: auto;
			}
textarea, form	{ margin-bottom: 1em;
			}
form h6		{ font-size: 1em; font-weight: normal; color: #ff8c00;
			}			

/* =========== Navigation ======================================================================================= */

#navigation-top
		{width: 11em; height: 50px; background-color: #5782ac; border-bottom: 1px solid #fff;
			}
#nav #nav-main h1, #nav #nav-abt h1
		{ font-size: 1em; font-weight: normal; background-color: #5782ac; color: #fff;
		  margin: 1em 0 .5em 0;
			}
#nav #abt-h1	{ line-height: 1.45;
			}
#nav a, #nav .aktiv-main, #nav .aktiv-abt, #nav .aktiv-schl, .aktiv-wi
		{ font-size: .9em;
			}
#nav a, #nav .aktiv-main, #nav .aktiv-abt, #nav h1, #nav .aktiv-schl, aktiv-wi
		{ padding-left: .6em;
			}
#nav ul		{ list-style-type: none;
			}
#nav ul#nav-abt	{ line-height: 1.1;
			}
#nav #nav-anf	{ margin-bottom: 2em;
			}
#nav #nav-abt a, #nav .aktiv-abt	
		{ padding: .2em 0 .2em 1.6em;
			}			
#nav #nav-abt a	{ background-image: url(../bilder/abt.png); background-repeat: no-repeat;
		  background-position: .6em .3em; background-color: #b9cadb;
			}		
#nav a		{ display: block; text-decoration: none; width: 11.6em; color: #000;
			}
#nav #nav-main a:link, #nav #nav-main a:visited
		{ border-top: 1px solid #b9cadb; border-bottom: 1px solid #b9cadb; width: 11.6em;
			}
#nav #nav-abt a:link, #nav #nav-abt a:visited
		{ width: 10.6em;
			}		
#nav #nav-main a:hover, #nav #nav-main a:active, #nav .aktiv-main, #nav .aktiv-wi
		{ border-top: 1px solid #5782ac; border-bottom: 1px solid #5782ac;
		  background-color: #fff;
			}
#nav #nav-abt a:hover, #nav #nav-abt a:active, #nav .aktiv-abt
		{ border-top: 1px solid #fff; border-bottom: 1px solid #fff; background-color: #5782ac; color: #fff;
		  background-image: url(../bilder/abt2.png); background-repeat: no-repeat;
		  background-position: .6em .3em;
			 }			 
#nav #nav-abt li 
		{ padding-top: .3em;
			}
#nav #nav-abt li#abt-h1 
		{ padding-top: 0em;
			}
#nav ul#nav-wi	{ line-height: 1.1;
			}
#nav #nav-wi li	{ margin-bottom: .5em;
			}
#nav #nav-wi a:link, #nav #nav-wi a:visited, #nav #nav-wi a:hover, #nav #nav-wi a:active, #nav .aktiv-wi	
		{ background-image: url(../bilder/pfeil.png); background-repeat: no-repeat;
		  background-position: .6em .3em;
		  padding: .1em 0 .1em 1.8em; width: 10.4em;
			}			
#nav #nav-schl a:link, #nav #nav-schl a:visited, #nav #nav-schl a:hover, #nav #nav-schl a:active, #nav .aktiv-schl
		{ background-image: url(../bilder/pfeil.png); background-repeat: no-repeat;
		  background-position: 1.6em .3em;
		  padding: .1em 0 .1em 2.8em; width: 9.4em;
			}
#nav .aktiv-schl
		{ background-position: 1.6em .4em; border-top: 1px solid #fff; border-bottom: 1px solid #fff;
		  background-color: #5782ac; color: #fff;
			}
#nav .aktiv-wi	{ 
			}
#nav #nav-abt span, #nav #nav-main span
		{ display: block;
			}

/* =========== Sub - Navigation Wissenschaft und Presse ========================================================= */			

#beitraege	{ min-height: 45em;
			}
* html #beitraege
		{ height: 45em;
			}
#beitraege #sch-sub, #presse-sub, #leit
		{ width: 11em; background-color: #b9cadb; border: 1px solid #5782ac; padding: .5em 0; 
			}
#beitraege #sch-sub a, #beitraege #sch-sub p, #presse-sub a, #presse-sub p, #leit a, #leit p
		{ font-size: .9em; text-align: left;
			}
#beitraege #sch-sub p, #presse-sub p, #leit p
		{ width: 10.6em; margin: 0; padding: .1em 0 .1em 1.6em; background-color: #5782ac; color: #fff;
		  border-top: 1px solid #fff; border-bottom: 1px solid #fff;
			}
#beitraege ul#sch-sub, ul#presse-sub, ul#leitb
		{ list-style-type: none;
			}
#beitraege #sch-sub li, #presse-sub li, #leit li
		{ margin-bottom: .4em; line-height: 1.3;
			}
#beitraege #sch-sub li a, #presse-sub li a, #leit li a
		{ background-image: url(../bilder/pfeil.png); background-repeat: no-repeat; 
		  background-position: .5em .3em; padding-left: 1.5em; width: 10.7em;
		  text-decoration: none; display: block;
			}
#presse-sub li a#video2
		{ background-image: url(../bilder/video.png); background-repeat: no-repeat; 
		  	}			
#beitraege #sch-sub li a:link, #beitraege #sch-sub li a:visited, #presse-sub li a:link, #presse-sub li a:visited
		{ border-top: 1px solid #b9cadb; border-bottom: 1px solid #b9cadb; width: 10.7em; color: #000;
			}
#beitraege #sch-sub li a:hover, #beitraege #sch-sub li a:active, #presse-sub li a:hover, #presse-sub li a:active
		{ border-top: 1px solid #5782ac; border-bottom: 1px solid #5782ac; background-color: #fff;
			}