/*--------------------------------------------+
 | Site: www.aerowest.de             				  |
 | Part: map.css                     |
 |   by: Uwe Behrendt                         |
 +--------------------------------------------*/

/* Imports
=====================================================================*/


body { font-family: "Open Sans","Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;}
#danke {margin-left: 0px;}
#oanfr {}
label, input.radio, input.checkbox {
       padding-left: 1px!Important;
}
.three_fourth {
    width: 78%!important;
}
.one_fourth {
    width: 20%!important;
}
.one_fourth {
  margin-right: 2%!important;
}

#main{margin-bottom:-55px;}

#findbox {
	background: #eee;
	border-radius:.125em;
	border:2px solid #1978cf;
	box-shadow: 0 0 8px #999;	
	margin-bottom: 10px;
	padding: 2px 0;
	width: 600px;
	height: 26px;
}
#hinweis{ 
    float: left;
    font-size: 15px;
    font-weight: 700;
    height: 12px;
    margin: -15px 0 0 -2px;
    padding: 5px;
    width: 800px;
}
.messageboxerror_red {color:red;}
.messageboxerror_green {color:green;}
.messageboxerror_blue {color:#002AFF;}

a.dse {  cursor: pointer;}
p.pdse {margin-left: 1px;}
.ui.form *:last-child {
    margin-bottom: 0;
}


.control-group .icon.attention::before {
    content: "";
}
.control-group .icon.attention ul::before {
    background-color: #d95c5c !important;
    background-image: none;
    bottom: -0.3em;
    content: "";
    height: 0.6em;
    left: 50%;
    margin-left: -0.3em;
    position: absolute;
    right: auto;
    top: auto;
    transform: rotate(45deg);
    transition: background 0.1s linear 0s;
    width: 0.6em;
    z-index: 2;
}
.control-group .icon.attention ul, .ui.form select {
    box-sizing: border-box;
}

.control-group .icon.attention ul {
    background-color: #d95c5c !important;
    border-color: #d95c5c !important;
    border-radius: 0.325em;
    bottom: 12px;
    box-sizing: border-box;
    color: #fff !important;
    display: none;
    font-family: "Open Sans","Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    left: 150px;
    margin-bottom: 1em;
    margin-top: 0;
    padding: 0.5em 0.8em;
    position: absolute;
    transition: background 0.1s linear 0s;
    width: 300px;
    z-index: 11;
}
.control-group .icon {
    box-sizing: border-box;
    color:red;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    height: 1em;
    line-height: 1;
    margin: 0 0.25em 0 0;
    position: absolute;
    left: 62%;
    text-decoration: inherit;
    top: 3px;
    width: 1.23em;
    z-index: 20;
    /*display:none;*/
}
.control-group .icon.attention ul, .page-demo button.mini, .request-button > .ui.button {
    font-weight: 400;
    text-transform: none;
}
.ui.form *:last-child {
    margin-bottom: 0;
}
.ui.form *:first-child {
    margin-top: 0;
}
.ui.form *:last-child {
    margin-bottom: 0;
}
.control-group .controls {
    position: relative;
}

.ui.form .error *::-moz-placeholder {
    color: rgba(255, 80, 80, 0.4);
}
.ui.form *::-moz-placeholder {
    color: #aaa;
}
.ui.form .control-group.error label {
    color: #d95c5c !important;
}
.ui.form .control-group > label {
    display: block;
    font-size: 0.875em;
    margin: 0 0 0.3em;
}
.ui.form *:first-child {
    margin-top: 0;
}
.ui.form label {
    color: #555;
    display: block;
    margin: 0 0 1em;
    position: relative;
}
.ui.form label, form .error-list {
    font-size: 0.875em;
}
div.error, div.error-list, input.error, label.error, select.error {
    border-color: red !important;
    color: red !important;
}

@font-face {
    font-family: "Icons";
    font-style: normal;
    font-weight: 400;
    src: url("icons.eot?#iefix") format("embedded-opentype"), url("icons.svg#icons") format("svg"), url("icons.woff") format("woff"), url("icons.ttf") format("truetype");
}
i.icon {
    box-sizing: border-box;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    height: 1em;
    line-height: 1;
    margin: 0 0.25em 0 0;
    opacity: 0.75;
    text-align: center;
    text-decoration: inherit;
    width: 1.23em;
}
.ui.input input, i.icon {
    box-sizing: border-box;
}

@keyframes icon-loading {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
i.emphasized.icon, i.icon.active, i.icon.hover {
    opacity: 1;
}
i.icon.disabled {
    opacity: 0.3;
}
i.link.icon {
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.3s ease-out 0s;
}
i.link.icon:hover {
    opacity: 1 !important;
}
i.circular.icon {
    border-radius: 500em !important;
    box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
    height: 2em !important;
    line-height: 1 !important;
    padding: 0.5em 0.35em !important;
    width: 2em !important;
}
i.circular.inverted.icon {
    border: medium none;
    box-shadow: none;
}
i.flipped.icon, i.horizontally.flipped.icon {
    transform: scale(-1, 1);
}
i.vertically.flipped.icon {
    transform: scale(1, -1);
}
i.clockwise.rotated.icon, i.right.rotated.icon, i.rotated.icon {
    transform: rotate(90deg);
}
i.counterclockwise.rotated.icon, i.left.rotated.icon {
    transform: rotate(-90deg);
}
i.square.icon {
    box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
    height: 2em;
    padding: 0.5em 0.35em !important;
    vertical-align: baseline;
    width: 2em;
}
.ui.image, i.big.icon, i.huge.icon, i.large.icon, i.massive.icon {
    vertical-align: middle;
}
i.square.inverted.icon {
    border: medium none;
    box-shadow: none;
}
i.inverted.icon {
    background-color: #222;
    color: #fff;
}
i.blue.icon {
    color: #6ecff5 !important;
}
i.black.icon {
    color: #5c6166 !important;
}
i.green.icon {
    color: #a1cf64 !important;
}
i.red.icon {
    color: #d95c5c !important;
}
i.purple.icon {
    color: #564f8a !important;
}
i.teal.icon {
    color: #00b5ad !important;
}
i.inverted.black.icon {
    background-color: #5c6166 !important;
    color: #fff !important;
}
i.inverted.blue.icon {
    background-color: #6ecff5 !important;
    color: #fff !important;
}
i.inverted.green.icon {
    background-color: #a1cf64 !important;
    color: #fff !important;
}
i.inverted.red.icon {
    background-color: #d95c5c !important;
    color: #fff !important;
}
i.inverted.purple.icon {
    background-color: #564f8a !important;
    color: #fff !important;
}
i.inverted.teal.icon {
    background-color: #00b5ad !important;
    color: #fff !important;
}
i.small.icon {
    font-size: 0.875em;
}
i.icon {
    font-size: 1em;
}
i.large.icon {
    font-size: 1.5em;
}
i.big.icon {
    font-size: 2em;
}
i.huge.icon {
    font-size: 4em;
}
i.massive.icon {
    font-size: 8em;
}
.ui.image {
    background-color: rgba(0, 0, 0, 0.05);
    max-width: 100%;
    position: relative;
}
img.ui.image {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
}
.ui.image img {
    display: block;
    height: auto;
    max-width: 100%;
}
.ui.disabled.image {
    cursor: default;
    opacity: 0.3;
}
.ui.rounded.image, .ui.rounded.image img, .ui.rounded.images .image, .ui.rounded.images img {
    border-radius: 0.3125em;
}
.ui.circular.image, .ui.circular.image img, .ui.circular.images .image, .ui.circular.images img {
    border-radius: 500rem;
}
.ui.fluid.image, .ui.fluid.image img, .ui.fluid.images, .ui.fluid.images img {
    display: block;
    width: 100%;
}
.ui.avatar.image, .ui.avatar.image img, .ui.avatar.images .image, .ui.avatar.images img {
    border-radius: 500rem;
    display: inline-block;
    height: 2em;
    margin-right: 0.5em;
    width: 2em;
}
.ui.floated.image, .ui.floated.images {
    float: left;
    margin-bottom: 1em;
    margin-right: 1em;
}
.ui.right.floated.image, .ui.right.floated.images {
    float: right;
    margin-bottom: 1em;
    margin-left: 1em;
}
.ui.tiny.image, .ui.tiny.images .image, .ui.tiny.images img {
    font-size: 0.7rem;
    width: 20px;
}
.ui.mini.image, .ui.mini.images .image, .ui.mini.images img {
    font-size: 0.8rem;
    width: 35px;
}
.ui.small.image, .ui.small.images .image, .ui.small.images img {
    font-size: 0.9rem;
    width: 80px;
}
.ui.medium.image, .ui.medium.images .image, .ui.medium.images img {
    font-size: 1rem;
    width: 300px;
}
.ui.large.image, .ui.large.images .image, .ui.large.images img {
    font-size: 1.1rem;
    width: 450px;
}
.ui.huge.image, .ui.huge.images .image, .ui.huge.images img {
    font-size: 1.2rem;
    width: 600px;
}
.ui.images {
    font-size: 0;
    margin: 0 -0.25rem;
}
.ui.images .image, .ui.images img {
    display: inline-block;
    margin: 0 0.25em 0.5em;
}
.ui.input {
    color: rgba(0, 0, 0, 0.7);
    display: inline-block;
    position: relative;
}
.ui.input input {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.3125em;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.7);
    font-family: "Helvetica Neue",Helvetica,Arial;
    font-size: 1em;
    margin: 0;
    outline: 0 none;
    padding: 0.65em 1em;
    transition: background-color 0.3s ease-out 0s, box-shadow 0.2s ease 0s, border-color 0.2s ease 0s;
    width: 100%;
}
.ui.heart.rating .active.icon::before, .ui.heart.rating .icon::before, .ui.star.rating .active.icon::before, .ui.star.rating .icon::before {
    font-family: Icons;
}
.ui.input::-moz-placeholder {
    color: #bbb;
}
.ui.input input:active, .ui.input.down input {
    background-color: #fafafa;
    border-color: rgba(0, 0, 0, 0.3);
}
.ui.loading.input > .icon {
    background: rgba(0, 0, 0, 0) url("/vendor/semantic/images/loader-mini.gif") no-repeat scroll 50% 50%;
}
.ui.input input:focus, .ui.input.focus input {
    border-color: rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.85);
}
.ui.input input:focus input::-moz-placeholder, .ui.input.focus input input::-moz-placeholder {
    color: #aaa;
}
.ui.input.error input {
    background-color: snow;
    border-color: #e7bebe;
    color: #d95c5c;
}
.ui.input.error input *::-moz-placeholder {
    color: rgba(255, 80, 80, 0.4);
}
.ui.input.error input *:focus::-moz-placeholder {
    color: rgba(255, 80, 80, 0.7);
}
.ui.transparent.input input {
    background-color: transparent;
    border: medium none;
}
.ui.icon.input > .icon {
    border-radius: 0 0.3125em 0.3125em 0;
    box-sizing: border-box;
    cursor: default;
    height: 100%;
    margin: 0;
    opacity: 0.5;
    padding-top: 0.82em;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: opacity 0.3s ease-out 0s;
    width: 2.6em;
  }
