body {
	padding-top: 0px;
}
body > div.container {
	margin-top: 60px;
}
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
/*
body > #map {
	width:100%;
	height:90%;
}
*/
.preloadimg {
	display: none;
	width: 1px;
	height:1px;
}

/* Wrapper to be used around all content not in .bar-title and .bar-tab */
.content {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
	background: #fff;
	-webkit-transition-property: top, bottom;
		  transition-property: top, bottom;
	-webkit-transition-duration: .2s, .2s;  
		  transition-duration: .2s, .2s;  
	-webkit-transition-timing-function: linear, linear;
		  transition-timing-function: linear, linear;
	-webkit-overflow-scrolling: touch;
}

/* Hack to force all relatively and absolutely positioned elements still render while scrolling
   Note: This is a bug for "-webkit-overflow-scrolling: touch" */
.content > * {
	-webkit-transform: translateZ(0px);
		  transform: translateZ(0px);
}


/* Pad top/bottom of content so it doesn't hide behind .bar-title and .bar-tab.
   Note: For these to work, content must come after both bars in the markup */
.navbar-fixed-top ~ .content {
	top: 40px;
}
.navbar-fixed-bottom ~ .content {
	bottom: 40px;
}

.navbar-fixed-top .navbar-toggle {
	margin: 0;
	padding: 11px;
}
.navbar a.navbar-brand {
	padding: 10px 15px;
}
.navbar a.navbar-brand.logo {
	padding:0px 5px 0px 10px;
}
.navbar .navbar-toggle .icon-bar {
	background-color: #FFFFFF;
	width: 18px;
}

/**
 * @menu
 */

ul.nav li.dropdown ul.dropdown-menu,ul.nav li.dropdown div.dropdown-menu{
	margin-top: 0px;
	border-radius: 0;
	padding:0;
}
/* ul.nav li.dropdown:hover ul.dropdown-menu{
	display: block;
}
*/
.dropdown-menu > li > span {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 20px;
	color: #666666;
	white-space: nowrap;
}
.dropdown-menu > li > a {
	padding: 4px 15px 4px 12px;
	margin:0;
}
.dropdown-menu > li:first-child > a {
    margin-top: 5px;
}
.dropdown-menu > li:last-child > a {
    margin-bottom: 5px;
}
.dropdown-menu li.divider {
	margin: 5px 1px;
}
.dropdown-menu li h4{
	color: #444;
	margin: 0px 0px 15px;
}
.dropdown-menu .dropdown-inline {
	min-width: 230px;
	padding: 15px 12px 15px 15px;
}
.dropdown-menu .dropdown-inline form{
	margin: 0px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    background-color: #EEE;
}
.dropdown-menu > li > a:hover >[class^="icon-"] {
	background-image: url("../img/glyphicons-halflings.png");
}
.navbar .nav > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu:after {
	border: 0;
}
#mask {
	position:absolute;
	z-index:10100;
	background-color:#888;
	display:none;
}
.navbar-fixed-top,
.navbar-fixed-bottom,
.navbar-static-top {
	margin: 0;
}

.photo {
	height: 120px;
}
ul#markerlist li img {
	width:20px;
	height:20px;
}
/**
 * @btnbar
 */

