@import url('yui-reset.css');

*	{
	border:0px solid #eee;
	margin:0;
	padding:0;
	list-style:none
	}

html,body,#bg,#bg table,#bg td,#cont{
	width:100%;
	height:100%;
	overflow:hidden
	}

body{
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt;
/*	--- Verursacht hohe Last beim anzeigen der Seiten - Selbst wenn es nicht sichtbar ist
	background:url(/img/pagelement/loading.gif); */
	background-color: #ccc;
	color:#000;
}

.box div .printonly {
	display: none;
}

h1,h2,.large,.left{
	font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;
	font-size:14pt;
	}
	
h2,.box div img{
	padding-bottom:10px;
	opacity:1;
	}

h3,h4,h5,h6,h7,h8{
	font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;
	font-size:12pt;
	border-top:1px solid #cdc;
	padding-top: 7pt;
	padding-bottom: 3pt;
	display: block;
	}

h4	{ /*Hauptüberschrift des Inhaltes*/
	border-top:2px solid #cdc;
	}

h5	{
	font-size:11pt;
	padding-left: 4px;
	}

h6	{
	font-size:11pt;
	padding-left: 8px;
	}

a	{
	text-decoration:none;
	color:#000;
	outline:0
	}

img	{
	display:block
	}

#bg div{
	position:absolute;
	width:200%;
	height:200%;
	top:-50%;
	left:-50%
	}

#bg td{
	vertical-align:middle;
	text-align:center
	}
	
#bg img{
	min-height:50%;
	min-width:50%;
	margin:0 auto
	}

#cont{
	position:absolute;
	top:0;
	left:0;
	z-index:50;
	overflow:auto
	}

h2 	{
	text-align:right;
	padding-bottom: 4px;
	/** IE */
	filter:
		progid:DXImageTransform.Microsoft.Shadow(color='#ffffff', Direction=135, Strength=5);
	/** Andere */
	text-shadow: rgba(255,255,255,1) 0px 0px 2px;
}

.box{
	position:absolute;
	top:15px;
	left:241px;
	width:660px;
	padding-bottom:100px
	}

.box div{
	line-height:1.5em;
	background-image: url(/img/pagelement/hg-75p-wdh.png);
	padding:20px 30px;
	}

.box div a{
	text-decoration:underline
	}

.large{
	text-align:right;
	top:20%;
	right:120px;
	font-size:13px
	}

.left{
	text-align:left;
	right:auto;
	left:180px;
	font-size:13px
	}
	
.large h2{
	font-size:60px
	}
	
.white{
	color:#fff
	}

h3	{
	border: none;
	position:relative;
	border-bottom-width:1px;
	padding:10px 30px 5px 30px;
	margin:0 -30px 20px -30px;
	text-transform:uppercase;
	line-height:20px;
	font-weight:bold
	}

h3 span{
	position:absolute;
	left:700px;
	top:29px;
	background:#000;
	text-align:center;
	padding:0 5px;
	white-space:nowrap;
	display:block;
	color:#fff;
	font-weight:normal;
	}


dl	{
	margin:10px 0
	}

dt,dd p{
	padding-left:5px;
	display:block;
	border-top-width:1px;
	width:590px
	}

.box div div {
	padding: 3px;
	}

#rss-logo {
	border-style:none;
	position:absolute;
	right:30px;
	top:7px;
	}
	
#logo {
	background-image:url("/img/pagelement/FelsLogo_2010.png");
	top:-10px;
	left:20px;
	position:absolute;
	height:80px;
	width:93px;
	z-index:70;
}

/***********************************************************/
/** Menü ***************************************************/
/***********************************************************/
#menu {
	position:absolute;
	top:40px;
	left:241px;
	bottom: 10px;
	z-index:60;
	right:20px;
	line-height:12px;
	color: #999999;
	}

h1	{
	position:relative;
	left:-241px;
	margin-bottom:-100px;
	width:240px;
	opacity:0.99
	}
	
