html, body{
	margin:0;
	padding:0;
	font-family: arial, sans-serif;
	font-size: 90%;
	/* line-height: 0.9em; */
	color: #473F2A;
	background-color:#fff;
	background-image:url(/cms/bilder/StadtMH/shaddow.jpg);
	background-repeat:repeat-y;
}

img{
	border:0;
}

a {
	text-decoration:underline;
	color:#0A50A1;
}

/* #HotSubject a[href^="http"] { */
#HotSubject a[target=_blank] {
/*
    background-image:url(/cms/bilder/link_window.gif);
    background-repeat:no-repeat;
    background-position: right center;
    padding-right: 15px;
*/
}

.minis a[target=_blank], a.OrigiImagePop {
    background-image: none !important;
    padding: 0 !important;
}

a:hover {
	text-decoration:none;
}

/*	##########################
	### Header declaration ###
	##########################
*/

#logo{
	float:left;
}

#panorama{
	float:left;
}

#bluetopline{
	width:100%;
}

/*	##########################
	### Menu TOP		   ###
	##########################
*/

#menuTop {
	float:left;
	width:79.2em;
	background:url(/cms/bilder/StadtMH/navitop_normal.jpg) repeat-x left top;
	background-color:#fff;
}

#menuTop ul {
	margin:0;
	padding:0;
	list-style:none;
}
#menuTop li {
	display:inline;
	margin:0;
	padding:0;
}
#menuTop a {
	float:left;
	background:url(/cms/bilder/StadtMH/navitop_normal.jpg) repeat-x left top;
	margin:0;
	text-decoration:none;
	cursor:pointer;
	font-size: 1.1em;
}
#menuTop a:hover {
	float:left;
	background:url(/cms/bilder/StadtMH/navitop_hover.jpg) repeat-x left top;
	margin:0;
	text-decoration:none;
}

#menuTop a.aktiv {
	float:left;
	background:url(/cms/bilder/StadtMH/navitop_hover.jpg) repeat-x left top;
	margin:0;
	text-decoration:none;
}

#menuTop a > span {
	float:left;
	display:block;
	padding:5px 8px 6px 7px;
	color:#fff;
	font-weight:bold;
	background:url(/cms/bilder/StadtMH/distnav.gif) no-repeat right top;
}

#menuTop a > span.last {
	float:left;
	display:block;
	padding:5px 8px 6px 7px;
	color:#fff;
	font-weight:bold;
	background:none;
	margin-top: 0px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menuTop a > span {float:none;}
/* End IE5-Mac hack */
#menuTop a:hover > span {
	color:#FFF;
}
#menuTop a:hover > span {
	background-position:100% 0;
}
/*	##########################
	### Search			   ###
	##########################
*/
#search{
	font-size:12px;
	background-color:#0A50A1;
	margin:0 10px 10px 0;
	height:1.7em;
	color:#fff;
}
#search form{
	margin:0;
	padding:0;
}

#search form input {
	width: 104px;
	margin:1px 0 0 0;
	padding:0;
	border:1px solid #fff;
	color:#0A50A1;
	background-color:#f9f9f9;
}

#search form label {
	color:#fff;
	background-color:#0A50A1;
	margin-top:0;
	padding:0 10px 0 10px;
	font-weight:bold;
	position:relative;
	top:2px;
}

#search form input#sender {
	width:22px;
	height:20px;
	padding:0;
	margin:0;
	float: none;
	border:none;
	color:#0A50A1;
	background-color:#f9f9f9;
}

.searchToLeft{
	float:left;
}

/*  #########################################
    ### Besondere Navigation im Beitrag   ###
    ### (Bildungskonferenz, WinAWOS etc.) ###
    #########################################
*/
#Beitragsnavi {
	float: right;
	margin:0 0 0 10px;
	background-color:#e6edf6;
}

.BeitragsnaviHeadline {
    background-image:url(/cms/bilder/StadtMH/nav-links-headline.gif);
	background-repeat:no-repeat;
	height:20px;
	width: 190px;
}

.BeitragsnaviHeadline .headline{
	font-weight:bold;
	color:#fff;
	padding-left:10px;
	padding-top:2px;
}

#Beitragsnavi ul{
	margin:0;
	padding:7px 10px 10px 0;
	list-style-type:none;
}

#Beitragsnavi ul li{
	padding:2px 0 2px 10px;
	font-size:0.94em;
    background: 0 !important;
}

#Beitragsnavi ul li a{
	text-decoration:none;
	width: 170px;
	display: block;
	color:#0A50A1;
	background-image:url(/cms/bilder/StadtMH/arrow-blue.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:10px;
}

#Beitragsnavi li a:hover {
	color:#000;
	background-image:url(/cms/bilder/StadtMH/arrow-black.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
}

/*	##########################
	### Navigation Left	   ###
	##########################
*/

.NaviLeftHeadline{
	background-image:url(/cms/bilder/StadtMH/nav-links-headline.gif);
	background-repeat:no-repeat;
	height:20px;
	width:190px;
}

.NaviLeftHeadlineMitarbeiter{
	background-image:url(/cms/bilder/StadtMH/nav-links-headline_mitarbeiter.gif);
	background-repeat:no-repeat;
	height:20px;
	width:190px;
}

.NaviLeftHeadlineMitarbeiter .headline{
	font-weight:bold;
	color:#fff;
	padding-left:10px;
	padding-top: 3px;
	font-size: 0.95em;
}

.NaviLeftHeadlineMitarbeiter a, .NaviLeftHeadlineMitarbeiter a:link,
.NaviLeftHeadlineMitarbeiter a:visited, .NaviLeftHeadlineMitarbeiter a:hover {
	font-weight:bold;
	color:#fff;
	text-decoration: none;
}

