#wrap {
    max-width: 1028px;
    margin: 0 auto;
}

#c {
width: 100%;
}

#l {
width: 100%;
}

#f {
background-color:#ECECEC;
width: 100%;
margin-right: 5px;
text-align: right;
}

#nav_top li a {
padding: 18px 10px;
}

h1, h2, h3, h4, h5, h6 {
margin-bottom: 0;
margin-top: 0;
}

body {
font-size: 12px;
font-family: "Raleway",sans-serif,Helvetica,sans-serif,Verdana;
}

ul#buchstaben {
    font-weight: normal;
}

ul#buchstaben li a {
font-size: 16px;
}

table.streets th, table.streets td {
padding: 10px;
}

td {
font-size:13px
}

table.streets th {
background-color:#ECECEC;
font-size: 15px;
}
img {
max-width:100%
}

#f_l
	{
float:left;
text-align: left;
padding:20px
}
#f_r
	{
float:right;
padding:12px
}
.navi_headline
	{
margin-left:0;
}
.route_button, button.route_button {
    background-color: #ececec;
    border: 4px solid #ffffff;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #999999;
    color: #1a0dab;
    font-size: 1em;
    padding: 0.3em 0.9em;
}
.route_button:hover, button.route_button:hover {
    -moz-transition: all 0.1s ease-in-out 0s;
    background-color: #1a0dab;
    color: #FFE346;
    cursor: pointer;
}
a.route_button {
    color: #FFFFFF;
    text-decoration: none;
}

@media (max-width: 500px)
	{
	.leaflet-control-minimap
	{
	display:none;
	}
	.cse-branding-form
	{
	display:none;
	}
}

div.breadcrumb span {
    opacity: 1;
}
div.breadcrumb a, div.breadcrumb em, div.breadcrumb span {
    font-weight: normal;
}
.span_breadcrumb {

}

/*  SECTIONS  */
.pre_footer {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 22.8%;
	min-width: 300px;
}
.span_3_of_4 {
	width: 22.8%;
	min-width: 300px;
}
.span_2_of_4 {
	width: 22.8%;
	min-width: 300px;
}
.span_1_of_4 {
	width: 22.8%;
	min-width: 300px;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}
.leaflet-popup-content { width:280px; }
div.table_hotelliste { 
	display: table; 
	border-collapse:collapse; 
	width: calc(100% - 10px);
    }
div.tr_hotelliste { 
	display:table-row; 
    }
div.td_hotelliste { 
	display:table-cell; 
	border-bottom:thin solid grey; 
	padding:7px;
	vertical-align: top;
	width: 25%;
    }
div.td_hotelliste img.scale { 
	width: 100%;
	height: auto;
    }
div.preis_liste { 
	float: right;
	font-size: 20px;
	text-align:right;
	line-height:normal;
	color: orange;
    }
.distance_green { 
	margin:-10px;
	color: green;
	font-weight:bold;
    }
.distance_grey {
	margin:-10px;
	color: grey;
	font-weight:bold;
    }
.distance_headline {
	color: grey;
	font-weight:small;
    }
.li_train {
	background: rgba(0, 0, 0, 0) url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMjE2IDBxMTg1IDAgMzE2LjUgOTMuNXQxMzEuNSAyMjYuNXY4OTZxMCAxMzAtMTI1LjUgMjIydC0zMDUuNSA5N2wyMTMgMjAycTE2IDE1IDggMzV0LTMwIDIwaC0xMDU2cS0yMiAwLTMwLTIwdDgtMzVsMjEzLTIwMnEtMTgwLTUtMzA1LjUtOTd0LTEyNS41LTIyMnYtODk2cTAtMTMzIDEzMS41LTIyNi41dDMxNi41LTkzLjVoNjQwem0tMzIwIDEzNDRxODAgMCAxMzYtNTZ0NTYtMTM2LTU2LTEzNi0xMzYtNTYtMTM2IDU2LTU2IDEzNiA1NiAxMzYgMTM2IDU2em01NzYtNTc2di01MTJoLTExNTJ2NTEyaDExNTJ6Ii8+PC9zdmc+") no-repeat scroll left center;
	padding: 5px 0 5px 35px;
	background-size: 16px;
	}
