html, body{
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #473F2A;
	background-color:#fff;
	font-size: 85%;
	background-image:url(/cms/bilder/StadtMH/shaddow.jpg);
	background-repeat:repeat-y;
}

img{
	border:0;
}

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

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:0.93em;
}
#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;
}

/* 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:2px;
}

.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.94em;
}

#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.94em;
}

#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.93em;
	color:#fff;
	padding-top:3px;
	font-weight:bold;
}

.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;
}

.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;
}

#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 h1 {
	color:#0A50A1;
	font-size:1.2em;
	margin:10px 0 10px 0;
	padding:0;
}

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

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

#maincol h4 {
	color:#0A50A1;
	font-size:1em;
	margin: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.4em;
}

#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 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: 540px;
    margin: 0;
    padding: 0;
}

#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 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;
}

#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: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: 90%;
}

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 {
    float: right;
    width: 70px;
}

#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;
}