#NaviLeft ul.Mitarbeiter{
	background-image:url(/cms/bilder/StadtMH/ulback_mitarbeiter.gif);
	background-repeat:repeat-y;
	background-position:0 0;
}

#NaviLeft ul.Mitarbeiter li{
	padding:2px 0 2px 10px;
	font-size: 0.9em;
	/* font-weight: 600; */
}

#NaviLeft ul.Mitarbeiter li a{
	text-decoration:none;
	width: 150px;
	display: block;
	color:#8F1F1F;
	background-image:url(/cms/bilder/StadtMH/arrow-red.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:10px;
}

#NaviLeft ul.Mitarbeiter li a:hover {
	color:#000;
	background-image:url(/cms/bilder/StadtMH/arrow-black.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
}

.NaviLeftSubHeadline{
	background-image:url(/cms/bilder/StadtMH/nav-links-subheadline.gif);
	background-repeat:no-repeat;
	height:20px;
	width:190px;
}

.NaviLeftHeadline .headline{
	font-weight:bold;
	color:#fff;
	padding-left:10px;
	padding-top:2px;
}

.NaviLeftSubHeadline .headline{
	font-weight:bold;
	color:#0A50A1;
	padding-left:20px;
	padding-top:2px;
}

#NaviLeft{
	float:left;
}

#NaviLeft ul{
	margin:0;
	padding:7px 10px 10px 0;
	list-style-type:none;
}

#NaviLeft ul.SubKat{
	background-image:url(/cms/bilder/StadtMH/ulback.gif);
	background-repeat:repeat-y;
	background-position:0 0;
}

#NaviLeft ul.SubKat li{
	padding:2px 0 2px 20px;
	font-size:0.94em;
}

#NaviLeft li{
	padding:2px 0 2px 10px;
	font-size:0.9em;
}

#NaviLeft li a{
	text-decoration:none;
	width: 170px;
	display: block;
	color:#0A50A1;
	background-image:url(/cms/bilder/StadtMH/arrow-blue.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:10px;
}
#NaviLeft ul.SubKat li a{
	text-decoration:none;
	width: 150px;
	display: block;
	color:#0A50A1;
	background-image:url(/cms/bilder/StadtMH/arrow-blue.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:10px;
}

#NaviLeft li a:hover {
	color:#000;
	background-image:url(/cms/bilder/StadtMH/arrow-black.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
}

#NaviLeft ul.SubKat li a:hover {
	color:#000;
	background-image:url(/cms/bilder/StadtMH/arrow-black.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
}

/*	##########################
	### MPP Right		   ###
	##########################
*/

.MPPRightHeadline{
	background-image:url(/cms/bilder/StadtMH/right-headline-arrow.gif);
	background-repeat:no-repeat;
	height:20px;
	width:190px;
}

.MPPRightHeadline .headline{
	font-size: 0.90em;
	color:#fff;
	padding-top:3px;
	font-weight: 700;
}

.MPPRightHeadline .headline a {
    color: #fff;
	padding-left:10px;
    width: 180px;
    text-decoration: none;
    display: block;
}

#MPPRight{
	float:left;
}

.MPPPic{
	margin-bottom:10px;
}

.MPPText{
	background-color:#EAF4E9;
	padding:5px;
	margin-bottom:10px;
	line-height: 1.2em;
}

.MPPTable{
	margin:0 0 10px 0;
}

.MPPTable table {
	width:190px;
	background-color:#fff;
	padding:1px;
	margin:0;
	border-left:1px solid #33982A;
	border-right:1px solid #33982A;
	border-bottom:1px solid #33982A;
}

#kalenderObject {
    width: 190px;
    height: 193px;
    margin: 0;
    padding: 0;
    border: 0;
}

.MPPmonth{
	font-weight:bold;
	text-align:center;
}

.MPPButton{
	width:26px;
}

.MPPTable .calendar th {
	background-color:#33982A;
	color:#fff;
	height:22px;
	width:25px;
	font-size:85%;
}

.MPPTable .calendar td{
	background-color:#CCE5CA;
	height:22px;
	width:25px;
	text-align:center;
	color:#4A4A4A;
	font-size:85%;
}

.MPPTable .calendar td.highlight{
	background-color:#8FC68A;
	height:22px;
	width:25px;
	text-align:center;
	color:#4A4A4A;
	font-size:85%;
}

.MPPTable .calendar td.grey{
	background-color:#C6D9C5;
	height:22px;
	width:25px;
	text-align:center;
	color:#4A4A4A;
}

.MPPTable .calendar td a {
	color:#fff;
	height:22px;
	width:25px;
	text-align:center;
	color:#4A4A4A;
	font-weight:bold;
}


.MPPTable .partner th {
	background-color:#33982A;
	color:#fff;
	font-size:85%;
}

.MPPTable .partner td{
	background-color:#fff;
	text-align:center;
	color:#4A4A4A;
	font-size:85%;
}

.MPPTable .partner td.highlight{
	background-color:#8FC68A;
	text-align:center;
	color:#4A4A4A;
	font-size:85%;
}



/*	##########################
	### Template	Main   ###
	##########################
*/

#masterbox{
	width:950px;
	background-image:url(/cms/bilder/StadtMH/background_master.gif);
	background-repeat:repeat-y;
}

#masterbox-ris {
	width: 950px;
	background-image: url(/cms/bilder/StadtMH/background_ris.gif);
	background-repeat: repeat-y;
}

#header{
	position:relative;
	height:183px;
	width:100%;
	background-color:#fff;
	font-size:12px;
}

#leftcol{
	width:200px;
	float:left;
	position:relative;
}

#twocols{
	width:750px;
	float:right;
	position:relative;
	padding:0;
	margin:0;
}

#rightcol{
	width:190px;
	float:right;
	position:relative;
}

