/* CSS fürs LHP
Stand: 14.10.2015 */

/* Allgemein */
body { font-family: Arial, Verdana, Helvetica, sans-serif; margin-top: 10px; margin-left: 0px;background-color: #fff; font-size: 0.8em }

/* Tabellen */
table {border-collapse:collapse;  border-left:4px solid #5E80E0; max-width:980px; margin-left: 0px;}
caption {font-size: 0.8em; text-align:left;}
th {border: 1px solid #000000; font-size: 0.8em; FONT-WEIGHT: bold; padding:3px; color:#FFFFFF; background:#5E80E0;text-align:left;}
td {border: 1px solid #808080; font-size: 0.8em; padding:3px; line-height: 110%; vertical-align:top;text-align:left;}
.row2 { background-color: #EEEEEE; }

a {font-weight: normal;color:#153DB1;text-decoration: none;}
a:hover {font-weight: normal; color: #198200; text-decoration: underline;}
a.normal {font-weight: normal; color: #0000C0; text-decoration: none;}


h1 {font-size: 1.4em;}
h2 {font-size: 1.2em; margin:0px;}
h3 {font-size: 1.0em;}

form {margin-bottom: 0px; }

img { border: 0; }

#text {font-family: Courier, Courier New, monospace;} 

.gruen {background:#C0FFC0;}
.gelb {background:#FFFFC0;}
.orange {background:#FFEAC1;}
.rot {background:#FFC0C0;}
.blau {background:#8080FF;}
.hellblau {background:#D2D2FF;}
.hellgruen {background:#DCFFDC;}

.klasse1 {background:#FFFF00; color:#000000; text-align:right;}
.klasse2 {background:#FFA500; color:#000000; text-align:right;}
.klasse3 {background:#DE0000; color:#FFFFFF; text-align:right;}
.klasse4 {background:#851086; color:#FFFFFF; text-align:right;}

.r { text-align:right;}
.ri { text-align:right; font-style:italic;}
.c { text-align:center;}
.checker {border:none;}


hr {border:solid #808080 1px; height:1px;}

/* Öffentliche Seite */

/* .inhalt {
	position: relative;
	left:40px;
	width:50.8em;
	top:140px;
	z-index:400;
	border:solid #FFFFFF 1px;
	margin-left:100px;
	margin-top:-32px; 
}



.inhalt {
	position: relative;
	left:40px;
	width:50.8em;
	margin-top:122px;
	margin-left:100px;
	z-index:400;
	border:solid #FFFFFF 1px; 
}
*/

.inhalt {
	position: relative;
	left:40px;
	width:50.8em;
	z-index:400;
	margin-left:100px;
	padding-top:118px; 
}


.inhalt h1 {
		margin-top:10px; 
}
.inhalt h2 {
		color: #606060;
		margin-top:25px; 
		margin-bottom:5px;
}
.inhalt h3 {
		margin-top:15px;
		margin-bottom:5px; 
		font-weight: normal;
		text-decoration: underline;	
}
.geist { display:none;}

#logo { width:311px; height: 160px; left: 10px; top: 5px; position: absolute; z-index:20;   /* height: 160px; 80px */
				background-repeat: no-repeat; background-image: url(../images/logo_2.png);}

.kopf {
	position:absolute;
	left:5px;  /* 5 */   /*55*/
	top:86px;  /* 97 */  /*87*/
	width:360px;
	z-index:30;
	padding-top:12px;
	padding-left:6px;
	background-repeat: no-repeat; 
	background-image: url(../images/welle.png);
}
.kopf p {font-size: 11px;	margin-top:0px; margin-left:10px;}

.navi {
	position:absolute;
	left:25px;
	top:185px;
	z-index:32;
}

.navi a {display: block;
				background-color:#FFF;
				padding:3px 8px;
				margin-bottom:-14px;
}

.navi a:hover {display: block;
							border-radius:4px;
							border-color:#eee #eee #ddd;
							background-color:#DCE6FC;
							padding:3px 8px;
							margin-bottom:-14px;
}

.header {
	position:absolute;
	left:25px;
	top:140px; 
	z-index:32;
}


.kopf_rechts {
	position:absolute;
	left:760px;
	top:70px;
	width:220px;
	height: 26px;
	padding-right:5px;
	text-align:right;
	font-size: 11px;
	z-index:31;
	background-repeat: no-repeat; 
	background-image: url(../images/welle.png);
	background-position:bottom;
}

.karte {
	position:relative;
	left:280px;
	top:10px;
	z-index:4;
}

.karte_top {
	position:absolute;
	left:280px;
	top:20px;
	z-index:10;
}

.karte_highlight {
	position:absolute;
	left:280px;
	top:20px;
	z-index:5;
	visibility:hidden;
}

.legende {
	position:absolute;
	left:20px;
	top:360px;
	max-width:240px;
	overflow:hidden;
	z-index:20;
	font-size: 0.9em;
	border-left:2px solid #5E80E0;

	padding:4px;
	padding-left:6px;
}

.legende .ueberschrift {
	font-weight:bold;
}

.legende .klein, .legende_zusatz .klein {
	font-size: 0.92em;
}

.legende_zusatz {
	position:relative;
	top:10px;
	left:20px;
	z-index:20;
	font-size: 0.9em;
	border-left:2px solid #5E80E0;
	padding-left:6px;
}
	
.link_redundant {
	position:absolute;
	left:20px;
	top:693px;
	vertical-align:baseline;
	z-index:200;
	font-size: 0.9em;
	padding:4px;
}	
	
.div_hinweis {
	position:absolute; 
	z-index:88; 
	left: 782px; 
	top: 118px;	
}

.hinweis {
 padding: 4px;
 border: 2px solid #5E80E0;
 color: #000;
 background-color: #F5F5FF;
}

.stoerung {
 padding: 4px;
 border: 2px solid #C00000;
 color: #FFFFFF;
 font-weight: bold;
 background-color: #C00000;
}

.welle {
	position: relative; 
	top: -4px;
	left:10px;
	width:970px;
	height: 26px;
	padding-right:5px;
	text-align:left;
	font-size: 11px;
	z-index:32;
	overflow:hidden;
	background-repeat: no-repeat; 
	background-image: url(../images/welle.png);
	background-position:bottom;
}


.infotabelle {
	position:relative;
	margin-top:50px;
	margin-left:20px;
}

.linkliste {
	position:relative;
	margin-top:30px;
	margin-left:20px;
}

.footer {
  position:relative;
	top:20px;
	width:960px;
	font-size:0.9em;
	background-repeat: no-repeat; 
	background-image: url(../images/welle.png);
	padding-top:14px;
	text-align: center;
	margin-left:20px;
}

.kleiner {
	font-size: 0.85em;
}
.link_mail { 
	padding-left: 1.5em; 
	background-image: url(../images/link_mail2.png); 
	background-repeat: no-repeat;
	background-position:bottom;
	 }

.schwarz {
	color: #000;
	}
.text_rot {
	color:#C00000;
	}	
	

#mausi	{
position:absolute; 
background-color:#EEEEEE; 
top:400px; 
left:200px; 
/* max-width:20em;
width:20em; */
z-index:100; 
border:2px solid;
border-color: #FFFFFF #808080 #808080 #FFFFFF;
visibility:hidden;
}

#mausi_name {padding:0.2em; padding-left:0.3em; color:#FFFFFF; background-color:#5E80E0; font-weight:bold;}
#mausi_text {padding:0.4em; border-left:4px solid #5E80E0; font-size: 0.9em; padding-bottom:0.4em}
#mausi_pegelinfo {padding:0.4em 0.4em 0.6em; border-left:4px solid #5E80E0; font-size: 0.9em;}
#mausi_klickinfo {padding:0.4em; border-left:4px solid #5E80E0; color:#198200; font-size: 0.85em; font-style:italic;}
#mausi_zeitpunkt {padding:2px; border-left:4px solid #5E80E0; border-top:1px solid #808080; font-size: 0.85em; }

.grauinfo {color:#808080; font-style:italic;}

hoch {vertical-align:super;}

pre { font-family: Arial, Verdana, Helvetica, sans-serif;}


.berichttitel {
		color: #606060;
		margin-top:25px;
		/* margin-left:23px; */ 
		font-size: 1.0em;
		font-weight: bold;
}

.obertitel {
		color: #606060;
		margin-top:25px;
		font-size: 1.25em;
		font-weight: bold;
}

.berichttext {
		width:720px; 
		margin-top:20px;
		margin-left:20px; 
		margin-bottom:40px; 
		white-space:pre-wrap;
		word-wrap: break-word;
		text-align: justify; 
}

.berichtlink {
		margin-top:2px;
		margin-left:20px; 
		margin-bottom:20px; 
}

.naviZeit {
	position:absolute;
	left:10px;
	top:322px;
	max-width:250px;
	overflow:hidden;
	z-index:20;
	font-size: 0.9em;
	border:2px solid #5E80E0;
	padding:4px;
	padding-left:6px;
	background: #DCE6FC;
}

.naviZeit a {
		font-weight: bold; 
		text-decoration: none;
		font-size: 16px;
}
.naviZeit a:hover {
		font-weight: bold; 
		text-decoration: none;
}

.hinweis_datum 
{
	position:absolute;
	left:386px;
	top:296px;
	border:2px solid C00000;
	padding:4px;
	z-index:200;
	background: #FFE3E3;
}


.calInput {
	background: #FFF url('../images/cal.gif') 100% 50% no-repeat;
	width: 90px;
	padding-right: 20px;
	cursor: pointer;
	margin-top: 3px;
}

/* additional properties for input boxe in activated state, above still applies unless in conflict */
.calActive {
	background-image: url('../images/no_cal.gif');
}