/* CSS-Stylesheet für "aktuellste" Versionen von Browsern, wie z.B.: IE ab 5.5 und Opera ab 7.x und Mozilla ab 1.0 */
html, body {
	padding: 0px; 
	margin-top:0; 
	margin-left:0; 
	background-color:#FFFFFF; 
	font-family:Arial, Helvetica, Verdana; font-size:90%; 
	color:#000000; background-image:url(/images/head_bg.gif); 
	background-repeat:repeat-x; 
	}

#website { 	
			width:993px; 
			background-image:url(/images/bg.gif); 
			background-repeat:repeat-y; 
		}
#top     { padding: 0; margin: 0; }
#bottom  { }

/* Logo*/
#logo    { 
	margin: 0;
	padding: 0;
}

/* Header*/
#header    { 
	border: 0px solid #ffffff;
	margin: 0;
	padding: 0;
}
#header_l    { 
	float: left; 
	width: 650px; 
	margin: 0; 
	padding: 0;
	background-image: url('/images/head_unten_l.jpg'); 
	background-repeat: no-repeat;
	text-align: left;				
}
#header_l_content {
	padding: 0; 
	margin: 0; 
	min-height: 50px;
}
#header_r    { 	
	margin: 0 0 0 650px; 
	padding: 0;
	background-image: url('/images/head_unten_r.jpg'); 
	background-repeat: no-repeat;
	text-align: right;
}
#header_r_content {
	padding: 0; margin: 0; 
	min-height: 50px;
}	

.header_n	 {
	margin: 0;
	padding: 2px 5px 2px 5px;
	color: #ffffff;
	font-size: 0.9em;
    line-height: 1.5em;		
	}
.header_n a			{ color: #ffffff; text-decoration:none } 
.header_n a:hover	{ color: #ffffff; text-decoration:underline} 

.header_n form {
	margin: 0;
	padding: 0;
	font-size: 1em;
	display: inline;
	float: left;
		}
.header_n form select {
	margin: 0;
	padding: 0;
	font-size: 0.95em;
	}

#lang {
	 float: left;
	 padding: 0 0 0 20px;
	}
.header_n #lang a			{ color: #ffffff; text-decoration:none } 
.header_n #lang a:hover		{ color: #ffffff; text-decoration:underline} 

.header_n a.active	{ color: #ffffff; text-decoration:none; font-weight: bold; } 

#main  	 { padding: 0; margin: 0;

	}
#col1    { width:185px; float:left;  padding: 0; margin: 0;}
#col3    { margin: 0 0 0 200px; padding: 0;}

#col1_content    { margin: 0; padding: 0;}
#col3_content    { margin: 0; padding: 10px 0 0 0;}


h1	{color:#00429D; font-size:1.2em; font-weight:bold; margin-top:0px; margin-bottom:2px; padding-top:5px !important; padding-top:0px;}
h2	{color:#000000; font-size:1em; font-weight:bold; margin-top:0px; margin-bottom:0px; }
h3	{color:#AE021C; width:99%; font-weight:bold; font-size:1em; margin-bottom:10px; margin-top:15px; border-bottom:1px solid #AE021C; }
h4	{font-size:1em; font-weight:bold; margin-bottom:2px; margin-top:2px; }
h5	{font-size:1em; font-weight:bold; margin-bottom:3px; margin-top:3px; }
h6	{font-weight:normal; margin-top:10px;}
td 	{font-family:Verdana, Arial, Helvetica; border:1px solid #E3E3E3; padding:3px}
th 	{font-family:Verdana, Arial, Helvetica; border:1px solid #E3E3E3; padding:3px; font-weight:normal}


.c_info		{ }
.c_info	img { }


/* LEFT-Navigation */
#ln 		  { }

/* Ebene1 */
#ln .ln_n			{ 
	font-size:0.9em; 
	background-color:#4C7FB6;
	color:#ffffff; 
	font-weight:bold; 
	text-decoration:none; 
	padding: 0;
	border-bottom: 1px solid #435A89;
	margin: 0 0 1px 1px;
	}
#ln .ln_n a			{ padding: 10px 10px 10px 10px; display: block; color: #ffffff; text-decoration:none} 
#ln .ln_n a:hover	{ background-color:#0D2B5B; color: #ffffff; text-decoration:none} 
/* Ebene1 Aktiv */
#ln .ln_a			{ 
	font-size:0.9em; 
	background-color:#0D2B5B; 
	color:#FFFFFF; 
	font-weight:bold; 
	text-decoration:none; 
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #435A89;
	margin: 0 0 1px 1px;
	}
#ln .ln_a a			{ display: block; color:#FFFFFF; text-decoration:none}
#ln .ln_a a:hover	{ color:#FFFFFF; text-decoration:none} 

/* Ebene2 */
#ln .ln2_n			{
	font-size:0.9em; 
	background-color:#F0F6FD; 
	color:#4472AA; 
	text-decoration:none; 
	padding: 3px 10px 3px 10px;
	margin:  0;
}
#ln .ln2_n a			{ 	
    display: block;
	padding-left: 20px;
	display: block; 
	color: #4472AA; 
	text-decoration:none;
	} 
#ln .ln2_n a:hover	{ color: #357AEA; text-decoration:underline;
	background-image: url('/images/pfeil_ecke_blau.gif');
	background-repeat: no-repeat;
}

/* Ebene2 Aktiv */
#ln .ln2_a			{
	position:relative; 
	font-size:0.9em; 
	background-color:#F0F6FD; 
	color:#357AEA; 
	text-decoration:none; 
	padding: 3px 10px 3px 10px;
	margin:  0;	
	}
