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

/*   WENN AM IPAD NICHT RICHTIG _ ENTFERNEN!  */
#masthead {
    margin: 1% 1% 0% 1%;
    text-align: center; 
    font-weight: bolder;
/*   WENN AM IPAD NICHT RICHTIG _ ENTFERNEN!  */
}

body
{
    text-align: center;	
    font-size: 12px;
    font-family: Arial;
    background-color: #f2f2f2;
}

#root
{
    width: 1220px;			    /*Breite der gesamten Seite*/
    margin: 12px auto;  		
    text-align: center;			
    position:relative;
}

#root-menu
{
    width: 1220px;			    /*Breite der gesamten Seite*/
    margin: 12px auto;  		
    text-align: center;			
    position:relative;			
}

#head							/*Head Bereich (oberster Bereich auf der Seite)*/
{
    border: 0px;				
    height: auto;				
    margin: 0px;				
}


.content						
{
    height: auto;				
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 12px;
    font-family: Arial;
	color: #494949;
    background-color: #f2f2f2;
}

.webcam_krumau
{
    z-index: 3;
	position: absolute;
	width: 100px;
	left: 498px;
	top: 20px;
	font-size: 10px;
}

.webcam_hochficht
{
    z-index: 1;
	position: absolute;
	width: 100px;
	left: 22px;
	top: 20px;
	font-size: 10px;
}

.webcam_hochficht_icon
{
    z-index: 1;
	position: absolute;
	width: 100px;
	left: 135px;
	top: 55px;
	font-size: 10px;
}

.webcam_schoeneben
{
    z-index: 11;
	position: absolute;
	width: 100px;
	left: 205px;
	top: 50px;
	font-size: 10px;
}

.webcam_schoeneben_icon
{
    z-index: 11;
	position: absolute;
	width: 130px;
	left: 200px;
	top: 135px;
	font-size: 10px; 
}

.webcam_klaffer
{
    z-index: 4;
	position: absolute;
	width: 100px;
	left: 230px;
	top: 150px;
	font-size: 10px;
}

.webcam_klaffer_icon
{
    z-index: 4;
	position: absolute;
	width: 130px;
	left: 170px;
	top: 130px;
	font-size: 10px; 
}

.webcam_peilstein
{
    z-index: 1;
	position: absolute;
	width: 100px;
	left: 100px;
	top: 210px;
	font-size: 10px;
}

.webcam_peilstein_icon
{
    z-index: 1;
	position: absolute;
	width: 100px;
	left: 170px;
	top: 235px;
	font-size: 10px;
}

.webcam_pfarrkirchen
{
    z-index: 30;
	position: absolute;
	width: 100px;
	left: 40px;
	top: 328px;
	font-size: 10px;
}

.webcam_pfarrkirchen_icon
{
    z-index: 31;
	position: absolute;
	width: 100px;
	left: 105px;
	top: 390px;
	font-size: 10px;
}

    
.webcam_schloegen
{
    z-index: 40;
	position: absolute;
	width: 100px;
	left: 180px;
	top: 400px;
	font-size: 10px;
}

.webcam_schloegen_icon
{
    z-index: 41;
	position: absolute;
	width: 100px;
	left: 125px;
	top: 455px;
	font-size: 10px;
}



.webcam_hansberg
{
    z-index: 40;
	position: absolute;
	width: 100px;
	left: 300px;
	top: 335px;
	font-size: 10px;
}

.webcam_hansberg_icon
{
    z-index: 41;
	position: absolute;
	width: 100px;
	left: 335px;
	top: 395px;
	font-size: 10px;
}


.webcam_baumkronenweg
{
    z-index: 40;
	position: absolute;
	width: 100px;
	left: 40px;
	top: 480px;
	font-size: 10px;
}

.webcam_baumkronenweg_icon
{
    z-index: 41;
	position: absolute;
	width: 100px;
	left: 5px;
	top: 450px;
	font-size: 10px;
}

