html, body {
  margin: 0;
  border: 0;
  padding: 0;
  font-size: 14pt;
  font-family: 'Demos Com Regular', 'Demos Com', 'Times New Roman', Times, serif;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background: #eeeeee;
}

body.mceContentBody {
}

h1 {
  font-size: 24pt;
}

h2 {
  font-size: 18pt;
}

h3 {
  font-size: 16pt;
}

h4 {
  font-size: 14pt;
}


/*** img floats ***/

#inhalt img.pos5 {
  display: block;
  margin: 0.8pc auto;
  clear: both;
}

#inhalt img.pos7 {
  display: block;
  float: left;
  margin: 0 10px 10px 0; 
}

#inhalt img.pos9 {
  display: block;
  float: right;
  margin: 0 0 10px 10px;
}

#inhalt img.pos4 {
  display: block;
  float: left;
  margin: 10px 10px 10px 0; 
}

#inhalt img.pos6 {
  display: block;
  float: right;
  margin: 10px 0 10px 10px; 
}

/**** Farben MGH Corporate Design ****/

.rot {
  color: #e60022;
}

.dunkelrot {
  color: #ad0021;
}

.gelb {
  color: #fdc600;
}

.blau {
  color: #00a8e5;
}

.grau {
  color: #8c8c90;
}

.orange {
  color: #e98300;
}

.dunkelgruen {
  color: #007d57;
}

.gruen {
  color: #3f9c35;
}

.hellgruen {
  color: #bed600;
}

.clearboth {
  clear: both;
}



/**** Seite ****/

#seite {
  position: relative;
  width: 980px;
  margin: 20px auto 10px; 
  background: #e6eef3;
  border-top: 10px solid #ffffff;
  border-left: 10px solid #ffffff;
  border-right: 10px solid #ffffff;
  border-bottom: 10px solid #ffffff;
}




/**** Kopf ****/

#kopf {
  margin: 0 0 10px;
  border-top: 5px solid #ffffff;
  border-bottom: 5px solid #ffffff;
  background: #ffffff url(img/mgh-logo.png) 5px 50% no-repeat;
  height: 80px;
}

#kopf h1 {
  margin: 0;
  margin-left: 210px;
}

#kopf h3 {
  margin: 0;
  margin-left: 210px;
  text-align: right;
  font-family: 'Demos Com Regular', 'Demos Com', 'Times New Roman', Times, serif;
  color: #8c8c90;
}




/**** Inhalt ****/


#inhalt {
  margin: 0 0 10px 0;
  width: 770px;
  float: right;
  background: #fff;
  border: 10px solid #ffffff;
  border-right: 0;
}

#inhalt h1 {
  margin: 0 0 10px;
}

#inhalt h2,
#inhalt h3,
#inhalt h4 {
  clear: both;
}

#inhalt hr {
  border: 0;
  border-top: 2px solid #e6eef3;
  margin: 1pc 0;
  clear: both;
}

#inhalt ul.cms {
  margin: 1pc 0;
  border: 0;
  padding: 0;
  list-style-type: none;
  border-top: 1px solid #666;
  font-size: 10pt;
  clear: both;
}

#inhalt ul.cms li {
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  float: left;
  margin-right: 8px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
}

#inhalt ul.cms li a:link,
#inhalt ul.cms li a:visited,
#inhalt ul.cms li a:focus,
#inhalt ul.cms li a:hover,
#inhalt ul.cms li a:active {
  text-decoration: none;
  display: block;
  padding: 1px 4px;
  background: #ffffff;
  color: #000000;
}

#inhalt ul.cms li a:focus,
#inhalt ul.cms li a:hover,
#inhalt ul.cms li a:active {
  background: #efe;
}

#inhalt form.cms label {
  font-size: 10pt;
  display: block;
  font-weight: bold;
}

#inhalt form.cms label span {
  font-weight: normal;
  font-size: 8pt;
}

#inhalt form.cms label.radio {
  display: inline;
  font-weight: normal;
}

#inhalt form.cms label.radio.active {
  font-weight: bold;
}

#inhalt form.cms select option.active {
  font-weight: bold;
}

#inhalt form.cms #cms_titel,
#inhalt form.cms #cms_info,
#inhalt form.cms #cms_navigation,
#inhalt form.cms #cms_keywords {
  width: 100%;
}

#inhalt form.cms #cms_titel {
  font-size: 24pt;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#inhalt form.cms #cms_info {
  font-size: 14pt;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#inhalt form.cms #cms_navigation {
  font-size: 13pt;
  font-family: Arial, Helvetica, sans-serif;
}


/*** Galerie ***/

#galerie {
  margin-top: 2pc;
}

#galerie div.bild {
  border: 0 !important;
  position: relative;
  float: left;
  text-align: center;
  margin-right: 1pc;
  width: 160px;
}

#galerie div.bild a {
  display: block;
  height: 132px;
  line-height: 132px;
  vertical-align: baseline;
  text-decoration: none;
  border: 0 !important;
  position: relative;
}

