/* *** Style Krankenhaus Nettetal *** */
/*
*/

body {
	background-color: 		#B5C9E3;
	font-size: 					0.9em;
	font-family: 				Arial, Sans-Serif;
	color:						#564b47;
	padding:						0px;
	margin:						0px;
}

/* ----------container to center the layout-------- */
#container {
	width: 						980px;
	overflow:					hidden;
	background-color:			#FFFFFF;
	padding:						5px 0px 5px 8px;
	margin: 						0px;
	margin-left: 				8px;
	x-margin-right: 				auto;
	x-border:			1px solid green;
}

/* ----------banner for logo-------------- */
#banner {
	background-image:			url(../ftp/Image/kopf/kopf3.jpg);
	background-repeat:		no-repeat;
	background-position:		top left;
	background-color:			#EEEEEE;
	padding:						212px 0 0 0px;
	float:						left;
	width:						974px;
	x-height:						2px;
	margin-bottom:				2px;
	x-border:			1px solid green;
}
#druckbanner {
	visibility:					hidden;
	display:						none;
	height:						1;
	width:						1;
}

#servicemenu {
	x-background-color: 	#EEEEEE;
	x-background-image:		url(images/eckeweiss.gif);
	x-background-repeat:	no-repeat;
	x-background-position:	right;
	x-color:					#ffffff;
	x-font-family: 			Verdana, Arial, Sans-Serif;
	float:					left;
	x-text-align: 			left;
	x-font-weight:			bold;
	font-size:				0.85em;
	margin-top:				-162px;
	x-margin-top:				-220px;
	x-height:					220px;
	padding-top:			10px;
	x-padding:	 				3px 0px 2px 10px;
	x-min-height:	 			18px;
	width:					213px;
	line-height:			180%;
	x-border:			1px solid red;
}
#servicemenu a {
	x-color:					#D0D0D0;
	text-decoration:		none;
	x-margin-right:			10px;
}
#servicemenu a:hover {
	x-color:					#FFFFFF;
	text-decoration:		underline;
}
#servicemenu img.flagge {
	border:					1px solid #FFFFFF;
}
#servicemenu a.halb {
	display:					block;
	float:					left;
	padding-left:			5px;
	width:					100px;
	x-border:					1px solid #FFFFFF;
}
div.suche {
 	x-background-color:				#EEEEEE;
	x-font-size:						0.85em;
	x-font-weight:					bold;
	color:							#444444;
	x-padding-left:					10px;
}
form.suche {
	width:						205px;
	x-text-align:					right;
	padding:						0px;
	x-height:						12px;
	margin:						0px;
}
input.suche {
	width:						80px;
	float:						none;
	height:						12px;
	x-margin-right:				20px;
}


/* ----------outer and inner----------------- */

#outer{
	width: 					980px;
	clear:					all;
	padding-left: 			0px;
	float: left;
	border-left: solid 213px #DAE4F1; /* color of the left column  */
	x-border-right: solid 200px #EBD3E0; /* color of the right column  */
	x-background-color: #ffffff;  /* color of the content column */
}

#inner{
	margin:					0;
	float:					left;
	width:					760px;
	x-border:					1px solid blue;
} /* The ie/pc pecularity */


/* --------------left and right navi------------- */
#left {
	width:						213px;
	height:						400px;
	overflow:					visible;
	background-color:			#DAE4F1;
	float:						left;
	padding:						0 0 40px 0;
	position:					relative;
	margin-left:				-213px;
 	x-margin-right:				3px;
 	x-border:						1px solid green;
}

 #right {
 	width:					200px;
	height:					100%;
 	overflow:				visible;
 	float:					right;
 	position:				relative;
	padding:					35px 5px 5px 5px;
	font-size:				0.85em;
	background-color:		#EEEEEE;
	x-border: 					1px solid red;
 }

/* -----------------content--------------------- */
#content{
	x-position: 				relative;
	float:					left;
	padding:					15px 10px 5px 20px;
	width:					510px;
	x-margin-left: 		50px;
	x-border: 				1px solid red;
	font-size:					0.9em;
}

/*  ----------------footer---------------------- */
#footer {
	clear:					left;
	font-family: 			Tahoma, Arial, Sans-Serif;
	x-background-color:		#000033;
	x-color:					#FFFFFF;
	min-height:				14px;
	border-top:				1px solid #191919;
	font-size:				0.75em;
	padding:					3px;
	margin:					0px;
	text-align: 			center;
	margin-right:			7px;
	x-border:					1px solid red;
}


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

#menu {
	font-family: 				Verdana, Arial, Sans-Serif;
	font-size: 					0.85em;
}

div.dynmenu {
	width:							757px;
	height:							23px;
	overflow:						hidden;
	float:							left;
	margin-left:					1px;
}
div.dynmenu a:visited {
	color								none;
}

