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

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

/* Tabellen */
table {border-collapse:collapse;  border-left:4px solid #5E80E0; max-width:980px;}
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;}
h3 {font-size: 1.0em;}


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;}


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

/* Öffentliche Seite */

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

.inhalt h1 {
		margin-top:30px; 
}
.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: 10; top: 5; 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;}

.header {
	position:absolute;
	left:25px;
	top:128px;
	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:240px;
	top:10px;
	z-index:4;
}

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

.karte_highlight {
	position:absolute;
	left:260px;
	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 {
	font-size: 0.92em;
}
	
.hinweis {
	position:absolute;
	left:20px;
	top:693px;
	vertical-align:baseline;
	z-index:200;
	font-size: 0.9em;
	padding:4px;
}	
	
.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;
}

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

.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;
}

.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;
	 }


#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; border-left:4px solid #5E80E0; font-size: 0.9em; padding-bottom:0.6em}
#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;}

.geist { display:none;}