body,html
{
	min-height:101%;
}

body
{
    text-align: center;			/*Ausrichtung für globale Seite auf "center"*/
    font-size: 12px;
    font-family: Arial;
    background-color: #FFCC66;
	    
}

#root
{
    width: 1000px;				/*Breite der gesamten Seite*/
    margin: 12px auto;  		/*Abstand von oben 10, Rest wird automatisch festgelegt*/
    text-align: center;			/*Globale Ausrichtung des Textes ist links*/
    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*/
}

#head							/*Head Bereich (oberster Bereich auf der Seite)*/
{
    border: 0px;				/*Keine Rahmen*/
    height: auto;				/*Höhe auf 70 Pixel festlegen*/
    margin: 0px;				/*Kein Abstand zu den Außengrenzen*/
}

div#content_webcam_zeitraffer						
{
position:relative;
float:left;
margin-top:0px;
margin-left:0px;
width:980px;
height:590px;
}

.navi_oben
{
    width: 1000px;				/*Breite des Navigationsbereiches*/
    height: 30px;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Das Menü wird links positioniert - alle anderen Bereiche "schwimmen" daneben*/
    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;
}

.content_right					/*Rechter Inhaltsblock*/
{
    width: 800px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: auto;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: right;				/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    padding: 5px;
    text-align: center;
    font-size: x-small;
    font-family: Arial;
	color: #FFFFFF;
    background-color: #0d0449;
}

.content						
{
    width: 980px;				
    height: auto;				
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 12px;
    font-family: Arial;
	color: #FFFFFF;
    background-color: #0d0449;
}

.content_online						
{
    width: 980px;				
    height: auto;				
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 12px;
    font-family: Arial;
	color: #FFFFFF;
	background-image: url(bilder/online_side.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #0d0449;
}

.content_online_oben						
{
    width: 980px;				
    height: auto;				
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 10px;
    font-family: Arial;
	color: #FFFFFF;
	background-color: #0d0449;
}

.content_online_unten						
{
    width: 980px;				
    height: auto;				
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 10px;
    font-family: Arial;
	color: #FFFFFF;
	background-color: #0d0449;
}

.content_innen					
{
    width: 600px;				
    height: auto;				
    font-size: 12px;
    font-family: Arial;
	text-align: center;
	margin: 0 auto;
	color: #FFFFFF;
    background-color: #000000;
    
}

.content_monatsrueckblick
{
    width: 980px;		
    height: auto;		
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 12px;
    font-family: Arial;
	color: #000000;
    background-color: #ffffff;
}

/*Tooltip für allgemein*/
	
	p.tooltip a:hover {font-size: 12px; font-weight: bold; color:#ffffff;}
	p.tooltip a:link {font-size: 12px; font-weight: bold; color:#ffffff;}
  	p.tooltip a:visited {font-size: 12px; font-weight: bold; color:#ffffff;}
  	p.tooltip a:link span{display: none;color:#ffffff;}
  	p.tooltip a:visited span{display: none;color:#ffffff;}
  	p.tooltip a:hover span {
  	position: absolute;
  	margin:15px 0px 0px 260px;
  	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 allgemein*/

.startseite_mitte						
{
    width: 1000px;				
    height: 550px;				
    float: left;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
	color: #FFFFFF;
    background-color: #0d0449;
}

.startseite_mitte_link
{
	position:absolute;
	top:250px;
    z-index:99;
	width: 1000px;				
    height: 160px;				
    float: left;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
    color: #FFFFFF;
    background-color: transparent;
}


.startseite_mitte1
{
    width: 142px;				
    height: 160px;				
    float: left;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
    color: #FFFFFF;
    background-color: #0d0449;
}

.startseite_mitte2
{
    width: 142px;				
    height: 160px;				
    float: left;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
    color: #FF0000;
	font-weight: bold;
    background-color: #0d0449;
}

.startseite_mitte3
{
    width: 142px;				
    height: 160px;				
    float: left;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
    color: #FFFFFF;
    background-color: #0d0449;
    background-image: url(http://www.wetter-kirchschlag.at/bilder/startseite_bilder/warnungen/kaelte.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.startseite_mitte4
{
    width: 142px;				
    height: 160px;				
    float: left;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
    color: #FFFFFF;
    background-color: #0d0449;
    background-image: url(http://www.wetter-kirchschlag.at/bilder/startseite_bilder/warnungen/kaelte.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.startseite_mitte5
{
    width: 142px;				
    height: 160px;				
    float: left;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
    color: #FFFFFF;
    background-color: #0d0449;
    /*background-image: url(http://www.wetter-kirchschlag.at/bilder/startseite_bilder/warnungen/kaelte.jpg);
    background-repeat: no-repeat;
    background-position: center;*/
}

.startseite_mitte6
{
    width: 142px;				
    height: 160px;				
    float: left;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
    color: #FFFFFF;
    background-color: #0d0449;
}

.startseite_mitte7
{
    width: 142px;				
    height: 160px;				
    float: left;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
    color: #FFFFFF;
    background-color: #0d0449;
}

.startseite_unten_links						/*Inhaltsblock*/
{
    width: 400px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: 220px;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: center;
    background-color: #0d0449;
}

.startseite_unten_mitte						/*Inhaltsblock*/
{
    width: 200px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: 220px;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: center;
    background-color: #0d0449;
}

.startseite_unten_rechts						/*Inhaltsblock*/
{
    width: 400px;				/*Breite des Hauptinhaltsbereiches festlegen*/
    height: 220px;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Der rechte Inhaltsblock wird rechts positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: center;
    background-color: #0d0449;
}

.htm_links				
{
    width: 210px;				
    height: auto;			
    float: left;
    padding: 0px;			
    text-align: left;
    font-size: 12px;
    font-family: Arial;
	color: #FFFFFF;
    background-color: #0d0449;
}

.htm_rechts				
{
    width: 210px;				
    height: auto;			
    float: right;
    padding: 0px;			
    text-align: right;
    font-size: 12px;
    font-family: Arial;
	color: #FFFFFF;
    background-color: #0d0449;
}

.htm_mitte				
{
    width: 770px;				
    height: auto;			
    float: right;	
    text-align: left;
    margin-left: 0px;
    margin-right: 20px;
    font-size: 13px;
    font-family: Arial;
	color: #FFFFFF;
    background-color: #0d0449;
	
}

.htm_mitte2				
{
    width: 770px;				
    height: auto;			
    float: left;	
    text-align: left;
    margin-left: 0px;
    margin-left: 20px;
    font-size: 13px;
    font-family: Arial;
	color: #FFFFFF;
    background-color: #0d0449;
	
}

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

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

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

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

span.text_rot {
	font-family: Arial;
	color: #FF0000;
	font-weight: bold;
}

span.text_blau {
	font-family: Arial;
	color: #1E90FF;
	font-weight: bold;
}

span.text_gelb {
	font-family: Arial;
	color: #FFD700;
	font-weight: bold;
}

/*Nachfolgende Einstellungen sind für die Links der Seite: links.htm*/

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

span.tabelle {
	font-size: 12px;
    font-family: Arial;
	color: #FFFFFF;
}

span.tabelle_klein {
	font-size: 10px;
    font-family: Arial;
	color: #FFFFFF;
}

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


div#footer {
	clear:both;
	
}