#footer{
	height:36px;
	clear:both;
	background-color: #33982A;
	width:950px;
	border-top:10px solid #fff;
}

#footernav{
	padding-top:10px;
	font-size:0.94em;
	color:#fff;
	width:750px;
}

#footernav .ToTheLeft{
	float:left;
}

#footernav .ToTheRight{
	float:right;
}

#footernav .ToTheRight a{
	background-image:url(/cms/bilder/StadtMH/arrow-white.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding-left:12px;
}

#footernav a{
	margin:0 5px 0 5px;
	text-decoration:none;
	color:#fff;
}

#footernav a:hover {
	text-decoration:underline;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block; clear: both;}
/* End hide from IE-mac */


 @media print{

#leftcol, #panorama, #bluetopline, #menuTop, #footer, #BackTo, #NextTo{display:none;}
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}


/*	##########################
	### Content -	Main   ###
	##########################
*/
#maincol{
	background-color: #fff;
	float: left;
	display:inline;
	position: relative;
	width:550px;
        overflow: hidden;
}

#maincol-ris {
	background-color: #fff;
	float: left;
	display: inline;
	position: relative;
	width: 750px;
        overflow: hidden;
}

#maincol-ris #HotSubject {
	width: 750px !important;
}

#maincol h1 {
	color: #0a50a1;
	font-size: 1.2em;
	margin: 10px 0 10px 0;
	padding: 0;
}

#maincol h2 {
	color: #3d3d3d;
	font-size: 1.1em;
	margin: 20px 0 10px 0;
	padding: 0;
}

#maincol h3 {
	color: #3d3d3d;
	font-size: 1em;
	margin: 20px 0 10px 0;
	padding: 0;
}

#maincol div.HotSubjectRight h3, #maincol div.PicsSubjectsMain h3, div.HotSubjectLeft h3 {
        margin: 5px 0 10px 0 !important;
	color: #0a50a1;
}

#maincol h4 {
	color: #3d3d3d;
	font-size: 1em;
	margin: 10px 0 10px 0;
	padding: 0;
}

#maincol h5 {
	color: #3d3d3d;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

#maincol h6 {
	color:#bf0000;
	font-size:1em;
	margin:0 0 10px 0;
	padding:0;
}

#maincol p {
	padding:0 0 15px 0;
	margin:0;
	line-height: 1.3em;
}

#maincol a img.OrigiImagePop {
    background-image: url('/cms/images/StadtMH/lupe.gif');
    background-position: bottom right;
    background-repeat: no-repeat;
    padding-bottom: 20px;
    background-color: #E6EDF6;
}

#maincol hr {
	padding:0;
	margin:0;
	height: 1px;
	color: #E6EDF6;
	background-color: #E6EDF6;
	border: none;
    clear: both;
}

#maincol p {
	padding:0;
	margin:0;
	margin-top: 10px;
}

#maincol p.mytube {
	margin-top: 5px;
	font-size: 80%;
}

#maincol td p, #maincol th p {
    margin: 0;
}

#maincol dl {
	float:left;
	padding:0 10px 10px 0;
	margin:0;
}

#maincol dt {
	padding:0;
	margin:0;
}

#maincol dd {
	padding:3px 0 3px 5px;
	margin:0;
	background-color:#E6EDF6;
}

#maincol p a{
	text-decoration:underline;
	color:#0A50A1;
}

#maincol p a:hover {
	text-decoration:none;
}

#maincol #BreadCrump{
	margin-bottom:20px;
	font-size:0.8em;
}

#maincol #BreadCrump a{
	text-decoration:underline;
	color:#0A50A1;
}

#maincol #BreadCrump a:hover {
	text-decoration:none;
}

#maincol ul{
	margin:0;
	padding:0 0 0 0;
	list-style-type:none;
}

#maincol ul ul {
	margin:0;
	padding:0 0 0 0;
    padding-left: 15px;
	list-style-type:none;
}

#maincol ol{
	list-style:decimal;
	margin:0 0 0 25px;
	padding:7px 0 0 0;
}

#maincol ol li {
    margin-left: 13px;
	padding:2px 0 0 0;
}

#maincol #HotSubject ul li, #maincol.mceContentBody li {
	padding:2px 0 2px 13px;
	background-image:url(/cms/bilder/StadtMH/arrow-blue.gif);
	background-repeat:no-repeat;
	background-position:2px 6px;
}

#maincol.mceContentBody {
    width: 100%;
    margin: 0;
    padding: 0;
}

/* #maincol.mceContentBody a[href^="http"] { */
#maincol.mceContentBody a[target=_blank] {
    background-image:url(/cms/bilder/link_window.gif);
    background-repeat:no-repeat;
    background-position: right center;
    padding-right: 15px;
    display: inline-block;
}

#maincol.mceContentBody a[class=OrigiImagePop] {
    background-image:none !important;
    padding-right: 0 !important;
    display: inline !important;
}

#maincol li a{
	text-decoration:underline;
	color:#0A50A1;
}

#maincol li a:hover {
	color:#000;
}

#maincol table {
	background-color:#fff;
	padding:0;
	margin:0 0 10px 0;
	border:1px solid #E6EDF6;
}

#maincol table th{
	padding:5px;
	background-color:#E6EDF6;
	text-align:left;
	color:#0A50A1;
	vertical-align:top;
}

#maincol table td{
	padding-left:5px;
	background-color:#fafafa;
	text-align:left;
	color:#473F2A;
	vertical-align:top;
    padding-top: 5px;
}

#maincol table td.SportPartner{
	padding:10px;
	background-color:#fff;
	text-align:center;
	color:#473F2A;
	vertical-align:middle;
}

#maincol table td a{
	text-decoration:underline;
	color:#0A50A1;
}

