/* Allgemeine Stildefinitionen */
* {
  font-family: helvetica, arial, helvetica, sans-serif;
  font-size: 100.1%;
  padding: 0; margin: 0;
}
html {
  min-height: 100%; height: 100%;
  overflow-y: scroll;
}
body {
  min-height: 100%; height: 100%;
  font-size: 0.75em;
  text-align: center;
  color: #000;
  background: #9a9a9a url(layout/bodybg.jpg) repeat-x;
}
a img {
  border: 0;
}
.clear {
  font-size: 1px; height: 1px;
  overflow: hidden;
  clear: both;
}
label{
  cursor: pointer;
}
.onlyprint  {
  display: none;
}
.invisible {
  visibility: hidden;
}
.toggler {
  cursor: pointer;
}
.mt20 {
  margin-top: 2em;
}
.invisible {
  width: 0px; height: 0px; overflow: hidden;
  position: absolute; left: -1000px; top: 1000px;
  display: inline;
}

/*
  Definition der Inhaltsboxen, vor allem
  - Größe und Position
  - Hintergrundbilder/-farbe
  - Abstände zum Text
  - Abstände zu anderen Boxen
*/
/* beinhaltet die komplette Webseite */
#wrapper {
  z-index: 1;
  position: relative;
  margin: 0px auto 0px auto;
  width: 964px; w\idth: 938px;
  padding: 0 13px 0 13px;
  text-align: left;
  min-height: 100%;
  background: url(layout/wrapperbg2.png) repeat-y !important;
  background: url(layout/wrapperbg2.gif) repeat-y;
}
/* beinhaltet das Logo */
#header {
  width: 938px;
  height: 220px;
  overflow: hidden;
  position: relative;
  border: 1px solid #000;
  border-width: 0 0 1px 0;
  background: #fff;
}
/* beinhaltet main, left und right */
#container {
  z-index: 1;
  position: relative;
  width: 938px;
  color: #000;
}
/* Spalte links vom Hauptinhalt für Hauptnavigation */
#right {
  position: relative;
  float: right;
  width: 250px; w\idth: 218px;
  margin-right: 20px;
  padding: 80px 16px 20px 16px;
  /* background: url(layout/sidebarbg.gif) repeat-x;*/
}
/* Hauptinhalt */
#main {
  float: left;
  width: 630px; w\idth: 580px;
  padding: 80px 30px 10px 20px;
  margin-left: 20px;
  min-height: 100%;
  height: auto !important; height: 100%;
}
#footer {
  display: none;
  position: fixed; bottom: 0;
  z-index: 100;
  width: 938px;
  padding: 9px 0 9px 0;
  text-align: center;
  font-weight: normal;
  border: 1px solid #000;
  border-width: 1px 0 0 0;
  background: #cccccc url(layout/footerbg.gif) repeat-x;
}
.mod_colsetPart {
  position: relative;
}

/* floatendes Logo mit versteckter Schrift */
#header #headlogo {
  position: absolute; left: -1px; top: 117px;
  z-index: 1000;
  width: 940px;
  padding: 96px 0 0 0;
  background: url(layout/logo-head.png) no-repeat !important;
  background: url(layout/logo-head.gif) no-repeat;
  height: 0px !important;
	height/**/:96px; he\ight:0px;
	overflow: hidden;
}

/* rechte Spalte, 2* Navigation + Logo */
#right h2 {
  position: absolute; top: 30px; left: 0px;
  z-index: 120;
  width: 218px;
  text-align: center;
  color: #000;
  font-weight: bold;
  font-size: 1.3em;
  font-family: gillsans, arial, sans-serif;
}
#right .seminare .mod_navigation ul {
  list-style: url(layout/mendot2.gif);
  margin-left: 44px; /* 20px */
}
#right .seminare .mod_navigation li {
  margin: 0 0 15px 0;
  width: 158px;
}
#right .seminare .mod_navigation a {
  padding: 0 0 0 0;
  color: #000;
  text-decoration: none;
}
#right .seminare .mod_navigation a:hover {
  text-decoration: underline;
}
#right #logosidebar {
  width: 220px; height: 127px;
  margin: 20px 0 20px 0;
  background: url(layout/logo-sidebar.png) no-repeat !important;
  background: url(layout/logo-sidebar.gif) no-repeat;
}
#right .service .mod_navigation ul {
  list-style: none;
  margin-left: 50%;
}
#right .service .mod_navigation li {
  margin: 0 0 4px 0;
  width: 108px;
}
#right .service .mod_navigation a {
  padding: 0 0 0 16px;
  background: url(layout/mendot2.gif) no-repeat 0 3px;
  color: #000;
  text-decoration: none;
}
#right .service .mod_navigation a:hover {
  text-decoration: underline;
}


