/* *** Style Krankenhaus Nettetal 
 * RKN 	18.05.2010
*** */
/*
*/

body {
	font-size: 					0.8em;
	font-family: 				Arial, Sans-Serif;
	color:						#000000;
	padding:					0;
	margin:						0 auto 0 auto;
	background-color: 			#FFFFFF;
	background-image:			url(/images/bg_seite.jpg);
	background-repeat:			repeat-x;
	background-position:		top left;	
}
/* ----------container to center the layout-------- */
#container {
	width: 						988px;
	overflow:					hidden;
	padding:					0;
	margin: 					10px auto 10px auto;
}

/* ----------banner for logo-------------- */
#banner {
	background-image:			url(/ftp/Image/kopf/kopf_2.jpg);
	background-repeat:			no-repeat;
	background-position:		top left;
	background-color:			#FFFFFF;
	width:						984px;
	height:						268px;
	border: 					2px solid #9593AB;
	border-width:				0px 2px 0 2px;
	clear:						both;
	/* border: 1px solid red; */
}
img.logo {
	float:						left;
	margin:						15px 0 0 15px;
}
div.claim {	
	font-size:					2.8em;
	color:						#221878;
	padding:					20px 370px 0 320px;
}
div.claim small {
	display:					block;
	text-align:					right;
	font-size:					0.35em;	
	font-weight:				bold;
	padding-right:				3px;
}
	
#servicemenu {
	padding:					5px 0 10px 0px;
	color:						#FFFFFF;
	float:						left;
}
#servicemenu div.servicelinks {
	width:						300px;
	float:						left;
	padding-top:				4px;
}
#servicemenu a {
	color:						#FFFFFF;
	text-decoration:			none;
	text-transform:				uppercase;
	margin:						0 10px 0 10px;
}
#servicemenu a:hover {
	color:						#FFFFFF;
	text-decoration:			underline;
}
#servicemenu .sprachen {
	padding: 3px 0 0 30px; 
	width: 200px;
	float: right;
}
#servicemenu .sprachen .flagge {
	vertical-align: bottom;
	margin-right: 5px;
	border:	1px solid #FFFFFF;
}
form.suche {
	background-image:			url(/images/bg_suche.gif);
	background-position:		left top;
	background-repeat:			no-repeat;	
	display:					block;
	float:						left;
	width:						185px;
	padding:					5px 0 2px 25px;
	margin:						0 5px 0 0;
}
input.suche {
	width:						150px;
	height:						12px;
	border:						0;
	color:						#666666;
	float:						left;
}
form.suche input.knopf {
	background-image:			url(/images/btn_suche.gif);
	background-position:		left top;
	background-color:			#FFFFFF;
	background-repeat:			no-repeat;	
	width:						16px;
	height:						16px;
	border:						0;
	margin:						-1px 6px 2px 0;
	padding:					0;
}

/* ---------- body und spalten links mitte rechts und fuss ----------------- */

#body {
	background-color:			#FFFFFF;
	clear:						both;
	border: 					2px solid #9593AB;
	border-width:				0 2px 2px 2px;
	width:						984px;
	float: 						left;
}

#left {
	width:						190px;
	min-height:					400px;
	overflow:					visible;
	float:						left;
	margin-top:					-120px;	
	padding:					0px 0 15px 15px;
	position:					relative;
	/* border: 					1px solid yellow; */
}

#content{
	float:						left;
	margin:						-40px 0 0 5px;	
	padding:					0px 10px 5px 10px;
	width:						540px;
	/* border: 					1px solid cyan; */
}

 #right {
 	width:						190px;
 	overflow:					visible;
 	float:						right;
	padding:					20px 15px 5px 5px;
	font-size:					0.9em;
	color:						#666666;
	/* border: 					1px solid gray; */
 }

#footer {
	clear:						both;
	font-size:					0.75em;
	padding:					3px 0 10px 10px;
	color:						#221878;
	margin:						0px;
}
#footer a {
	margin:						0 5px 0 5px;
}


/*- Menu --------------------------- */

#menu {
	margin:						0 0 20px 0;
}
#menu ul {
	padding:					0;
	margin:						0;
	overflow:					visible;
}
#menu li {
	padding: 					0;
	margin: 					0;
	list-style: 				none;
}

