/** Teil der HOMEPAGE DER DARMSTÄDTER KINDERKLINIKEN PRINZESSIN MARGARET
Version 4.1
(c) 2010 by SCENOS GbR. Alle Rechte vorbehalten.
*/

/*
Farben:      Stark    Schwach
Klink        #7ba144  #eaf1dd
Patienten    #d63e1e  #ffc493
Ärzte        #2d4f8e  #c2dcff
Mitarbeiter  #eee437  #ffffa9
*/



html {
height:100%; 
}

body {
margin:0;
padding:0;
background:#CCCCCC url(/grafik/elemente/bgkreise.png);
font-family:"Calibri","Verdana","Helvetica","Arial",sans-serif;
behavior:url(/skripte/hover.htc);
height:100%; 
text-align:left;
}


.rubrik_klinik, .rubrik_klinik #subnavi ul ul span:hover, .rubrik_klinik #subnavi ul ul span.akt, .rubrik_klinik .box.hervorheben, .rubrik_klinik .stdtbl tr, .rubrik_klinik .personen div {
	background-color:#eaf1dd;
}
.rubrik_klinik .stdtbl tbody tr:nth-child(2n+1), .rubrik_klinik .personen div:nth-child(2n+1) {
	background-color:#d7e4bc;
}
.rubrik_klinik #subnavi, .rubrik_klinik .stdtbl thead tr {
	background:#7ba144 url(/grafik/elemente/navibg_klinik.gif) repeat-y;
}
.rubrik_klinik #subnavi ul span:hover a, .rubrik_klinik #subnavi ul span.akt a, .rubrik_klinik .inhalt a, .rubrik_klinik .rechts a, .rubrik_klinik .inhalt h2  {
	color:#7ba144;
}
.rubrik_klinik h1, .rubrik_klinik hr, .rubrik_klinik #subnavi ul span:hover, .rubrik_klinik #subnavi ul span.akt , .rubrik_klinik #subnavi ul ul li, .rubrik_klinik .box, .rubrik_klinik .stdtbl {
	border-color:#7ba144;
}

.rubrik_klinik #home, .rubrik_klinik #hilfsnavi, .rubrik_klinik #navit1, .rubrik_klinik #navit2 {
	background:#7ba144;
}
.rubrik_klinik #punkte, .rubrik_klinik #punkte1 {
	border-color:#eaf1dd;
}

.rubrik_klinik #suche {	
	background:url(/grafik/elemente/suchbox_klinik.jpg) no-repeat;
}


.rubrik_patienten, .rubrik_patienten #subnavi ul ul span:hover, .rubrik_patienten #subnavi ul ul span.akt, .rubrik_patienten .box.hervorheben, .rubrik_patienten .stdtbl tr, .rubrik_patienten .personen div {
	background-color:#ffc493;
}
.rubrik_patienten .stdtbl tbody tr:nth-child(2n+1), .rubrik_patienten .personen div:nth-child(2n+1) {
	background-color:#ffad68;
}
.rubrik_patienten #subnavi, .rubrik_patienten .stdtbl thead tr {
	background:#d63e1e url(/grafik/elemente/navibg_patienten.gif) repeat-y;
}
.rubrik_patienten #subnavi ul span:hover a, .rubrik_patienten #subnavi ul span.akt a, .rubrik_patienten .inhalt a, .rubrik_patienten .rechts a, .rubrik_patienten .inhalt h2  {
	color:#d63e1e;
}
.rubrik_patienten h1, .rubrik_patienten hr, .rubrik_patienten #subnavi ul span:hover, .rubrik_patienten #subnavi ul span.akt , .rubrik_patienten #subnavi ul ul li, .rubrik_patienten .box, .rubrik_patienten .stdtbl {
	border-color:#d63e1e;
}
.rubrik_patienten #home, .rubrik_patienten #hilfsnavi, .rubrik_patienten #navit1, .rubrik_patienten #navit2 {
	background:#d63e1e;
}
.rubrik_patienten #punkte, .rubrik_patienten #punkte1 {
	border-color:#ffc493;
}
.rubrik_patienten #suche {	
	background:url(/grafik/elemente/suchbox_patienten.jpg) no-repeat;
}


