/* CSS Navigation bis 1180px */
div#content {
	margin: 0 auto 0 auto;
}
.sm {
	position:relative;
}
.sm, .sm ul,
.sm li {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	line-height:normal;
	direction:ltr;
	text-align:left;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.sm-rtl, .sm-rtl ul, .sm-rtl li {
	direction:rtl;
	text-align:right;
}
.sm>li>h1, .sm>li>h2, .sm>li>h3, .sm>li>h4, .sm>li>h5, .sm>li>h6 {
	margin:0;
	padding:0;
}
.sm ul {
	display:none;
}
.sm li,
.sm a {
	position:relative;
}
.sm a {
	display:block;
}
.sm a.disabled {
	cursor:not-allowed;
}
.sm:after {
	content:"\00a0";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
}
.sm, .sm *,
.sm *:before,
.sm *:after {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#zoom {
	display:none;
}
li.zueberschrift {
	font-size:14px;
	padding-left:10px;
	line-height:22px;
	color:#666666;
	font-weight:bold;
	padding-top:10px!important;
}
li.wichtig a,
li a.wichtig {
	color:#666666;
}
li.support {
	background-color:#f6f6f6!important;
}
li.subtyp a {
	/*color:#777777!important;*/
}
li.aftersub {
	padding-top:5px!important;
}

#navigation_top-state:not(:checked) ~ #navigation_top {
	display: none;
}
#navigation_top-state:checked ~ #navigation_top {
	display: inline-block;
	width:100%;
}
.navigation_top-btn {
	position: relative;
	display: block;
	width:100%;
	background-color:#4675A4;
	height:30px;
	text-indent: 29px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	color:#4675A4;
	line-height:80px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	margin-bottom: 2em;
}
/* hamburger icon */
.navigation_top-btn-icon,
.navigation_top-btn-icon:before,
.navigation_top-btn-icon:after {
	position: absolute;
	top: 50%;
	left: 2px;
	height: 2px;
	width: 24px;
	background: #F2F2F2;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}
.navigation_top-btn-icon:before {
	content: '';
	top: -7px;
	left: 0;
}
.navigation_top-btn-icon:after {
	content: '';
	top: 7px;
	left: 0;
}
/* x icon */
#navigation_top-state:checked ~ .navigation_top-btn .navigation_top-btn-icon {
	height: 0;
	background: transparent;
}
#navigation_top-state:checked ~ .navigation_top-btn .navigation_top-btn-icon:before {
	top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#navigation_top-state:checked ~ .navigation_top-btn .navigation_top-btn-icon:after {
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* hide menu state checkbox (keep it visible to screen readers) */
#navigation_top-state {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}
.sm-blue {
	clear:both;
	width: auto;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	margin-bottom:20px;
	background-color: #EFEFEF;
}
.sm-blue a {
	padding: 1px 13px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	height:auto;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url("/pics_251221/pfeil_vor.png");
	background-position: 3px 12px;
	background-repeat: no-repeat;
	background-size: 11px 9px;
}
.sm-blue a.aufklapplink,
.sm-blue a.aufklapplink:hover,
.sm-blue a.aufklapplink:focus {
	background-image: url("/pics_251221/pfeil_runter.png");
	background-position: 3px 10px;
	background-repeat: no-repeat;
	background-size: 11px 9px;
}
.sm-blue a.admin, .sm-blue a.supportbereich {
	color:#999999;
}
#navigation_top2.sm-blue a.aufklapplink:hover,
#navigation_top2.sm-blue a.aufklapplink:focus {
	color: #4675A4;
}
.sm-blue a.aktiv {
	color: #4675A4;
}
.sm-blue a:hover,
.sm-blue a:focus {
	/* BG Hover TopMenue */
	background-color: #e0e0e0;
}
.sm-blue ul li a:hover,
.sm-blue ul li a:focus {
	/* BG Hover SubMenue */
	background-color: #e0e0e0;
}
.sm-blue ul {
	background: white;
}
.sm-blue ul ul {
	background: rgba(102, 102, 102, 0.1);
}
.sm-blue ul a,
.sm-blue ul a:hover,
.sm-blue ul a:focus {
	background: transparent;
	color: #4675A4;
	font-size: 14px;
	text-shadow: none;
	border-left: 8px solid transparent;
	padding-top: 6px;
	padding-bottom: 6px;
	background-image: url("/pics_251221/pfeil_vor.png");
	background-position: 3px 10px;
	background-repeat: no-repeat;
	background-size: 11px 9px;
}
.sm-blue a:focus {
	/*outline:none;*/
}
.sm-blue ul li {
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sm-blue ul li:first-child {
	border-top: 0;
}
.sm-blue li ul li {
	background-color: #fafafa;
	margin:-1px 0 0 0;
	padding: 0 0 0 3px;
}
/* inaktive Elemente */
.sm-blue li.inaktiv {
	padding: 1px 13px;
	background:none;
	font-size: 16px;
	height:30px;
}
.sm-blue ul li.inaktiv {
	padding: 6px 20px;
	background:none;
	font-size: 14px;
}
.sm-blue li#startseite a {
	font-size: 20px!important;
}
.sm-blue li#wetter {
	display: none;
}
.sm-blue li#abmelden a {
	font-size: 20px!important;
}
