* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}

body {
  background: #4ca4dc;
}

.mobil body {
  background: #4ca4dc;
}

body, textarea, input, select {
  font-family: "Open Sans",sans-serif,arial;
  font-size: 13px;
  color: #fff;
}

h2 {
  font-weight: normal;
  font-size: 1.4em;
}


/* jquery mobile ueberschreiben
------------------------------------------------------------------*/
.ui-overlay-a,
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper {
  background-color: #4ca4dc;
  border-color: #bbb;
  color: #fff;
  text-shadow: none;
}

.awk-body-init .ui-overlay-a,
.awk-body-init .ui-page-theme-a,
.awk-body-init .ui-page-theme-a .ui-panel-wrapper {
  background-color: transparent;
}

.ui-content {
  padding: 1.0em;
}

.ui-page-header-fixed .ui-content {
  padding-top: 4.0em;
}

.ui-page-theme-a a,
.ui-page-theme-a a.ui-link,
html .ui-bar-a a,
html .ui-body-a a,
html body .ui-group-theme-a a,
.ui-page-theme-a a:hover,
html .ui-bar-a a:hover,
html .ui-body-a a:hover,
html body .ui-group-theme-a a:hover {
  color: #fff;
  font-weight: normal;
}

.ui-bar-a,
.ui-page-theme-a .ui-bar-inherit,
html .ui-bar-a .ui-bar-inherit,
html .ui-body-a .ui-bar-inherit,
html body .ui-group-theme-a .ui-bar-inherit {
  background-color: #4ca4dc;
  border-color: #4ca4dc;
  color: #fff;
  font-weight: normal;
  text-shadow: none;
}

.ui-header-fixed {
  padding-top: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 13px;
}

.ui-header-fixed,
.ui-footer-fixed {
  left: 0;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 1000;
}

.ui-header,
.ui-footer {
  border-style: solid;
  border-width: 0;
/*  position: relative;*/
}


/* kein glossy
------------------------------------------------------------------*/
.ui-shadow-inset,
.ui-shadow {
  box-shadow: none;
}


/* kein glossy bei aktiven formularfeldern
------------------------------------------------------------------*/
.ui-page-theme-a .ui-btn:focus,
html .ui-bar-a .ui-btn:focus,
html .ui-body-a .ui-btn:focus,
html body .ui-group-theme-a .ui-btn:focus,
html head + body .ui-btn.ui-btn-a:focus,
.ui-page-theme-a .ui-focus,
html .ui-bar-a .ui-focus,
html .ui-body-a .ui-focus,
html body .ui-group-theme-a .ui-focus,
html head + body .ui-btn-a.ui-focus,
html head + body .ui-body-a.ui-focus,
.ui-page-theme-a .ui-btn:active,
html .ui-bar-a .ui-btn:active,
html .ui-body-a .ui-btn:active,
html body .ui-group-theme-a .ui-btn:active,
html head + body .ui-btn.ui-btn-a:active {
  box-shadow: none;
}


/* button no bold
------------------------------------------------------------------*/
.ui-btn {
  font-weight: normal;
  text-align: left;
  font-size: 1.0em;
}


/* hintergrundfarben weg (button und listview)
------------------------------------------------------------------*/
.ui-page-theme-a .ui-btn,
html .ui-bar-a .ui-btn,
html .ui-body-a .ui-btn,
html body .ui-group-theme-a .ui-btn,
html head + body .ui-btn.ui-btn-a,
.ui-page-theme-a .ui-btn:visited,
html .ui-bar-a .ui-btn:visited,
html .ui-body-a .ui-btn:visited,
html body .ui-group-theme-a .ui-btn:visited,
html head + body .ui-btn.ui-btn-a:visited,
.ui-page-theme-a .ui-btn:hover,
html .ui-bar-a .ui-btn:hover,
html .ui-body-a .ui-btn:hover,
html body .ui-group-theme-a .ui-btn:hover,
html head + body .ui-btn.ui-btn-a:hover,
.ui-page-theme-a .ui-btn:active,
html .ui-bar-a .ui-btn:active,
html .ui-body-a .ui-btn:active,
html body .ui-group-theme-a .ui-btn:active,
html head + body .ui-btn.ui-btn-a:active {
  background: none;
/*  background-color: #fff;*/
  text-shadow: none;
  color: #fff;
}

.ui-page-theme-a a,
.ui-page-theme-a .ui-btn {
  color: #fff;
}


.ui-page-theme-a .ui-btn.ui-btn-active,
html .ui-bar-a .ui-btn.ui-btn-active,
html .ui-body-a .ui-btn.ui-btn-active,
html body .ui-group-theme-a .ui-btn.ui-btn-active,
html head+body .ui-btn.ui-btn-a.ui-btn-active,
.ui-page-theme-a .ui-checkbox-on:after,
html .ui-bar-a .ui-checkbox-on:after,
html .ui-body-a .ui-checkbox-on:after,
html body .ui-group-theme-a .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-a:after,
.ui-page-theme-a .ui-flipswitch-active,
html .ui-bar-a .ui-flipswitch-active,
html .ui-body-a .ui-flipswitch-active,
html body .ui-group-theme-a .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active,
.ui-page-theme-a .ui-slider-track .ui-btn-active,
html .ui-bar-a .ui-slider-track .ui-btn-active,
html .ui-body-a .ui-slider-track .ui-btn-active,
html body .ui-group-theme-a .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-a .ui-btn-active {
  background-color: transparent;
  border-color: inherit;
  color: #fff;
  text-shadow: none
}