.rubrik_aerzte, .rubrik_aerzte #subnavi ul ul span:hover, .rubrik_aerzte #subnavi ul ul span.akt, .rubrik_aerzte .box.hervorheben, .rubrik_aerzte .stdtbl tr, .rubrik_aerzte .personen div {
	background-color:#c2dcff;
}
.rubrik_aerzte .stdtbl tbody tr:nth-child(2n+1), .rubrik_aerzte .personen div:nth-child(2n+1) {
	background-color:#9fc8ff;
}
.rubrik_aerzte #subnavi, .rubrik_aerzte .stdtbl thead tr {
	background:#2d4f8e url(/grafik/elemente/navibg_aerzte.gif) repeat-y;
}
.rubrik_aerzte #subnavi ul span:hover a, .rubrik_aerzte #subnavi ul span.akt a, .rubrik_aerzte .inhalt a, .rubrik_aerzte .rechts a, .rubrik_aerzte .inhalt h2  {
	color:#2d4f8e;
}
.rubrik_aerzte h1, .rubrik_aerzte hr, .rubrik_aerzte #subnavi ul span:hover, .rubrik_aerzte #subnavi ul span.akt , .rubrik_aerzte #subnavi ul ul li, .rubrik_aerzte .box, .rubrik_aerzte .stdtbl {
	border-color:#2d4f8e;
}
.rubrik_aerzte #home, .rubrik_aerzte #hilfsnavi, .rubrik_aerzte #navit1, .rubrik_aerzte #navit2 {
	background:#2d4f8e;
}
.rubrik_aerzte #punkte, .rubrik_aerzte #punkte1 {
	border-color:#c2dcff;
}
.rubrik_aerzte #suche {	
	background:url(/grafik/elemente/suchbox_aerzte.jpg) no-repeat;
}


.rubrik_mitarbeiter, .rubrik_mitarbeiter #subnavi ul ul span:hover, .rubrik_mitarbeiter #subnavi ul ul span.akt, .rubrik_mitarbeiter .box.hervorheben, .rubrik_mitarbeiter .stdtbl tr, .rubrik_mitarbeiter .personen div {
	background-color:#ffffa9;
}
.rubrik_mitarbeiter .stdtbl tbody  tr:nth-child(2n+1), .rubrik_mitarbeiter .personen div:nth-child(2n+1) {
	background-color:#ffff46;
}
.rubrik_mitarbeiter #subnavi, .rubrik_mitarbeiter .stdtbl thead tr {
	background:#eee437 url(/grafik/elemente/navibg_mitarbeiter.gif) repeat-y;
}
.rubrik_mitarbeiter #subnavi ul span:hover a, .rubrik_mitarbeiter #subnavi ul span.akt a, .rubrik_mitarbeiter .inhalt a, .rubrik_mitarbeiter .rechts a, .rubrik_mitarbeiter .inhalt h2  {
	color:#cac138;
}
.rubrik_mitarbeiter h1, .rubrik_mitarbeiter hr, .rubrik_mitarbeiter #subnavi ul span:hover, .rubrik_mitarbeiter #subnavi ul span.akt , .rubrik_mitarbeiter #subnavi ul ul li, .rubrik_mitarbeiter .box, .rubrik_mitarbeiter .stdtbl {
	border-color:#eee437;
}
.rubrik_mitarbeiter #home, .rubrik_mitarbeiter #hilfsnavi, .rubrik_mitarbeiter #navit1, .rubrik_mitarbeiter #navit2 {
	background:#eee437;
}
.rubrik_mitarbeiter #punkte, .rubrik_mitarbeiter #punkte1 {
	border-color:#ffffa9;
}
.rubrik_mitarbeiter #suche {	
	background:url(/grafik/elemente/suchbox_mitarbeiter.jpg) no-repeat;
}
.rubrik_mitarbeiter #subnavi ul a {
	color:black;
}
.rubrik_mitarbeiter .stdtbl thead td {
	color:black;
}

#subnavi ul span.akt {
font-weight:bold;
}
#subnavi ul span.akt span{
font-weight:normal;
}
form {
	margin:0;
	padding:0;
}


div.rechts {
	float:right;
	width:300px;
	margin-right:30px;
	padding:0px;
	position:relative;
	z-index:2;
}

div.box {
	border:2px solid;
	padding:10px;
	padding-top:0px;
	background:white;
	display:block;
	position:relative;
	overflow:show;
}

div.box h2 {
	display:block;
	font-size:105%;
	font-weight:bold;
	text-transform:uppercase;
	background:#CCCCCC; /*url(/grafik/elemente/boxtop.png);*/
	color:white;
	margin:-10px;
	margin-top:0px;
	margin-bottom:10px;
	padding:4px 5px 4px 5px;
}

img.rechts {
	float:right;
	margin:0 0 10px 10px;
}

img.links {
	float:left;
	margin:0 10px 10px 0;
}

div.box hr, .hrabstand hr {
visibility:hidden;
margin:0;
height:0px;
padding:1.5em 0;
line-height:0;
}


.rubrik_klinik div.box h2 {
background:#7ba144;
/* url(/grafik/elemente/boxtop_aerzte.png)*/
}
.rubrik_patienten div.box h2 {
background:#d63e1e;
}
.rubrik_aerzte div.box h2 {
background:#2d4f8e;
}
.rubrik_mitarbeiter div.box h2 {
background:#eee437;
}
.rechts div.box {
	margin-bottom:20px;
	}