/*---------------------------------------------------------------------------*/

input[type=text],textarea,select,checkbox{
	background: #FAFAFA;
	border: 0px;
	border-radius: 2px;box-shadow: 0px 3px 8px #BBB;
	color: #5A5A5A;
	font-size: 16px;
	font-family:Verdana;padding:1px 1px 1px 3px;
  margin: 15px;
  width: 380px;
  display:block;
  height: 35px;
}
input[type=text],label {
	display:block;
}
label[for=textarea],textarea,select,checkbox,label[for=checkbox]{
	display:block
}


label.ui-dialog-title{font-size:13px;color: #fff;/*text-shadow: 1px 1px 1px #FFF;*/}
label.nname, label.firma,label.adresse,  label.plz,   label.stadt, label.telefonnummer, label.email, label.was, 
label.fragen, label.kopie,label.anfrage_nr, label.dse,label.control-label        
{
	display: block;
    float: left;
    width: 315px;
	}       

a:hover                    {color:red!important;} 
fieldset                   {width:390px;}



#minDate_possible,#maxDate_possible{margin-bottom:5px;}
.poly {
    background-image: url("images/spritesheet.png");
    background-position: -32px -2px;
    background-repeat: no-repeat;
    border-radius: 4px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
    display: block;
    float: left;
    height: 25px;
    margin-right: 20px;
    white-space: pre-line;
    width: 25px;
}

#formular {margin:1px 2px 3px 4px;}

div.button_rot {
    color: #ffffff;
    display: block;
    font-family: "TitilliumText25L600wt","Lucida Grande",Lucida,Verdana,sans-serif;
    font-feature-settings: normal;
    font-language-override: normal;
    font-size: 16px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 41px;
    line-height: 2em;
    padding-left: 10px;
    padding-top: 3px;
    text-shadow: 1px 1px 3px #162a5a;
    width: 230px;
    margin: 0 0 0 1px;
}
.button_rot {
    background-image: url("images/button_rot2.png");
    background-repeat: no-repeat;
    clear: both;
    display: block;
    height: 41px;
   -10px 0 10px !important;
       width: 230px;
     cursor: pointer;
}
/*#statistik_info {color:#232d52; }*/
.custom-popup .leaflet-popup-content-wrapper {
  background:#232d52;
  color:#fff;
  font-size:16px;
  line-height:24px;
  }
.custom-popup .leaflet-popup-content-wrapper a {
  color:rgba(255,255,255,0.5);
  }
.custom-popup .leaflet-popup-tip-container {
  width:30px;
  height:15px;
  }
.custom-popup .leaflet-popup-tip {
  border-left:15px solid transparent;
  border-right:15px solid transparent;
  border-top:15px solid #2c3e50;
  }
.putxt {width:100px;float:left;}
#infoToggler {
  cursor: pointer;
  width: 100px;
  padding: 5px;
 margin: 0 0 -10px;
}

