/* CSS für die GORP2 Applikation */

/* GpsWandern Überdefinitionen */
#seite {max-width: none;}


/* Applikation */
#appl {width: 100%; min-width: 300px; background-color: #dfdfdf;}
#appHeader {width: 100%;}
#appHeaderLeft {float: left; width: 300px;}


/* Menü */
.menue {border: none; margin: 0px; padding: 0px;}
.menue ul {height: 30px; list-style: none; margin: 0;	padding: 0;	border-bottom: solid 1px;
 background-color: #dfdfdf; color: black;}
.menue li {float: left;	padding: 0px;}
.menue li a, .menue li p {background-color: #dfdfdf; color: black;
 display: block; font-size: 14px; font-weight: bold; line-height: 30px;
 margin: 0px; padding: 0px 5px; text-align: left; text-decoration: none;}
.menue li a:hover, .menue ul li:hover a, .menue li p:hover, .menue ul li:hover p{
 background-color: blue; color: white; text-decoration: none;}
.menue li ul {display: none; height: auto; padding: 0px;	margin: 0px;
 border: solid 1px; position: absolute;	width: auto; z-index: 200;}
.menue li li {display: block; float: none; margin: 0px; padding: 0px; width: auto;}
.menue li:hover li a {color: #000000; background: none;}
.menue li ul a {display: block; height: 30px; font-size: 14px; font-weight: normal;
 margin: 0px; padding: 0px 10px 0px 5px; text-decoration: none; text-align: left;}
.menue li ul a:hover, .menue li ul li:hover a {
 background-color: blue; border: 0px; color: #ffffff;	text-decoration: none;}


/* Toolzeile unter Menü */
#toolbox {height: 49px; color: black; background-color: #dfdfdf;}
#progress {float:left; height: 16px; width: 16px; margin: 4px 3px 0 6px;}
#eleErsatzButton {float: right; height: 16px; width:16px; margin: 4px 6px 0 3px;}
#eleButton, #eleErsatzButton {display: none;}
#RP {float: left;}
#wort-route {padding-left: 4px; font-size: 15px;}
#sel {width: 190px;}
.disableMenu {color :gray; background-color :#dfdfdf; font-size: 15px; font-weight :normal;}
#lanzeige {padding: 4px 0 0 6px; height: 18px; font-size: 12px; color: blue;}
#eleDia {float: left; width: 240px; height: 80px;}


/* Höhenprofil */
#profil img {float: left; max-width: 100%;}
#profil table {margin: 1em auto 0; font-size: 0.88em; line-height: 1.4em;}
#profil tr:nth-child(even) {background-color: #d0eeff;}
#profil td:first-child+td {text-align: right;}


/* Karte */
#canvas {width:100%; clear:right; height:415px;}
#trallatip {position: absolute; font-size: 11px; font-weight : bold; background-color: #dfdfdf;
 opacity: 0.8; padding: 2px 6px;}


/* Dialogfenster */
.modaldiv input.text {margin-bottom: 12px; width: 95%; padding: 0.4em;}
.vmid {vertical-align: middle; margin: 0;}
#dialog {max-width: 300px;}
#dialog a {display: inline-block; font-size: 11px; margin: 10px 0;}
#dialog p > a, #dialog li > a {display: inline;}

/* für Bearbeiten Routen Umsortieren */
#sortable {list-style-type: none; margin: 0; padding: 0; width: 100%;}
#sortable li {margin-bottom: 3px; padding: 4px 0 0 15px; font-size: 65%; height: 16px;}
#sortable li span {position: absolute; margin: -2px 0 0 -16px;}


/* InfoWindow */
.infowindow td {padding-bottom: 0.4em;}


/* jQuery UI Überdefinitionen */
.ui-widget {font-size: 0.85em; font-family: Arial, sans-serif;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, sans-serif;}
input.ui-button {font-size: 0.75em; padding: 0.2em;}
.ui-button {font-size: 0.85em; padding: 0.2em;}
.ui-button .ui-button-text {line-height: 0.5;}
.ui-dialog .ui-dialog-content {padding: 0.5em;}
.ui-dialog {position: fixed; top: 80px;} /* Dialog fixieren */


/* Google Maps Überdefinitionen */
.gm-style {font-family: Arial, sans-serif;}