.li_flag {
	background: rgba(0, 0, 0, 0) url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zMjAgMjU2cTAgNzItNjQgMTEwdjEyNjZxMCAxMy05LjUgMjIuNXQtMjIuNSA5LjVoLTY0cS0xMyAwLTIyLjUtOS41dC05LjUtMjIuNXYtMTI2NnEtNjQtMzgtNjQtMTEwIDAtNTMgMzcuNS05MC41dDkwLjUtMzcuNSA5MC41IDM3LjUgMzcuNSA5MC41em0xNDcyIDY0djc2M3EwIDI1LTEyLjUgMzguNXQtMzkuNSAyNy41cS0yMTUgMTE2LTM2OSAxMTYtNjEgMC0xMjMuNS0yMnQtMTA4LjUtNDgtMTE1LjUtNDgtMTQyLjUtMjJxLTE5MiAwLTQ2NCAxNDYtMTcgOS0zMyA5LTI2IDAtNDUtMTl0LTE5LTQ1di03NDJxMC0zMiAzMS01NSAyMS0xNCA3OS00MyAyMzYtMTIwIDQyMS0xMjAgMTA3IDAgMjAwIDI5dDIxOSA4OHEzOCAxOSA4OCAxOSA1NCAwIDExNy41LTIxdDExMC00NyA4OC00NyA1NC41LTIxcTI2IDAgNDUgMTl0MTkgNDV6Ii8+PC9zdmc+") no-repeat scroll left center;
	padding: 5px 0 5px 35px;
	background-size: 16px;
	}
.li_plane {
	background: rgba(0, 0, 0, 0) url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNTY4IDE2MHE0NCA1MiAxMiAxNDh0LTEwOCAxNzJsLTE2MSAxNjEgMTYwIDY5NnE1IDE5LTEyIDMzbC0xMjggOTZxLTcgNi0xOSA2LTQgMC03LTEtMTUtMy0yMS0xNmwtMjc5LTUwOC0yNTkgMjU5IDUzIDE5NHE1IDE3LTggMzFsLTk2IDk2cS05IDktMjMgOWgtMnEtMTUtMi0yNC0xM2wtMTg5LTI1Mi0yNTItMTg5cS0xMS03LTEzLTIzLTEtMTMgOS0yNWw5Ni05N3E5LTkgMjMtOSA2IDAgOCAxbDE5NCA1MyAyNTktMjU5LTUwOC0yNzlxLTE0LTgtMTctMjQtMi0xNiA5LTI3bDEyOC0xMjhxMTQtMTMgMzAtOGw2NjUgMTU5IDE2MC0xNjBxNzYtNzYgMTcyLTEwOHQxNDggMTJ6Ii8+PC9zdmc+") no-repeat scroll left center;
	padding: 5px 0 5px 35px;
	background-size: 16px;
	}