.webcam_traumarena
{
    z-index: 24;
	position: absolute;
	width: 100px;
	left: 335px;
	top: 215px;
	font-size: 10px;
}

.webcam_traumarena_icon
{
    z-index: 25;
	position: absolute;
	width: 100px;
	left: 345px;
	top: 300px;
	font-size: 10px;
}

.webcam_gotthard
{
    z-index: 15;
	position: absolute;
	width: 100px;
	left: 210px;
	top: 565px;
	font-size: 10px;
}

.webcam_feldkirchen_icon
{
    z-index: 25;
	position: absolute;
	width: 100px;
	left: 280px;
	top: 590px;
	font-size: 10px;
}

.webcam_sternstein
{
    z-index: 60;
	position: absolute;
	width: 100px;
	left: 465px;
	top: 255px;
	font-size: 10px;
}

.webcam_bad_leonfelden
{
    z-index: 01;
	position: absolute;
	width: 100px;
	left: 575px;
	top: 255px;
	font-size: 10px;
}

.webcam_bad_leonfelden_icon
{
    z-index: 02;
	position: absolute;
	width: 100px;
	left: 500px;
	top: 375px;
	font-size: 10px;
}

.webcam_bad_leonfelden2
{
    z-index: 03;
	position: absolute;
	width: 100px;
	left: 465px;
	top: 255px;
	font-size: 10px;
}

.webcam_bad_leonfelden2_icon
{
    z-index: 04;
	position: absolute;
	width: 100px;
	left: 480px;
	top: 350px;
	font-size: 10px;
}


.webcam_bad_leonfelden3
{
    z-index: 13;
	position: absolute;
	width: 100px;
	left: 575px;
	top: 190px;
	font-size: 10px;
}

.webcam_bad_leonfelden3_icon
{
    z-index: 14;
	position: absolute;
	width: 100px;
	left: 500px;
	top: 350px;
	font-size: 10px;
}

.webcam_hellmonsoedt2
{
    z-index: 39;
	position: absolute;
	width: 100px;
	left: 575px;
	top: 335px;
	font-size: 10px;
}

.webcam_davidschlag_n
{
    z-index: 09;
	position: absolute;
	width: 100px;
	left: 465px;
	top: 415px;
	font-size: 10px;
}

.webcam_davidschlag_o
{
    z-index: 05;
	position: absolute;
	width: 100px;
	left: 575px;
	top: 415px;
	font-size: 10px;
}

.webcam_davidschlag_sw
{
    z-index: 06;
	position: absolute;
	width: 100px;
	left: 355px;
	top: 415px;
	font-size: 10px;
}

.webcam_davidschlag_icon
{
    z-index: 10;
	position: absolute;
	width: 100px;
	left: 480px;
	top: 475px;
	font-size: 10px;
}

.webcam_waxenberg
{
    z-index: 34;
	position: absolute;
	width: 100px;
	left: 410px;
	top: 335px;
	font-size: 10px;
}

.webcam_waxenberg_icon
{
    z-index: 35;
	position: absolute;
	width: 130px;
	left: 385px;
	top: 400px;
	font-size: 10px; 
}

.webcam_kirchschlag
{
    z-index: 11;
	position: absolute;
	width: 100px;
	left: 485px;
	top: 525px;
	font-size: 10px;
}

.webcam_kirchschlag_icon
{
    z-index: 12;
	position: absolute;
	width: 100px;
	left: 475px;
	top: 495px;
	font-size: 10px;
}

.webcam_hellmonsoedt
{
    z-index: 07;
	position: absolute;
	width: 100px;
	left: 600px;
	top: 490px;
	font-size: 10px;
}

.webcam_donaulaende1
{
    z-index: 19;
	position: absolute;
	width: 100px;
	left: 580px;
	top: 620px;
	font-size: 10px;
}

.webcam_donaulaende2
{
    z-index: 20;
	position: absolute;
	width: 100px;
	left: 580px;
	top: 710px;
	font-size: 10px;
}

