body {
  background: #F2F2FA;
}

/* center all content on the screen*/

#all_content {
  color: #18235D;
  position: relative;
  width: 800px;
  top: 20px;
  margin-left: auto;
  margin-right: auto;
  background-color: #E9E4C0
}


/*header */
#header {
  height: 152px;
  background-repeat: repeat-x;
  background-color: #FFF;
  background-image: url(/banner-oben.png)
}

#header #title {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: large;
  text-align: center;
  float: left;
  width: 550px;
  padding-top: 15px
}

#header #logo {
  float: right;
  width: 140px;
  position: relative;
  right: 0px;
  padding: 10px 0px 0px 0px
}


#separator {
  height: 0px;
  width: 800px;
  clear: both;
  /*background-image: url(separator1.png)*/
}



/*dummy class to help fit the contents*/
div.empty {
  clear: both
}
span.empty {
  clear: both;
}


/*part between header and footer*/
#middle {
  /*position: relative */
}

/*navigation to the left*/
#navigation {
  float: left;
  background-color: #E9E4C0;
  /*width: 169px*/
  width: 150px;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: smaller;
  /*background-image: url(nav.png)*/
}
#navigation .navlist {
  margin-left: 10px
}

#navigation .navlist a {
  text-decoration: none;
  color: #730;
  padding-left: 5px;
  padding-bottom: 2px;
  padding-top: 2px;
  display: block;
  margin-bottom: 5px;
  font-weight: lighter
}

#navigation a:hover {
  background-color: #BBB;
  border-right-color: #FFF;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: #FFF;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 1px
}

#navigation p {
  color: #330033;
  margin-bottom: 2px
}


/*actual text*/
#content {
  background-color: #FFFAF2;
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 20px 15px 10px 15px;
  font-size: smaller;
  width: 600px;
  min-height: 600px;
  background-image: url(banner-text.png);
  background-repeat: no-repeat
}
#content p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  margin-top: 0px;
  line-height: 150%
}
#content .title {
  font-weight: bold;
  font-size: large;
  text-align: center;
  color: #303
}
#content .subtitle {
  font-weight: bold;
  text-align: center;
  color: #303
}
#content .header1 {
  font-weight: bold;
  text-align: left;
  margin-top: 12px;
  margin-bottom: 12px;
  color: #303
}
#content .header2 {
  margin-bottom: 0px;
  font-weight: bold;
  margin-top: 12px;
  color: #303
}


#content .image {
  text-align: center;
  margin-bottom: 1px
}
#content ul {
  margin-top: 0px
}

#content ul li {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  list-style: square;
  margin-bottom: 5px
}


#content img {
  border: 1px solid #18235D;
}

#content img.left {
  float: left;
  margin: 2px 5px 5px 2px
}
#content img.right {
  float: right;
  margin: 2px 2px 5px 5px
}
#content img.center {
  text-align: center;
  clear: both;
  margin-left: auto;
  margin-right: auto
}
#content a img {
  border: 1px solid #E50
}
#content a:hover img {
  border: 1px solid #000066
}

#content td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
}
#content th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
}


#content p.img_caption {
  text-align: center;
  font-style: normal;
  font-size: smaller;
  margin-top: 1px;
  margin-left: 100px;
  margin-right: 100px
}
#content p.link a {
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
  color: #E50
}

#content p.link a:hover {
  color: #000066
}
#content a {
  color: #E50;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none
}
#content a:hover {
  color: #000066
}

/* used in: Aktuelles*/
#content div.newsitem {
  padding: 5px 5px 5px 5px;
  border-bottom: 2px double #303
}

#content div.newsitem p.newstitle {
  font-weight: bold;
  text-align: left;
  margin-top: 6px;
  color: #303
}
#content div.newsitem p.newsdate {
  font-style: normal;
  margin-bottom: 6px;
  font-size: smaller
}
#content div.newsitem img.newsimage {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px
}
#content div.newsitem p {

}

/* used in faecher2.html */
#content div.fach {

}
#content div.fach p.fachtitle {
  margin-bottom: 0px;
  font-weight: bold;
  margin-top: 12px;
  color: #303
}


#content div.fach div.short {

}

#content div.fach div.long {

}

div.fachMouseOver {
  background: #99CCFF
}


/*used in fortb.html (Fortbildungen)*/
#content div.fortbildung {
  border-bottom: 2px solid #303;
  padding-bottom: 5px
}
#content div.fortbildung p {

}
#content div.fortbildung p.fbdatum {
  /*font-style: italic;*/
  font-weight: bold;
  text-indent: -20px;
  margin-top: 10px;
  margin-left: 20px;
  margin-bottom: 10px
}
#content div.fortbildung p.fbtitle {
  font-weight: bold;
  text-align: left;
  font-size: small;
  margin-top: 10px;
  margin-bottom: 0px
}
#content div.fortbildung p.fbsubtitle {
  font-style: italic;
  text-align: left;
  font-size: smaller;
  margin-top: 0px;
  margin-bottom: 0px
}
#content div.fortbildung p.fbreferent {
  /*font-style: italic;*/
  font-weight: bold;
  font-size: smaller;
  text-indent: -20px;
  margin-left: 20px;
  margin-top: 5px;
  margin-bottom: 0px
}
#content div.fortbildung p.fbitalics {
  font-style: italic;
  margin-left: 20px;
}



/* concact form */
#content div.contactlabel {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content span.contactlabel {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content textarea#textfield {
  width: 100%
}
#content input#sendbutton {
  float: left
}


/*footer*/
#footer {
  margin-top: 0px;
  font-size: 8px;
  text-align: center;
  color: #18235D;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #FFF
}

#footer a {
  text-decoration: none;
  color: #8C4600;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}