.ui-page-theme-a .ui-btn {
  border: 0;
}



/* header
------------------------------------------------------------------*/
.ui-header .ui-btn,
.ui-header .ui-btn:hover,
.ui-header .ui-btn:visited,
.ui-page-theme-a .ui-header .ui-btn.ui-btn-active {
  padding-top: 0.5em;
  color: #fff;
  /*font-size: 12px;*/
  font-size: 1.0em;
}

.ui-page-theme-a .ui-header .ui-btn:active {
  color: #fff;
}


/* button: kreis hinter icon weg
------------------------------------------------------------------*/
.ui-btn-icon-left:after,
.ui-btn-icon-right:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after,
.ui-btn-icon-notext:after {
  background-color: transparent;
  border-radius: 0;
  background-position: center center;
  height: 22px;
  width: 22px;
  background-size: 7px 12px;
}

.ui-btn-icon-left:after,
.ui-btn-icon-right:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after,
.ui-btn-icon-notext:after {
  background-image: url(../bilder/ico-arrow-right-ios7-x2.png);
}

.awk-ui-select-no-img .ui-btn-icon-left:after,
.awk-ui-select-no-img .ui-btn-icon-right:after,
.awk-ui-select-no-img .ui-btn-icon-top:after,
.awk-ui-select-no-img .ui-btn-icon-bottom:after,
.awk-ui-select-no-img .ui-btn-icon-notext:after {
  background-image: none;
}

.awk-ui-btn-weiter .ui-btn-icon-left:after,
.awk-ui-btn-weiter .ui-btn-icon-right:after,
.awk-ui-btn-weiter .ui-btn-icon-top:after,
.awk-ui-btn-weiter .ui-btn-icon-bottom:after,
.awk-ui-btn-weiter .ui-btn-icon-notext:after {
  background-image: url(../bilder/ico-arrow-right-weiss-x2.png);
}

/* nochmal header, button
------------------------------------------------------------------*/
.ui-header .ui-btn-icon-left:after,
.ui-header .ui-btn-icon-right:after,
.ui-header .ui-btn-icon-top:after,
.ui-header .ui-btn-icon-bottom:after,
.ui-header .ui-btn-icon-notext:after {
  background-image: url(../bilder/ico-arrow-right-ios7-x2.png);
  background-size: 14px 28px;
}

.ui-header .ui-btn-icon-left:after {
  background-image: url(../bilder/ico-arrow-left-ios7-x2.png);
}

.ui-header .ui-btn-versteckt {
  display: none;
}


/* nochmal header, button
------------------------------------------------------------------*/
.ui-header .ui-icon-no-icon:after,
.ui-header .ui-icon-no-icon:after,
.ui-header .ui-icon-no-icon:after,
.ui-header .ui-icon-no-icon:after,
.ui-header .ui-icon-no-icon:after {
  background: transparent;
}

.ui-header .ui-icon-no-icon,
.ui-header .ui-icon-no-icon:hover {
  padding-right: 0.5em;
}


/* ios
------------------------------------------------------------------*/
.awk-ios .ui-page {
  padding: 2.0em 0;
}

.awk-ios .ui-header-fixed {
  padding-top: 3.2em;
}

.awk-ios .ui-header-fixed .ui-btn {
  top: 1.4em;
}

.awk-ios .ui-page-header-fixed .ui-content {
  padding-top: 2.0em;
}


/* listview
------------------------------------------------------------------*/
.ui-content .ui-listview {
  margin-top: .5em;
  margin-bottom: 1.0em;
}

.ui-content .awk-loc-details-content .ui-listview {
  margin-top: 0;
  margin-bottom: 0;
}

.ui-page-theme-a .ui-listview .ui-btn {
  border: 0;
  background-color: #1a83c6;
  margin: 1px 0 0 0;
  line-height: 1.0em;
  padding-top: 1.0em;
  padding-bottom: 1.0em;
}

.ui-footer {
  line-height: 3.0em;
  font-size: .8em;
}

.awk-loc-dist {
  color: #4ca4dc;
  font-size: .8em;
}

.awk-pin-switch .ui-btn-icon-left::after,
.awk-pin-switch .ui-btn-icon-right::after,
.awk-pin-switch .ui-btn-icon-top::after,
.awk-pin-switch .ui-btn-icon-bottom::after,
.awk-pin-switch .ui-btn-icon-notext::after {
  background-image: url(../bilder/ico-switch-off.png);
  background-size: 42px 29px;
  width: 42px;
  height: 29px;
  top: 41%;
}