.webcam_donaulaende_icon
{
    z-index: 21;
	position: absolute;
	width: 100px;
	left: 500px;
	top: 620px;
	font-size: 10px;
}

.webcam_ottensheim
{
    z-index: 19;
	position: absolute;
	width: 100px;
	left: 345px;
	top: 575px;
	font-size: 10px;
}

.webcam_ottensheim_icon
{
    z-index: 21;
	position: absolute;
	width: 100px;
	left: 410px;
	top: 600px;
	font-size: 10px;
}


.webcam_pasching
{
    z-index: 19;
	position: absolute;
	width: 100px;
	left: 420px;
	top: 660px;
	font-size: 10px;
}

.webcam_pasching_icon
{
    z-index: 21;
	position: absolute;
	width: 100px;
	left: 420px;
	top: 640px;
	font-size: 10px;
}

.webcam_traun
{
    z-index: 19;
	position: absolute;
	width: 100px;
	left: 420px;
	top: 750px;
	font-size: 10px;
}

.webcam_wegscheid
{
    z-index: 19;
	position: absolute;
	width: 100px;
	left: 455px;
	top: 745px;
	font-size: 10px;
}

.webcam_wegscheid2
{
    z-index: 19;
	position: absolute;
	width: 100px;
	left: 580px;
	top: 745px;
	font-size: 10px;
}

.webcam_wegscheid_icon
{
    z-index: 21;
	position: absolute;
	width: 100px;
	left: 480px;
	top: 720px;
	font-size: 10px;
}


.webcam_lasberg
{
    z-index: 24;
	position: absolute;
	width: 100px;
	left: 750px;
	top: 425px;
	font-size: 10px;
}

.webcam_lasberg_icon
{
    z-index: 25;
	position: absolute;
	width: 100px;
	left: 710px;
	top: 400px;
	font-size: 10px;
}

.webcam_pelmberg
{
    z-index: 07;
	position: absolute;
	width: 100px;
	left: 600px;
	top: 490px;
	font-size: 10px;
}

.webcam_pelmberg_icon
{
    z-index: 08;
	position: absolute;
	width: 100px;
	left: 530px;
	top: 495px;
	font-size: 10px;
}

.webcam_freistadt
{
    z-index: 63;
	position: absolute;
	width: 100px;
	left: 680px;
	top: 300px;
	font-size: 10px;
}

.webcam_freistadt_icon
{
    z-index: 04;
	position: absolute;
	width: 100px;
	left: 660px;
	top: 385px;
	font-size: 10px;
}

.webcam_oswald
{
    z-index: 63;
	position: absolute;
	width: 100px;
	left: 885px;
	top: 425px;
	font-size: 10px;
}

.webcam_oswald_icon
{
    z-index: 04;
	position: absolute;
	width: 100px;
	left: 720px;
	top: 385px;
	font-size: 10px;
}

.webcam_neumarkt
{
    z-index: 26;
	position: absolute;
	width: 100px;
	left: 750px;
	top: 510px;
	font-size: 10px;
}

.webcam_neumarkt_icon
{
    z-index: 27;
	position: absolute;
	width: 100px;
	left: 678px;
	top: 480px;
	font-size: 10px;
}

.webcam_stoaninger
{
    z-index: 46;
	position: absolute;
	width: 100px;
	left: 880px;
	top: 525px;
	font-size: 10px;
}

.webcam_stoaninger_icon
{
    z-index: 47;
	position: absolute;
	width: 100px;
	left: 820px;
	top: 495px;
	font-size: 10px;
}

.webcam_katsdorf
{
    z-index: 26;
	position: absolute;
	width: 100px;
	left: 710px;
	top: 610px;
	font-size: 10px;
}

.webcam_katsdorf_icon
{
    z-index: 27;
	position: absolute;
	width: 100px;
	left: 655px;
	top: 585px;
	font-size: 10px;
}

.webcam_moetlasberg
{
    z-index: 13;
	position: absolute;
	width: 100px;
	left: 1020px;
	top: 470px;
	font-size: 10px;
}