#maincol table td a:hover {
	color:#000;
}

#maincol form {
	background: #fff;
	border: 1px solid #E6EDF6;
	margin:0;
	padding:.5em;
}

#maincol label {
	display: block;
	float: left;
	color:#0A50A1;
}

#maincol input, select {
	display: block;
	float: left;
	width: 200px;
	margin-bottom:0.3em;
}

#maincol #HotSubject table#infekt {
	margin-top: 18px;
	margin-bottom: 18px;
}

#maincol #HotSubject table#infekt td {
	background-color: #e6edf6;
	border: 1px solid #0A50A1;
	width: auto;
	font-size: 1.3em;
	font-weight: 700;
	padding: 10px;
	white-space: nowrap;
}

#maincol #HotSubject table#infekt td a {
	text-decoration: none;
}

#allriscontainer #maincol input, select {
	width: 100%;
}

#allriscontainer select#GRA {
	width: 98%;
}

#maincol textarea{
	display: block;
	float: left;
	width: 220px;
	margin-bottom:0.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}

#maincol select{
	float: left;
	width: 204px;
	margin-bottom:0.3em;
}

#maincol form br {
	clear: left;
}

#maincol input#submit {
	float: none;
	width: auto;
	padding:1px;
	margin-top:20px;
	border: 1px solid #0A50A1;
	background-color:#E6EDF6;
	font-size:1em;
}

#maincol input.radio {
	float: left;
	width: 2em;
	padding:1px;
	border: 0;
	background-color:#fff;
}

#maincol .RadioLabel {
	display: block;
	float: left;
	width: 90%;
	color:#0A50A1;
}

#maincol #BackTo{
	float:left;
}

#maincol #NextTo{
	float:right;
}

#HotSubject{
	/*width:550px;*/
	margin-bottom:20px;
}

.HotSubjectLeft{
	float:left;
	width:270px;
}

.HotSubjectRight{
	float:left;
	width:270px;
	padding-left:10px;
}

.PicSubjectsMain{
	width:550px;
	margin-bottom:20px;
}

#maincol .PicSubjectsMain h1{
	margin:10px 0 10px 0;
	padding:0;
	height:22px;
}

#maincol .PicSubjectsMain h2{
	margin:15px 0 10px 0;
	padding:0;
	color:#0A50A1;
}

.PicSubjectLeft{
	float:left;
	width:174px;
	margin-right:10px;
}

.PicSubjectMiddle{
	float:left;
	width:174px;
	margin-right:10px;
}

.PicSubjectRight{
	float:left;
	width:174px;
}

#NewsboxBlue{
	background-color:#E6EDF6;
}

#NewsBoxBlueLeft{
	float:left;
	width:260px;
}

#NewsBoxBlueRight{
	float:left;
	width:260px;
}

#NewsBoxBlueCentral {
	padding-top: 20px;
	float: left;
	width: 550px;
	font-size: 100%;
	background: #ffffff;
}

#NewsBoxBlueCentral a {
	text-decoration: none;
}

#NewsBoxBlueCentral .article .title {
	font-weight: bold;
}

#NewsBoxBlueCentral .article .teaser {
	color: #473f2a;
}

#NewsBoxBlueCentral .article {
	height: 112px;
	margin-bottom: 10px;
	line-height: 1.4em;
	width: 95%;
	background: #e6edf6;
	padding: 10px;
}

#NewsBoxBlueCentral .article .picture img {
	width: 150px;
	height: 112px;
	margin-right: 10px;
	float: left;
}

#NewsBoxBlueCentral .more {
	line-height: 1.4em;
	text-align: end;
	margin-right: 25px;
}

#NewsboxBlue ul{
	margin:0;
	padding:7px 0 10px 0;
	list-style-type:none;
}

#NewsboxBlue li,  #NewsboxBlue p {
  padding: 2px 0 2px 10px;
  font-size: 0.94em;
}


#NewsboxBlue p a {
    text-decoration:none;
    font-weight: bold;
    width: 250px;
    color:#0A50A1;
}

#NewsboxBlue li a{
	text-decoration:none;
	width: 250px;
	display: block;
	color:#0A50A1;
	background-image:url(/cms/bilder/StadtMH/arrow-blue.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:10px;
}

#NewsboxBlue li a img {
    display: inline;
}

#NewsboxBlue li a:hover {
	color:#000;
	background-image:url(/cms/bilder/StadtMH/arrow-black.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
}

.vteaser {
	background-color:#f9f9f9;
	border-top:1px solid #cfcfcf;
	margin-bottom:10px;
}

.vteaser img{
	float:right;
	margin:0 10px 10px 10px;
	border:1px solid #cfcfcf;
}

#maincol .vteaser h3{
	background-color:#f9f9f9;
	color:#0A50A1;
	font-size:1.2em;
	margin:0 0 5px 0;
	padding:0;
}

#contactLeft {
    font-size: 0.95em;
    float: left;
    width: 50%;
}

#contactLeft a, #contactRight a {
    display: block;
    padding-bottom: 5px;
}

#contactRight {
    font-size: 0.95em;
}

fieldset {
    background-color: #fff !important;
    border: 0 !important;
}

/**************** System-CSS **********************/
span.minis {
    font-size: 80%;
}

a.st_inarbeit, a.st_inarbeit:link, a.st_inarbeit:visited,
a.st_inarbeit:active, a.st_inarbeit:hover, a.st_inarbeit:visited:hover {
    font-weight: bold;
    color: #a02020 !important;
}

a.st_nichtaktuell, a.st_nichtaktuell:link, a.st_nichtaktuell:visited,
a.st_nichtaktuell:active, a.st_nichtaktuell:hover, a.st_nichtaktuell:visited:hover {
    font-weight: bold;
    font-style: italic;
    color: #909090 !important;
}

