/********************************************
   HTML ELEMENTS
********************************************/ 

html, body {
    height: 100%;
    margin: 0;
}
#map {
    height: 100%;
    width: 100%;
    position:absolute;
    top: 0;
    bottom: 0;
}

/* Custom Layer Control Button */
.leaflet-control-layers-toggle {
    background-image: url('https://www.oliverstourenbuch.at/img/icons/layers.png') !important; /* Dein Icon */
    background-size: contain; /* Passt die Größe des Icons an */
    width: 36px; /* Breite des Icons */
    height: 36px; /* Höhe des Icons */
    margin: 0; /* Entfernt äußeren Rand */
    padding: 0; /* Entfernt inneren Abstand */

}

.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url('https://www.oliverstourenbuch.at/img/icons/layers.png') !important; /* Dein Icon */
    background-size: contain; /* Passt die Größe des Icons an */
    width: 36px; /* Breite des Icons */
    height: 36px; /* Höhe des Icons */
    margin: 0; /* Entfernt äußeren Rand */
    padding: 0; /* Entfernt inneren Abstand */
}


.leaflet-pm-icon-custom-gpx {
    background-image: url('https://maps.oliverstourenbuch.at/images/gpxdownload3.png') !important; /* Dein Icon */
}

.leaflet-bar.disabled,
.leaflet-bar button.disabled {
/*  opacity: 0;*/
  display: none;
}    

.marker-cluster-small {
	background-color: rgba(154,205,50, 0.6);
	}
.marker-cluster-small div {
	background-color: rgba(173,255,47, 0.9);
        font: 14px "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-weight: 200;
        /*color: darkolivegreen;*/
	}

.marker-cluster-medium {
	background-color: rgba(218, 165, 32, 0.6);
	}
.marker-cluster-medium div {
	background-color: rgba(255, 235, 0, 0.9);
        font: 15px "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-weight: 300;
        color: darkblue;
	}
        
.marker-cluster-large {
	background-color: rgba(255, 69, 0, 0.6);
	}
.marker-cluster-large div {
	background-color: rgba(255, 99, 71, 0.9);
        font: 16px "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-weight: 500;
        color: white;
	}

.marker-cluster-huge {
	background-color: rgba(255, 0, 0, 0.6);
	}
.marker-cluster-huge div {
	background-color: rgba(178, 34, 34, 0.7);
        font: 16px "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-weight: 600;
        color: white;
	}

	/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: rgb(181, 226, 140);
	}
.leaflet-oldie .marker-cluster-small div {
	background-color: rgb(110, 204, 57);
	}

.leaflet-oldie .marker-cluster-medium {
	background-color: rgb(241, 211, 87);
	}
.leaflet-oldie .marker-cluster-medium div {
	background-color: rgb(240, 194, 12);
	}

.leaflet-oldie .marker-cluster-large {
	background-color: rgb(253, 156, 115);
	}
.leaflet-oldie .marker-cluster-large div {
	background-color: rgb(241, 128, 23);
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	}
.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;

	text-align: center;
	border-radius: 15px;
	
	}
.marker-cluster span {
	line-height: 30px;
	}




/* headers */
.sidepanel h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
}
.sidepanel h1 {
	font-size: 230%;	
	font-weight: normal;
	letter-spacing: -1px;
	color: #d0d039;
}
.sidepanel h2 {
	font-size: 180%;
	color: #88ac0b;
}
.sidepanel h3 {
	font-size: 150%;	
	font-weight: normal;	
	letter-spacing: -1px;
	color: #88ac0b;
}

.sidepanel h4 {
	font-size:12px;
	font-weight: normal;
	color: #88ac0b;
}

/* form elements */
.sidepanel form {
    margin:10px; padding: 0 5px;
}
.sidepanel label {
	display:block;
	font-weight:bold;
	margin:5px 0;
     	color: #caca0c;

}
.sidepanel  input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#639206;
}
.sidepanel select {
	padding:2px;
	border:1px solid #639206;
	font: normal 1em Verdana, sans-serif;
	color:#639206;
}
.sidepanel  input.button { 
    font: 14px Arial, Sans-serif; 
    height: 24px;
    margin: 0;
    padding: 2px 3px; 
    color: #FFF;
    background: #8EB50C; 
    border: 1px solid #88AD0C;
    cursor:pointer;
}

/* search form */
.searchform {
    background-color: transparent;
    border: none;	
    margin: 0; padding: 5px 0 15px 0;	
}
.searchform p { margin: 0; padding: 0; }

.searchform input.textbox 
{
    font-family:'Lucida Typewriter','Courier New',Courier;
    width: 250px;
    color: #777;
    height: 18px;
    padding: 2px;
    border: 1px solid #E5E5E5;
    vertical-align: middle;
    padding-left: 5px;
}


.searchform input.button { 
    width: 100px;
    height: 24px;
    padding: 2px 5px;
    vertical-align: top;
}

.searchform input.textbox#wloc
{
    font: 90% Verdana,Tahoma,Arial,Geneva,sans-serif;
    /*font-weight:bold;
    margin-left:20px;*/
    vertical-align:middle;
    width:200px;
    height:16px!important;
}

.searchform input.button#wok
{
    height:22px;
    width:24px;
    vertical-align:bottom;
}

.searchform select {
    width: 260px;
    height: 24px;
    padding: 1px 2px;
    vertical-align: middle;
    font-size:14px;
    border:thin dotted;
    border-color: #999;
}

.searchform table
{
    margin-bottom: 0px;
    margin-top: 0px;
    font-size:14px;
}

.searchform td
{
    font-weight:normal;
    font-size:14px;
}

.searchform td.c1
{
    width: 72px;
    font-size:14px;
    color: #b6b663;
}

.searchform td.c2
{
    width: 250px;
}