#infoToggler img { width:120px!important;margin-top: -25px;}
#rahmen              {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
border:1px solid red; /* #232d52;*/
margin: 5px 2px 8px 0;
padding: 2px;
}
#info_txt            {   
	  margin: 1px 2px 15px 0;
    padding: 7px;
                     }
#info_txt p           {   
	margin: 10px!important;
                     }
#statistik_info      {padding: 10px;}
#statistik ,#qkm     {color:red;  font-size: 13px;
    font-weight: 700;}    
#legende img{ width:120px!important;margin-top: -25px;}
#legende {
 width: 100px;
  padding: 5px;
}
.content-primary   { float: right; padding-left: 10px; width: 84%; height: 100%; }
.content-secondary { float: left;  width: 14%; border-top: 5px solid #ddd; padding-top: 5px; }
.content-simple { margin: auto; width: 800px; padding-bottom: 20px; } 
.content-simple  p { margin-top: .25em; font-size: 15px; }
.content-simple li { font-size: 15px; margin-left: 25px; }

	/* Full layout (no secondary content) */
	.full .content { background-image: none; }
	.full .content-primary { float: none; margin: 0 auto; padding-top: 1em; width: 100%; }
	.full .content-secondary { display: none; }
	
/* Home */
.content-home { margin: auto; padding: 30px 0; width: 900px; font-size: 16px; }
.content-home h1 { width: 100%; }
.content-home h2 { font-size: 20px; font-weight: normal; margin-bottom: 0; }
.content-home h3 { font-size: 18px; }
.content-home p { font-size: 16px; margin-bottom: 1.5em; }
.content-home hr { margin-top: 0; }
.twtr-tweet p { font-size: 12px; }
.content-home .mute { font-size:14px; }
.home-left { float: left; width: 28%; padding: 0 5px; }
.home-right { float: right; width: 68%; padding-top: 15px; }

/* Header nav */
#header-nav { float: right; background: none; margin-bottom: 0.3em; padding: 0; margin: 0; list-style: none; }
#header-nav li { float: left; margin: 0 0 0 1em; white-space: nowrap; text-align: center; font-size: 15px; color: #4b58a6;  }

/* Maps 
#map_canvas { height: 100%; width:100%; }
#map_canvas img { float: right; padding-bottom: 8px; }
#map_canvas h5 { clear: both; }*/

/* Muted text */
.mute { border:none;color: red;
    font-size: 16px;
    font-weight: 700;
    width: 40px; 
    vertical-align: baseline;}
.mute1 { border:none;color: #232D52;
    font-size: 16px;
    font-weight: 700;
    width: 40px; 
    vertical-align: baseline;}    
p.mute { margin: 0; }

.mute_copy { color: #77787b; font-size: 12px; }



/* Text boxes */
.ezpz-hint { color: #777; font-style: italic; }
  
/* Title */
.header-btn {margin-top: 10px; }


/* footer text */
.footer { color: #77787b; font-size: 12px; }
p.footer { margin-bottom: 0.4em; }

/* search */
input, select, textarea { color: #414042; font-size: 1em; }
/*textarea { height: 5em; }*/
#search { font-size: 16px; }
#search .txt { width:  130%; }
.input-addr { width: 70%; float: left; } 
.input-addr .txt { width: 100%; }
.input-radius { width: 28%; float: right; }

/* Options */
.options-h, .options-v { list-style: none; margin: 0 0 1em 50px; padding: 0; }
td .options-h, td .options-v { margin: 0; }
.options-h input, .options-v input { margin-bottom: -0.05em; }
.options-h img { border-bottom: 3px solid #fff; padding: 5px; vertical-align: middle; }
.options-h li, .options-v li { background: none; clear: both; margin-bottom: 0.3em; padding: 0; }
.options-h li { display: inline; margin-right: 0.7em; white-space: nowrap; }
.options-v li { padding-left: 25px; text-indent: -25px; }
.options-v li p { margin: 0; text-indent: 0; }
.options-days li { margin-right: 0.1em; }

#date-range { margin: 0.5em 0.5em 0.5em 0em; }

#layer-button-projects { color: #FF6666; font-weight: bold; }
#layer-button-wards { color: #80B16A; font-weight: bold; }
#layer-button-districts { color: #3D85C6; font-weight: bold; }

.tagline { font-size: 15px; }
.l { float: left;margin-top: -5px; }
.r { float: right; margin-top: -5px;}
.btn {
  background: #4A7ABA;
  background-image: -moz-linear-gradient(top, #4A7ABA, #274976); /* FF */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #4A7ABA),color-stop(1, #274976)); /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4A7ABA', EndColorStr='#274976'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4A7ABA', EndColorStr='#274976')"; /* IE8 */
  border: 1px solid #274976;
  color: #ffffff;
  font-weight: bold;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 0.3em 1.1em;
  margin-right: 0.5em;
  text-shadow: 1px 1px 1px #58595B;
}

.ui-slider-horizontal { height: 0.4em;}
.ui-slider .ui-slider-handle { height: 0.9em; width: 0.9em; }
.yellow { color: #cccc33; }

#demographics-legend { background: none; clear: both; margin-bottom: 0.3em; padding: 8px 0 0 0; margin: 15px 0 0 0; list-style: none; }
#demographics-legend li { width: 32%; float: left; margin: 0 1% 10px 0; white-space: nowrap; text-align: center; font-size: 11px; color: #77787b; }
#legend-left { border-top: 10px solid #F7EDF1; }
#legend-middle { border-top: 10px solid #E7CAD9; }
#legend-right { border-top: 10px solid #C7A4B5; }

#label-senkrecht { 
		color: #232D52;   /*#6C9D74;*/
		font-size: 20px;
		font-weight: 700; 
		}
#label-oblique {    
	  color: #B93B66;
    font-size: 20px;
    font-weight: 700;
    }
    
#label-thermal  {    
	  color: #ff6600;
    font-size: 20px;
    font-weight: 700;
    } 
    
#label-purple { color: #cc66cc; }
#label-red { color: #d73e3e; }

#resultCount { float: right; font-weight: bold; font-size: 15px; margin-top: 8px; }