/* Blockelemente (hochtouren.de)
*******************************************************************************/
body {
	background-color:#cdd0da;
	}
#mainContainer {
	width:940px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background-color:#cdd0da;
	background:url(../images/GIFs/Steinbock-8.gif);
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
	border-radius:18px;
	-webkit-box-shadow:hsla(230, 100%, 20%, 0.5) 0px 0px 20px;
	-moz-box-shadow:hsla(230, 100%, 20%, 0.5) 0px 0px 20px;
	box-shadow:hsla(230, 100%, 20%, 0.5) 0px 0px 20px;
	}
#mainContainer:hover {
	-webkit-transform:scale(1.0);
	-moz-transform:scale(1.0);
	-o-transform:scale(1.0);
	-ms-transform:scale(1.0);
	}
#mainContent {
	width:936px;
	height:740px;
	border-top:#B6C0DC 2px solid; /* Farbe und Art des oberen Rands */
	border-left:#B6C0DC 2px solid; /* linker Rand */
	border-right:#8897C1 2px solid; /* rechter Rand */
	border-bottom:#8897C1 2px solid; /* unterer Rand */
	margin-top:0px;
	margin-bottom:-2px;
	}
#SAMlogo {
	top:500px;
	left:0px;
	position:fixed;
	-webkit-transform:scale(0.4);
	-moz-transform:scale(0.4);
	-o-transform:scale(0.4);
	-ms-transform:scale(0.4);
	}
#tasten1 {
	width:inherit;
	height:36px;
	margin-bottom:-2px;
	}
#tasten2 {
	width:inherit;
	height:36px;
	margin-top:-2px;
	}
#leinwand {
	width:944px;
	height:130px;
	margin-top:5px;
	-webkit-box-shadow:hsla(230, 100%, 20%, 0.5) 0px 0px 20px;
	-moz-box-shadow:hsla(230, 100%, 20%, 0.5) 0px 0px 20px;
	box-shadow:hsla(230, 100%, 20%, 0.5) 0px 0px 20px;
	}
#leinwand1 {
	background-image:url(../svg/gipfelpanorama1.svg);
	width:936px;
	height:126px;
	margin-top:2px;
	border-top:#E0E0E0 2px solid; /* Farbe und Art des oberen Rands */
	border-left:#E0E0E0 2px solid; /* linker Rand */
	border-bottom:#909090 2px solid; /* unterer Rand */
	border-right:#909090 2px solid; /* rechter Rand */
	}
#leinwand2 {
	background-image:url(../svg/gipfelpanorama1_mitSeilschaften.svg);
	width:936px;
	height:126px;
	margin-top:2px;
	border-top:#B6C0DC 2px solid; /* Farbe und Art des oberen Rands */
	border-left:#B6C0DC 2px solid; /* linker Rand */
	border-right:#506394 2px solid; /* rechter Rand */
	border-bottom:#506394 2px solid; /* unterer Rand */
	}	
/* Schriften (hochtouren.de)
*******************************************************************************/
#hinweis1 { 
	font-family:Arial;
	font-size:12pt;
	font-weight:bold;
	color:#FFFFFF;
	text-align:right;
	padding-top:40px;
	padding-left:120px;
	padding-right:30px;
	}
h1 {
	font-family:Arial black; 
	font-size:22px; 
	letter-spacing:2px; 
	color:#FFFFFF;
	text-shadow: 2px 2px 2px #000;
	margin-top:82px;
	text-align:center;
	}
.text1 { 
	font-family:Lucida Sans Unicode;
	font-size:12pt;
	font-weight:normal;
	color:#8494bf;
	text-align:justify;
	padding-left:0px;
	padding-right:25px;
	padding-bottom:20px; line-height:24px;
	}
.text2 { 
	font-family:Lucida Sans Unicode;
	font-size:12pt;
	font-weight:normal;
	color:#000000;
	text-align:justify;
	padding-top:0px;
	padding-left:0px;
	padding-right:25px;
	padding-bottom:20px;
	}
/* Bilder (hochtouren.de)
*******************************************************************************/
#bild1	{
	width:940px;
	height:130px;
	border-width:0px;
	margin:inherit;
	padding:inherit;
	border-top:#B6C0DC 2px solid; /* Farbe und Art des oberen Rands */
	border-left:#B6C0DC 2px solid; /* linker Rand */
	border-right:#8897C1 2px solid; /* rechter Rand */
	border-bottom:#8897C1 2px solid; /* unterer Rand */
	}