#menu a, .sitemap a {
	text-decoration: 			none;
	display: 					block;
	color:						#221878;
}
	
#menu a.m1, #menu a.m1:link, #menu a.m1:visited {
	background-image:			url(/images/bg_mp.jpg);
	background-position:		left top;
	background-repeat:			no-repeat;
	border-top:					2px solid #FFFFFF;
	min-height: 				18px;
	margin:						5px 0 0 0;
	padding: 					0 0 4px 25px;
	font-weight:				bold;
}

#menu a.m2, #menu a.m2:link, #menu a.m2:visited, .sitemap a.m2 {
	background:					url(/images/bg_mp_sub.jpg) left top no-repeat;
	min-height:					16px;
	margin:						0 0 0 20px;
	padding: 					3px 0 3px 18px;
	font-weight:				bold;
}

#menu a.m3, #menu a.m3:link, #menu a.m3:visited, .sitemap a.m3, #menu a.m4, #menu a.m5 {
	color: 						#191919;
	font-size:					0.9em;
	padding: 					3px 0 2px 50px;
	font-weight:				normal;
}
#menu a.m4 {
	color:						#444444;
	padding-left:				60px;
}	
#menu a.m5 {
	color:						#444444;
	padding-left:				70px;
}	

#menu a.m1:hover, #menu a.m2:hover, #menu a.m3:hover, #menu a.m4:hover, #menu a.m5:hover, .sitemap a:hover {
	text-decoration:			underline;
}
#menu li.marked a.marked, #menu li.open a.open {
	text-decoration:			underline;
}
#menu hr  {
	margin:						10px 0 10px 0px;
	color:						#FFFFFF;
}
#menu hr.B1 {  /* erste Trennlinie ausblenden */
	display:					none;
}

/* Schnellzugriff */
div.schnellzugriff {
	margin:						10px 0 20px 4px;
}
div.schnellzugriff h3 {
	background-color:			#edf1fa;
	padding:					3px;
	color:						#2218A8;
	font-size:					1.1em;
	margin-bottom:				0;
}
#menu #schnellzugriff a.m1 {
	background-image:			url(/images/bg_mp_hell.jpg);	
	margin-left: 				-3px;	
}
#menu #schnellzugriff a.m2 {
	padding-left:				20px;
	margin-left:				0px;
}

ul#schnellzugriff {
	margin: 0; 
	padding: 0;
}

/* 
http://de.selfhtml.org/css/layouts/navigationsleisten.htm
*/

ul#schnellzugriff li {
    list-style: none;
	border-bottom:				1px dashed #AAAAAA;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
	z-index: 0;
    position: relative;
}
/* Korrektur fuer den IE 5 und 6 */
/* 
* html ul#schnellzugriff li {  
   margin-bottom: -0.4em;
}
*/
/* Korrektur fuer den IE 7 */
/* 
*:first-child+html ul#schnellzugriff li {  
    margin-bottom: -0.1em;
}
*/
ul#schnellzugriff li ul {
    margin: 0; 
	padding: 0;
    position: absolute;
    top: -22px; 
	left: 182px;
	background-color: #FFFFFF;
	border: 5px solid #EDF1FA;
    display: none;  /* Unternavigation ausblenden */
  }
*:first-child+html ul#schnellzugriff ul {  /* Workaround fuer den IE 7 */
	padding-bottom:0.4em;
}
ul#schnellzugriff li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
}
ul#schnellzugriff li ul li {
	float: none;
    display: block;
    margin-bottom: 0.2em;
	border-bottom: 0;
}
ul#schnellzugriff a, ul#schnellzugriff span {
    display: block;
    width: 160px;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.2em;
    text-decoration: none; 
	font-weight: bold;
}
/* korrekte Breite fuer den IE 6 im standardkonformen Modus */
/*
* html ul#schnellzugriff a, * html ul#schnellzugriff span {
    w\idth: 6.4em;
}
*/
ul#schnellzugriff a:hover, ul#schnellzugriff span, li a#aktuell {
	text-decoration: underline;
	/* background-color: #EDF1FA; */
}
li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: red;
}
ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
	background-color: #EEEEEE;
}