#maincol th.einstellung {
    width: 20%;
}

#maincol td.einstellung {
    width: 100%;
}

#maincol .einstellung input {
    width: 90px;
}

#maincol .einstellung textarea {
    width: 99%;
}

#maincol .einstellung select {
    width: 90px;
}

#kontextbox {
    font-size: 0.94em;
}

#kontextbox li {
    text-decoration:none;
    display: block;
    color:#0A50A1;
    background-image:url(/cms/bilder/StadtMH/arrow-blue.gif);
    background-repeat:no-repeat;
    background-position:0 3px;
    padding-left:10px;
    margin-top:12px;
}

#kontextbox li:hover {
    color:#000;
    background-image:url(/cms/bilder/StadtMH/arrow-black.gif);
    background-repeat:no-repeat;
    background-position:0 3px;
}

/* linguatec.de Web-Reader */
a.vrweb_a, img.vrweb_img, button#vrweb_icon_1 {
    float: right;
    width: 70px !important;
}

.vrweb_player_main {
    float: right;
}

#vrweb_hover_player_0 {
 position: unset !important;
}

#icons_unten img {
    margin-right: 8px;
}

.suchtipps {
    width: 540px;
    clear: both;
    background-color: #F8FBFE;
    padding: 5px;
}

div.kommentar h2 {
    background-image: url("/cms/bilder/StadtMH/nav-links-headline.gif");
    background-repeat: no-repeat;
    background-color: #84A7D0;
    height: 17px;
    color: #fff !important;
    padding-left: 10px !important;
    padding-top: 3px !important;
}

.anzeige_inhalt {
    margin-bottom: 15px;
}

/* Sprachbutton */
#maincol table td .languageButton {
	-moz-box-shadow: 0px 10px 14px -7px #33982a;
	-webkit-box-shadow: 0px 10px 14px -7px #33982a;
	box-shadow: 0px 10px 14px -7px #33982a;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #45cd39), color-stop(1, #33982a));
	background: -moz-linear-gradient(top, #45cd39 5%, #33982a 100%);
	background: -webkit-linear-gradient(top, #45cd39 5%, #33982a 100%);
	background: -o-linear-gradient(top, #45cd39 5%, #33982a 100%);
	background: -ms-linear-gradient(top, #45cd39 5%, #33982a 100%);
	background: linear-gradient(to bottom, #45cd39 5%, #33982a 100%);
	filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#45cd39', endColorstr='#33982a',GradientType=0);
	background-color: #33982a;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #33982a;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 6px 12px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #33982a;
}
#maincol table td .languageButton:hover {
	color: #0a50a1;
}
#maincol table td .languageButton:active {
	position: relative;
	top: 1px;
}

/* fix width for large images */
#maincol img[src$="1200"],
#maincol img[width="1200"],
#maincol img.OrigiImagePopResizedMax {
 max-width: 100%;
 height: auto !important;
}

/* dflip pdf plugin */
span._df_custom {
    background: url(/cms/bilder/StadtMH/open-book-with-one-page-folded-blue.png) no-repeat;
    background-size: cover;
    width: 17px;
    height: 11px;
    display: inline-block;
    cursor: pointer;
    margin: 0 5px;
}

/* image rotator - header image */
body.kulturportal #header #panorama embed,
body.kulturbuero #header #panorama embed,
body.kunstmuseum #header #panorama embed,
body.begegnungsstaette #header #panorama embed,
body.kloster-saarn #header #panorama embed,
body.musikschule #header #panorama embed,
body.kulturbuero #header #panorama embed,
body.museen #header #panorama embed,
body.feldmann #header #panorama embed,
body.stadtarchiv #header #panorama embed,
body.stadtbibliothek #header #panorama embed,
body.theaterbuero #header #panorama embed,
body.feuerwehr #header #panorama embed,
body.u25 #header #panorama embed,
body.sozialagentur #header #panorama embed {
  display: none;
}
body.kulturportal #header #panorama,
body.kulturbuero #header #panorama,
body.kunstmuseum #header #panorama,
body.begegnungsstaette #header #panorama,
body.kloster-saarn #header #panorama,
body.musikschule #header #panorama,
body.kulturbuero #header #panorama,
body.museen #header #panorama{
  background-image: url(/cms/bilder/StadtMH/header/kunst-kultur.jpg) !important;
  background-size: cover;
  height: 141px;
}
body.kunstmuseum #header #panorama,
body.feldmann #header #panorama,
body.stadtarchiv #header #panorama,
body.stadtbibliothek #header #panorama,
body.theaterbuero #header #panorama,
body.feuerwehr #header #panorama,
body.u25 #header #panorama,
body.sozialagentur #header #panorama {
  height: 141px;
  background-image: none;
  -webkit-background-size: cover  !important;
  -moz-background-size: cover  !important;
  background-size: cover  !important;
  background-repeat: no-repeat  !important;
}
body.kunstmuseum #header #panorama {
  width: 950px;
  background-color: #003163 !important;
  /* animation: name duration timing delay iteration direction (duration = image count * 5s) */
  animation: kunstmuseum-animation 20s ease 0s 10 normal;
}
@keyframes kunstmuseum-animation {
  0% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/kunstmuseum1.jpg");
  }
  50% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/kunstmuseum2.jpg");
  }
  75% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/kunstmuseum3.jpg");
  }
  100% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/kunstmuseum4.jpg");
  }
}