/*
#svg1 {
	width:1560px; /*936
	height:1233px; /*740
	border-top:#B6C0DC 2px solid; 
	border-left:#B6C0DC 2px solid; 
	border-right:#8897C1 2px solid; 
	border-bottom:#8897C1 2px solid;
	}
*/
.panorama1 {
	width:940;
	height:130px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	border-width:0px;
	}
	
img.foto { border:2px solid #696969;  }
	
/* Links (hochtouren.de)
*******************************************************************************/
a:link { color:#0000FF; }
a:hover { color:#800000; }

a:link.linkleinwand { 
	font-family:Arial;
	font-size:14pt;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	text-shadow:3px 4px 4px #000000;
	}
					
/* 3d buttons (designerzone.de)
*******************************************************************************/
.dreidbutton1	{
color:#0000FF;
width:116px;
height:36px;
float:left;
background:#F0D2BA;
padding:6px 5px;
text-align:center;
vertical-align:middle;
text-decoration:none;
border-top:#FFF4E2 2px solid; /* Farbe und Art des oberen Rands */
border-left:#FFF4E2 2px solid; /* linker Rand */
border-bottom:#B48D7E 2px solid; /* unterer Rand */
border-right:#B48D7E 2px solid; /* rechter Rand */
-webkit-border-top-left-radius:18px;
-moz-border-radius-topleft:18px;
border-top-left-radius:18px;
-webkit-transition:0.2s all ease-in-out;
-moz-transition:0.2s all ease-in-out;
-o-transition:0.2s all ease-in-out;
-ms-transition:0.2s all ease-in-out
font-family:Arial;
font-size:13pt;
font-weight:bold;
}

.dreidbutton1:hover{
/* hier werden die Farben der entsprechenden Ränder genau umgekehrt, damit beim Überfahren mit der Maus ein eingedrückter Effekt entsteht. */
color:#800000;
border-bottom:#FFF4E2 2px solid;
border-right:#FFF4E2 2px solid;
border-top:#B48D7E 2px solid;
border-left:#B48D7E 2px solid;
/* Um den Effekt des Eindrückens zu verstärken wird auch der Text durch verändern des Innenabstands um 1 Pixel verrückt */
padding:8px 7px;
}

.dreidbutton2	{
color:#0000FF;
width:118px;
height:36px;
float:left;
background:#F0D2BA;
padding:6px 5px;
text-align:center;
vertical-align:middle;
text-decoration:none;
border-top:#FFF4E2 2px solid; /* Farbe und Art des oberen Rands */
border-left:#FFF4E2 2px solid; /* linker Rand */
border-bottom:#B48D7E 2px solid; /* unterer Rand */
border-right:#B48D7E 2px solid; /* rechter Rand */
-webkit-border-top-left-radius:0px;
-moz-border-radius-topleft:0px;
border-top-left-radius:0px;
-webkit-transition:0.2s all ease-in-out;
-moz-transition:0.2s all ease-in-out;
-o-transition:0.2s all ease-in-out;
-ms-transition:0.2s all ease-in-out
font-family:Arial;
font-size:13pt;
font-weight:bold;
}

.dreidbutton2:hover{
/* hier werden die Farben der entsprechenden Ränder genau umgekehrt, damit beim Überfahren mit der Maus ein eingedrückter Effekt entsteht. */
color:#800000;
border-bottom:#FFF4E2 2px solid;
border-right:#FFF4E2 2px solid;
border-top:#B48D7E 2px solid;
border-left:#B48D7E 2px solid;
/* Um den Effekt des Eindrückens zu verstärken wird auch der Text durch verändern des Innenabstands um 1 Pixel verrückt */
padding:8px 7px;
}

.dreidbutton3	{
color:#0000FF;
width:116px;
height:36px;
float:left;
background:#F0D2BA;
padding:6px 5px;
text-align:center;
vertical-align:middle;
text-decoration:none;
border-top:#FFF4E2 2px solid; /* Farbe und Art des oberen Rands */
border-left:#FFF4E2 2px solid; /* linker Rand */
border-bottom:#B48D7E 2px solid; /* unterer Rand */
border-right:#B48D7E 2px solid; /* rechter Rand */
-webkit-border-top-right-radius:18px;
-moz-border-radius-topright:18px;
border-top-right-radius:18px;
-webkit-transition:0.2s all ease-in-out;
-moz-transition:0.2s all ease-in-out;
-o-transition:0.2s all ease-in-out;
-ms-transition:0.2s all ease-in-out
font-family:Arial;
font-size:13pt;
font-weight:bold;
}

.dreidbutton3:hover{
/* hier werden die Farben der entsprechenden Ränder genau umgekehrt, damit beim Überfahren mit der Maus ein eingedrückter Effekt entsteht. */
color:#800000;
border-bottom:#FFF4E2 2px solid;
border-right:#FFF4E2 2px solid;
border-top:#B48D7E 2px solid;
border-left:#B48D7E 2px solid;
/* Um den Effekt des Eindrückens zu verstärken wird auch der Text durch verändern des Innenabstands um 1 Pixel verrückt */
padding:8px 7px;
}

.dreidbutton4	{
color:#0000FF;
width:116px;
height:36px;
float:left;
background:#F0D2BA;
padding:6px 5px;
text-align:center;
vertical-align:middle;
text-decoration:none;
border-top:#FFF4E2 2px solid; /* Farbe und Art des oberen Rands */
border-left:#FFF4E2 2px solid; /* linker Rand */
border-bottom:#B48D7E 2px solid; /* unterer Rand */
border-right:#B48D7E 2px solid; /* rechter Rand */
-webkit-border-bottom-left-radius:18px;
-moz-border-radius-bottomleft:18px;
border-bottom-left-radius:18px;
-webkit-transition:0.2s all ease-in-out;
-moz-transition:0.2s all ease-in-out;
-o-transition:0.2s all ease-in-out;
-ms-transition:0.2s all ease-in-out
font-family:Arial;
font-size:13pt;
font-weight:bold;
}

.dreidbutton4:hover{
/* hier werden die Farben der entsprechenden Ränder genau umgekehrt, damit beim Überfahren mit der Maus ein eingedrückter Effekt entsteht. */
color:#800000;
border-bottom:#FFF4E2 2px solid;
border-right:#FFF4E2 2px solid;
border-top:#B48D7E 2px solid;
border-left:#B48D7E 2px solid;
/* Um den Effekt des Eindrückens zu verstärken wird auch der Text durch verändern des Innenabstands um 1 Pixel verrückt */
padding:8px 7px;
}

.dreidbutton5	{
color:#0000FF;
width:116px;
height:36px;
float:left;
background:#F0D2BA;
padding:6px 5px;
text-align:center;
vertical-align:middle;
text-decoration:none;
border-top:#FFF4E2 2px solid; /* Farbe und Art des oberen Rands */
border-left:#FFF4E2 2px solid; /* linker Rand */
border-bottom:#B48D7E 2px solid; /* unterer Rand */
border-right:#B48D7E 2px solid; /* rechter Rand */
-webkit-border-bottom-right-radius:18px;
-moz-border-radius-bottomright:18px;
border-bottom-right-radius:18px;
-webkit-transition:0.2s all ease-in-out;
-moz-transition:0.2s all ease-in-out;
-o-transition:0.2s all ease-in-out;
-ms-transition:0.2s all ease-in-out
font-family:Arial;
font-size:13pt;
font-weight:bold;
}

.dreidbutton5:hover{
/* hier werden die Farben der entsprechenden Ränder genau umgekehrt, damit beim Überfahren mit der Maus ein eingedrückter Effekt entsteht. */
color:#800000;
border-bottom:#FFF4E2 2px solid;
border-right:#FFF4E2 2px solid;
border-top:#B48D7E 2px solid;
border-left:#B48D7E 2px solid;
/* Um den Effekt des Eindrückens zu verstärken wird auch der Text durch verändern des Innenabstands um 1 Pixel verrückt */
padding:8px 7px;
}

.dreidbutton6	{
width:116px;
height:36px;
float:left;
background:#F0D2BA;
padding:6px 5px;
text-align:center;
vertical-align:middle;
text-decoration:none;
border-top:#FFF4E2 2px solid; /* Farbe und Art des oberen Rands */
border-left:#FFF4E2 2px solid; /* linker Rand */
border-bottom:#B48D7E 2px solid; /* unterer Rand */
border-right:#B48D7E 2px solid; /* rechter Rand */
-webkit-border-bottom-left-radius:18px;
-moz-border-radius-bottomleft:18px;
border-bottom-left-radius:18px;
}

.dreidbutton7	{
width:116px;
height:36px;
float:left;
background:#F0D2BA;
padding:6px 5px;
text-align:center;
vertical-align:middle;
text-decoration:none;
border-top:#FFF4E2 2px solid; /* Farbe und Art des oberen Rands */
border-left:#FFF4E2 2px solid; /* linker Rand */
border-bottom:#B48D7E 2px solid; /* unterer Rand */
border-right:#B48D7E 2px solid; /* rechter Rand */
-webkit-border-bottom-right-radius:18px;
-moz-border-radius-bottomright:18px;
border-bottom-right-radius:18px;
}