/* Untermenuepunkte im Content Bereich */
/*
div.menukasten {
	padding:						3px 5px 3px 5px;
	margin:						-15px -15px 0 -15px;
}
*/

/* Film-Kasten fuer Ausgabe */
/*
div.film {
	background-color:			#DAE4F1;
	border:						5px solid #094CA1;
	text-align:					center;
	border-width:				5px;
	padding: 					5px;
}
*/

a, a:active {	color: 			#221878;  	}
a:visited {		color:			#221878;	}
a:hover {		color: 			#094CA1;	}
a img {			border:			0;			}
#content a, #right a { font-weight:bold;		}

a.pdf {
	background-image:			url(/images/ico_pdf.gif);
	background-position:		top left;
	background-repeat:			no-repeat;
	padding-left:				20px;	
	display:					inline-block;
}

h1 {
	font-size: 					1.4em;
	font-weight:				bold;
	color:						#221878;
	padding:					0 30px 5px 0;
	margin-bottom:				8px;
}

h2, h3, h4 {
	font-size:					1.1em;
	font-weight: 				bold;
	color:						#221878;
	margin-bottom:				4px;
	padding-bottom:				4px;	
}
h3, h4 {
	color:						#000000;
}
h4 {
	font-size:					1em;
}
#right h1, #right h2 {
	border-bottom:				1px dashed #AAAAAA;
	margin-bottom:				4px;
	padding-right:				0;
}

div.einleitung {
	font-weight:				bold;
	color:						#666666;
	padding:					5px 0 5px 0;
}

p {
	margin:						0.2em 0px 0.6em 0px;
}

ul {
	margin-top:					0;
	margin-bottom:				0;
	padding-top:				0;
}
li {
	margin-bottom:				0.3em;
}
hr {
	border:						0;
	border-bottom:				1px dashed #AAAAAA;
}

/* ------------------- Bilder ------------------- */

/* Bild (img) im Textblock */
img.bild {
	max-width:			530px;
}

div.bildmitte {
	width:				100%;
	text-align:			center;
	/* background-color:	#eef2f5; */
	margin:				0 auto 10px auto;
	border-collapse:	collapse;
	border-spacing:		0;
}
#right div.bildmitte {
	background-color:	inherit;
}
div.bildlinks {
	float:				left;
	margin:				0 10px 0 0;
	border-collapse:	collapse;
	border-spacing:	0;
}

img.halter, div.halter, img.rahmen, div.rahmen {
	border:				2px solid #AAAAAA;
	padding:			2px;
}
/*
div.bildlinks div.halter {
	background-color:	#89a1b8;
	border-right:		5px solid #FFFFFF;
	height:				5px;
	font-size:			0.2em;
}
*/
div.bildrechts {
	float:				right;
	border-collapse:	collapse;
	border-spacing:	0;
	margin:				0 0 5px 10px;
}
div.bildrechts img {
	margin:		 		5px 0 0px 0px;
}
img.links {
	float:				left;
	margin:				0 10px 5px 0;
}
img.rechts {
	float:				right;
	margin:				0 0 5px 10px;
}

/*
div.bildrechts img.halter {
	border-right:		5px solid #89a1b8;
}
div.bildrechts div.halter {
	background-color:	#89a1b8;
	border-left:		5px solid #FFFFFF;
	height:				5px;
	font-size:			0.2em;
}
*/
div.bild p {
	margin:				0;
	padding:			0;
}
div.bildrechts p{
	margin-left:		12px;
}
div.bildmitte p {
	background-color:	#FFFFFF;
	margin-top:			0;
	font-size:			0.80em;
}

div.animation {
	margin:				0.7em 0 0.7em 0;
}

/* Bildergalerie */
a.galerie {
	display:			inline-block;
	background-color:	#EDF1FA;
	min-width:			150px;
	min-height:			113px;
	vertical-align: 	middle;
	text-align:			center;
	margin:				10px;
}
img.galerie {
	max-height:			113px;
}

/* Tabellen im Inhalt */
#content td {
	vertical-align:				top;
}


