/* CSS Document */

/**
 * Klinikum DArmstadt
 * ==========================
 * @site 			www.klinikum-darmstadt.de
 * @date 			2010-06-01 (Erstellungsdatum)
 * @author 			LinusContent
 * @copyright 			LinusContent
 * @see 			http://www.linuscontent.com/
 *
 */
 
 /**
 * @section 	Inhaltsverzeichnis
 * 				==================
 * Farbdefinitionen 			C
 * Grundeinstellungen (reset, ...) 	G
 * Links 				L
 * Seitenlayout / Sektionen 		S
 * Navigation 				N
 * Textelemente 			W
 * Formulare 				F
 * Tabellen 		T
 * Medienstyles (Print, Mobil) 		M
 */
 
 /** =C
 *
 * @section 	Farbdefinitionen
 * 				================

 * @colordef 	Basisblau: 0039a6

 * @colordef 	Grün hell (inaktiv): afdd55
 * @colordef 	Grün dunkel (aktiv): 7ab800
 * @colordef 	Grün dunkler (Links): 5f881a

 * @colordef 	Grau hell inaktiv: C0C5C6
 * @colordef 	Grau dunkel aktiv: 9EA5A7
 * @colordef 	dunkelgrau = #5e6d6f (Headlines) / Pantone 444 C etwas dunkler gemacht. 

 * @colordef 	Blau hell inaktiv: 889bcb
 * @colordef 	Blau dunkel aktiv + Funktionsleiste: 637CC3

 * @colordef 	Gelb hell inaktiv: fada63
 * @colordef 	Gelb dunkel aktiv: fdc82f
  

 * @colordef 	dunkelgrau = #747f81() / Pantone 444 C

 *
 */

/** =G
 *
 * @section 	Grundeinstellungen
 * 			==========================
 * @note 	reset von Standard-HTML-Elementen, wie
 * @note 	Ueberschriften, Links etc.
 *
 */


html{color:#000;background:#FFF;}
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

caption,th{text-align:left;}
p,h1,h2,h3,h4,h5,h6{font-size:1em; line-height: 1em; font-weight:normal;}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
/* input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} */
/*because legend doesn't inherit in IE */
legend{color:#000;}

.clear{clear: both;line-height: 1px; font-size:1px;}

p {color:black;}


p, h1, h2, h3, h4, h5, h6, li, table, tr, td, a {line-height: 1.5em;}

/** =S
 *
 * @section 	Seitenlayout
 * 			==========================
 *
 */

html { }
body {font-size: 100.01%;  font-family: Verdana, "Franklin Gothic Book",  Calibri ; text-align: center; margin: 0; padding: 0; }

#pageframe {100%;  text-align: left; margin-right: auto; margin-left: auto; width: 67.2em; background-image: url(../media/layout/shadow-r.jpg); background-repeat: repeat-y;}
#page {background-color: #F1F2F2; width: 66em;  border-left: 1px solid #9EA5A7; float:left;  }
 
#shadow {font-size: 100%; height: 1em;  text-align: left; width: 67.2em; background-image: url(../media/layout/shadow-u-right.jpg); background-repeat: no-repeat; }
#shadow-ul{ height: 1em; background-color: white; background-image: url(../media/layout/shadow-u-left.jpg); background-repeat: no-repeat; width: 66em; float:left; border-left: 1px solid #ffffff;}
#shadow-ur{ height: 1em; background-color: white; background-image: url(../media/layout/shadow-u-right.jpg); background-repeat: no-repeat; width: 1em; float:left; }

#head{}
#headone{}
#headtwo{height: 5px; line-height: 5px; width: 66em; padding: 0; margin:0; background-image: url(../media/layout/bg-kopf-linie.jpg); background-repeat: repeat-x;}
#headtwo-aktuell{height: 1px; line-height: 1px; width: 66em; padding: 0; margin:0; background-image: url(../media/layout/line-blau.jpg); background-repeat: repeat-x;}
#headtwo-aktuell-1{width: 49em; height: 1px; line-height: 1px; padding: 0; margin:0; border-bottom: 1px dotted #5e6d6f;}
 

#fusszeile{
width: 66em;
padding-top: 0.25em;
border-top: 1px dotted #5e6d6f;
}


 /* Ausblenden  */

.NotInCSS{ 
/* for screen readers */
	position: absolute;
	top: 0;
	left: -7000px;
	}
.NoNoNever{ 
	display:none;
	}


/*+++++++++++++ Fenster +++++++++++++ */
#fenster #content-frame {margin: 2em 3em 2em 2em; }
#fenster .head-left{height: 6em; float:left; }
#fenster .head-right{height: 6em; float:right;}
#fenster #pageframe {width: 50em; background-image: url(../media/layout/shadow-r-small.jpg); background-repeat: repeat-y;}
#fenster #page {background-color: #FFFFFF; width: 48.8em;  border-left: 1px solid #9EA5A7; float:left;  }
 
#fenster #shadow {width: 50em; background-image: url(../media/layout/shadow-u-right-small.jpg); background-repeat: no-repeat; }
#fenster #shadow-ul{ width: 49em;}

#shadow {font-size: 100%; height: 1em;  text-align: left; width: 67.2em; background-image: url(../media/layout/shadow-u-right.jpg); background-repeat: no-repeat; }


#fenster #headtwo{width: 49em;}
#fenster #headtwo-aktuell{width: 49em;}
 
 
#fenster #content{width: 49em;}


#fenster #content #main-content {font-size: 1em; font-family: Verdana, "Franklin Gothic Book",  Calibri}
#fenster #content #main-content .content_fenster_right {font-size: 0.8em; line-height: 1.5em;}
#fenster #content #main-content .content_fenster_right td{font-size: 1em;}
#fenster #content #main-content .content_fenster_right p{font-size: 1em;}
#fenster #content #main-content .content_fenster_right ul{font-size: 1em;}
#fenster #content #main-content .content_fenster_right ul ul{font-size: 1em;}
#fenster #content #main-content .content_fenster_right h1{font-size: 1.2em;}
#fenster #content #main-content .content_fenster_right h2{font-size: 1.2em;}
#fenster #content #main-content .content_fenster_right h3{font-size: 1.2em;}
#fenster #content #main-content .content_fenster_right h4{font-size: 1.2em;}

#fenster #content #main-content .content_fenster_right_stellen {font-size: 0.8em; line-height: 1.5em;}
#fenster #content #main-content .content_fenster_right_stellen p{font-size: 1em;}
#fenster #content #main-content .content_fenster_right_stellen ul{font-size: 1em;}
#fenster #content #main-content .content_fenster_right_stellen ul ul{font-size: 1em;}
#fenster #content #main-content .content_fenster_right_stellen h1{font-size: 1.2em;}
#fenster #content #main-content .content_fenster_right_stellen h2{font-size: 1.2em;}
#fenster #content #main-content .content_fenster_right_stellen h3{font-size: 1.2em; font-weight: 600;}
#fenster #content #main-content .content_fenster_right_stellen h4{font-size: 1.2em;}
#fenster #content #main-content .content_fenster_right_stellen h5{font-size: 1.1em;}

#fenster  #fusszeile{
width: 49em;
}

