/* Fonts */
/* Wir nutzen die Fonts aus dem mobilen Client... */
@font-face {
  font-family: 'MapwidgetAGI';
  src:    url('../../fonts/AGIMapWidget.eot#') format('embedded-opentype'),
  url('../../fonts/AGIMapWidget.ttf') format('truetype'),
  url('../../fonts/AGIMapWidget.woff') format('woff'),
  url('../../fonts/AGIMapWidget.svg#AGIMapWidget') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Neue Font-Icons */
.navitem, .toolitem, .ctxitem {
  background: rgba(255,255,255,1);
  border: 1px solid rgb(227,0,26);
  color: rgb(227,0,26);
  height:28px;
  width:28px;
}
.navitem:hover, .toolitem:hover, .ctxitem:hover {
  background: rgba(227,0,26,1);
  border:1px solid rgb(255,255,255);
  color: rgb(255,255,255);
}

.navitem.active, .toolitem.active, .ctxitem.active,
.navitem.active:hover, .toolitem.active:hover, .ctxitem.active:hover {
  background: rgba(227,0,26,1);
  border:1px solid rgb(255,255,255);
  color: rgb(255,255,255);
}

.fi {
  font-family: 'MapwidgetAGI';
  font-size:2.4em;
}
.fi-nav-right:before {
  content: "\e92a";
}

.fi-nav-right {
  margin-right:-3px;
}

.fi-nav-left:before {
  content:"\e929";
}

.fi-nav-left {
  margin-left:-2px;
}


.fi-nav-down:before {
  content:"\e928";
}
.fi-nav-down {
  padding-left:0px !important;
  margin-left:-1px !important;
  padding-top:3px !important;
}
.fi-nav-up:before {
  content:"\e92b";
}

.fi-nav-up {
  margin-top:-2px;
}


.fi-zoomfull:before {
  content:"\e925";
}
.fi-zoomfull {
  padding:0px 0px 0px 0px !important;
  font-size:1.9em !important;
}
.fi-tool-fts:before {
  content:"\e913";
}
.fi-tool-fts {
  font-size:2.5em;
}
.fi-tool-maptip:before {
  content:"\e911";
}
.fi-tool-maptip {
  padding-top:0px !important;
}
.fi-tool-repmodels:before {
  content:"\e905";
}
.fi-tool-repmodels {
  font-size:2.5em !important;
}
.fi-zoomout:before {
  content:"\e927";
}
.fi-zoomin:before {
  content:"\e926";
}
.fi-zoomout, .fi-zoomin {
  font-size: 2.4rem !important;
}
.fi-tool-selectarea:before {
  content:"\e91e";
}
.fi-tool-selectline:before {
  content:"\e91f";
}
.fi-tool-identifylayer:before {
  content:"\e92c";
}
.fi-tool-identifylayer {
  margin-top:-2px !important;
}
/* OK-Button */
.fi-ctx-ok:before {
  content:"\e91a";
}
.fi-ctx-ok {
  margin-top:-2px !important;
}

/* Submit */
.fi-ctx-submit:before {
  content:"\e91a";
}
.fi-ctx-submit {
  margin-top:-2px !important;
}
/* Measure Line */
.fi-tool-measureline:before {
  content:"\e915";
}
/* Clickinfo */
.fi-tool-clickinfo:before {
  content:"\e907";
}

/* IdentifyClick */
.fi-tool-identifyclick:before {
  content:"\e92e";
}

/* Addremove */
.fi-tool-addremove:before {
  content:"\e92f";
}

/* Identify */
.fi-tool-identify:before {
  content:"\e90e";
}

/* Location */
.fi-tool-location:before {
  content:"\e91b";
}

/* Close */
.fi-close:before {
  content:"\e907";
}


/* basemaps */
.fi-tool-basemaps:before {
  content:"\e921";
}

.fi:hover {
  cursor: pointer;
}

/* Ende neue Font-Icons */

/* Labels */
#notificationLbl,
#errorContainer,
#maptipContainer {
  background-color:#E3001A;
  color:#FFF;
  font-size:12px;
}

/* Temporär Fehlermeldung ausgeblendet */
#errorContainer, #trtootoc {
  display:none;
}
.ftsMenu,
.sugg,
.repmodel,
.switcher,
#maptipContainer {
  background-color:#FFF;
  border:1px solid #ccc;
  border-radius:1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
}
.repmodel,
.switcher,
#maptipContainer {
  border:1px solid #4A81B6;
  border-radius: 0px;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
}
.sugg {
  width:214px;
}

/* Navigationcontainer */
#navigationContainer img[style] {
  opacity:1 !important;
}

/* Maptip */
.maptip-close {
  border:none;
}
#maptipContainer {
  background-color: #4A81B6;
}
#maptipHeader {
  color:#FFF;
}
#maptipInfo {
  color: #161616;
}
#matipInfo table#maptipTable tr td {
  border-bottom:1px solid #C8D9E9 !important;
  padding-bottom:3px;
}
#maptipInfo table#maptipTable tr.even {
  background-color:#FFF;
  padding-bottom:3px;
  border-bottom:1px solid #C8D9E9 !important;
}
#maptipInfo table#maptipTable tr.odd {
  background-color:#F2F8FC;
  padding-bottom:3px;
}
#maptipInfo table#maptipTable tr td a:link {
  color:#13226E;
}
#maptipInfo table#maptipTable tr td a:hover {
  color:#0026E0;
  text-decoration: none;
}
/* Ende Maptip */

ul.suggestion,
ul#ul_repmodel {
  color:#000;
}
li.noSugg {
  border:none;
}

li.suggestion,
ul#ul_repmodel li {
  border-bottom:1px solid #C8D9E9;
  padding:10px;
  -webkit-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}
ul#ul_repmodel li {
  padding:5px;
}
li.suggestion:hover,
ul#ul_repmodel li:hover
 {
  background-color:#C8D9E9;
}

ul#ul_repmodel li.active, li.suggestion.active {
  color:#13226E;
  background-color:#F2F8FC;
  font-weight: bold;
}