/* News (in rechter Spalte) */
#right div.news {
	margin-bottom:				20px;
}
#right div.news p a {
	color:						#444444;
	text-decoration:			none;
	font-weight:				normal;
}
#right div.news p a:hover{
	text-decoration:			underline;
}

/* Mitarbeiter */
div.mitarbeiter {
	/* border:1px solid red; */
	float:						left;
	width:						32%;
	text-align:					center;
	margin-bottom:				20px;
}
div.mitarbeiter a:hover img {
	border-color:				#221878;
}


/* kleiner Text (z. B. im Wetter oder Minikalender) */
.kleiner	{ 	font-size:				0.92em; 		}
.klein 	{ 	font-size:					0.85em; 		}
.winzig 	{ 	font-size:					0.7em; 			}
.fett 	{		font-weight:			bold;			}

/* Farben */
.gelb 	{ 		color: 					#FFCC00;		}
.bggelb	{ 		background-color: 		#FFCC00;		}
.blau  	{ 		color: 					#221878;		}
.bgblau	{ 		background-color: 		#221878;		}
.bghblau	{ 	background-color: 		#E4E4F0;		}
.bgmblau	{	background-color:		#D9D8E8;		}
.weiss 	{    	color: 			  		#FFFFFF;		}
.bgweiss {     	background-color:		#FFFFFF;		}
.grau   	{     	color: 			  		#505050;		}
.bggrau 	{		background-color:		#505050;	    }
.hgrau   {     	color: 			  		#F0F0F0;		}
.bghgrau {		background-color:		#F0F0F0;    	}



/*- Formulare --------------------------- */
form, form table {
	width:						500px;
	border-width:				0px;
	border-spacing:				0px;
}
form td {
	padding:					1px 0 1px 5px;
}
form tr.kopf, form tr.fuss, form tr.kopf {
	background-color:			#FF9C00;
	height:						20px;
	font-weight:				bold;
	color:						#FFFFFF;
}
form tr.kopf {
	background-image:			url(images/rundgelb.gif);
	background-repeat:			no-repeat;
	background-position:		right;
}
form tr.fuss {
	background-color:			#909090;
}
form tr.zeile {
	border-bottom:				1px solid gray;
	vertical-align:				top;
}
form tr.grau {
	background-color:			#FDCE89;
}
input, textarea {
	float:						right;
	font-size:					11px;
	font-family: 				Arial, Sans-Serif;
	padding:					2px;
	border:						1px solid #606060;
}
input.checkbox {
	border: 					0;
	text-align:					left;
}
input.lang, textarea.lang {
	width:						300px;
}
form .pflicht {
	background-color:			#E4E4F0;
	border-width:				1px;
	border-color:				#000000;
}
input.fehler {
	background-color:			#E4E4F0;
}
input.knopf {
	border:						1px solid #094CA1;
	padding:                	2px 10px 2px 10px;
	margin-left:				10px;
	background-color:			#221878;
	color:						#FFFFFF;
	width:						auto;
	font-weight:				bold;
}
input.knopf:hover, input.knopf:focus {
	border-color:				#D9D8E8;
}

div.formularfehler {
	color:						#C60707;
	font-weight:				bold;
}



/*- Druckausgabe --------------------------- */
@media print {
	body {	
		background-color:			#FFFFFF;
		background-image:			none;
		width:						760px;
		margin: 					0;
		padding: 					0;
	}
	#container {
		margin: 					0;
		padding: 					0;
		width:						760px;
		border:						0;
	}

	#banner {
		border:						0;
		width:						760px;
		height:						60px;
		margin: 					0;
		background-image:			none;
		background-position: 		-1000px -1000px;
	}
	#body {
		border:						0;
		width:						760px;
		margin-top:					30px;
	}

	#content{
		padding:					0;
		margin:						0;
	}

	#right {
		padding-top:				30px;
		border:						0;
	}

	#left, #menu, #servicemenu, .noprint {
		visibility:					hidden;
		display:					none;
		width:						1px;
	}
	img.logo {
		margin:						0;
	}
	div.claim {
		font-size:					1.5em;
		padding-right:				20px;
		padding:					40px 0 0 560px;
	} 
	#footer {
		color:						#191919;
		border:						0;
		text-align: 				center;
	}

}