.webcam_moetlasberg2
{
    z-index: 13;
	position: absolute;
	width: 100px;
	left: 1020px;
	top: 560px;
	font-size: 10px;
}

.webcam_moetlasberg_icon
{
    z-index: 14;
	position: absolute;
	width: 100px;
	left: 935px;
	top: 505px;
	font-size: 10px;
}

.webcam_pierbach_icon
{
    z-index: 80;
	position: absolute;
	width: 100px;
	left: 895px;
	top: 580px;
	font-size: 10px;
}

.webcam_pierbach
{
    z-index: 79;
	position: absolute;
	width: 100px;
	left: 890px;
	top: 695px;
	font-size: 10px;
}


.webcam_moenchdorf_icon
{
    z-index: 180;
	position: absolute;
	width: 100px;
	left: 915px;
	top: 570px;
	font-size: 10px;
}

.webcam_moenchdorf
{
    z-index: 79;
	position: absolute;
	width: 100px;
	left: 890px;
	top: 610px;
	font-size: 10px;
}

.webcam_liebenau
{
    z-index: 78;
	position: absolute;
	width: 100px;
	left: 965px;
	top: 260px;
	font-size: 10px;
}

.webcam_liebenau_schilift
{
    z-index: 79;
	position: absolute;
	width: 100px;
	left: 965px;
	top: 180px;
	font-size: 10px;
}

.webcam_liebenau_icon
{
    z-index: 180;
	position: absolute;
	width: 100px;
	left: 905px;
	top: 340px;
	font-size: 10px;
}

.webcam_sandl
{
    z-index: 36;
	position: absolute;
	width: 100px;
	left: 820px;
	top: 240px;
	font-size: 10px;
}

.webcam_sandl_icon
{
    z-index: 37;
	position: absolute;
	width: 100px;
	left: 778px;
	top: 310px;
	font-size: 10px;
}

.webcam_sandl_rindlberg
{
    z-index: 36;
	position: absolute;
	width: 100px;
	left: 820px;
	top: 350px;
	font-size: 10px;
}

.webcam_sandl_icon_rindlberg
{
    z-index: 37;
	position: absolute;
	width: 100px;
	left: 798px;
	top: 325px;
	font-size: 10px;
}

.webcam_mauthausen
{
    z-index: 58;
	position: absolute;
	width: 100px;
	left: 720px;
	top: 640px;
	font-size: 10px;
}

.webcam_mauthausen_icon
{
    z-index: 59;
	position: absolute;
	width: 100px;
	left: 680px;
	top: 710px;
	font-size: 10px;
}

.webcam_naarn
{
    z-index: 98;
	position: absolute;
	width: 100px;
	left: 740px;
	top: 735px;
	font-size: 10px;
}

.webcam_naarn_icon
{
    z-index: 99;
	position: absolute;
	width: 100px;
	left: 725px;
	top: 710px;
	font-size: 10px;
}


.webcam_baumgartenberg
{
    z-index: 100;
	position: absolute;
	width: 100px;
	left: 940px;
	top: 735px;
	font-size: 10px;
}

.webcam_au
{
    z-index: 100;
	position: absolute;
	width: 100px;
	left: 780px;
	top: 735px;
	font-size: 10px;
}

.webcam_baumgartenberg_icon
{
    z-index: 101;
	position: absolute;
	width: 100px;
	left: 865px;
	top: 750px;
	font-size: 10px;
}

.webcam_lichtenberg
{
    z-index: 17;
	position: absolute;
	width: 100px;
	left: 270px;
	top: 440px;
	font-size: 10px;
    
}

.webcam_lichtenberg_icon
{
    z-index: 18;
	position: absolute;
	width: 100px;
	left: 345px;
	top: 510px;
	font-size: 10px;
    
}

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

div#footer {
	clear:both;
}

/******************************************************/
/*   Menüschriftart größer - wenn Bildschirm kleiner  */
/******************************************************/

@media (max-width:1310px) {
  .menu li {
	font-size:22px;}
}