.loginheader {
    background-color: #0261a1;
	font-weight: lighter;
	text-align: center;
	color: #ffffff;
	border-radius: 3px;
}

.logintbl {
	color: #6288a1;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 3px;
    padding: 10px 10px;
    border-style: solid;
    border-color: #6288a1;
    border-width: 4px;
	background-color: #f9f9f9;
    -webkit-box-shadow: 0 0 200px rgba(210, 210, 210, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 200px rgba(210, 210, 210, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
}
}

.logintbl:before {
    content: '';
    position: absolute;
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    z-index: -1;
    background: rgba(0, 0, 0, 0.08);
    border-radius: 4px;
}


.loginbody {
	background-color: #6288a1;
	background-size: cover;
    background-image: url(/resources/steb_logo.svg);
    background-repeat: no-repeat;
}

.olControlAttribution {
    background-color:#fff;
    padding:4px;
    font-size:1em !important;
    bottom:0 !important;
    right:0 !important;

    border:1px solid #aaa;
    border-width: 1px 0px 0px 1px;
}

.topicButton-hochwasser:not(.x-btn-pressed)  {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #017bb6), color-stop(50%, #70bde2), color-stop(51%, #70bde2), color-stop(100%, #f5f5f5)) !important;
  background-image: -webkit-linear-gradient(top, #017bb6, #70bde2 50%, #70bde2 51%, #f5f5f5) !important;
  background-image: -moz-linear-gradient(top, #017bb6, #70bde2 50%, #70bde2 51%, #f5f5f5) !important;
  background-image: -o-linear-gradient(top, #017bb6, #70bde2 50%, #70bde2 51%, #f5f5f5) !important;
  background-image: linear-gradient(top, #017bb6, #70bde2 50%, #70bde2 51%, #f5f5f5) !important;
}

.topicButton-grundhochwasser:not(.x-btn-pressed)  {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #017bb6), color-stop(50%, #70bde2), color-stop(51%, #70bde2), color-stop(100%, #f5f5f5)) !important;
  background-image: -webkit-linear-gradient(top, #017bb6, #70bde2 50%, #70bde2 51%, #f5f5f5) !important;
  background-image: -moz-linear-gradient(top, #017bb6, #70bde2 50%, #70bde2 51%, #f5f5f5) !important;
  background-image: -o-linear-gradient(top, #017bb6, #70bde2 50%, #70bde2 51%, #f5f5f5) !important;
  background-image: linear-gradient(top, #017bb6, #70bde2 50%, #70bde2 51%, #f5f5f5) !important;
}

.topicButton-starkregen:not(.x-btn-pressed)  {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #017bb6), color-stop(50%, #70bde2), color-stop(51%, #70bde2), color-stop(100%, #f5f5f5)) !important;
  background-image: -webkit-linear-gradient(top, #017bb6, #70bde2 50%, #70bde2 51%, #f5f5f5) !important;
  background-image: -moz-linear-gradient(top, #017bb6, #70bde2 50%, #70bde2 51%, #f5f5f5) !important;
  background-image: -o-linear-gradient(top, #017bb6, #70bde2 50%, #70bde2 51%, #f5f5f5) !important;
  background-image: linear-gradient(top, #017bb6, #70bde2 50%, #70bde2 51%, #f5f5f5) !important;
}

.topicButton-hochwasser:hover  {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(50%, #f5f5f5), color-stop(51%, #f5f5f5), color-stop(100%, #f5f5f5)) !important;
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f5f5f5 50%, #f5f5f5 51%, #f5f5f5) !important;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f5f5f5 50%, #f5f5f5 51%, #f5f5f5) !important;
  background-image: -o-linear-gradient(top, #f5f5f5, #f5f5f5 50%, #f5f5f5 51%, #f5f5f5) !important;
  background-image: linear-gradient(top, #f5f5f5, #f5f5f5 50%, #f5f5f5 51%, #f5f5f5) !important;
}

.topicButton-grundhochwasser:hover  {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(50%, #f5f5f5), color-stop(51%, #f5f5f5), color-stop(100%, #f5f5f5)) !important;
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f5f5f5 50%, #f5f5f5 51%, #f5f5f5) !important;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f5f5f5 50%, #f5f5f5 51%, #f5f5f5) !important;
  background-image: -o-linear-gradient(top, #f5f5f5, #f5f5f5 50%, #f5f5f5 51%, #f5f5f5) !important;
  background-image: linear-gradient(top, #f5f5f5, #f5f5f5 50%, #f5f5f5 51%, #f5f5f5) !important;
}

.topicButton-starkregen:hover  {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(50%, #f5f5f5), color-stop(51%, #f5f5f5), color-stop(100%, #f5f5f5)) !important;
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f5f5f5 50%, #f5f5f5 51%, #f5f5f5) !important;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f5f5f5 50%, #f5f5f5 51%, #f5f5f5) !important;
  background-image: -o-linear-gradient(top, #f5f5f5, #f5f5f5 50%, #f5f5f5 51%, #f5f5f5) !important;
  background-image: linear-gradient(top, #f5f5f5, #f5f5f5 50%, #f5f5f5 51%, #f5f5f5) !important;
}

.topicButton-hochwasser.x-btn-pressed  {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #017bb6), color-stop(50%, #017bb6), color-stop(51%, #017bb6), color-stop(100%, #017bb6)) !important;
  background-image: -webkit-linear-gradient(top, #017bb6, #017bb6 50%, #017bb6 51%, #017bb6) !important;
  background-image: -moz-linear-gradient(top, #017bb6, #017bb6 50%, #017bb6 51%, #017bb6) !important;
  background-image: -o-linear-gradient(top, #017bb6, #017bb6 50%, #017bb6 51%, #017bb6) !important;
  background-image: linear-gradient(top, #017bb6, #017bb6 50%, #017bb6 51%, #017bb6) !important;
}

.topicButton-grundhochwasser.x-btn-pressed  {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #017bb6), color-stop(50%, #017bb6), color-stop(51%, #017bb6), color-stop(100%, #017bb6)) !important;
  background-image: -webkit-linear-gradient(top, #017bb6, #017bb6 50%, #017bb6 51%, #017bb6) !important;
  background-image: -moz-linear-gradient(top, #017bb6, #017bb6 50%, #017bb6 51%, #017bb6) !important;
  background-image: -o-linear-gradient(top, #017bb6, #017bb6 50%, #017bb6 51%, #017bb6) !important;
  background-image: linear-gradient(top, #017bb6, #017bb6 50%, #017bb6 51%, #017bb6) !important;
}

.topicButton-starkregen.x-btn-pressed  {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #017bb6), color-stop(50%, #017bb6), color-stop(51%, #017bb6), color-stop(100%, #017bb6)) !important;
  background-image: -webkit-linear-gradient(top, #017bb6, #017bb6 50%, #017bb6 51%, #017bb6) !important;
  background-image: -moz-linear-gradient(top, #017bb6, #017bb6 50%, #017bb6 51%, #017bb6) !important;
  background-image: -o-linear-gradient(top, #017bb6, #017bb6 50%, #017bb6 51%, #017bb6) !important;
  background-image: linear-gradient(top, #017bb6, #017bb6 50%, #017bb6 51%, #017bb6) !important;
}

.topicButton-hochwasser.x-btn-pressed .x-btn-inner  {
    color: white !important;
}
.topicButton-grundhochwasser.x-btn-pressed .x-btn-inner  {
    color: white !important;
}
.topicButton-starkregen.x-btn-pressed .x-btn-inner  {
    color: white !important;
}

body {
    font-family: Tahoma, Geneva, sans-serif;
}

h1 {
    padding: 8px;
    color: white;
    background-color: #017bb6;
    border-radius: 6px;
}

input[type=submit] {
	margin-top: 3px;
	color: #0060A0;
    text-shadow: 0 1px #e3f1f1;
    background: #cde5ef;
    border: 1px solid;
    border-color: #b4ccce #b3c0c8 #9eb9c2;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
}


input {
    font-size: 1.2em;
    border-radius: 3px;
    padding: 4px;
	background: white;
    border: 1px solid;
    border-color: #c4c4c4 #d1d1d1 #d4d4d4;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
}

input:hover {
    border: solid 2px #017bb6;
   
}

.smallText
{
    font-size: 0.6em;
}