/*
	CSS-Definition für Pflegeportal
	GLobale Anweisungen
	v1.0
	by Falko Müller @ 2009
*/


/* Allgemein */
html {
	padding: 0px;
	margin: 0px;
	max-height: 100%;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
body {
	padding: 0px;
	margin: 0px;
	background-color: #3D3E3D;
	background-image: url(../images/hg_body.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	overflow: hidden;
	height: 100%;
	width: 100%;
	max-height: 100%;
}

body, td, th {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
}
a {
	color: #999999;
}
a:hover {
	color: #990000;
	/*text-decoration: none;*/
}

h1 {
	font-size: 1.4em;
	font-weight: bold;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

ul, ol {
}
ul li, ol li {
	margin-bottom: 5px;
}

#clearing, .clearing {
	clear: both;
	height: 0px;
	font-size: 0px;
}

#loading, #waiting {
	display: none;
	width: 180px;
	height: 40px;
	margin-top: -20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -90px;
	border: 1px solid #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-style: italic;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #B1C7CF;
	text-align: center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100000;
}
	#loading img, #waiting img {
		display: block;
		text-align: center;
		padding: 0px;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
	}

/* Blöcke */
#main {
	padding: 0px;
	height: 100%;
	max-height: 100%;
	width: 1000px;
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	background-color: transparent;
}
	#main #mainheader {
		font-weight: bold;
		color: #FFF;
		height: 80px;
		width: 980px;
		display: block;
		position: absolute;
		z-index: 10000;
		left: 0px;
		top: 0px;
		margin: 0px;
		overflow: hidden;
		padding: 10px;
		background-image: url(../images/hg_body.jpg);
		background-repeat: repeat-x;
		background-position: center top;
	}
		#main #mainheader #logo {
	line-height: 75px;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	vertical-align: middle;
	display: block;
	padding: 0px;
	width: 200px;
	height: 100px;
	float: left;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 0px;
		}
			#main #mainheader #logo a {
	text-decoration: none;
	color: #FFF;
			}

			#main #mainheader #logo img {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
			}
		#main #mainheader #metanav {
	line-height: 75px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	display: block;
	padding: 0px;
	width: auto;
	height: 100px;
	float: right;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 50px;
	font-size: 0.8em;
	font-weight: normal;
		}
#main #mainheader #metanav a {
	color: #FFF;
	font-weight: bold;
}
#main #mainheader #metanav a:hover {
	color: #FFF;
	text-decoration: none;
}


#main #mainheader #metanav a.abmelden {
	color: #B1C7CF;
	font-weight: bold;
}
#main #mainheader #metanav .trenner {
	color: #FFF;
	font-weight: bold;
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}


	#main #mainnav {
	position: absolute;
	width: 200px;
	left: 0px;
	top: 100px;
	z-index: 10000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	bottom: 0px;
	overflow: auto;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 15px;
	}
		#main #mainnav #navigation {
	display: block;
	height: auto;
	width: 180px;
	margin: 0px;
	padding: 0px;
		}
#main #mainnav #navigation #header {
	font-size: 1em;
	line-height: 40px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #B1C7CF;
	text-align: left;
	vertical-align: middle;
	display: block;
	height: 40px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#main #mainnav #navigation #footer {
	background-image: url(../images/nav_rundung.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 17px;
	width: 180px;
}


			#main #mainnav #navigation ul {
	list-style-type: none;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #FFF;
			}
				#main #mainnav #navigation ul li {
					font-size: 0.8em;
					color: #000000;
					vertical-align: middle;
					display: block;
					padding: 0px;
					text-decoration: none;
					margin-top: 3px;
					margin-right: 0px;
					margin-bottom: 0px;
					margin-left: 0px;
					line-height: 22px;
					min-height: 22px;
					/*position: relative;*/
				}
					#main #mainnav #navigation ul li a.close {
						background-image: url(../images/hmbutton_close.png);
						background-repeat: no-repeat;
						background-position: center center;
						height: 11px;
						width: 12px;
						/*position: absolute;
						top: 5px;
						right: 2px;*/
						float: right;
						margin: 0px;
						padding-top: 9px;
						padding-right: 3px;
						padding-bottom: 3px;
						padding-left: 3px;
					}
						#main #mainnav #navigation ul li a.close:hover {
							border: none;
							background: none;
							background-image: url(../images/mbutton_close.png);
							background-repeat: no-repeat;
							background-position: center center;
							margin: 0px;
							padding-top: 9px;
							padding-right: 3px;
							padding-bottom: 3px;
							padding-left: 3px;
						}
					#main #mainnav #navigation ul li a.open {
						padding: 2px;
						background-image: url(../images/hmbutton_open.png);
						background-repeat: no-repeat;
						background-position: center center;
						height: 11px;
						width: 12px;
						/*position: absolute;
						top: 5px;
						right: 2px;*/
						float: right;
						margin: 0px;
						padding-top: 9px;
						padding-right: 3px;
						padding-bottom: 3px;
						padding-left: 3px;
					}
						#main #mainnav #navigation ul li a.open:hover {
							border: none;
							background: none;
							background-image: url(../images/mbutton_open.png);
							background-repeat: no-repeat;
							background-position: center center;
							margin: 0px;
							padding-top: 9px;
							padding-right: 3px;
							padding-bottom: 3px;
							padding-left: 3px;
						}

					#main #mainnav #navigation ul li a {
						text-decoration: none;
						display: block;
						color: #000000;
						padding-top: 1px;
						padding-right: 5px;
						padding-bottom: 1px;
						padding-left: 5px;
						background-repeat: no-repeat;
						background-position: 7px 4px;
					}
						#main #mainnav #navigation ul li a.icon_home {
	background-image: url(../images/startseite.gif);
	padding-left: 32px;
						}
						#main #mainnav #navigation ul li a.icon_struktur {
	background-image: url(../images/einstellungen1.gif);
	padding-left: 32px;
						}
						#main #mainnav #navigation ul li a.icon_bearbeiten {
	background-image: url(../images/termine_liste.gif);
	padding-left: 32px;
						}
						#main #mainnav #navigation ul li a.icon_schluessel {
	background-image: url(../images/benutzer.gif);
	padding-left: 32px;
						}
						#main #mainnav #navigation ul li a.icon_abmelden {
	background-image: url(../images/icon_abmelden.gif);
	padding-left: 32px;
						}
						#main #mainnav #navigation ul li a.icon_homepage {
	background-image: url(../images/icon_lupe.gif);
	padding-left: 32px;
						}			
						#main #mainnav #navigation ul li a.icon_backup {
	background-image: url(../images/icon_backup.gif);
	padding-left: 32px;
						}			
					#main #mainnav #navigation ul li a:hover {
	text-decoration: none;
	background-color: #B0BCC8;
	display: block;
	font-weight: bold;
	color: #000000;
	padding-top: 0px;
	padding-bottom: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #617886;
	border-bottom-color: #617886;
					}
					#main #mainnav #navigation ul li a.selected {
	text-decoration: none;
	background-color: #B0BCC8;
	display: block;
	font-weight: bold;
	color: #000000;
	padding-top: 0px;
	padding-bottom: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #617886;
	border-bottom-color: #617886;
					}			
					#main #mainnav #navigation ul li a.selectedTop {
	text-decoration: none;
	background-color: #B0BCC8;
	display: block;
	font-weight: normal;
	color: #000000;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #617886;
	border-bottom-color: #617886;
	padding-top: 0px;
	padding-bottom: 0px;
					}			
				#main #mainnav #navigation ul li.nolink {
					text-decoration: none;
					display: block;
					color: #000000;
					padding-top: 0px;
					padding-right: 5px;
					padding-bottom: 0px;
					padding-left: 5px;
					border: 1px solid #C9CED4;
				}
