/*Main Theme*/
/*Seiteneigenschaften
	Textfarbe (#CCCCCC = Hellgrau)
	Trennlinien und Pagelränder (#808080 = mittelgrau)
	Seitenhintergünde (#2E2E2E = dunkelgrau)
	Linktexte (#FF8800 = gelborange)
	Buttons (#F9560D = rotorange) Verlauf nach unten (#F9430D)
	*/
	body{
		color: #CCCCCC;
		background-color: #2E2E2E;
		padding: 0;
		margin : 0;
	}
	/*Linkeigenschaften*/
	a:link, a:visited{
		color: #FF8800;
		text-decoration: none;
	}
	a:hover{
		color: #E6E6E6;
		text-decoration: none;
	}
/***Ende - Seiteneigenschaften***/
/*Menue*/
	/*Menuebar*/
	.menuepagel{
		position:fixed;
		top: 0px;
		font-size:22px;
		z-index: 3000;
	}
	/*Menuebarbuttons*/
	.menuebarbutton{
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
		float: left;
		height: 32px;
		margin-left: 1px;
		text-align: center;
		min-width:30px;
		opacity: 0.90;
		background: #1A1A1A;
		padding-right:8px;
		padding-left:8px;
	}
		.menuebarbutton:hover{
			color: #E6E6E6;
			background: -moz-linear-gradient(top, #F9560D 0%, #F9430D 100%);
			height:34px;
		}
/***Ende - Menue***/
/*Mapoverlays*/
	/*Statuscell*/
	.statuscell{
	background: #1A1A1A;
		#padding-right:8px;
		#padding-left:8px;
		opacity: 0.90;
		z-index: 3000;
		padding-top: 4px;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		position:fixed;
		bottom: 0px;
		text-align: center;
	}
	/*Sidebar*/
		/*Buttons*/
		.sidebarbutton{
			position:absolute;
			right:0px;
			width: 50px;
			overflow: hidden;
			height:24%;
			background: #1A1A1A;
			padding-right:8px;
			padding-left:8px;
			opacity: 0.95;
			z-index: 3000;
			#border-left: solid 1px #FF8800;
			
		}
		.sidebarbutton:hover{
			background: -moz-linear-gradient(top, #F9560D 0%, #F9430D 100%);
			width:52px;
			border-top:solid 1px #FF8800;
			border-left:solid 1px #FF8800;
			border-bottom:solid 1px #FF8800;
			border-top-left-radius:3px;
			border-bottom-left-radius:3px;
			z-index: 3500;
		}
		.sidebarhighlighter{
			width:69px;
			z-index:3500;
			height:25%;
			display:none;
			position:absolute;
			right:0px;
			opacity:0.95;
			background: -moz-linear-gradient(top, #F9560D 0%, #F9430D 100%);
			border-top:solid 1px #FF8800;
			border-left:solid 1px #FF8800;
			border-bottom:solid 1px #FF8800;
			border-top-left-radius:3px;
			border-bottom-left-radius:3px;
		}
		/*Sidebarpane*/
		.layerpagel{
			position:fixed;
			width:320px; 
			height:100%;
			overflow: auto;
			border-radius:0px;
			right:66px;
			display:none;
			z-index:2000;
			background: #1A1A1A;
			opacity: 0.90;
			top:0px;
		}
		/*Closebutton*/
		#closebutton{
			top: 0px;
			height:4%;
		}
		/*Layerpane*/
		/*Buttonposition*/
			#layerbutton, #layerhighlighter{
				top: 4%;
			}
			/*Onclick Einblendeaktion*/
			#layerbuttoncheckbox:checked ~ #layerpagel{
				display:block;
			}
			#layerbuttoncheckbox:checked ~ #layerhighlighter {
				display: block;
			}
			/*Verstecke Checkbox*/
			input#layerbuttoncheckbox{
				display:none;
			}
			/*Layerswitcher*/
				#lys{
					font-size:14px;
				}
					.olControlLayerSwitcher .layersDiv {
						color: #FFFFFF;
						border-top-left-radius:5px;
						border-bottom-left-radius:5px;
						opacity: 0.75;
						background-color: transparent;
					}
					/*Kategorieüberschriften*/
					.baseLbl, .dataLbl{
						height: 0px;
						margin-top: 2px;
						overflow: hidden;
					}
					.dataLbl{
						border-bottom: solid 1px #2E2E2E;
					}
					/*Active Layer Highlighting*/
					input[type=checkbox]:checked + label {
						color: #FF8800;
						font-weight: bold;
					} 
					input[type=checkbox]:disabled + label {
						font-size:0px;
					}
					input[type=checkbox]:disabled{
						display:none;
						height:0px;
					} 
					input[type=radio]:checked + label {
						color: #FF8800;
						font-weight: bold;
					}
		/*Legendenpane*/
			/*Buttonposition*/
			#legendebutton, #legendehighlighter{
				top: 28%;
			}
			#legendebuttoncheckbox:checked ~ #legendepagel{
				display: block
			}
			#legendebuttoncheckbox:checked ~ #legendehighlighter{
				display: block;
			}
			input#legendebuttoncheckbox{
				display:none;
			}
			/*Filterbox*/
			#filterbox{
				padding:5px;
			}
			/*Legendeniframe*/
			.legendeiframe{
				width: 100%;
				border: 0px;
				height:1px;
			}
			/*poidensity*/
			#poidensitycheckbox:checked ~ #poidensityiframe{
				height:45px;
			}
			input#poidensitycheckbox{
				display:none;
			}
			/*poifilter*/
			#poifiltercheckbox:checked ~ #poifilteriframe{
				height:380px;
			}
			input#poifiltercheckbox{
				display:none;
			}
			/*poifeatures*/
			#poifeaturescheckbox:checked ~ #poifeaturesiframe{
				height:200px;
			}
			input#poifeaturescheckbox{
				display:none;
			}
			/*gpx list*/
			#gpxlistcheckbox:checked ~ #gpxlistiframe{
				height:600px;
			}
			input#gpxlistcheckbox{
				display:none;
			}
				
			
			/*Catbox*/
			#catsubbox{
				display:block;
				}
			#catboxcheckbox:checked ~ #catsubbox{
				display: block;
			}
			/*gpxbrowsebox*/
			#gpxbrowsebox{
				clear:left;
			}
		/*Toolpane*/
			#toolbutton, #toolhighlighter{
				top: 52%;
			}
			#toolbuttoncheckbox:checked ~ #toolpagel{
				display: block;
			}
			#toolbuttoncheckbox:checked ~ #toolhighlighter {
				display: block;
			}
			input#toolbuttoncheckbox{
				display:none;
			}
			/*Toolbox*/
			#toolbox, #settingsbox{
				padding:10px;
			}
			/*Gpximportiframe*/
			#gpx_import_iframe{
				width: 100%;
				height: 80px;
				border: 0px;
				color: white;
			}
		/*Settingspane*/
			#settingsbutton, #settingshighlighter{
				top: 76%;
			}
			#settingsbuttoncheckbox:checked ~ #settingspagel{
				width:320px;
				height:100%;
			}
			#settingsbuttoncheckbox:checked ~ #settingshighlighter {
				display: block;
			}
			input#settingsbuttoncheckbox{
				display:none;
			}
			#settingspagel{
				width:0px;
				display:block;
				height:0px;
			}
			/*Settingspane Overlayoptions*/
				/*Koordinatenbox*/
				#coordscheckbox:checked ~ #coords{
					display: block;
				}
					/*Koordinatenwidget*/
						#coords{
							left: 50%;
							margin-left:-100px;
							bottom: 0px;
							width:200px;
							height: 22px;
							display:none;
							font-size:16px;
							overflow:hidden;
						}
				/*Masstabbox*/
				#scalecheckbox:checked ~ #scale{
					display: block;
				}
					/*Scalewidget*/
						#scale{
							left: 0px;
							margin-left: 1px;
							overflow: hidden;
							bottom: 0px;
							display:none;
						}
							.olControlScaleLineTop {
								border: 2px solid #cccccc;
								border-top: 0px;
								font-size: 12px;
							}
				/*Minimap*/
				#minimapcheckbox:checked ~ #minimap{
					display: block;
				}
					/*Minimap Widget*/
					#minimap{
						left: 50%;
						margin-left:-100px;
						bottom: 24px;
						width:200px;
						height: 100px;
						padding: 0px;
						border-top-right-radius:5px;
						border-top-left-radius:5px;
						display:none;
						padding-bottom:10px;
					}
						.olControlOverviewMapElement{
							#padding: 5px;
							background: transparent;
						}
							.overviewMap72{
								width:100%;
								height:100%;
							}
								/*Regionborder*/
								.olControlOverviewMapExtentRectangle{
									border: 2px dotted black;
								}