body.feldmann #header #panorama {
  width: 950px;
  background-color: #003163 !important;
  /* animation: name duration timing delay iteration direction (duration = image count * 5s) */
  animation: feldmann-animation 45s ease0s 10 normal;
}
@keyframes feldmann-animation {
  0% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/feldmann1.jpg");
  }
  12% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/feldmann2.jpg");
  }
  25% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/feldmann3.jpg");
  }
  37% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/feldmann4.jpg");
  }
  50% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/feldmann5.jpg");
  }
  62% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/feldmann6.jpg");
  }
  75% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/feldmann7.jpg");
  }
  87% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/feldmann8.jpg");
  }
  100% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/feldmann9.jpg");
  }
}

body.stadtarchiv #header #panorama {
  width: 950px;
  background-color: #003163 !important;
  /* animation: name duration timing delay iteration direction (duration = image count * 5s) */
  animation: stadtarchiv-animation 30s ease 0s 10 normal;
}
@keyframes stadtarchiv-animation {
  0% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/stadtarchiv1.jpg");
  }
  20% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/stadtarchiv2.jpg");
  }
  40% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/stadtarchiv3.jpg");
  }
  60% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/stadtarchiv4.jpg");
  }
  80% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/stadtarchiv5.jpg");
  }
  100% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/stadtarchiv6.jpg");
  }
}

body.stadtbibliothek #header #panorama {
  width: 950px;
  background-color: #003163 !important;
  /* animation: name duration timing delay iteration direction (duration = image count * 5s) */
  animation: stadtbibliothek-animation 45s ease 0s 10 normal;
}
@keyframes stadtbibliothek-animation {
  0% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/stadtbibliothek1.jpg");
  }
  12.5% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/stadtbibliothek2.jpg");
  }
  25% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/stadtbibliothek3.jpg");
  }
  37.5% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/stadtbibliothek4.jpg");
  }
  50% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/stadtbibliothek5.jpg");
  }
  62.5% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/stadtbibliothek6.jpg");
  }
  75% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/stadtbibliothek7.jpg");
  }
  87.5% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/stadtbibliothek8.jpg");
  }
  100% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/stadtbibliothek9.jpg");
  }
}

body.musikschule #header #panorama {
  width: 950px;
  background-color: #003163 !important;
  /* animation: name duration timing delay iteration direction (duration = image count * 5s) */
  animation: musikschule-animation 45s ease 0s 10 normal;
}
@keyframes musikschule-animation {
  0% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/musikschule1.jpg");
  }
  11% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/musikschule2.jpg");
  }
  22% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/musikschule3.jpg");
  }
  33% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/musikschule4.jpg");
  }
  44% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/musikschule5.jpg");
  }
  55% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/musikschule6.jpg");
  }
  66% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/musikschule7.jpg");
  }
  77% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/musikschule8.jpg");
  }
  88% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/musikschule9.jpg");
  }
  100% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/musikschule10.jpg");
  }
}

body.theaterbuero #header #panorama {
  width: 950px;
  background-color: #003163 !important;
  /* animation: name duration timing delay iteration direction (duration = image count * 5s) */
  animation: theaterbuero-animation 35s ease 0s 10 normal;
}
@keyframes theaterbuero-animation {
  0% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/theaterbuero1.jpg");
  }
  17% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/theaterbuero2.jpg");
  }
  34% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/theaterbuero3.jpg");
  }
  51% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/theaterbuero4.jpg");
  }
  68% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/theaterbuero5.jpg");
  }
  85% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/theaterbuero6.jpg");
  }
  100% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/theaterbuero7.jpg");
  }
}

body.u25 #header #panorama {
  width: 750px;
  /* animation: name duration timing delay iteration direction (duration = image count * 5s) */
  animation: u25-animation 20s ease 0s 10 normal;
}
@keyframes u25-animation {
  0% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/u25_alwie.jpg");
  }
  50% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/u25_buharali.jpg");
  }
  75% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/u25_khalou.jpg");
  }
  100% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/u25_schmieder.jpg");
  }
}

body.feuerwehr #header #panorama {
  width: 750px !important;
  /* animation: name duration timing delay iteration direction (duration = image count * 5s) */
  animation: feuerwehr-animation 75s ease 0s 10 normal;
}
@keyframes feuerwehr-animation {
  0% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/feuerwehr1.jpg");
  }
  7% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/feuerwehr2.jpg");
  }
  14% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/feuerwehr3.jpg");
  }
  21% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/feuerwehr4.jpg");
  }
  28% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/feuerwehr5.jpg");
  }
  35% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/feuerwehr6.jpg");
  }
  42% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/feuerwehr7.jpg");
  }
  49% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/feuerwehr8.jpg");
  }
  56% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/feuerwehr9.jpg");
  }
  63% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/feuerwehr11.jpg");
  }
  70% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/feuerwehr12.jpg");
  }
  77% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/feuerwehr13.jpg");
  }
  84% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/feuerwehr14.jpg");
  }
  91% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/feuerwehr15.jpg");
  }
  100% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/feuerwehr16.jpg");
  }
}

body.sozialagentur #header #panorama {
  width: 750px !important;
  /* animation: name duration timing delay iteration direction (duration = image count * 5s) */
  animation: sozialagentur-animation 40s ease 0s 10 normal;
}
@keyframes sozialagentur-animation {
  0% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/sozial1.jpg");
  }
  14% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/sozial2.jpg");
  }
  28% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/sozial3.jpg");
  }
  42% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/sozial4.jpg");
  }
  56% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/sozial5.jpg");
  }
  70% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/sozial6.jpg");
  }
  84% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/sozial7.jpg");
  }
  100% {
    background-image: url("/cms/bilder/StadtMH/header/imagerotator/sozial8.jpg");
  }
}

/* Desktop only */
.burgerNavContent,
body.kulturportal #header #logo,
body.kunstmuseum #header #logo,
body.begegnungsstaette #header #logo,
body.kloster-saarn #header #logo,
body.musikschule #header #logo,
body.kulturbuero #header #logo,
body.museen #header #logo,
body.feldmann #header #logo,
body.stadtarchiv #header #logo,
body.stadtbibliothek #header #logo,
body.theaterbuero #header #logo {
 display: none;
}

