.alert{padding:8px 35px 8px 14px;margin-bottom:20px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.alert,.alert h4{color:#c09853;}
.alert h4{margin:0;}
.alert .close{position:relative;top:-2px;right:-21px;line-height:20px;}
.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#468847;}
.alert-success h4{color:#468847;}
.alert-danger,.alert-error{background-color:#f2dede;border-color:#eed3d7;color:#b94a48;}
.alert-danger h4,.alert-error h4{color:#b94a48;}
.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#3a87ad;}
.alert-info h4{color:#3a87ad;}
.alert-block{padding-top:14px;padding-bottom:14px;}
.alert-block>p,.alert-block>ul{margin-bottom:0;}
.alert-block p+p{margin-top:5px;}
.close{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.close:hover{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}
button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}


.breadcrumb{padding:8px 15px;margin:0 0 20px;list-style:none;background-color:#f5f5f5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.breadcrumb>li{display:inline-block;*display:inline;*zoom:1;text-shadow:0 1px 0 #ffffff;}
.breadcrumb>li>.divider{padding:0 5px;color:#ccc;}
.breadcrumb>.active{color:#999999;}

.pagination{margin:20px 0;}
.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}
.pagination ul>li{display:inline;}
.pagination ul>li>a,.pagination ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;background-color:#ffffff;border:1px solid #dddddd;border-left-width:0;}
.pagination ul>li>a:hover,.pagination ul>.active>a,.pagination ul>.active>span{background-color:#f5f5f5;}
.pagination ul>.active>a,.pagination ul>.active>span{color:#999999;cursor:default;}
.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover{color:#999999;background-color:transparent;cursor:default;}
.pagination ul>li:first-child>a,.pagination ul>li:first-child>span{border-left-width:1px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
.pagination ul>li:last-child>a,.pagination ul>li:last-child>span{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;}
.pagination-centered{text-align:center;}
.pagination-right{text-align:right;}


ul.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    background-color: #f3f3f3;
}

ul.menu  li{
    float: left;
}

ul.menu  li a {
    display: block;
    text-align: center; 
    padding: 14px 16px;
    text-decoration: none;
}

ul.menu li a:hover:not(.active) {
    background-color: #ddd;
}
ul.errormessage li {
	color: red;	
}

/*  Uniplan*/

#tool-panel{
	background: #fff;
  	margin: 0px 0px 5px 0px; 
  	border: 1px solid #dbdbdb;
  	height:20%;  
}
#search-panel {
  	display: inline-block;
  	width: 75%;
}

#quicklist-panel {
  	display: inline-block;
  	width:23% ; 
	margin: 5px 3px 5px 0px; 
}

#fld_suche{
    display: inline-block;
  	height:28px; 
  	width: 70%;
	background-color:    #f8f8f8;
	margin: 5px 2px 5px 4px; 
} 

::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}

 .button , .button2, .button3{
  display: inline-block;
  margin: 5px 0px 5px 0px; 
  font-size: 13px;
  background-color: #d8dce7;
  border: none;
  box-shadow: 2px 3px 0px 0px #999;
  height:25px;  
  width:100px;
}
.button:hover, .button2:hover {background-color: #c7c7c7}

.button2{width:48%;} 
.button3{box-shadow: 1px 1px 0px 0px #999; width:70px;} 
 #btn_search{
	width:100px;
	color: black;
	background-color: #d8dce7;
	float: none;
	text-transform: none;
}
.ui-autocomplete { 
	position: absolute; 
	cursor: default; 
	color:#0080c0;
	background: #f5f5f5
	}  
	
html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
   	text-align: left !important;
}
.ui-menu  {
    margin-top: -3px;
    background-color: #ffffff;	
    color: #0080ff
}
.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
    line-height:2;
}

.ui-menu-item:hover {
	color:#ffffff;
	background: #0080ff
}

/* Control Panel*/
#main_control {
	background-color: #fcfcfc;
	border: 2px solid #efefef;
	borderRadius: 1px;
	boxShadow: 0 2px 2px rgba(0, 33, 33, 0);
	margin: 1px;
 	opacity: 0.9;  
	padding: 8px;
	width: 160px;
}

.switch {
 	position: relative;
 	display: block;
 	vertical-align: top;
 	width: 120px;
 	height: 25px;
 	padding: 2px;
 	margin: 0 1px 8px 17px;
 	background-color : transparent;
 	border-radius: 18px;
 	box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
 	cursor: pointer;
 	box-sizing:content-box;
 }
 .switch-input {
 	position: absolute;
 	top: 0;
 	left: 0;
 	opacity: 0;
 	box-sizing:content-box;
 }
 .switch-label {
 	position: relative;
 	display: block;
 	height: inherit;
 	font-size: 12px;
 	background: #eceeef;
 	border-radius: inherit;
 	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
 	box-sizing:content-box;
 }
 .switch-label:before, .switch-label:after {
 	position: absolute;
 	top: 50%;
 	margin-top: -.5em;
 	line-height: 1;
 	-webkit-transition: inherit;
 	-moz-transition: inherit;
 	-o-transition: inherit;
 	transition: inherit;
 	box-sizing:content-box;
 }
 .switch-label:before {
 	content: attr(data-off);
 	left: 35px;
 	color: #8b8b8b;
 	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
 }
 .switch-label:after {
 	content: attr(data-on);
 	left: 11px;
 	color: #FFFFFF;
 	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
 	opacity: 0;
 }
 .switch-input:checked ~ .switch-label {
 	background: #00ca65;
 	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
 }
 .switch-input:checked ~ .switch-label:before {
 	opacity: 0;
 }
 .switch-input:checked ~ .switch-label:after {
 	opacity: 1;
 }
 .switch-handle {
 	position: absolute;
 	top: 3px;
 	left: 4px; 
 	width: 23px;
 	height: 23px;
 	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
 	border-radius: 100%;
 	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
 }
 .switch-handle:before {
 	content: "";
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	margin: -6px 0 0 -6px;
 	width: 12px;
 	height: 12px;
 	border-radius: 6px;
 	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
 }
 .switch-input:checked ~ .switch-handle {
 	left: 95px;
 	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
 }
 .switch-label, .switch-handle {
 	transition: All 0.3s ease;
 	-webkit-transition: All 0.4s ease;
 	-moz-transition: All 0.4s ease;
 	-o-transition: All 0.4s ease;
 }
 
 .switch-icon{
 	position: absolute; 
 	margin: 11px 3px 0px 0px; 
 }
 
 #route-panel {
  z-index: 5;
  background: #fff;
  padding: 7px 7px;
  font-size: 12px;
  border: 2px solid #ccc;
  box-shadow: 0 2px 4px rgba(33, 33, 50, 0.4);
  display: none;
  line-height: 30px;
  overflow: auto;
  opacity: 0.9;  
}

.close {
    font-size: 25px;
    margin: 0px 0px 3px 7px;
}

#start, #end{
	width: 178px;
} 
.btn_Form{
	margin: 5px 3000px 5px 0px;
	width: 25%; 
}
#legend{
	margin: 2px 1px 2px 10px; 
	vertical-align: middle; 
	background: #fff; 
	border: 1px solid grey; 
	padding: 4px 5px; 
	/* opacity: 0.9; */
}

#square-red {display: inline-block; width: 15px; height: 15px; background: #f99f9f; margin: 0 2px}
#square-blue {display: inline-block; width: 15px; height: 15px; background: #b2b2f7; margin: 0 2px}
#square-orange {display: inline-block; width: 15px; height: 15px; background: #ffe2ab; margin: 0 2px}
#square-grey {display: inline-block; width: 15px; height: 15px; background: #c1bcbc; margin: 0 2px}
#square-aqua {display: inline-block; width: 15px; height: 15px; background: #9c27b075; margin: 0 2px}

.listElement{
	list-style-type: none; 
	margin-left: 15px; 
	padding: 0;
}

.li-template{
	float: none ; 
	display:none ;
}

.ui-template{
	list-style-type:none  !important; 
	margin: 0px 0px 0px 15px !important; 
	padding: 0 !important; 
}

.form-horizontal{
	max-width: 50%;
	align:"center";
}

/* F�r das interne Layout */
table.dataTable tr.even { background: #C9D4DD}

@font-face {
    font-family:Fontawesome;
    src:url(/imperia/md/content/allgemein/farbunabhaengig/fonts/fa-solid-900.woff)  
}

@media (max-width: 1080px) {
  #aBiszList {
    margin-top: 40px !important;
  }
}

@media (max-width: 400px) {
  #aBiszList {
    margin-top: 70px !important;
  }
}

/*Mit Intern-Layout wird das Man-Icon nicht angezeigt max-width: 100%;*/
#e img {
    max-width: none;
}