/***Ende - Mapoverlays***/
/*Map*/
	/*Kartenelement*/
	#map {
		height: 100%;
		width: 100%;
		color: #ffffff;
		z-index: 2;
		position:absolute;
	}
	/*POI*/
		/*POI-Tooltip*/
		div.olPopupMarker div.tooltip {
			display: none;
			color: #FF9800;
			background: #2E2E2E;
			border-radius: 5px;
			opacity: 0.75;
			padding: 5px;
			left: -10px;
			top: 40px;
			z-index: 10000;
		}
		div.olPopupMarker:hover div.tooltip {
			display: block;
		}
		/*POI-Popup*/
		.olPopup{
			z-index:9999 !important;
		}
		/*Beschriftung*/
		.olFramedCloudPopupContent th {
			text-align: left;
			background: #2E2E2E;
			color: #FF8800;
			border-radius: 3px;
			opacity: 0.75;
			padding: 3px;
		}
		/*Inhalt*/
		.olFramedCloudPopupContent td {
			text-align: left;
			background: #2E2E2E;
			color: #FF8800;
			border-radius: 3px;
			opacity: 0.75;
			padding: 3px;
		}
/*Alle Seiten ausser Map*/
	/*Inhaltsblock*/
	.mainpagel{
		text-align: left;
		margin-top: 50px;
		padding: 5px;
		clear:left;
		border-top: 0px solid #1E1E1E;
	}
	/*Überschrift*/
	.h1{
		text-align: left;
		font-size: 24px;
		clear:left;
	}