#fenster #main-content {width: 49em;}
.content_fenster{width: 100%; padding-bottom: 1em;}
.content_fenster_left{float:left; width: 30%;}
.content_fenster_right{float:left; width: 68%}
.content_fenster_right_stellen{ padding: 2em;}

#fenster #content #main-content .content_fenster_left {font-size: 0.75em; line-height: 1.5em; }
#fenster #content #main-content .content_fenster_left p{font-size: 1em; color: #0039a6; font-weight: bold;}

.content_fenster h1,  .content_fenster h2, .content_fenster h3, .content_fenster h4{color: #5f881a; }
.content_fenster h5, .content_fenster h6 , .content_fenster .blau{color: #0039a6; }

#fusszeile p{
 font-size: 0.7em;
 padding: 0em 0.5em 0.5em 0.5em;
 color:#5e6d6f; 
}



.clear{clear: both;line-height: 1px; font-size:1px;}



/*+++++++++++++ Stellen +++++++++++++ */

.contentspace-gruen-m{
width: 100%;
height: 1px;
border-bottom: 1px solid #5f881a;
clear: both;
margin-top: 0.5em;
margin-bottom: 0.5em;

}
.contentspace-orange-m{
width: 100%;
height: 1px;
border-bottom: 1px solid #fdc82f;
clear: both;
margin-top: 0.5em;
margin-bottom: 0.5em;

}

.contentspace-blau-m{
width: 100%;
height: 1px;
border-bottom: 1px solid #0039a6;
clear: both;
margin-top: 0.5em;
margin-bottom: 0.5em;

}

.content_fenster_right_stellen p{
margin-bottom: 1em;
}


.content_fenster_right_stellen h3{
margin-bottom: 1em; margin-top: 1em;
}

.content_fenster_right_stellen h3.above{
}

p.rechts {text-align: right; margin-top: 0.5em;}
a {color: #5f881a; text-decoration: none;}
a:hover{text-decoration: underline;}

.content_fenster_right_stellen ul{
margin:0; 
padding:0 0 1.5em 0 ;
}
.content_fenster_right_stellen ul li{
padding-left: 15px;
background-image: url(../media/layout/auszeichnung/bullet-li-orange.gif); background-repeat: no-repeat;
}