#galerie div.bild img {
  border: 0 !important;
  margin: auto;
}

#galerie div.bild div.titel {
  font-size: 85%;
  font-weight: bold;
  height: 4em;
}

#galerie div.bild div.info {
  font-size: 70%;
}

#galerie div.bild input {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

/*** Imageviewer ***/


#imageviewer {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 10000;
}

#imageviewer img {
  display: block;
  margin: 10px auto 10px;
  padding: 10px;
  border: 5px solid #e6eef3;
  background: #ffffff;
}

/*** Inhalt / Sitemap ***/

#sitemap ul {
  margin: 0 0 10px;
  border: 0;
  padding: 0;
  list-style-type: none;
  background-color: #ffffff;
  color: #000000;
  font-family: 'Demos Com Regular', 'Demos Com', 'Times New Roman', Times, serif;
  font-size: 12pt;
  font-size: 14pt;

}

#sitemap ul li {
  margin: 1px 0;
}

#sitemap ul li a.offline {
  color: #990000 !important;
}

#sitemap ul li a:link,
#sitemap ul li a:visited,
#sitemap ul li a:focus,
#sitemap ul li a:hover,
#sitemap ul li a:active {
  display: block;
  color: #888888;
  color: #000000;
  text-decoration: none;
  background-color: #eeeeee;
  padding: 1px 4px;
}

#sitemap ul li a:focus,
#sitemap ul li a:hover,
#sitemap ul li a:active {
  color: #000000;
  text-decoration: underline;
}

#sitemap ul li ul {
  margin: 0;
  font-family: sans-serif;
}

#sitemap ul ul li a:link,
#sitemap ul ul li a:visited,
#sitemap ul ul li a:focus,
#sitemap ul ul li a:hover,
#sitemap ul ul li a:active {
  padding-left: 16px;
  background: #ffffff url(img/bullet1b.png) 2px 2px no-repeat; 
}

#sitemap ul ul li a:focus,
#sitemap ul ul li a:hover,
#sitemap ul ul li a:active {
  background: #ffffff url(img/bullet1a.png) 2px 2px no-repeat; 
}

#sitemap ul li ul li ul {
  margin-left: 16px;
}

/**** Navigation ****/

#navigation {
  width: 185px;
  margin: 10px 800px 10px 0;
  background: #fff;
  border: 5px solid #ffffff;
  border-left: 0;
}

#navigation h2 {
  display: none;
  margin: 0 0 10px;
}

#navigation ul {
  margin: 0 0 10px;
  border: 0;
  padding: 0;
  list-style-type: none;
  background-color: #ffffff;
  color: #000000;
  font-family: 'Demos Com Regular', 'Demos Com', 'Times New Roman', Times, serif;
  font-size: 12pt;
  font-size: 14pt;
}

#navigation ul li {
  margin: 1px 0;
}

#navigation ul li a.offline {
  color: #990000 !important;
}


#navigation ul li a:link,
#navigation ul li a:visited,
#navigation ul li a:focus,
#navigation ul li a:hover,
#navigation ul li a:active {
  display: block;
  color: #888888;
  color: #000000;
  text-decoration: none;
  background-color: #eeeeee;
  padding: 1px 4px;
}

#navigation ul li a:focus,
#navigation ul li a:hover,
#navigation ul li a:active {
  color: #000000;
  text-decoration: underline;
}

#navigation ul ul {
  margin: 0;
  font-size: 11pt;
  font-size: 13pt;
  font-family: Arial, Helvetica, sans-serif;
}

#navigation ul ul li a:link,
#navigation ul ul li a:visited,
#navigation ul ul li a:focus,
#navigation ul ul li a:hover,
#navigation ul ul li a:active {
  padding-left: 16px;
  background: #ffffff url(img/bullet1b.png) 2px 2px no-repeat; 
}

#navigation ul ul li a:focus,
#navigation ul ul li a:hover,
#navigation ul ul li a:active {
  background: #ffffff url(img/bullet1a.png) 2px 2px no-repeat; 
}

#navigation ul li ul li ul {
  font-size: 10pt;
  font-size: 11pt;
}

#navigation ul ul ul li a:link,
#navigation ul ul ul li a:visited,
#navigation ul ul ul li a:focus,
#navigation ul ul ul li a:hover,
#navigation ul ul ul li a:active {
  padding-left: 28px;
  background: #ffffff url(img/bullet2b.png) 14px 2px no-repeat; 
}

#navigation ul ul ul li a:focus,
#navigation ul ul ul li a:hover,
#navigation ul ul ul li a:active {
  background: #ffffff url(img/bullet2a.png) 14px 2px no-repeat; 
}



/**** Fuß ****/

#fuss {
  clear: both;
  background: #fff;
  border-top: 10px solid #ffffff;
  font-size: 80%;
}

#fuss p {
  margin: 0;
  text-align: center;
}