#main #mainnav #navigation ul li.spacer {
	height: 10px;
	font-size: 0px;
	line-height: 10px;
	min-height: 10px;
}

				#main #mainnav #navigation ul li.spacer_3zeilig {
					font-size: 0.1em;
					height: 12px;
					line-height: 12px;
					display: block;
					min-height: 12px;
				}
			#main #mainnav #navigation ul ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 24px;
	border: none;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
			}
				#main #mainnav #navigation ul ul li {
	font-size: 0.9em;
	border: none;
	margin: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 20px;
	min-height: 20px;
				}
					#main #mainnav #navigation ul ul li a {
	border: none;
	padding: 0px;
	padding-left: 8px;
	background-repeat: no-repeat;
	background-position: left 10px;
	background-image: url(../images/anstrich_grau.gif);


					}
					#main #mainnav #navigation ul ul li a:hover {
						background-color: transparent;
						border: none;
					}
					#main #mainnav #navigation ul ul li a.selected {
						background-color: transparent;
						border: none;
					}
					
	#main #maininfo {
	height: 110px;
	position: absolute;
	top: 100px;
	left: 240px;
	z-index: 10000;
	color: #666;
	width: 740px;
	margin: 0px;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/hg_verlauf_infozeile.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	}
		#main #maininfo #daten {
			display: block;
			margin: 0px;
			padding: 0px;
			height: 90px;
		}
			#main #maininfo #daten #linie {
	display: block;
	padding: 0px;
	margin-top: 10px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #666;
	background-image: url(../images/hg_verlauf_contentheader.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 23px;
			}
			#main #maininfo #daten #metatitel {
	padding: 0px;
	float: left;
	width: 325px;
	height: 50px;
	font-weight: bold;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 1.2em;
			}
			#main #maininfo #daten #metadaten {
	padding: 0px;
	float: right;
	width: 250px;
	font-size: 0.7em;
	height: 45px;
	overflow: hidden;
	margin-top: 30px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 0px;
			}
				#main #maininfo #daten #metadaten table {
					padding: 0px;
					margin: 0px;
				}
					#main #maininfo #daten #metadaten td {
						font-weight: normal;
						color: #666;
						margin: 0px;
						padding: 0px;
					}				
					#main #maininfo #daten #metadaten td.anstrich {
						padding-right: 10px;
						font-weight: bold;
					}




	#main #maincontent {
		overflow: auto;
		background-image: url(../images/hg_verlauf.jpg);
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
		padding-top: 112px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 240px;
		position: absolute;
		bottom: 0px;
		z-index: 1;
		left: 0px;
		top: 100px;
		background-color: #FFF;
		/*background-attachment: fixed;*/
		background-position: left 0px; /* 100px */
		display: block;
		right: 0px;
	}
		#main #maincontent #contentbereich {
		display: block;
		padding: 0px;
		margin: 0px;
		padding-bottom: 20px;
		}
			#main #maincontent #contentbereich #error {
				display: block;
				border: 1px solid #CC0000;
				background-color: #FFF0F0;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 20px;
				margin-left: 0px;
				font-size: 0.9em;
				width: 690px;
				padding-top: 10px;
				padding-right: 10px;
				padding-bottom: 10px;
				padding-left: 30px;
				background-image: url(../images/error_pfeil.gif);
				background-repeat: no-repeat;
				background-position: left top;
			}
#main #maincontent #contentbereich #success {
	display: block;
	border: 1px solid #339900;
	background-color: #F1FFEA;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size: 0.9em;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	background-image: url(../images/success_pfeil.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 690px;
}

			#main #maincontent #contentbereich #content {
				padding: 0px;
				width: 730px;
				margin-top: 0px;
				margin-right: auto;
				margin-bottom: 0px;
			}