#subnavi {
	background:url(/grafik/elemente/navibg.gif) repeat-y;
	color:white;
	width:170px;
	position:relative;
	float:left;
	overflow:hidden;
	margin-bottom:100px;
}

#drucken {
	padding:4px 14px; text-align:right; color:white; font-size:90%; 
}
#drucken a {
	color:white;
	text-transform:uppercase;
}

#punkte {
	position:absolute;
	left:964px;
	top:240px;
	height:4000px;
	border-left:30px dotted #999999;
	z-index:1;
	}

.inhalt a, .rechts a {
	color:#999999;
}

#subnavileftbar {
	border:4px dotted #eaf1dd;
	position:absolute;
	top:-10px;
	left:6px;
	width:1px;
	height:4000px;
	z-index:0;
}
#suche {
	position:relative;
	background:url(/grafik/elemente/suchbox.jpg) no-repeat;
	height:40px;
	width:110px;
	text-align:left;
	padding:10px 0px 10px 60px;
	border-top:1px solid white;
	border-bottom:1px solid white;
	color:white;
	font-size:90%;
	font-weight:bold;
	text-transform:uppercase;
	z-index:1;
}



#suche input {
width:90px;
}


hr {
	margin-top:30px;
	font-size:1px;
	line-height:1px;
	border:0px;
	border-bottom:4px dotted #999999;
	margin-bottom:30px;
}

hr.klein {
	border-bottom-width:2px;
}

h1 {
	margin-top:0px;
	font-size:150%;
	border-bottom:4px dotted #999999;
	padding-bottom:7px;
	margin-bottom:15px;
}
h2 {
	font-size:120%;
}
h2.supheader {
	margin:0;
	padding:0;
}

h3 {
	font-size:110%;
}

h4, h5, h6, h7 {
	font-size:100%;
}


#subnavi ul {
	border-top:1px solid white;
	margin:25px 0 0 0;
	display:block;
	padding:0;
}
#subnavi li {
	border-bottom:1px solid white;
	display:block;
	padding:0;
	margin:0;
}

#subnavi ul ul li, #subnavi ul span:hover, #subnavi ul span.akt {
	border:0;
	border-top:1px solid white;
	border-bottom:none;
	display:block;
	background:white;
	padding:0;
	margin:0;
}

#subnavi li.trenner {
	height:10px;
	background:white;
}


#subnavi a {
display:block;
}
#subnavi ul li span {
	display:block;
	padding:5px 10px 5px 25px;
	color:white;
}
#subnavi ul span:hover, #subnavi ul span.akt {
	border:2px solid #999999;
	padding:3px 8px 3px 23px;
	color:#999999;
}
#subnavi ul span:hover a , #subnavi ul span.akt a {
	color:#999999;
}
#subnavi ul ul span:hover, #subnavi ul ul span.akt {
	padding:5px 10px 5px 25px;
}
#subnavi ul span:hover {
	background:white;
}
#subnavi ul ul span:hover, #subnavi ul ul span.akt {
	border:0;
}




#subnavi ul ul {
	background:white;
	border-top:none;
	margin:3px -8px 0 -23px;
}
#subnavi ul ul li span a {
	color:black;
	font-size:90%;
}


#subnavi ul a {
	color:white;
}

img {
border:0;
}
a {
text-decoration:none;
}

#seite {
position:relative;
margin:0 auto;
background:white;
width:1024px;
padding-top:140px;
overflow:hidden;
margin-bottom:50px;
}

#home {
background:#999999;
position:absolute;
display:block;
top:20px;
left:0px;
width:170px;
height:97px;
}
#logo {
display:block;
position:absolute;
left:0px;
}


#navi {
	position:absolute;
	top:20px;
	left:200px;
	width:824px;
	height:97px;
}
#navi .trenner {
	position:absolute;
	top:12px;
	z-index:10;
}
#trenner0 { left:-2px; }
#trenner1 { left:148px; }
#trenner2 { left:298px; }
#trenner3 { left:448px; }
#trenner4 { left:598px; }
#navi a {
	position:absolute;
	display:block;
	width:149px;
	height:97px;
	top:0px;
	background-repeat:no-repeat;
}
#navi a span {
	display:block;
	width:149px;
	height:95px;
	background-repeat:no-repeat;
	background-position:0 100px;
}
#navi a:hover span, #navi a.akt span {
	background-position:0px 0px;
}