.navbar-fixed-bottom {
	height:40px;
	min-height:40px;
}
.navbar-fixed-bottom button.btn {
	padding: 3px 2px 2px 2px;
	margin: 2px;
}
.navbar-fixed-bottom .btn:focus,
.navbar-fixed-bottom .btn:active:focus,
.navbar-fixed-bottom .btn.active:focus {
	outline: none;
	background-color: unset !important;
}
.navbar-fixed-bottom i {
	color: #ffffff;
	font-size: 26px;
	width: 28px;
}
.navbar-fixed-bottom .btn:hover i,
.navbar-fixed-bottom .btn:active i {
	color: #ffffff;
}
.navbar-fixed-bottom .btn.aktiv i {
	color: #5393e3;
    text-shadow: 0px 0px 13px white;
}
.navbar-fixed-bottom .btn.aktiv:hover i {
	color: #3a84df;
}
.icon-addctr,
.icon-curloc,
.icon-curloc-white,
.icon-curloctrack,
.icon-photo,
[class^="fileicon-"],
[class*=" fileicon-"],
.arrow_left,
.logo-tools {
	display: inline-block;
	width: 26px;
	height: 26px;
	margin: 0;
	line-height: 26px;
	vertical-align: top;
	background-image: url('/img/sprite.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
}
.navbar-fixed-bottom .icon-curloc-white {
	background-position: -225px -20px;
}
.navbar-fixed-bottom .icon-curloctrack-white {
	background-position: -251px -40px;
}
.navbar-fixed-bottom .icon-photo-white {
	background-position: -225px 0px;
	height: 20px;
	margin: 3px 0;
}
.navbar-fixed-bottom .icon-addctr-white {
	background-position: -271px 0px;
	height: 24px;
	width: 16px;
	margin: 1px 5px;
}
#markerlist .icon-addctr,
#markerlist .icon-curloc,
#markerlist .icon-curloctrack,
#markerlist .icon-photo,
#markerlist .fa {
	text-align: center;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 20px;
}
.icon-addctr {
	background-position: -251px 0px;
}
.icon-curloc {
	background-position: -251px -20px;
}
.icon-curloctrack {
	background-position: -277px -44px;
}
.icon-photo {
	background-position: -277px -24px;
}