#ln .ln2_a a			{ 	
    display: block;
	padding-left: 20px;
	display: block; 
	color: #357AEA; 
	text-decoration:none;
	background-image: url('/images/pfeil_ecke_blau.gif');
	background-repeat: no-repeat;
    } 

/* Ebene3 */
#ln .ln3_n			{ 
	font-size:0.9em; 
	background-color:#FDFDFD; 
	color:#003889; 
	text-decoration:none; 
	padding: 3px 10px 3px 20px;
	margin:  0;	
	}
#ln .ln3_n a			{
    display: block;
	padding-left: 20px;
	display: block; 
	color: #4472AA; 
	text-decoration:none;
	} 
#ln .ln3_n a:hover	{ color: #357AEA; text-decoration:underline;
	background-image: url('/images/pfeil_ecke_blau.gif');
	background-repeat: no-repeat;
	} 
/* Ebene3 Aktiv */
#ln .ln3_a			{
	font-size:0.9em; 
	background-color:#FDFDFD; 
	color:#357AEA; 
	text-decoration:none; 
	padding: 3px 10px 3px 20px;
	margin:  0;		
	}
#ln .ln3_a a			{	
    display: block;
	padding-left: 20px;
	color: #357AEA; 	
    background-image: url('/images/pfeil_ecke_blau.gif');
	background-repeat: no-repeat;
	}

/* Liste Navigation*/
#ln ul {margin: 0; padding: 0; font-size: 1em}
#ln ul li {margin-top:0; font-size:1em; margin-left: 0px}

/* Print */
#print	  		{ margin:50px 0 0 200px; padding: 0;}
#print #print_l	{ border-top:1px dotted #3E669A; margin: 0 200px 0 0; font-size:0.9em; }	
#print #print_l_content	{  }	
#print #print_r	{ width:200px; float: right; font-size:1em; float:right;}
#print #print_r_content	{  }	
#print a		{ color:#000000; font-size:1em; text-decoration:none}