#navi_klinik			{ background-image:url(/grafik/elemente/navi_klinik.jpg); left:0px; background-color:#7ba144; }
#navi_klinik span		{ background-image:url(/grafik/elemente/navi_klinik.gif); }
#navi_patienten			{ background-image:url(/grafik/elemente/navi_patienten.jpg); left:150px; background-color:#d73e1f; }
#navi_patienten span	{ background-image:url(/grafik/elemente/navi_patienten.gif); }
#navi_aerzte			{ background-image:url(/grafik/elemente/navi_aerzte.jpg); left:300px; background-color:#2d4f8e; }
#navi_aerzte span		{ background-image:url(/grafik/elemente/navi_aerzte.gif); }
#navi_mitarbeiter		{ background-image:url(/grafik/elemente/navi_mitarbeiter.jpg); left:450px; background-color:#eee437; }
#navi_mitarbeiter span	{ background-image:url(/grafik/elemente/navi_mitarbeiter.gif); }

#hilfsnavi {
	position:absolute;
	left:600px;
	height:97px;
	width:194px;
	background:#999999;
}
#hilfsnavi span {
	display:block;
	height:75px;
	background:#eeeeee;
	padding:10px;
	overflow:hidden;
}

#hilfsnavi a {
	position:relative;
	color:gray;
	height:auto;
	width:auto;
}

#navit1, #navit2 {
	position:absolute;
	height:97px;
	top:20px;
	background:#999999;
}
#navit1 span, #navit2 span {
	display:block;
	background:#eeeeee;
	height:95px;
}
#navit1 {
left:171px;
width:28px;
}
#navit2 {
left:995px;
width:29px;
}

#lehrkrankenhaus {
	text-align:center; 
	font-size:80%; 
	padding-top:20px;
	background:white; 
	color:black;
}
#lehrkrankenhaus img {
	margin-top:8px;
}

.inhalt {
margin-left:200px;
margin-right:360px;
margin-bottom:40px;
z-index:2;
}
.inhalt.breiteseite {
margin-right:70px;
}

.stdtbl {
	border:2px solid #999999;
	width:100%;
	margin-bottom:10px;
}

.stdtbl thead tr {
	background:#999999 url(/grafik/elemente/navibg.gif) repeat-y;
}
.stdtbl thead td, .stdtbl thead th {
	padding:4px;
	color:white;
	font-weight:bold;
	text-align:left;
}

.stdtbl thead td a, .stdtbl thead th a {
	color:white;
	text-decoration:none;
}
.stdtbl thead td a:hover, .stdtbl thead th a:hover {
	color:white;
	text-decoration:none;
}
.stdtbl tbody tr {
	background:#eeeeee;
}
.stdtbl tbody tr.highlight {
	background:#dfdfdf;
}
.stdtbl tbody td {
	padding:4px 8px 4px 4px;
}
.stdtbl tbody td.r {
	padding:4px 4px 4px 8px;
	text-align:right;
}
.stdtbl.oben td,.stdtbl.oben th {
	vertical-align:top;
}

.blanktbl {
	width:auto;
	border:none;
	margin:0;
	background:none;
	background-color:transparent;
}
.blanktbl tr, .blanktbl tr th, .blanktbl tr td, .blanktbl tr.highlight, .blanktbl tr.highlight th, .blanktbl tr.highlight td   {
	width:auto;
	border:none;
	margin:0;
	padding:2px;
	background:none;
	background-color:transparent;
	color:black;
	text-align:left;
	vertical-align:middle;
	font-weight:normal;
}
.blanktbl tr {
	padding:0;
}

.formtbl {
	width:auto;
	border-collapse:collapse;
}
.formtbl td {
	padding:0px 8px 3px 0px;
	text-align:left;
	vertical-align:top;
}

.tabtbl td {
	padding:0 15px 0 0;
	text-align:left;
	vertical-align:top;
}

.personen div {
	margin-bottom:1px;
	position:relative;
	padding:10px 10px 10px 130px;
	min-height:130px;
}

.personen div img {
	margin:-10px 10px -10px -130px;
	float:left;
	border-right:1px solid white;
}
.personen div span.status {
	font-size:90%;
}


ul.hspacing li {
	margin-bottom:10px;
}
ul.nohspacing li {
	margin-bottom:0px;
}
td.nowrap {
	white-space:nowrap;
}

div.inlineimgbox {
	font-size:80%;
}

div.inlineimgbox img {
	float:none;
	display:block;
	margin-bottom:5px !important;
}

div.inlineimgbox *, div.inlineimgboxlinks *, div.inlineimgboxrechts * {
	font-size:100%;
}

div.inlineimgboxlinks {
	float:left;
	position:relative;
	margin-right:20px;
	margin-bottom:10px;
	font-size:80%;
;
}

div.inlineimgboxlinks img.links {
	float:none;
	display:block;
	margin-right:0px !important;
	margin-bottom:5px !important;
}

div.inlineimgboxrechts {
	float:right;
	position:relative;
	margin-left:20px;
	margin-bottom:10px;
	font-size:80%;
}

div.inlineimgboxrechts img.rechts {
	float:none;
	display:block;
	margin-left:0px !important;
	margin-bottom:5px !important;
}