/*Wiki*/
	/*Tabelle - Übersicht*/
	.listcell{
	border: 1px solid #CCCCCC;
	height: 22px;
	float: left;
	padding: 2px;
	}
		/*Linkeigenschaften*/
	.rowlink:link, .rowlink:visited{
		color: #CCCCCC;
		text-decoration: none;
	}
	.rowlink:hover{
		color: red;
		#text-decoration: none;
	}
		#id{
		width: 50px;
		clear: left;
		text-align: right;
		}
		#content{
		width: 30px;
		text-align: right;
		}
		#piccount{
		width: 40px;
		text-align: right;
		}
		#name{
		width: 550px;
		}
		#cat{
		width: 150px;
		}
		#status{
		width: 150px;
		}
	/*wiki_map*/
	#wiki_map{
		width: 300px;
		height: 300px;
		float: left;
		margin: 5px;
		margin-top: 0px;
	}
		.leaflet-control-zoom{
			display: none;
		}
	/*Dateiliste im Wiki*/
	.datapagel{
		text-align: left;
		padding: 5px;
		border: 0px solid;
	}
		/*Datenzelle*/
		.datacell{
			text-align: left;
			float: left;
			padding: 3px;
			background-color: #4E4E4E;
			border-radius: 3px;
			border: 2px solid #2E2E2E;
		}
	/*Bilderliste im Wiki*/
	.picpagel{
		text-align: left;
		padding: 0px;
		border: 0px solid;
	}
		/*Einzelne Bilderkachel der Bilderliste*/
		.pic{
			text-align: left;
			background-color: #9F9F9F;
			float: left;
			padding: 3px;
			border: 2px solid #2E2E2E;
		}
		.pic:hover{
			background-color: #FF8800;
		}
			/*Bilderzelle der Bilderkachel*/
			.piccell{
				text-align: left;
				background-color: #2E2E2E;
				float: left;
				clear:left;
			}
		/*Infozelle der Bilderkachel*/
		.picinfocell{
			text-align: left;
			float: left;
			clear:left;
			padding: 3px;
			border-top: 2px solid #9F9F9F;
			background-color: #4E4E4E;
			width: 204px;
		}
	/*Relatedzelle*/
	.relatedcell{
		text-align: left;
		float: left;
		padding: 5px;
		background-color: #4E4E4E;
		border-radius: 3px;
		border: 2px solid #2E2E2E;
	}
	/*Einzelne Eigenschaften der Objekte im Wiki*/
	.shortinfocell{
		#vertical-align: left;
		#text-align: left;
		margin-right: 10px;
		float: left;
		#margin-bottom: 3px;
	}
/*Ebenenmanager*/
	/*Ebenenzeile*/
	.layerrow{
	clear: left;
	clear: right;
	width: 800px;
	#height: 40px;
	}
	.layercell{
		clear: top;
		clear: bottom;
		height: 24px;
		border-bottom: 1px solid #808080;
		border-left: 1px solid #808080;
		float: left;
		font-size: 20px;
	}
	/*Ebenenbeschriftung*/
	#category{
		width:26px;
		border-left: 0px solid #808080;
		clear: left;
	}	
	#label{
		width:300px;
		padding-left: 3px;
	}	
	/*Auswahl*/
	#sel{
		width:25px;
	}
	/*Farbe*/
	#color{
		width:72px;
	}
	/*größe*/
	#size{
		width:37px;
		
	}
	/*Transparenz*/
	#opacity{
		width:63px;
	}
/*Loginblock*/
.loginpagel{
	text-align: left;
	border: 1px solid #FF8800;
	position: absolute;
	left: 50%;
	margin-left: -150px;
	width: 300px;
}

/*SVG Editor*/
#svgarea{
	width:80%;
	height:100%;
	border: 1px solid #FF8800;
}

#editarea{
	width:20%;
	height:100%;
	border: 1px solid #FF8800;
	float:left;
}