/* Mobile only */
@media only screen and (max-width: 850px) {

body:not(.mceContentBody):not(.flohmarkt) {
 background-image: none;
 font-size: 100%;
 color: #473F2A;
 background-color: #fff;
}

#panorama,
#bluetopline,
#MPPRight,
#NaviLeft,
#rightcol,
#leftcol,
#logo img,
.jquerybubblepopup,
#header > #menuTop{
 display: none !important;
}

#header {
 position: fixed;
 font-size: inherit;
 width: 100%;
 height: 79px !important;
 z-index: 1001;
 opacity: 1 !important;
 background: #fff !important;
}

body.kulturportal #header #logo,
body.kunstmuseum #header #logo,
body.begegnungsstaette #header #logo,
body.kloster-saarn #header #logo,
body.musikschule #header #logo,
body.kulturbuero #header #logo,
body.museen #header #logo,
body.feldmann #header #logo,
body.stadtarchiv #header #logo,
body.stadtbibliothek #header #logo,
body.theaterbuero #header #logo {
 display: block;
}

#logo {
 height: 59px;
 width: 135px;
 position: absolute;
 top: 10px;
 left: 20px;
 float: none;
}

#logo a {
 background: url('/cms/bilder/StadtMH/logo_500.png') no-repeat center center;
 background-size: contain;
 height: 59px;
 width: 135px;
 display: inline-block;
}


#masterbox {
 background-image: none !important;
 width: 100%;
 background: transparent !important;
}

#wrapper {
 padding: 80px 20px 0 20px;
}

#twocols {
 width: 100%;
 float: none;
 padding-left: 0 !important;
}

#maincol {
 float: none;
 width: 100%;
 background: transparent !important;
 display: block;
 padding-top: 0 !important;
}

#maincol #BreadCrump {
 font-size: inherit;
 margin: 10px 0;
}

#maincol #BreadCrump a {
 font-size: inherit;
 line-height: 1.6em;
}


body.stadtbibliothek #maincol table,
body.stadtbibliothek #maincol table td,
body.stadtbibliothek #maincol table#rahmen,
body.stadtbibliothek #maincol table#rahmen td,
body.stadtarchiv #maincol table,
body.stadtarchiv #maincol table td,
body.stadtarchiv #maincol table#rahmen,
body.stadtarchiv #maincol table#rahmen td {
 background-color: transparent !important;
 color: inherit !important;
}

body.stadtarchiv #maincol table {
 width: 100% !important;
 height: auto !important;
}

#maincol table {
 display: block;
 overflow: auto;
}

#maincol table td {
/* word-break: break-word; */
}

#maincol table#infekt {
 display: inline-table;
}

#maincol form {
 padding: 0;
}

#maincol iframe {
 width: 100%;
 margin: 0;
}

#maincol iframe[name="terminvereinbarung"] {
 height: 4086px;
}

#maincol input, #maincol select {
 font-size: inherit;
 width: 100%;
 float: none;
}

#maincol h1 {
 width: 100% !important;
 height: auto !important;
 background-image: none !important;
 padding-right: 0 !important;
 color: #0a50a1 !important;
}

#maincol h2,
#maincol h3,
#maincol h4,
#maincol h5,
#maincol h6 {
 color: #0a50a1 !important;
}

body:not(.mceContentBody) #maincol > p,
body:not(.mceContentBody) #HotSubject,
.PicsSubjectsMain,
.kf_start {
 font-size: 1.2em;
}

#HotSubject h1 {
 font-size: 1.4em;
}

#HotSubject h1 > span{
 font: inherit !important;
}

#HotSubject a {
 overflow-wrap: break-word;
 word-wrap: break-word;
}

#HotSubject p {
 line-height: 1.4em;
}


#HotSubject img.isBigTn,
.PicsSubjectsMain img.isBigTn,
.anzeige_inhalt img {
 width: 100%;
 height: auto;
}

#HotSubject a img.OrigiImagePop {
 background-size: 40px;
 padding-bottom: 40px;
}

.HotSubjectLeft {
 float: none;
 width: 100%;
}

.HotSubjectRight {
 float: none;
 width: 100%;
 padding-left: 0;
}

.PicSubjectLeft,
.PicSubjectMiddle,
.PicSubjectRight {
 float: none;
 width: 100%;
 margin-right: 0;
}

#lightbox #imageDataContainer {
 width: 100% !important;
 font-size: inherit;
}

#lightbox #outerImageContainer {
 width: 100% !important;
 height: auto !important;
}

#lightbox #bottomNav {
 float: right;
 width: 100px;
}
#lightbox #bottomNav a{
 float: none;
 width: 100%;
}

#bottomNav img,
#lightboxImage {
 width: 100% !important;
}

#lightbox #caption {
 font-weight: normal;
}

#lightbox #imageDetails {
 width: 100%;
}

#lightbox #prevLink,
#lightbox #nextLink {
 height: 100% !important;
}

#vrweb_hover_player_0 {
 position: unset !important;
}

.vrweb_player_main{
 float: none;
 margin-top: 20px;
}

#vrweb_icon_1 img {
 width: 30%;
 float: right;
}

#footer {
 font-size: inherit;
 width: 100%;
 height: 100%;
 border-top: 0;
 margin: 20px 0 0 0;
}

#footernav {
 width: auto;
 font-size: inherit;
 padding: 20px;
 color: transparent;
}

#footernav a {
 display: block;
 margin: 0;
}

#footernav .ToTheLeft, #footernav .ToTheRight {
 float: none;
 padding: 10px 0;
}