span.hmpblau, span.hmprot, span.hmpgruen, span.hmpgelb, span.hmpgrau, div.hmp,
a.hmpblau, a.hmprot, a.hmpgruen, a.hmpgelb, a.hmpgrau {
	width:						182px;
	height:						20px;
	margin-right:				3px;
	padding:						5px 0 0 5px;
	display:						block;
	float:						left;
	font-weight:				bold;
	font-family: 				Verdana, Arial, Sans-Serif;
	font-size: 					0.85em;
	text-decoration:			none;
}
span.hmpblau, div.hmpblau, a.hmpblau, a.hmpblau:visited {
	background-color:			#DAE4F1;
	color:                  #094CA1;
}
span.hmprot, div.hmprot, a.hmprot, a.hmprot:visited {
	background-color:		   #F9DBDD;
	color:                  #D8000F;
}
span.hmpgelb, div.hmpgelb, a.hmpgelb, a.hmpgelb:visited {
	background-color:			#F8EEB5;
	color:                  #FCAD36;
}
span.hmpgruen, div.hmpgruen, a.hmpgruen, a.hmpgruen:visited {
	background-color:			#DFF1DD;
	color:                  #1F9B11;
	margin-right:				0px;
}
span.hmpgrau, div.hmpgrau, a.hmpgrau, a.hmpgrau:visited {
	background-color:			#EEEEEE;
	color:                  #444444;
	width:						208px;
}

#menu a.m1, #menu a.m1:link, #menu a.m1:visited {
	background-color:			#094CA1;
	color:						#FFFFFF;
	background-position:		right;
	background-repeat:		no-repeat;
	border-top:					2px solid #FFFFFF;
	min-height: 						18px;
	text-decoration: 			none;
	display: 					block;
	padding: 					3px 0 2px 10px;
	font-weight:				bold;
}

#menu a.m1:hover {
	background-color:			#F5D100;
	color: 							#444444;
}

#menu a.m2, #menu a.m2:link, #menu a.m2:visited {
	color: 						#444444;
	min-height:					16px;
	text-decoration: 			none;
	display: 					block;
	padding: 					3px 0 3px 10px;
}
#menu a.m2:hover {
	background-color:			#E0E0E0;
}


#menu a.m3, #menu a.m3:link, #menu a.m3:visited {
	color: 						#191919;
	font-size:					0.9em;
	text-decoration: 			none;
	display: 					block;
	padding: 					3px 0 2px 15px;
}

#menu a.m4, #menu a.m4:link, #menu a.m4:visited {
	color: 						#444444;
	font-size:					0.9em;
	text-decoration: 			none;
	display: 					block;
	padding: 					2px 0 1px 25px;
}

#menu a.m5, #menu a.m5:link, #menu a.m5:visited {
	color: 						#444444;
	font-size:					0.9em;
	text-decoration: 			none;
	display: 					block;
	padding: 					2px 0 1px 35px;
}

#menu a.m3:hover, #menu a.m4:hover, #menu a.m5:hover {
	background-color:			#F0F0F0;
}


/* 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: 					#3F3D64;
}
a:visited {
	color:					#094CA1;
}
a:hover {
	color: 					#094CA1;
}


h1 {
	font-size: 					1.8em;
	font-weight:				normal;
	color:						#094CA1;
	font-style:					italic;
	x-background-color: 		#FF9C00;
	padding:						5px 5px 0 0;
	margin-bottom:				10px;
}

h2 {
	font-size:					1.5em;
	font-weight: 				normal;
	color:						#094CA1;
	x-padding: 					5px 5px  0;
	margin-bottom:				4px;
}

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

p {
	margin:						0px;
	x-font-size:					0.9em;
}

ul {
	margin-top:					0;
	margin-bottom:				0;
	x-padding-left:				20px;
	padding-top:				0;
}
li {
	list-style-type:			square;
	list-style-image:			url(images/list_image.gif);
	margin-bottom:				3px;
}

img.icon {
	vertical-align:			middle;
}
img.bild {
	margin:						5px;
}
img.rechts {
	float:						right;
	margin:						0 -80px 3px 5px;
}

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


/*- 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:			#F8EEB5;
	border-width:				1px;
	border-color:				#000000;
}
input.fehler {
	background-color:			#F8EEB5;
}
input.knopf {
	border:						1px solid #094CA1;
	padding:                2px 10px 2px 10px;
	margin-left:				10px;
	background-color:			#094CA1;
	color:						#FFFFFF;
	width:						auto;
	font-weight:				bold;
}
div.formularfehler {
	color:						#D8000F;
	font-weight:				bold;
}

/*- Druckausgabe --------------------------- */


@media print {

#container {
	width:						700px;
	margin-left: 				0px;
	padding-left:				0px;
	x-border: 				1px solid green;
}

#outer{
	border-left: 0;
	width:					700px;
	x-border: 				1px solid blue;
}

#inner{
	width:					700px;
	x-border: 				1px solid black;
}

#content{
	padding:					0;
	width:					480px;
	x-border: 				1px solid red;
}

#right {
	padding-top:				30px;
	x-border: 				1px solid gray;
}

#banner, #left, #menu, #servicemenu, .noprint {
	visibility:					hidden;
	display:						none;
	width:						1px;
}
#druckbanner {
	visibility:					visible;
	display:						block;
	height:						auto;
	width:						auto;
	text-align:					center;
	x-border:						1px solid red;
}

#footer {
	color:					#191919;
	border:					none;
}

}
