body { background:url(../Gipfelpanoramen/Gipfelpanorama_Himmel.png); background-color:#B7BAC4; background-repeat:repeat-x; padding:0px; }
table.h1 { background:url(../Gipfelpanoramen/Gipfelpanorama_Ueberschrift.gif); }
table.h2 { background:url(../images/GIFs/Steinbock-8.gif); }
table.h3 { background:url(../images/PNGs/Tabellenhintergrund_weiss_50.png); }
table.h4 { background-color: #F0D2BA }
div.navi { with:1000px; height:40px;  }
div.google { with:896px; height:597px; }
li { list-style-position:inside; }
p { font-family:Arial; text-align:justify; font-weight:bold; font-size:16px; color:#000000; }
p.date { font-family:Arial; font-weight:bold; font-size:12pt; color:#000000; text-align:right; }
tr { font-family:Arial; font-weight:bold; font-size:12pt; }
td { font-family:Arial; font-weight:bold; font-size:12pt; }
.g { font-family:Arial; font-size:17px; color:#000000; }
.t { font-family:Arial; font-size:17px; color:#977770; }
.jahr {font-family:Arial black; font-size:22px; font-weight:500; color:#977770; }
h1 {
	font-family:Arial black; 
	font-size:22px; 
	letter-spacing:2px; 
	color:#FFFFFF;
	text-shadow: 2px 2px 2px #000;  
}
h2 { 
	font-family:Arial black; 
	font-size:20px; 
	letter-spacing:2px; 
	color:#FFFFFF;
	text-shadow: 2px 2px 2px #000; 
}
h3 { font-family:Arial black; font-size:18px; letter-spacing:2px; color:#FFFFFF; }
h4 { font-family:Arial black; font-size:16px; letter-spacing:2px; color:#FFFFFF; }
h5 { font-family:Arial black; font-size:14px; letter-spacing:2px; color:#FFFFFF; }
h6 { font-family:Arial black; font-size:12px; letter-spacing:2px; color:#FFFFFF; }
img.foto { border:2px solid #696969;  }
img.taste { border:0px; margin:0px; padding:0px; }
img.rahmen { border:0px; margin:0px; padding:0px; }
img.sig { border:0px; margin:0px; padding:0px; }
a { text-decoration:none; color:#0000FF; }
a:link { text-decoration:none; color:#0000FF; }
a:hover { text-decoration:none; color:#800000; }
#stephan1{
	-moz-transform:rotate(5deg);
	-webkit-transform:rotate(5deg);
	-o-transform:rotate(5deg);
	transform:rotate(5deg);
	-webkit-transition:0.5s all ease-in-out;
	-moz-transition:0.5s all ease-in-out;
	-o-transition:0.5s all ease-in-out;
	-ms-transition:0.5s all ease-in-out
}
#stephan1:hover{
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
}
#stephanRuby1{
	-moz-transform:rotate(-5deg) ;
	-webkit-transform:rotate(-5deg);
	-o-transform:rotate(-5deg);
	transform:rotate(-5deg);
	-webkit-transition:0.5s all ease-in-out;
	-moz-transition:0.5s all ease-in-out;
	-o-transition:0.5s all ease-in-out;
	-ms-transition:0.5s all ease-in-out
}
#stephanRuby1:hover{
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
}
#steinbock{
	-webkit-transition:2s all ease-in-out;
	-moz-transition:2s all ease-in-out;
	-o-transition:2s all ease-in-out;
	-ms-transition:2s all ease-in-out
	}
#steinbock:hover{
	-webkit-transform:translate(380px, 0px) rotate(360deg);
	-moz-transform:translate(380px, 0px) rotate(360deg);
	-o-transform:translate(380px, 0px) rotate(360deg);
	-ms-transform:translate(380px, 0px) rotate(360deg);
	}
#ringtext{
	-webkit-transition:2s all ease-in-out;
	-moz-transition:2s all ease-in-out;
	-o-transition:2s all ease-in-out;
	-ms-transition:2s all ease-in-out
	}
#ringtext:hover{
	-webkit-transform:translate(-380px, 0px) rotate(360deg);
	-moz-transform:translate(-380px, 0px) rotate(360deg);
	-o-transform:translate(-380px, 0px) rotate(360deg);
	-ms-transform:translate(-380px, 0px) rotate(360deg);
	}