#footernav .desktopView{
 display: block;
}
#footernav .mobileView {
  display: none;
}

#reporterroroverlay {
 width: 96% !important;
 position: fixed;
 left: 0;
}

#reporterroroverlay textarea{
 width: 95% !important;
}

#reporterroroverlay form{
 padding: 0;
}

#contactLeft,
#contactRight {
 font-size: inherit;
 float: none;
 width: 100%;
}

#NewsBoxBlueCentral {
	float: none;
	width: auto;
}

#NewsboxBlue,
#NewsBoxBlueCentral .article {
	background: #ffffff;
}

#NewsBoxBlueCentral .article {
	height: auto;
	padding: 0;
	font-size: 1.2em;
}

#NewsBoxBlueCentral a .article .title {
	margin: 5px 0 10px 0 !important;
}

#NewsBoxBlueCentral .article .picture img {
	float: none;
	margin-right: 0;
	width: 100%;
	height: auto;
}

#NewsBoxBlueCentral .more {
    text-align: left;
    margin-right: 0;
}

#kontextbox,
#NewsboxBlue li, #NewsboxBlue p,
.klein {
 font-size: inherit;
}

#header.burgerNavOpen {
 height: 100% !important;
 overflow: auto;
}

.burgerNavOpen .burgerNavContent {
 clear: both;
 display: block;
 position: absolute;
 top: 79px;
 width: 100%;
}

.burgerNavOpen #menuTop {
 background: none;
 background-color: #33982A;
 float: none;
 clear: both;
 width: 100%;
}

.burgerNavOpen #menuTop a {
 font-size: 1.2em;
 display: block;
 background: none;
 float: none;
 color: white;
 padding: 20px;
}

.burgerNavOpen #menuTop a span,
.burgerNavOpen #menuTop a:hover span {
 background: none;
 font-size: inherit;
 font-weight: normal;
 padding: 0;
}

.burgerNavOpen #menuTop a span.last {
 float: none;
 padding: 0;
}

.burgerNavOpen #menuTop li {
 display: block;
 border-bottom: 1px solid white;
 height: 62px;
}

.burgerNavOpen #search {
 width: 100%;
 font-size: 1.2em;
 margin: 0;
 height: 62px;
 border-bottom: 1px solid white;
}

.burgerNavOpen #search .searchToLeft {
 padding: 10px 0;
}

.burgerNavOpen #search .searchToLeft:first-child {
 padding: 20px 10px 20px 20px;
}

.burgerNavOpen #search .searchToLeft:nth-child(2) {
 padding: 17px 0 10px 0;
 width: 55%;
}

.burgerNavOpen #search form label {
 font-weight: normal;
 padding: 0;
 top: 0;
}

.burgerNavOpen #search form input {
 margin: 0;
}

.burgerNavOpen #search #suchstring {
 width: 100%;
 font-size: inherit;
 padding: 2px;
}

.burgerNavOpen #search #sender {
 height: auto;
 width: 40px;
 background-color: transparent;
}

.burgerNavIcon {
  width: 60px;
  height: 45px;
  position: absolute;
  top: 24px;
  right: 20px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 /*
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
 */
  cursor: pointer;
}

.burgerNavIcon span {
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: #0A50A1;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  /*-webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;*/
}

.burgerNavIcon span:nth-child(1) {
  top: 0px;
}

.burgerNavIcon span:nth-child(2) {
  top: 18px;
}

.burgerNavIcon span:nth-child(3) {
  top: 36px;
}

/*
.burgerNavOpen .burgerNavIcon span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.burgerNavOpen .burgerNavIcon span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.burgerNavOpen .burgerNavIcon span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
*/
} /* end mobile */
/* desktop-mobile view switch */
@media only screen and (min-width: 850px) {
 #footernav .desktopView {
  display: none;
 }
}
@media only screen and (min-device-width: 850px) {
 #footernav .desktopView,
 #footernav .mobileView {
  display: none;
 }
}
/* fix redaktion admin layer issues on ipad */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
 #layer_PickURL_Kons_Content_3 {
  width: 100% !important;
  height: 100% !important;
 }
 #layer_PickURL_KonsDD {
  width: 497px !important;
  height: 11px !important;
 }
 #layer_PickURL_Kons.layer_n6_hidden, #layer_PickURL_KonsDD.layer_n6_hidden {
	display: none;
 }
}
strong, b {
	font-weight: 700;
}

#calendarslider {
    height: 90px;
    width: 190px;
}

#calendarslider a {
    position: absolute;
    height: 90px;
    width: 190px;
    opacity: 0;
}

#calendarslider a:nth-of-type(1) {
    animation: fade 60s ease-in-out infinite;
}

#calendarslider a:nth-of-type(2) {
    animation: fade 60s 6s ease-in-out infinite;
}

#calendarslider a:nth-of-type(3) {
    animation: fade 60s 12s ease-in-out infinite;
}

#calendarslider a:nth-of-type(4) {
    animation: fade 60s 18s ease-in-out infinite;
}

#calendarslider a:nth-of-type(5) {
    animation: fade 60s 24s ease-in-out infinite;
}

#calendarslider a:nth-of-type(6) {
    animation: fade 60s 30s ease-in-out infinite;
}

#calendarslider a:nth-of-type(7) {
    animation: fade 60s 36s ease-in-out infinite;
}

#calendarslider a:nth-of-type(8) {
    animation: fade 60s 42s ease-in-out infinite;
}

#calendarslider a:nth-of-type(9) {
    animation: fade 60s 48s ease-in-out infinite;
}

#calendarslider a:nth-of-type(10) {
    animation: fade 60s 54s ease-in-out infinite;
}

@keyframes fade {
    3.33%, 10%          {opacity: 1;}
       0%, 13.33%, 100% {opacity: 0;}
}