/* main - Hauptnavigation */
#main .mod_navigationMain {
  position: absolute; top: 20px; left: 0px;
  width: 938px; w\idth: 918px;
  padding-left: 20px;
  border: 1px solid #404040;
  border-width: 1px 0 1px 0;
  background: url(layout/navbg.png) repeat-x !important;
  background: url(layout/navbg.gif) repeat-x;
}
#main .mod_navigationMain ul {
  list-style: none;
  margin: 0;
}
#main .mod_navigationMain li {
  float: left;
  margin: 0;
}
#main .mod_navigationMain li.active,
#main .mod_navigationMain li.trail,
#main .mod_navigationMain li.over,
#main .mod_navigationMain li:hover {
  background: url(layout/navactbg.png) repeat-x !important;
  background: url(layout/navactbg.gif) repeat-x;
}
#main .mod_navigationMain li a {
  display: block;
  padding: 10px 10px 10px 25px;
  color: #000;
  font-weight: bold;
  font-size: 1.2em;
  font-family: gillsans, arial, sans-serif;
  text-decoration: none;
  background: url(layout/mendot.gif) no-repeat 10px 11px;
}
#main .mod_navigationMain li a:hover {
  text-decoration: none;
  background: url(layout/mendot.gif) no-repeat 10px 11px;
}


/* main - Hauptinhalt */
#main {
  line-height: 1.5em;
}
#main h1 {
  font-size: 1.4em;
  margin: 0 0 1em 0;
}
#main h2 {
  margin: 1.5em 0 1em 0;
  font-size: 1.1em;
  color: #354866;
}
#main p, #main ul, #main table, #main pre, #main h3, #main #map, #main iframe, #main .mod_upcoming_events {
  margin: 0 0 1em 0;
}
#main ul {
  list-style: square;
  margin-left: 1px;
}
#main li {
  margin-left: 15px;
}
#main a {
  color: #354866;
  text-decoration: underline;
}
#main a:hover {
  color: #000;
  text-decoration: underline;
}
#main .image_container img {
  margin-top: 4px;
  border: 1px solid #000;
}
#main .ce_text {
  clear: left;
}
#main .ce_colsetStart.ce_text {
  clear: none;
}

/* Akkordeon */
#main .ce_accordion {
  margin-bottom: 0.5em;
}
#main .ce_accordion h2 {
  margin: 0 0 1px 0;
  padding: 5px 5px 5px 24px;
  background: #c3d1e9 url(layout/akkclosed.gif) no-repeat 5px 7px;
}
#main .ce_accordion .ce_text {
  margin: 5px 24px 1em 24px;
}

/* Formular */
#main .ce_form {
  position: relative;
  margin-bottom: 1em;
}
#main .ce_form label {
  display: block;
  float: left;
  width: 130px;
}
#main .ce_form input.captcha,
#main .ce_form input.text {
  float: left;
  padding: 2px 1px 2px 1px;
  border: 1px solid #000;
  width: 180px;
  margin: 0 10px 2px 0;
}
#main .ce_form textarea {
  float: left;
  padding: 2px 1px 2px 1px;
  border: 1px solid #000;
  width: 330px; height: 80px;
  margin: 0 10px 2px 0px;
}
#main .ce_form div.error {
  float: left;
  width: 250px;
  color: #bd3f3f;
}
#main .ce_form input.captcha {
  clear: left;
  margin-left: 130px;
}
#main .ce_form .submit_container {
  float: none;
  margin: 5px 10px 2px 130px;
}
#main .ce_form input.submit {
  padding: 2px 1px 2px 1px;
  border: 1px solid #000;
}
#main .ce_form .explanation {
  position: absolute; top: -25px; right: 0;
}

/* Fotoalben */
#main .mod_photoalbumslist {
  margin: 0 0 20px 60px;
  width: 480px;
}
#main .mod_photoalbumslist .layout_preview {
  margin: 0 50px 10px 0;
  width: 174px;
  float: left;
}
#main .mod_photoalbumslist .layout_preview .image_container img {
  padding: 1px; background: #fff;
  border: 1px solid #000;
  margin: 0;
}
#main .mod_photoalbumslist .layout_preview .title {
  width: 174px;
  text-align: right;
  font-size: 0.9em;
}
#main .mod_photoalbumslist a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
#main .mod_photoalbumsviewer .photos {
  margin: 0 0 20px 60px;
  width: 480px;
}
#main .mod_photoalbumsviewer .image_container {
  margin: 0 5px 10px 0;
  width: 115px; height: 86px; overflow: hidden;
  float: left;
}
#main .mod_photoalbumsviewer p.back {
  clear: left;
}

#footer a {
  color: #000;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}

/* seitenspezifische Angaben */
.impressum #main .ce_colsetStart {
  width: 450px;
}
.anmeldung #main h2 {
  margin-bottom: 2px;
}
.anmeldung #main div.info {
  margin-bottom: 1.5em;
}
.kontakt #main .ce_form .formelement {
  float: left;
  width: 400px;
}
.kontakt #main .ce_form textarea {
  float: none;
}