body,html

{
	min-height:101%;
}
body
{
    text-align: center;			
    font-size: 12px;
    font-family: Arial;
    background-color: #FFCC66;
}

#root
{
    width: 1000px;				
    margin: 12px auto;  		
    text-align: center;
    background-color: #0d0449;
}

#root a
{
    text-decoration: none;		/*Menütext wird nicht unterstrichen*/
    font-weight: bold;			/*Menütext wird fett ausgegeben*/
	outline:none;				/*Puntierte Linie bei Links wird nicht angezeigt*/
}

.newsflash_oben_rechts_weiss
{
    width: 300px;				
    height: 105px;				
    float: left;				
    text-align: center;
    font-size: 14px;
    font-family: Arial;
	font-weight: bold;
	color: #FFFFFF;				/*rot: ff0000, gelb: ffff00, weiß: ffffff*/
    background-color: #0d0449;
    background-image: url(bilder/wetterwarnung.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.newsflash_oben_rechts_gelb
{
    width: 300px;				
    height: 105px;				
    float: left;				
    text-align: center;
    font-size: 14px;
    font-family: Arial;
	font-weight: bold;
	color: #FFFF00;				/*rot: ff0000, gelb: ffff00, weiß: ffffff*/
    background-color: #0d0449;
    background-image: url(bilder/wetterwarnung.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.newsflash_oben_rechts_rot
{
    width: 300px;				
    height: 105px;				
    float: left;				
    text-align: center;
    font-size: 14px;
    font-family: Arial;
	font-weight: bold;
	color: #FF0000;				/*rot: ff0000, gelb: ffff00, weiß: ffffff*/
    background-color: #0d0449;
    background-image: url(bilder/wetterwarnung.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.newsflash_oben_rechts_lila
{
    width: 300px;				
    height: 105px;				
    float: left;				
    text-align: center;
    font-size: 14px;
    font-family: Arial;
	font-weight: bold;
	color: #D02090;				/*rot: ff0000, gelb: ffff00, weiß: ffffff*/
    background-color: #0d0449;
    background-image: url(bilder/wetterwarnung.jpg);
    background-repeat: no-repeat;
    background-position: center;
}



div#footer {
	clear:both;
}


#head							
{
    border: 0px;				
    height: auto;				
    margin: 0px;				
}

.navi_oben
{
    width: 1000px;				
    height: 30px;				
    float: left;				
    background-image: url(background.jpg);
    font-size: 11px;
    text-align: center;
}

.navi_sub
{
    width: 1000px;				/*Breite des Navigationsbereiches*/
    height: auto;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Das Menü wird links positioniert - alle anderen Bereiche "schwimmen" daneben*/
    padding: 0px;				/*Rundherum wird das Menü um 5px eingerückt*/
    background-color: #0d0449;
    font-size: 11px;
    text-align: center;
    color: #ffff00;
}

.newsflash_oben_links			/*Inhaltsblock*/
{
    width: 300px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: 105px;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				
    text-align: center;
    font-family: Arial;
    color: #ffffff;
	font-size: 6px;
	font-weight: bold;
	background-color: #0d0449;
    background-image: url(bilder/niederschlag.jpg);
    background-repeat: no-repeat;
    background-position: center;
	}

	/*Tooltip für Niederschlagswahrscheinlichkeit*/

	p.regen a:hover {font-size: 24px; font-weight: bold; color:#ffffff;}
	p.regen a:link {font-size: 24px; font-weight: bold; color:#ffffff;}
  	p.regen a:visited {font-size: 24px; font-weight: bold; color:#ffffff;}
  	p.regen a:link span{display: none;color:#ffffff;}
  	p.regen a:visited span{display: none;color:#ffffff;}
 	p.regen a:hover span {
  	position: absolute;
  	margin:15px 0px 0px 20px;
  	background-color: #0d0449;
  	max-width:220;
  	padding: 2px 10px 2px 10px;
  	border: 1px solid #C0C0C0;
  	font: normal 10px/12px verdana;
  	color: #ffffff;
  	text-align:left;
  	display: block;}

	/*Tooltip für Niederschlagswahrscheinlichkeit*/

	span.niederschlag_schrift {
	font-family: Arial;
    color: #ffffff;
	font-size: 22px;
}

/*Tooltip für Aktualisierung*/
	
	p.aktualisierung a:hover {font-size: 12px; font-weight: bold; color:#ffffff;}
	p.aktualisierung a:link {font-size: 12px; font-weight: bold; color:#ffffff;}
  	p.aktualisierung a:visited {font-size: 12px; font-weight: bold; color:#ffffff;}
  	p.aktualisierung a:link span{display: none;color:#ffffff;}
  	p.aktualisierung a:visited span{display: none;color:#ffffff;}
  	p.aktualisierung a:hover span {
  	position: absolute;
  	margin:15px 0px 0px 20px;
  	background-color: #0d0449;
  	max-width:220;
  	padding: 2px 10px 2px 10px;
  	border: 1px solid #C0C0C0;
  	font: normal 10px/12px verdana;
  	color: #ffffff;
  	text-align:left;
  	display: block;}

	/*Tooltip für Aktualisierung*/

.newsflash_oben_links_winter
{
    width: 300px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: 105px;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				
    text-align: center;
    font-family: Arial;
    color: #ffffff;
	font-size: 23px;
	font-weight: bold;
	background-color: #0d0449;
    background-image: url(bilder/schneeflocken.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

span.kleine_schrift {
	font-family: Arial;
    color: #ffffff;
	font-size: 10px;
}

.newsflash_oben_mitte			/*Inhaltsblock*/
{
    width: 400px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: 105px;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				
    text-align: center;
    font-size: 12px;
    font-family: Arial;
	color: #FFFFFF;
    background-color: #0d0449;
}

.newsflash_mitte_links				
{
    width: 200px;				
    height: 330px;			
    float: left;
    padding: 0px;			
    text-align: center;
    font-size: 12px;
    font-family: Arial;
	color: #FFFFFF;
    background-color: #0d0449;
}

.sat_bild {
	border-width: 0;
}

.newsflash_mitte				
{
    width: 550px;				
    height: auto;			
    float: left;	
    text-align: left;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 13px;
    font-family: Arial;
	color: #FFFFFF;
    background-color: #0d0449;
	/*background-image: url(bilder/smilies/sonne_wasser.gif);*/
    background-repeat: no-repeat;
}

.pano_newsflash				
{
    font-size: 13px;
    font-family: Arial;
	color: #FFFFFF;
}

.newsflash_mitte_rechts				
{
    width: 235px;				
    height: auto;			
    float: left;	
    text-align: right;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 13px;
    font-family: Arial;
	color: #FFFFFF;
    background-color: #0d0449;
	/*background-image: url(bilder/smilies/sonne_wasser.gif);*/
    background-repeat: no-repeat;
}

.links:link {color: #ffd700; font-family: Arial; font-size: 16px; text-decoration: none; font-weight: normal; line-height: 16px}
.links:visited {color: #ffd700; font-family: Arial; font-size: 16px; text-decoration: none; font-weight: normal; line-height: 16px}
.links:hover {color: #ffb90f; font-family: Arial; font-size: 16px; text-decoration: none; font-weight: normal; line-height: 16px}
.links:active {color: #ffb90f; font-family: Arial; font-size: 16px; text-decoration: none; font-weight: normal; line-height: 16px}

.newsflash_panorama
{
    width: 1000px;				
    height: auto;				
    float: left;				
    font-size: 11px;
    text-align: center;
}

.newsflash_google_unten
{
    width: 1000px;				
    height: 180px;				
    float: left;				
    font-size: 11px;
    text-align: center;
}

.newsflash_panorama_links
{
    width: 200px;				
    height: auto;				
    float: left;				
    font-size: 11px;
    text-align: right;
}

.newsflash_panorama_bild
{
    width: 800px;				
    height: auto;				
    float: left;				
    font-size: 11px;
    text-align: left;
}

.newsflash_unten_links			
{
    width: 250px;				
    height: 100px;				
    float: left;				
    text-align: center;
    font-family: Arial;
    color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	background-color: #0d0449;
}

.newsflash_unten_mitte			
{
    width: 500px;				
    height: 100px;				
    float: left;				
    text-align: center;
    font-size: 10px;
    font-family: Arial;
	color: #FFFFFF;
    background-color: #0d0449;
}

.newsflash_unten_rechts			
{
    width: 250px;				
    height: 100px;				
    float: left;				
    text-align: center;
    font-size: 10px;
    font-family: Arial;
	font-weight: bold;
	color: #FFFFFF;				/*rot: ff0000, gelb: ffff00*/
    background-color: #0d0449;
}

span.dick_unterstrichen {
	text-decoration: underline;
	font-weight: bold;
}

span.mittig {
	text-align: center;
	color: #0d0449;
}

span.text_gelb {
	font-weight: bold;
	color: #FFFF00;				/*rot: ff0000, gelb: ffff00*/
}

span.text_rot {
	font-weight: bold;
	color: #FF0000;				/*rot: ff0000, gelb: ffff00*/
}

span.text_lila {
	font-weight: bold;
	color: #D02090;				/*rot: ff0000, gelb: ffff00*/
}

#navigation dd {
margin:  0;
padding: 0;
}

#navigation dt {
margin:  0;
padding: 0;
}

#navigation {
margin:  0;
padding: 0;
}

#navigation {
padding: 5px;
}

#navigation dt a {
color:   yellow;
padding: 5px 7px 4px 7px;
}

#navigation dt a#aktuell {
font-weight: bold;
}

#navigation dt a:visited {
color: yellow;
}

#navigation dt a:focus {
color: red;
}

#navigation dt a:hover {
color: #bbbbbb;
}

#navigation dt a:active {
color: red;
}

#navigation dd {
padding-left:  15px;
color:         #555;
font-size:     12px;
font-style:    italic;
}