/* BLOCK: CONTENT - HEADLINE */
h1.h2, h2.h2, h3.h2	{ color:#00429D; background-image:url(/images/title2_bg.jpg); background-repeat:no-repeat; height:44px; padding-top:0.4em!important; padding-left:10px}
h1.h3, h2.h3, h3.h3	{ color:#00429D; background-image:url(/images/title3_bg.jpg); background-repeat:no-repeat; height:60px; padding-top:0.4em!important; padding-left:10px}
h1.h4, h2.h4, h3.h4 { color:#00429D; background-image:url(/images/title4_bg.jpg); background-repeat:no-repeat; height:29px; padding-top:0.4em!important; padding-left:10px}

/* BLOCK: CONTENT - CONTENT */
p.t1, p.t2, p.t3	{ }
p.t1 img, p.t2 img, p.t3 img			{ float: right; padding: 0 0 10px 10px; }

/* Clear */
div.clear	{clear:both; position:relative}

/** UNCHANGED **/

img	{border:none;}
img.middle {border:none; vertical-align:middle;}
li	{margin-top:0; font-size:0,1em;}
caption {font-size:1em; text-align:left; font-weight:bold;}

.c_error  {color:red}
.klein    {font-size:0.85em}
.legende_text {font-size:0.85em; width: 70px;}
.text	  {font-size:0.95em; color:#000000}
.blaufett {font-size:0.95em; color:#003889; font-weight:bold}
.meldung  {color:#000000; width:760px !importent; font-size:1em; padding:3px; padding-left:7px; background-color:#F6F6F6; border:1px solid #98ACC7; }
.home1	  {width:9em; float:left; font-size:100%}
.home2	  {color:#AE021C}
.home3	  {float:right; font-size:0.85em}
.home_textzeile	{clear:both; width:100%; padding-bottom:4px; font-size:100%; border-bottom:1px solid #E8EBF2}
.grau {font-size:1em; color:#c7c7c7; }


/* Linien Legende */
hr.mess {width:50px}
hr.vor  {width:50px}
hr.absc {border-top:2px dashed; width:50px}
hr.hoehe  {width:23px}

div.c_home_all	 { float:left; width: 793px; }
div.c_home_left	 { float:left; width:45%}
div.c_home_right { float:left; width:53%}
div.c_home_blau	{ width:100%; font-size:100%; background-color:#F4F5F9}

div.c_karte_home{ float:left; margin-top:0px}
div.c_karte	{ float:left; padding:0px; margin-top:10px; z-index: 10}
div.c_karte_k	{ border-top:1px dotted #3E669A; margin-top:10px; padding:0px; float:left; background-color: #F0F3F7; }
div.c_regenkarte{ float:left; padding:0px; margin-top:10px}
div.c_regenkarte_legende { border-top:1px dotted #3E669A; background-color:#F0F1F5; float:left; margin-top:20px; padding-top:5px; padding-left:8px; width:170px; z-index:10; font-size:0.95em}

div.c_hinweis	{ padding-bottom:10px; padding-top:5px; padding-left:5px; color:#AE021C; font-size:0.9em; background-color:#F4F5F9; border-top:1px dotted #3E669A; border-bottom:6px solid #FFFFFF}
div.c_hinweis_kontakt{ padding-bottom:10px; padding-top:5px; padding-left:5px; background-color:#F4F5F9; border-top:1px dotted #3E669A; border-bottom:6px solid #FFFFFF}
div.c_zurueck   { background-color:#F8F9FC; margin-top:15px; padding-bottom:8px; padding-left:8px; width:160px; font-size:0.95em}

div.c_legende   { border-top:1px dotted #3E669A; background-color:#F0F1F5; float:left; margin-top:20px; padding: 5px 0 0 8px; width: 194px !important; width:202px; z-index:10; font-size:0.95em; z-index:5}
div.c_legende_home { border-top:1px dotted #3E669A; background-color:#F4F5F9; margin-top:30px; padding:10px; z-index:10}
div.c_legende_home_r { z-index:20; margin-top:-75px; margin-right:10px; float:right}

div.c_info_screen{ width: 793px; float:left}
div.c_info_ts	{ width:85%; padding-top:5px}
div.c_pub_1	{width:30%; padding-top:2px; float:left;}
div.c_pub_2	{width:15%; padding-top:8px; float:left; }
div.c_pub_3	{width:50%; padding-top:8px; float:left; }

div.c_impressum	{font-size:0.9em; position:relative; color:#757088; width:100%; padding-top:5px}
div.c_verlauf	{ float:left; width:60%}
div.c_leg_verlauf{ float:right; width:19%; margin-top:18px; margin-right:18px; background-color:#F0F2FE; padding-bottom:2px; padding-top:12px; padding-left:8px}
div.c_leg_text{ float:right; width:19%; margin-top:18px; margin-right:18px; padding-bottom:2px; padding-top:12px; padding-left:8px}

A:link		{color:#000000}
A:visited	{color:#000000}
A:active	{color:#000000}
A:hover		{color:#990033; font-size:1em; decoration:none}

.td_th_leer	{background-color: #FFFFFF; border:1px solid #FFFFFF}

/* Tabelle Lagebericht*/
div.c_tabelle   {position:relative}
table.c_lag 	{border:1px solid #98ACC7; border-collapse:collapse; font-size:0.9em; margin-top:10px;}
th.t_head 	{background-color: #E7ECF4; border:1px solid #98ACC7}
th.t_head_left  {background-color: #E7ECF4; text-align:left; padding-left:4px; border:1px solid #98ACC7}
td.t_left 	{text-align:left; padding-left:4px; border:1px solid #98ACC7}
td.t_middle	{text-align:center; border:1px solid #98ACC7}

/* Tabellen*/
table.vorhersagen
{border:1px solid #FFFFFF; border-collapse:collapse; font-size:0.9em; margin-top:10px; width: 786px;}
table.hoechstande, table.wasserstaende, table.ereignisse
{border:1px solid #FFFFFF; border-collapse:collapse; font-size:0.9em; margin-top:10px; width:55%}

/* Tabellen Home*/
table.c_t_info  {font-size:0.9em; width:100%; text-align:left; margin-left:2px}
th.c_home1	{border:0px;  width:120px; padding-top:8px}
td.c_home_text	{color:#666666; border:0px; height:6px; font-size:0.9em; border-bottom:1px solid #DDDEE2}
td.c_home2	{color:#AE021C; border:0px; font-size:0.9em; padding:1px; width: 85px; padding-top:8px}
td.c_home3	{border:0px; font-size:0.9em; padding:1px; padding-top:8px}

/* Tabellenkopf */
table.vorhersagen th, table.hoechstande th, table.hoechstande th, table.wasserstaende th, table.ereignisse th  
{background-color:#D7DFEA; border:1px solid #FFFFFF}  

/* Erste Spalte (linksbuendig) */
table.vorhersagen th.v1, table.hoechstande th.v1, table.hoechstande th.v1, table.wasserstaende th.v1, table.ereignisse th.v1  
{background-color:#D7DFEA; text-align:left; padding-left:4px; border:1px solid #FFFFFF}  
table.vorhersagen td.gruppe_v1, table.hoechstande td.gruppe_v1, table.hoechstande td.gruppe_v1, table.wasserstaende td.gruppe_v1, table.ereignisse td.gruppe_v1 
{background-color:#D7DFEA; text-align:left; padding-left:4px; border:1px solid #FFFFFF}
table.vorhersagen td.v1, table.hoechstande td.v1, table.hoechstande td.v1, table.wasserstaende td.v1, table.ereignisse td.v1
{background-color:#F0F1F5; text-align:left; padding-left:4px; border:1px solid #FFFFFF}

/* Abschaetzung */
table.vorhersagen th.v2, table.hoechstande th.v2, table.hoechstande th.v2, table.wasserstaende th.v2, table.ereignisse th.v2
{background-color:#E5E5E5; border:1px solid #FFFFFF}  
table.vorhersagen th.leer, table.hoechstande th.leer, table.hoechstande th.leer, table.wasserstaende th.leer, table.ereignisse th.leer
{background-color:#FFFFFF; border:1px solid #FFFFFF}  
table.vorhersagen td.gruppe_v2, table.hoechstande td.gruppe_v2, table.hoechstande td.gruppe_v2, table.wasserstaende td.gruppe_v2, table.ereignisse td.gruppe_v2
{background-color:#E5E5E5; text-align:center; border:1px solid #FFFFFF}
table.vorhersagen td.v2, table.hoechstande td.v2, table.hoechstande td.v2, table.wasserstaende td.v2, table.ereignisse td.v2
{background-color:#F8F8F8; text-align:center; border:1px solid #FFFFFF}

/* Gruppen */
table.vorhersagen td.gruppe, table.hoechstande td.gruppe, table.hoechstande td.gruppe, table.wasserstaende td.gruppe, table.ereignisse td.gruppe
{background-color:#D7DFEA; text-align:center; border:1px solid #FFFFFF}  

/* Daten */
table.vorhersagen td, table.hoechstande td, table.hoechstande td, table.wasserstaende td, table.ereignisse td
{background-color:#F0F1F5; text-align:center; border:1px solid #FFFFFF}  

/* Infotext */
table.vorhersagen td.infotext, table.hoechstande td.infotext, table.hoechstande td.infotext, table.wasserstaende td.infotext, table.ereignisse td.infotext
{background-color:#FFFFFF; text-align:left; padding-left:4px; border:1px solid #FFFFFF}
table.vorhersagen td.leer, table.hoechstande td.leer, table.hoechstande td.leer, table.wasserstaende td.leer, table.ereignisse td.leer
{background-color:#FFFFFF; border:1px solid #FFFFFF}  
	
/* Hidden Navigation*/
DIV.sprungmenu  {display:none;}
.access		{margin-top:0pt; display:none; visibility:hidden; margin-bottom:0pt; line-height:0pt}

/* Header Navigation*/
.link         {font-family:Verdana, Arial, Helvetica; font-size:0.85em; color:#ffffff; text-decoration:none}
.link:link    {color:#ffffff; font-size:0.9em; text-decoration:none}
.link:visited {color:#ffffff; font-size:0.9em; text-decoration:none}
.link:active  {color:#2C5B9F; font-size:0.9em; text-decoration:none}
.link:hover   {color:#2C5B9F; font-size:0.9em; text-decoration:none}

/* BLOCK: DEBUG */
div.debug	{ padding-left:10px; bottom:5px; width:90%; z-index:500; border:1px dotted Red; left:0px; background-color:InfoBackground; font-size:1em; color:#000000; text-align:left; clear:both; }

/* Grafik Popup */
div.overDiv { position:absolute; visibility:hidden; z-index:1000; width:160px; height:80px}
table.grafik_popup {border:2px solid #2C5B9F; border-collapse:collapse; font-size:0.9em; width:100%; height:100%}
td.grafik_popup_top {background-color: #D7DFEA; border:1px solid #E3E3E3; height:40px; padding-left:10px; font-weight:bold}
td.grafik_popup_down {background-color: #F6F7F9; border:1px solid #E3E3E3; height:40px; padding-left:10px}

/**
 * Stausee & Staustufe: Legende
 */
#stausee_legende {
	font-size: 0.9em;	
}
#stausee_legende p {
	margin: 0 0 5px 0;
	padding: 0;
}
#stausee_legende img {
	margin: -2px 0 0 0;	
}

.ganglinien_legende_klein {
	font-size:0.85em;
	margin: 20px 0 5px 0;
}
.ganglinien_legende_klein p {
	margin: 0;
	padding: 0 0 5px 0;
}