/*!
 * Custom styles (main) Komprimieren mit http://csscompressor.com/
 */

  html, body, .container {
	height: 100%;
	margin: 0;
	padding: 0;
  }

#map {
	height: 100%;
	width: 100%;
}
.infoWindowContent {
	float:left;
	font-size:  14px !important;
}
.infoWindowBildung {
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px solid blue;
}
.tr_img {
	float:right;
	padding-left:4px;
	width: 80px;
}
h1 {
	font-size:  14px !important;
	margin-bottom: 3px;
	margin-top: 0;
	padding-bottom: 1px;
	line-height:1;
}

h2 {
	color: #555555;
	font-size:  14px !important;
	margin-bottom: 3px;
	margin-top: 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1px;
}
.no_wrap {
	white-space: nowrap;
}

#floating-panel {
	position: absolute;
	top: 10px;
	left: 110px;
	z-index: 1;
	background-color: #fff;
	padding: 5px;
	border: 1px solid #999;
	text-align: center;
	font-family: 'Roboto','sans-serif';
	padding-left: 10px;
  }
.floating-img {
	position: absolute;
	bottom: 2px;
	left: 2px;
	z-index: 0;
}  
.floating-img img {
	background-color: #fff;
	padding: 5px;
	border: 1px solid #999;
    height: auto;
    max-width: 150px;
    min-width: 80px;
}
.programm-img {
	position: absolute;
	top: 2px;
	right: 2px;
	z-index: 0;
}  
.programm-img img {
	background-color: #fff;
	padding: 5px;
	border: 1px solid #999;
    height: auto;
    max-width: 150px;
    min-width: 80px;
}
@media (max-width: 500px){/*Sprungmarke für Mobile-Ansicht (nach unten)*/ 
	.floating-img, .programm-img {
		display:none;
	}
}
.panel-head h1, .panel-head a, #floating-panel .panel-head img {
	display: inline;
  }
.panel-nav {
	display: inline-block;
  }
/* input {
	border: 1px solid #999;
	cursor: pointer;
	background-color: #CFF;
	color:#7D7D7D;
  }  */
button{
	cursor: pointer;
	margin: 2px;
	border:1px solid #d7dada; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;
	background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
	background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
}  
button.active, button:hover  {
	border: 1px solid blue;
	background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dfdddd));
	background-image: -webkit-linear-gradient(top, #fff, #dfdddd);
	background-image: -moz-linear-gradient(top, #fff, #dfdddd);
	background-image: -ms-linear-gradient(top, #fff, #dfdddd);
	background-image: -o-linear-gradient(top, #fff, #dfdddd);
	background-image: linear-gradient(to bottom, #fff, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fff, endColorstr=#dfdddd);
  }
a {
	cursor: pointer;
}
a.i { background-position: left center;  color: #555555; font-weight: normal; text-decoration: none; background-image: url(/map-trainer/css/grafik/info-sign.svg); background-repeat: no-repeat; padding-left: 18px; background-size: 15px 15px;}
a.i:hover { background-image: url(/map-trainer/css/grafik/info-sign-active.svg);}


a.PfeilRechtsClass { background-position: left center;  color: #555555; font-weight: normal; text-decoration: none; background-image: url(/css/graphics/arrow_grey.png); background-repeat: no-repeat; padding-left: 15px;}
a.PfeilRechtsClass:link { background-position: left center; color: #555555; font-weight: normal; text-decoration: none; background-image: url(/css/graphics/arrow_grey.png); background-repeat: no-repeat; padding-left: 15px;}
a.PfeilRechtsClass:hover { background-position: left center; color: #555555; font-weight: normal; text-decoration: none; background-image: url(/css/graphics/arrow_red.png); background-repeat: no-repeat; padding-left: 15px;}
a.PfeilRechtsClass:active { background-position: left center; color: #555555; font-weight: normal; text-decoration: none; background-image: url(/css/graphics/arrow_red.png); background-repeat: no-repeat; padding-left: 15px;}
a.PfeilRechtsClass:visited { background-position: left center; color: #555555; font-weight: normal; text-decoration: none; background-image: url(/css/graphics/arrow_grey.png); background-repeat: no-repeat; padding-left: 15px;}
a.PfeilRechtsClass:visited:hover, a.PfeilRechtsClassAktiv { background-position: left center; color: #555555; font-weight: normal; text-decoration: none; background-image: url(/css/graphics/arrow_red.png); background-repeat: no-repeat; padding-left: 15px;}
a.PfeilRechtsClass:visited:active { background-position: left center; color: #555555; font-weight: normal; text-decoration: none; background-image: url(/css/graphics/arrow_red.png); background-repeat: no-repeat; padding-left: 15px;}