.arrow_left {
	width: 300px;
	height: 301px;
	background-position: 0px -66px;
}
.arrow_bottom {
	display: inline-block;
	width: 300px;
	height: 301px;
	margin: 0;
	line-height: 26px;
	vertical-align: top;
	background-image: url('/img/arrow_bottomright.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
}
.logo-tools {
	width: 129px;
	height: 50px;
	background-position: 0px 0px;
}
[class^="fileicon-"],
[class*=" fileicon-"] {
	width: 48px;
	height: 48px;
	line-height: 48px;
}
.fileicon-csv {
	background-position: -129px 0px;
}
.fileicon-ods {
	background-position: -177px 0px;
}

.navbar .btn-show {
	display:block;
}

/**
 * @map
 */

div.olMap {
    z-index: 0;
    padding: 0 !important;
    margin: 0 !important;
    cursor: default;
}

div.olMapViewport {
	text-align: left;
	-ms-touch-action: none;
}

div.olLayerDiv {
	-moz-user-select: none;
	-khtml-user-select: none;
}
/* GMaps should not set styles on its container */
.olForeignContainer {
    opacity: 1 !important;
}
.olControlAttribution {
    font-size: smaller;
    right: 3px;
    bottom: 4.5em;
    position: absolute;
    display: block;
}
.olControlScale {
    right: 3px;
    bottom: 3em;
    display: block;
    position: absolute;
    font-size: smaller;
}
.olControlScaleLine {
	display: block;
	position: absolute;
	left: 10px;
	bottom: 15px;
	font-size: xx-small;
}
.olControlScaleLineBottom {
	border: solid 2px black;
	border-bottom: none;
	margin-top:-2px;
	text-align: center;
}
.olControlScaleLineTop {
	border: solid 2px black;
	border-top: none;
	text-align: center;
}

.olControlPermalink {
    right: 3px;
    bottom: 1.5em;
    display: block;
    position: absolute;
    font-size: smaller;
}

div.olControlMousePosition {
    bottom: 0;
    right: 3px;
    display: block;
    position: absolute;
    font-family: Arial;
    font-size: smaller;
}

.olPopupContent {
    padding:5px;
    overflow: auto;
}

div.olControlSaveFeaturesItemActive {
    background-image: url(img/save_features_on.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
}
div.olControlSaveFeaturesItemInactive {
    background-image: url(img/save_features_off.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
}

.olHandlerBoxZoomBox {
    border: 2px solid red;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}
.olHandlerBoxSelectFeature {
    border: 2px solid blue;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}

/*
 * When a potential text is bigger than the image it move the image
 * with some headers (closes #3154)
 */
.olControlPanZoomBar div {
    font-size: 1px;
}

.olPopupCloseBox {
	background: url("img/close.gif") no-repeat;
	cursor: pointer;
}

.olFramedCloudPopupContent {
    padding: 5px;
    overflow: auto;
}

.olControlNoSelect {
	-moz-user-select: none;
	-khtml-user-select: none;
}

.olImageLoadError {
    background-color: pink;
    opacity: 0.5;
    filter: alpha(opacity=50); /* IE */
}

/**
 * Cursor styles
 */

.olCursorWait {
    cursor: wait;
}
.olDragDown {
    cursor: move;
}
.olDrawBox {
    cursor: crosshair;
}
.olControlDragFeatureOver {
    cursor: move;
}
.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
    cursor: -moz-grabbing;
}

/**
 * Layer switcher
 */
.olControlLayerSwitcher {
    background-color: transparent;
	top: 0;
	right:0;
	color:#666666;
	width:19em;
	padding: 2px;
}

.olControlLayerSwitcher .layersDiv {
    padding: 5px 10px;
    background-color: darkblue;
	opacity:0.85; 
	filter: alpha(opacity = 85);
	background-color: #D5D5D5;
	-moz-border-radius: 0 0px 0px 15px;
	border-radius: 0 0px 0px 15px;
}

.olControlLayerSwitcher .layersDiv .baseLbl,
.olControlLayerSwitcher .layersDiv .dataLbl {
	font-size: medium;
    font-weight: bold;
}

.olControlLayerSwitcher .layersDiv .baseLayersDiv,
.olControlLayerSwitcher .layersDiv .dataLayersDiv {
	margin-top: 5px;
}

.olControlLayerSwitcher .maximizeDiv,
.olControlLayerSwitcher .minimizeDiv {
	width: 32px;
	height: 38px;
	top: 8px;
	right: 0px;
	cursor: pointer;
	padding: 2px 0 2px 2px;
	-moz-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
	background: rgba(255,255,255,0.4);
}

.olControlLayerSwitcher .olButton .olControlLayerSwitcherButton {
	display: block;
	margin: 1px 0 1px 1px;
	padding: 5px;
	color: white;
	font-size: 20px;
	line-height: 20px;
	text-decoration: none;
	text-align: center;
	height: 32px;
	width: 32px;
	text-shadow: 0 0 3px rgba(0,0,0,0.8);
	background: #130085; /* fallback for IE - IE6 requires background shorthand*/
	background: rgba(0, 60, 136, 0.5);
	filter: alpha(opacity=80);
	border-radius: 4px 0 0 4px;
}
.olAlphaImg {
	opacity:0.45;
	filter: alpha(opacity = 45);
	width: 32px;
	height: 32px;
}
.olButton {
	font-weight:500;
}
.labelSpan {
	font-family: "Open Sans","Helvetica Neue","Helvetica","Arial,sans-serif";
	display:block;
}
.olControlLayerSwitcher br {
	display:none;
}
.olControlLayerSwitcher input {
	border-color:#d5d5d5;   
	background-color: #d5d5d5;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-top: 2px;
	margin-right:10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	float:left;
}
.olControlLayerSwitcher label {
	line-height: 18px;
	margin-bottom: 3px;
}
.baseLbl {
	display:none;
}

/**
 * Zoom
 */

div.olControlZoom {
    position: absolute;
    top: 8px;
    left: 8px;
    background: rgba(255,255,255,0.4);
    border-radius: 4px;
    padding: 2px;
}
div.olControlZoom a {
    display: block;
    margin: 1px;
    padding: 0;
    color: white;
    font-size: 18px;
    font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    height: 22px;
    width:22px;
    line-height: 19px;
    background: #130085; /* fallback for IE - IE6 requires background shorthand*/
    background: rgba(0, 60, 136, 0.5);
    filter: alpha(opacity=80);
}
div.olControlZoom a:hover {
    background: #130085; /* fallback for IE */
    background: rgba(0, 60, 136, 0.7);
    filter: alpha(opacity=100);
}
@media only screen and (max-width: 600px) {
    div.olControlZoom a:hover {
        background: rgba(0, 60, 136, 0.5);
    }
}
a.olControlZoomIn {
    border-radius: 4px 4px 0 0;
}
a.olControlZoomOut {
    border-radius: 0 0 4px 4px;
}


/**
 * Animations
 */

.olLayerGrid .olTileImage {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

/* when replacing tiles, do not show tile and backbuffer at the same time */
.olTileReplacing {
    display: none;
}

/* override any max-width image settings (e.g. bootstrap.css) */
img.olTileImage {
    max-width: none;
}

div.olControlZoom {
    position: absolute;
    top: 8px;
    left: 8px;
    background: rgba(255,255,255,0.4);
    border-radius: 4px;
    padding: 2px;
}
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
div.olControlZoom a {
    display: block;
    margin: 1px;
    padding: 0;
    color: white;
    font-size: 28px;
    font-family: sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    height: 32px;
    width: 32px;
    line-height: 28px;
    text-shadow: 0 0 3px rgba(0,0,0,0.8);
    background: #130085; /* fallback for IE - IE6 requires background shorthand*/
    background: rgba(0, 60, 136, 0.5);
    filter: alpha(opacity=80);
}
a.olControlZoomIn {
    border-radius: 4px 4px 0 0;
}
a.olControlZoomOut {
    border-radius: 0 0 4px 4px;
}
div.olControlZoom a:hover {
    background: #130085; /* fallback for IE */
    background: rgba(0, 60, 136, 0.7);
    filter: alpha(opacity=100);
}
@media only screen and (max-width: 600px) {
    div.olControlZoom a:hover {
        background: rgba(0, 60, 136, 0.5);
    }
}
div.olMapViewport {
    -ms-touch-action: none;
}
.olLayerGrid .olTileImage {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
/* Turn on GPU support where available */
.olTileImage {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}

/**
 * @others
 */

.square {
	width: 10px;
	height: 10px;
	float: right;
	margin: 5px;
	padding: 10px 10px;
	color: #000;
}
.passval {
	background: #ffffff;
	color: #000000;
	-webkit-transition: background 1s linear;
	-moz-transition: background 1s linear;
	-o-transition: background 1s linear;
	transition: background 1s linear;
}
.passval.bad {
	background: #c23333;
	color: #ffffff;
}
.passval.ok {
	background: #db7d3a;
	color: #ffffff;
}
.passval.good {
	background: #378241;
	color: #ffffff;
}
#chKey .modal-body {
	padding: 0 20px;
}
#chKey .modal-header {
	border: none;
}
@media (max-width: 297px) {
	.navbar .navbar-brand {
		padding:15px 10px;
	}
}
@media (max-width: 282px) {
	.navbar .navbar-brand {
		padding:15px 5px;
	}
}
@media (max-width: 767px) {
	.navbar .navbar-brand {
		margin-left: -5px;
	}
	.form-horizontal .form-group {
		margin-bottom: 0px;
	}
}
.olControlAttribution {
	position: absolute;
	font-size: 10px;
	text-align: right;
	color: #eeeeee;
	bottom: 0;
	right: 0;
	background: #130085; /* fallback for IE - IE6 requires background shorthand*/
	background: rgba(0, 60, 136, 0.3);
	filter: alpha(opacity=30);
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	padding: 2px 4px;
	border-radius: 5px 0 0 0;
}
.olControlAttribution a {
	color: #eeeeee;
	font-weight: bold;
}
.olControlZoom a:hover {
	color: white;
}
div.olControlZoomPanel {
	top: 15px;
	left: 15px;
}
@media (min-width: 768px) {
    .modal-dialog {
        margin: 140px auto;
    }
}

/**
 * @typeahead.js
 */

.twitter-typeahead {
	width: 100%;
}

.typeahead {
	background-color: #fff;
}

.tt-hint {
	color: #999
}

.tt-dropdown-menu {
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	width:100%;
}

.tt-suggestion {
	padding: 8px;
	font-size: 14px;
	line-height: 18px;
	cursor: pointer;
}
.tt-suggestion p {
	margin: 0;
}

.tt-suggestion + .tt-suggestion {
	font-size: 14px;
	border-top: 1px solid #ccc;
}

.tt-suggestions .repo-language {
	float: right;
	font-size: 12px;
}

.tt-suggestions .repo-name {
	font-size: 14px;
	font-weight: bold;
}

.tt-suggestions .repo-description {
	font-size: 12px;
	margin: 0;
}

.twitter-typeahead .tt-suggestion.tt-cursor {
	color: #03739c;
}
.tt-dropdown-menu {
	min-width: 160px;
	margin-top: 2px;
	padding: 5px 0;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
}