.awk-pin-switch-1 .ui-btn-icon-left::after,
.awk-pin-switch-1 .ui-btn-icon-right::after,
.awk-pin-switch-1 .ui-btn-icon-top::after,
.awk-pin-switch-1 .ui-btn-icon-bottom::after,
.awk-pin-switch-1 .ui-btn-icon-notext::after {
  background-image: url(../bilder/ico-switch-on-fix.png);
}



/* pseudo
------------------------------------------------------------------*/
.awk-versteckt,
.mobil0 .awk-mobil,
.mobil .awk-desktop {
  display: none;
}

.awk-center {
  text-align: center;
}

.awk-center-center {
  top: 40%;
  position: absolute;
  width: 100%;
  left: 0;
  width: 100%;
}

.ui-content p {
  margin-bottom: 1.0em;
}

.awk-online-status-0 {
  color: #cc0000;
}


/* buttons
------------------------------------------------------------------*/
.awk-btn {
  display: inline-block;
  padding: .5em 1.0em;
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff;
  border-radius: .3em;
  background: transparent;
}

.awk-btn-hoch {
  line-height: 4.0em;
}

.qq-upload-button-hover {
  background: transparent;
}

.qq-upload-button-selector {
  display: inline-block;
}

.qq-upload-list li {
  background: transparent;
}

.qq-upload-spinner {
  background-image: url(../bilder/ajax-loader.gif);
}


/* init
------------------------------------------------------------------*/
.awk-body-init,
.mobil .awk-body-init {
  background: #4CA4DC url(../bilder/startup.png) center center no-repeat;
  background-size: 320px 568px;
}

.awk-body-loading .ui-page-active,
.awk-body-loading-content .ui-page-active {
  background-color: transparent;
  background-image: url(../bilder/ajax-loader.gif);
  background-repeat: no-repeat;
  background-position: center 90%;
}

.awk-body-loading .ui-page-active *,
.awk-body-loading-content .ui-page-active .ui-content,
.awk-body-loading-content .ui-page-active .ui-header {
  visibility: hidden;
}


/* details
------------------------------------------------------------------*/
.awk-loc-details-content {
  margin: 0.5em -1.0em 1.0em -1.0em;
  padding: 0.5em 1.0em;
  background-color: #1a83c6;
}

.awk-loc-details-gps {
  text-align: center;
}

.awk-loc-details-gps .awk-loc-details-gps-bisher,
.awk-loc-details-gps .awk-loc-details-gps-neu,
.awk-loc-details-gps .awk-loc-details-gps-abweichung {
  padding: .5em;
}

.awk-loc-details-gps .awk-loc-details-gps-bisher,
.awk-loc-details-gps .awk-loc-details-gps-neu {
  font-size: 0.9em;
}

.awk-loc-details-gps .awk-loc-details-gps-abweichung-txt,
.awk-loc-neu-gps-abweichung-txt {
  font-size: 3.0em;
}

.ui-body-a,
.ui-page-theme-a textarea.ui-body-inherit,
html .ui-bar-a textarea.ui-body-inherit,
html .ui-body-a textarea.ui-body-inherit,
html body .ui-group-theme-a textarea.ui-body-inherit,
html .ui-panel-page-container-a {
  border: 0;
  background: transparent;
  color: #fff;
  text-shadow: none;
  padding: 0 1.0em;
}

.ui-body-a,
.ui-page-theme-a .awk-loc-details-content .ui-body-inherit,
html .ui-bar-a .awk-loc-details-content .ui-body-inherit,
html .ui-body-a .awk-loc-details-content .ui-body-inherit,
html body .ui-group-theme-a .awk-loc-details-content .ui-body-inherit,
html .ui-panel-page-container-a {
  border: 0;
  background: transparent;
  color: #fff;
  text-shadow: none;
  padding: 0;
  margin: 0;
}

.awk-loc-details-content input {
  padding: 0;
}

.awk-loc-details-content textarea {
  margin: 0.5em -1.0em;
}


/* queue
------------------------------------------------------------------*/
.awk-btn-queue span {
  color: #fff;
  background: #cc0000;
  border-radius: 50%;
  display: block;
  padding: .5em;
  width: 1.3em;
  text-align: center;
  margin-top: -0.5em;
}


/* status
------------------------------------------------------------------*/
.awk-pin-status {
  position: fixed;
  bottom: 2.0em;
  left: 10%;
  width: 80%;
  background: #000;
  color: #fff;
  text-align: center;
  padding: 1.0em 0;
  z-Index: 10000;
  opacity: .5;
  display: none;
}


/* desktop-version
------------------------------------------------------------------*/
.mobil0 .awk-links {
  width: 30%;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  overflow: auto;
}

.mobil0 .awk-rechts {
  margin-left: 32%;
  margin-right: 1.0em;
}

.mobil0 .awk-links .awk-listview {
  padding-top: 3em;
  padding-bottom: 3em;
}

.mobil0 .ui-content .awk-listview .ui-listview {
  margin: 0;
}