h1 a	{
	padding:78px 10px 10px 0;
	color:#fff;
	/* Minimum */
	background: #336600;
	box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	/* Chrome */
	background: -webkit-gradient(linear, right bottom, left top, from(#336600), to(#93d18e));
	-webkit-box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	/* Firefox */
	background: -moz-radial-gradient(2px 2px, ellipse farthest-corner,
					 #93d18e 0%, #336600 100%, green 95%);
	-moz-box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	/* IE */
	filter:
		progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=4)
		progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#93d18e', EndColorStr='#336600');
	font-size:11px;
	text-align:right;
	display:block
	}
	
h1 a:hover{
	/* Minimum */
	background: #336600;
	box-shadow: rgba(50,50,50,20) 3px 3px 0;
	/* Chrome */
	background: -webkit-gradient(linear, right bottom, left top, from(#93d18e), to(#336600));
	-webkit-box-shadow: rgba(50,50,50,20) 3px 3px 3px;
		/* Firefox */
		background: -moz-radial-gradient(2px 2px, ellipse farthest-corner,
					 #336600 0%, #93d18e 100%, green 95%);
	-moz-box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	/* IE */
	filter:
		progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=4)
		progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#336600', EndColorStr='#93d18e');
	}

#Navigation{
	position: absolute;
	font-size: 10pt;
	top: 100px;
	padding-bottom: 10px;
	overflow:scroll;
	left: -230px;
	width: 230px;
	height: 90%;
  	/* Minimum */
	background: #373737;
	/* Chrome */
	background: -webkit-gradient(linear, left top, right bottom, from(rgba(5, 30, 5, 80)), to(rgba(100, 100, 100, 0)));
	/* Firefox */
	background: -moz-radial-gradient(0px 0px 10deg, circle farthest-corner, #1E281E 1%, transparent 100%, rgba(100, 100, 100, 0) 50%);
	/* IE */
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#052005', EndColorStr='#cccccc')
		Alpha(opacity=80, finishopacity=10, style=1);
	padding: 0px 0 0 2px;
	}

#Navigation, #Navigation ul { 
	padding: 0;
	margin: 0;
}

#Navigation ul {
	height: 100%;
}

#mbody ul li{
	cursor: pointer;
	width: 130px;
}

#Navigation .hitarea {
	position:absolute;
	height: 16px;
	width: 130px;
	margin-left: -2px;
	margin-top: -2px;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float: none;
}

#Navigation li { 
	margin-left: 10px;
	padding: 3px 0pt 3px 2px;
}

#Navigation ul a {
	color: #ffffff;
	display: block;
	border-bottom: 1px solid #777777;
	z-index:1;
}
#Navigation a {
	color: #cccccc;
	display: block;
	z-index:1;
}

.treeview a.selected {
	background-color: #336600;
}
.treeview a:hover {
	color: #bbffbb;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover {  }

.treeview li {  }
.treeview li.collapsable, .treeview li.expandable {  }

.treeview .expandable-hitarea { z-index:2; }
.treeview .expandable-link { z-index:-2; }

.treeview li.last {  }
.treeview li.lastCollapsable, .treeview li.lastExpandable {  }  
.treeview li.lastCollapsable {  }
.treeview li.lastExpandable {  }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { 
	
	}

.treeview div.collapsable-hitarea {
	background-color: #336600;
	z-index: -1;
	}

.treeview div.collapsable-link {
	background-color: #336600;
	z-index: -1;
	}

}

/***********************************************************/
/** Neuigkeiten (meld) *************************************/
/***********************************************************/
#neues h4 {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	padding-right: 4px;
	margin: 0px;
	font-size: 9pt;
}
	
#neues h4.current {
	cursor:default;
	background-color:#eee;
	border-top: 1px solid #bbb;
}

.meld_kopf{
/*	background-color: #a9c78b; */
	background-color: #bbb;
	padding-left: 5px;
	color: #000;
	cursor: pointer;
	border-bottom: 1px solid #fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.meld_kopf:hover{
	background-color: #a9c78b;
}

.meld_eintrag{
	padding: 10px;
}

.meld_datum{
	float: right;
	}
	
/***********************************************************/
/** Karten Bereich - wird in df_weg.php verwendet **********/
/***********************************************************/
.MyMap .box {
	width: 688px !important;
}
.MyMap #MapArea {
	HEIGHT: 575px; 
	background-image: url(/img/detail/df_weg_bg.gif);
	background-repeat: no-repeat;
	z-index: 0;
}
.MyMap #forDetail{
	position: absolute; 
	left: 390px; 
	top: -10px; 
	width: 282px; 
	height: 269px; 
	z-index: 10;
}

.MyMap a {
	text-decoration: none;
	border-style: none;
	padding: 0px;
	margin: 0px;
	text-decoration: none !important;
}
.MyMap a:link { color: #244700;}
.MyMap a:visited {	color: #244700;}
.MyMap a:active { color: #244700;}
.MyMap a:hover { color: #244700;}
.MyMap a:focus { color: #244700;}

#MapArea div {
	background-image: none;
	position: absolute;
	padding: 0px;
	margin-top: -3px;
	margin-left: -7px;
}

#MapArea .counter {
	width: 24px;
	height: 24px;
	font-size: 23px;
	line-height: 32.5px;
	color: #336600;
	font-weight: 700;
	/** IE */
	filter:
		progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=5);
	/** Andere */
	text-shadow: rgba(0,0,0,.4) 3px 3px 3px;
 	}

#MapArea .button {
	border-top: 1px solid #97f79a;
	padding: 6px 7px;
	color: white;
	font-size: 1px;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	background: #336600;
	background: -webkit-gradient(linear, left top, left bottom, from(#336600), to(#93d18e));
	background: -moz-radial-gradient(2px 2px, ellipse farthest-corner,
					 #93d18e 0%, #336600 100%, green 95%);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	-moz-box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	filter:
		progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=2)
		progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#93d18e', EndColorStr='#336600')
		Alpha(opacity=100, finishopacity=10, style=2);
	/* text-shadow: rgba(0,0,0,.4) 0 1px 0; */
   }
#MapArea .button:hover {
	border-top-color: #287828;
	color: #ccc;
	box-shadow: rgba(50,50,50,20) 1px 1px 0;
	-webkit-box-shadow: rgba(50,50,50,20) 1px 1px 0;
	-moz-box-shadow: rgba(50,50,50,20)1px 1px 0;
	filter:
		progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#93d18e', EndColorStr='#336600')
		Alpha(opacity=100, finishopacity=10, style=2);
}
#MapArea .button:active {
   border-top-color: #164516;
   background: #164516;
   }

#MapData .cgroup {
	padding-left: 7px;
	border: #cccfcc 0.3px solid;
	min-height:180px;
	margin-bottom: 10px;
	box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	-webkit-box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	background-image: -moz-linear-gradient(270deg, #ffffff 0%, #eeeeee 100%);
	-moz-box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	filter:
		progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3)
		progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#eeeeee');
}

