body {
  background-color: white;
  color: #1e2947;
}


/* horizontally center the web page in the browser window */
#wrapper {
  width: 920px;
  margin: 10px auto 0px auto;
  font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif;
}


/* the web page's header */
#header {
  height: 65px;
  padding: 15px 25px 0px 0px;
  text-align: left;
  /* color: #ffc8ci; */
  font-weight: bold;
  background: url(../images/hintergrund-oben.png) no-repeat;
}

#header-title { font-size: 18pt }
#header-subtitle { font-size: 14pt }

/* the web page */
#page {
  background: url(../images/hintergrund-mitte.png) repeat-y;
  padding: 0px 11px 0px 11px;
}

/* the web page's footer */
#footer {
  height: 40px;
  background: url(../images/hintergrund-unten.png) no-repeat;
}


/* a horizontal area for web links at the top of the page */
#top-links {
  border-bottom: 1px solid gray;
  margin: 0px 10px 10px 10px;
  padding: 4px 0px 4px 0px;
  font-size: 8pt;
  font-weight: bold;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

/* a horizontal area for web links at the bottom of the page */
#bottom-links {
  border-top: 1px solid gray;
  margin: 10px 10px 0px 10px;
  padding: 4px 0px 0px 0px;
  font-size: 8pt;
  font-weight: bold;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}


/* the vertical navigation area at the left side of the page */
#navigation {
        float: left;
        width: 134px;
        margin: 10px 20px 0px 20px;
        text-align: center;
        font-size: 10pt;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

.navigation-top {
  width: 134px;
  height: 4px;
  margin-bottom: 4px;
  background: url(../images/navigation-oben.png) no-repeat;
}

.navigation-element {
  width: 134px;
}

/* weblinks in the navigation area */
.navigation-element a { text-decoration:none; color: #273a5c; }
.navigation-element a:visited { text-decoration:none; color: #273a5c; }
.navigation-element a:hover { text-decoration:none; color: #b9417a; }
.navigation-element a:active { color: #b9417a; }

.navigation-separator {
  width: 134px;
  height: 8px;
  margin: 4px 0px 4px 0px;
  background: url(../images/navigation-trenner.png) no-repeat;
}

.navigation-bottom {
  width: 134px;
  height: 4px;
  margin-top: 4px;
  background: url(../images/navigation-unten.png) no-repeat;
}


/* the content area at the right side of the page */
#content {
  border-left: 1px dotted gray;
  padding: 0px 10px 0px 15px;
  float: left;
  width: 688px;
  text-align: left;
  min-height: 400px;
  font-size: 10pt;
}

/* floated boxes */
.float-left  { float: left; }
.float-right { float: right; }
.clear-both  { clear: both; }


/* images */
img {
  border:0px;
}

/* headings */
h1, h2, h3 {
  font-weight: normal;
  color: black;
  margin: 0 0 0.25em 0;
}

h1 { font-size: 18pt; }
h2 { font-size: 12pt; }
h3 { font-size: 10pt; }


/* lists */
ul { text-align: center; margin: 0px 0px; padding: 0px; list-style: none; }
ul ul { margin-top: 0px; padding-top: 0px; list-style: circle outside; }
ul ul ul { margin-top: 0px; padding-top: 0px; list-style: square outside; }


/* weblinks */
a { text-decoration:none; color: #b9417a; }
a:visited { text-decoration:none; color: #b9417a; }
a:hover { text-decoration:underline; color: #b9417a; }
a:active { color: #b9417a; }