form input#li_search {
	background: rgba(0, 0, 0, 0) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjQ3NS4wODRweCIgaGVpZ2h0PSI0NzUuMDg0cHgiIHZpZXdCb3g9IjAgMCA0NzUuMDg0IDQ3NS4wODQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3NS4wODQgNDc1LjA4NDsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTQ2NC41MjQsNDEyLjg0NmwtOTcuOTI5LTk3LjkyNWMyMy42LTM0LjA2OCwzNS40MDYtNzIuMDQ3LDM1LjQwNi0xMTMuOTE3YzAtMjcuMjE4LTUuMjg0LTUzLjI0OS0xNS44NTItNzguMDg3DQoJCWMtMTAuNTYxLTI0Ljg0Mi0yNC44MzgtNDYuMjU0LTQyLjgyNS02NC4yNDFjLTE3Ljk4Ny0xNy45ODctMzkuMzk2LTMyLjI2NC02NC4yMzMtNDIuODI2DQoJCUMyNTQuMjQ2LDUuMjg1LDIyOC4yMTcsMC4wMDMsMjAwLjk5OSwwLjAwM2MtMjcuMjE2LDAtNTMuMjQ3LDUuMjgyLTc4LjA4NSwxNS44NDdDOTguMDcyLDI2LjQxMiw3Ni42Niw0MC42ODksNTguNjczLDU4LjY3Ng0KCQljLTE3Ljk4OSwxNy45ODctMzIuMjY0LDM5LjQwMy00Mi44MjcsNjQuMjQxQzUuMjgyLDE0Ny43NTgsMCwxNzMuNzg2LDAsMjAxLjAwNGMwLDI3LjIxNiw1LjI4Miw1My4yMzgsMTUuODQ2LDc4LjA4Mw0KCQljMTAuNTYyLDI0LjgzOCwyNC44MzgsNDYuMjQ3LDQyLjgyNyw2NC4yMzRjMTcuOTg3LDE3Ljk5MywzOS40MDMsMzIuMjY0LDY0LjI0MSw0Mi44MzJjMjQuODQxLDEwLjU2Myw1MC44NjksMTUuODQ0LDc4LjA4NSwxNS44NDQNCgkJYzQxLjg3OSwwLDc5Ljg1Mi0xMS44MDcsMTEzLjkyMi0zNS40MDVsOTcuOTI5LDk3LjY0MWM2Ljg1Miw3LjIzMSwxNS40MDYsMTAuODQ5LDI1LjY5MywxMC44NDkNCgkJYzkuODk3LDAsMTguNDY3LTMuNjE3LDI1LjY5NC0xMC44NDljNy4yMy03LjIzLDEwLjg0OC0xNS43OTYsMTAuODQ4LTI1LjY5M0M0NzUuMDg4LDQyOC40NTgsNDcxLjU2Nyw0MTkuODg5LDQ2NC41MjQsNDEyLjg0NnoNCgkJIE0yOTEuMzYzLDI5MS4zNThjLTI1LjAyOSwyNS4wMzMtNTUuMTQ4LDM3LjU0OS05MC4zNjQsMzcuNTQ5Yy0zNS4yMSwwLTY1LjMyOS0xMi41MTktOTAuMzYtMzcuNTQ5DQoJCWMtMjUuMDMxLTI1LjAyOS0zNy41NDYtNTUuMTQ0LTM3LjU0Ni05MC4zNmMwLTM1LjIxLDEyLjUxOC02NS4zMzQsMzcuNTQ2LTkwLjM2YzI1LjAyNi0yNS4wMzIsNTUuMTUtMzcuNTQ2LDkwLjM2LTM3LjU0Ng0KCQljMzUuMjEyLDAsNjUuMzMxLDEyLjUxOSw5MC4zNjQsMzcuNTQ2YzI1LjAzMywyNS4wMjYsMzcuNTQ4LDU1LjE1LDM3LjU0OCw5MC4zNkMzMjguOTExLDIzNi4yMTQsMzE2LjM5MiwyNjYuMzI5LDI5MS4zNjMsMjkxLjM1OHoNCgkJIi8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==") no-repeat scroll center center;
	padding: 2px 0 2px 18px;
	background-size: 15px;
	border:none;
	}
.ul_distance {
	list-style: outside none none;
	padding:0px;
	line-height: 20px;
	}
@media only screen and (max-width: 480px) {
	.direkt, button.direkt {
	font-size: 14px;
	}
}
.direkt, button.direkt {
	font-size: 17px;
	}
.leaflet-popup-content, button.direkt {
	font-size: 1.0em;
	}
.sort {
  padding:8px 30px;
  border-radius: 6px;
  border:none;
  display:inline-block;
  color:#fff;
  text-decoration: none;
  background-color: #28a8e0;
  height:30px;
}
.sort:hover {
  text-decoration: none;
  background-color:#1b8aba;
}
.sort:focus {
  outline:none;
}
.sort:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  content:"";
  position: relative;
  top:-10px;
  right:-5px;
}
.sort.asc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  content:"";
  position: relative;
  top:13px;
  right:-5px;
}
.sort.desc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  content:"";
  position: relative;
  top:-10px;
  right:-5px;
}