#MapData .cgroup img {
	float:right; 
	padding-left: 10px;
}

/***********************************************************/
/** Galerie Bereich - wird in Bild verwendet ***************/
/***********************************************************/
.imageButton {
	width: 140px;
	height: 138px;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 3px;
	padding: 5px 0px 0px 0px;
	border: #cccfcc 0.3px solid;
	color: #a9c78b;
	text-align: center;
}

.imageButton:hover {
	background: #ffffff;
}

.imageButton A {
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: #a9c78b 1px outset;
	text-align: center;
	-webkit-box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	-moz-box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	filter:
		progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3);
	color: #a9c78b;
	background-color: #dddedd;
}

.imageButton A:link {
	color: #a9c78b;
}

.imageButton A:visited {
	color: #a9c78b;
}

.imageButton A:hover {
	border: #336600 1px outset;
	color: #336600;
	background-color: #a9c78b;
}

.box .imageButton img {
	float: none;
	text-align: center;
	margin: 1px 1px 1px 1px;
	padding: 0px 0px 0px 0px;
}

/***********************************************************/
/** Panorama Bereich ***************************************/
/***********************************************************/
.panoButton {
	background-color: #333;
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	padding: 10px 10px 10px 10px;
	border-right: #a9c78b 1px inset;
	border-bottom: #a9c78b 1px inset;
	color: #a9c78b;
	text-align: center;
	text-decoration: none;
	margin-bottom: 7px;
	margin-left: -10px;
	border: #cccfcc 0.3px solid;
	-webkit-box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	-moz-box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	filter:
		progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3);
}

.panoButton:hover {
	background-color: #eee;
}

.box .panoButton img {
	margin: 1px 1px 1px 1px;
	padding: 0px 0px 0px 0px;
}
/***********************************************************/
/** Gästebuch **********************************************/
/***********************************************************/
.guestbook .cmenu {
	float: right;
}
.guestbook .action A {
	border-top: 1px solid #97f79a;
	padding: 1px 12px;
	color: white;
	font-size: 8pt;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	background: #336600;
	background: -webkit-gradient(linear, left top, left bottom, from(#336600), to(#93d18e));
	background: -moz-radial-gradient(2px 2px, ellipse farthest-corner,
					 #93d18e 0%, #336600 100%, green 95%);
	-moz-border-radius-bottomright: 1px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-bottom-left-radius: 1px;
	border-bottom-right-radius: 1px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	-moz-box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	filter:
		progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=2)
		progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#93d18e', EndColorStr='#336600')
		Alpha(opacity=100, finishopacity=10, style=2);
	/* text-shadow: rgba(0,0,0,.4) 0 1px 0; */
}

.guestbook .new A {
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.guestbook .action A:hover {
	padding-bottom: 3px;
	box-shadow: rgba(50,50,50,20) 1px 1px 0;
	-webkit-box-shadow: rgba(50,50,50,20) 1px 1px 0;
	-moz-box-shadow: rgba(50,50,50,20)1px 1px 0;
	filter:
		progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#93d18e', EndColorStr='#336600')
		Alpha(opacity=100, finishopacity=10, style=2);
}

.guestbook form .entry {
	padding: 3px;
}

.guestbook .entry {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.guestbook .entry .desc {
	width: 80px;
	text-align: right;
	display: inline-block;
	vertical-align: top;
}
.guestbook h4 {
	display: inline-block;
}

.guestbook input, textarea {
	-webkit-box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	-moz-box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	filter:
		progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=2);
		
}

.guestbook .cgroup {
	padding: 0px;
	border: #cccfcc 0.3px solid;
	margin-bottom: 10px;
	box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	-webkit-box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	background-image: -moz-linear-gradient(270deg, #ffffff 0%, #eeeeee 100%);
	-moz-box-shadow: rgba(50,50,50,20) 3px 3px 3px;
	filter:
		progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3)
		progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#eeeeee');
}

.guestbook .cgroup div {
	background-image: none;
}

.guestbook .datum {
	font-size: 0.8em;
	float: right;
}

/***********************************************************/
/** Fußbereich - in Entwicklung ****************************/
/***********************************************************/
#nix.footer {
	background-image:url("/img/pagelement/footer-side.png");
	bottom: 0px;
	left:-220px;
	position:absolute;
	height:767px;
	width:510px;
	z-index:70;
}