html, body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 95%;
  color: #000;
  background-color: #ddd;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, p, form {
  font-family: Arial, Helvetica, sans-serif;
}

a[target="_blank"]:before,
a.extern:before {
  content: "\21D2\A0"; /* Ein Doppelpfeil und ein nbsp einfuegen */
/*  content: url(link_extern.png)" ";
  vertical-align: middle; */
  text-decoration: none;
}

a.nobefore:before {
  content: ""; /* Kein Doppelpfeil und kein nbsp einfuegen */
  text-decoration: none;
}

img{
  border: none;
}

.unsichtbar {
  position: absolute;
  left: -2000px;
}

#pagewidth{
  width:100%;
  min-width: 500px;
}

#header{
  width:100%;
  margin-bottom: -1em;
  margin: 0;
  padding: 0;
}

#leftcol{
  width:220px;
  float:left;
  position:relative;
  margin-left:-220px;
  margin-right:1px;
}

#outer{
  border:solid white 0px;
  /*/*/ border-left-width: 220px ;  /* left column width. NN4 hack to hide borders */
  border-left-color: #676;   /* left column colour */
  border-left-style: solid;
  background-color: #ccc; /* center column colour */
  width: auto;
}

#inner{
  margin:0;
  width:100%;
}

#maincol{
  float: left;
  width: 100%;
  position: relative;
  margin: 0 -8px 0 -2px;
}

#outer>#inner { border-bottom: 1px solid #ccc;  }

.clr{clear:both;}

.content{
  padding: 0;
} /*padding for content */


/***************************************************************************
 * Seitenkopf
 ***************************************************************************/

#kopf {
  padding: 5px 10px 5px 10px;
  color: #ccc;
  background-color: #676;
  overflow: hidden;
}

#kopf h1 {
  font-family: "trebuchet ms", Verdana, sans-serif;
  font-weight: bold;
  font-size: 60pt;
  color: #ccc;
  margin: 10px 0 0 0;
  white-space: nowrap;
}

#kopf h2 {
  font-family: "trebuchet ms", Verdana, sans-serif;
  font-style: italic;
  font-weight: normal;
  font-size: 32pt;
  color: #222;
  margin: -1em 0 10px 4em;
  white-space: nowrap;
}

#kopf #datum {
  font-family: "trebuchet ms", Verdana, sans-serif;
  font-size: 12pt; font-weight: normal;
  float: right;
  margin: 0;
  padding: 0;
}

/***************************************************************************
 * Hauptmenue
 ***************************************************************************/

#hauptmenue {
  background: #454;
  border-top: 1px solid #999;
  font-family: Arial, Helvetica, sans-serif;
}

#hauptmenue ul {
  list-style: none outside none;
  margin: 10px 10px 0 10px;
  padding: 0;
}

#hauptmenue ul li {
  bottom: 11px;
  display: inline;
  /* line-height: 1.2em; */
  margin: 0;
  padding: 0;
  position: relative;
}

html>body #hauptmenue ul li {
  background: #000;
  margin: 0 3px 0 0;
  padding: 4px 0px 4px 0;
}

#hauptmenue ul a,
#hauptmenue ul a:link,
#hauptmenue ul a:visited {
  background: #666;
  border: 1px solid #ddd;
  bottom: 2px;
  color: #ccc;
  cursor: pointer;
  display: inline;
  height: 1em;
  margin: 0;
  padding: 3px 5px 3px 5px;
  position: relative;
  right: 2px;
  text-decoration: none;
}

#hauptmenue ul a:hover {
  background: #999;
  bottom: 1px;
  color: #ccc;
  position: relative;
  right: 1px;
}

#hauptmenue ul a:active {
  background: #999;
  bottom: 0px;
  color: #ccc;
  position: relative;
  right: 0px;
}

#hauptmenue ul li#aktiv {
  background: #454;
  bottom: 13px;
  display: inline;
  margin: 0 3px 0 0;
  padding: 0;
  position: relative;
}

html>body #hauptmenue ul li#aktiv {
  background: #000;
  margin: 0 4px 0 4px;
}

#hauptmenue ul #aktiv a,
#hauptmenue ul #aktiv a:link,
#hauptmenue ul #aktiv a:visited,
#hauptmenue ul #aktiv a:hover {
  background: #454;
  border-bottom: none;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-top: 1px solid #999;
  bottom: 0;
  color: #ccc;
  cursor: text;
  margin: 0;
  padding: 2px 5px 5px 5px;
  position: relative;
  right: 0;
}

/***************************************************************************
 * Positions-Zeile (mit Navigationspfad und Seitenbeschreibung)
 ***************************************************************************/

#position {
  clear: both;
  background-color: #565;
  color: #ccc;
  padding: 3px 10px;
  margin: 0;
}

/***************************************************************************
 * Navigationspfad (Root-Menu)
 ***************************************************************************/

#navigationspfad ul {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

#navigationspfad li {
  display: inline;
  list-style-type: none;
}

#navigationspfad a {
  color: #ccc;
  text-decoration: none;
  padding: 3px;
}

#navigationspfad a:before {
  content: " » ";
}

#navigationspfad a:link,
#navigationspfad a:visited {
  background-color: #565;
}

#navigationspfad a:hover {
  background-color: #454;
}


/***************************************************************************
 * Inhaltsangabe der Seite
 ***************************************************************************/

#beschreibung {
  margin: 0;
  padding: 0;
  float: right;
}

/***************************************************************************
 * Bereichsmenue in der linken Spalte
 ***************************************************************************/

#bereichsmenue {
  background: #454;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  margin: 10px;
  padding: 10px;
  overflow: hidden;
  width: 180px;
}

#bereichsmenue ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#bereichsmenue ul ul {
  margin: 0 0 0 10px;
  font-weight: normal;
}

#bereichsmenue a.aktiv {
  font-weight: bold;
}

#bereichsmenue a {
  color: #ccc;
  text-decoration: none;
  white-space: nowrap;
  display: block;
  border-left: 5px solid #666;
  border-bottom: 1px solid #666;
  padding: 4px 8px;
  margin: 3px 0;
}

#bereichsmenue a:hover {
  border-color: #999;
}

/***************************************************************************
 * 'Siehe Auch'-Box in der linken Spalte
 ***************************************************************************/

#siehe_auch {
  background: #454;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  margin: 10px;
  padding: 10px;
  overflow: hidden;
  width: 180px;
  color: #ccc;
}

#siehe_auch h3,
#siehe_auch h4 {
  white-space: nowrap;
  font-size: 12pt;
  margin: 0;
  padding: 0;
}

#siehe_auch ul {
  list-style-type: none;
  margin: 10px;
  margin: 0;
  padding: 0;
}

#siehe_auch li {
  display: block;
  overflow: hidden;
  font-size: 80%;
  color: #ccc;
  border-left: 1px solid #666;
  border-bottom: 1px solid #666;
  margin: 3px 0;
  padding: 3px;
}

#siehe_auch a {
  color: #ccc;
  font-weight: bold;
  text-decoration: none;
}

/***************************************************************************
 * Fusszeile
 ***************************************************************************/

#footer {
  color: #ccc;
  background-color: #676;
  padding: 5px 10px;
  font-size: 80%;
}

#footer a {
  color: #ccc;
  font-weight: bold;
  text-decoration: none;
}

#footer #fuss_rechts {
  float: right;
}

/***************************************************************************
 * Main Content
 ***************************************************************************/
#main_content {
  line-height: 125%;
  margin: 10px;
}

#main_content h1,
#main_content h2,
#main_content h3 {
  color: #242;
  border-bottom: 1px dotted #242;
  padding-bottom: .2em;
}

#main_content h1 { font-size: 18pt; }
#main_content h2 { font-size: 14pt; }
#main_content h3 { font-size: 12pt; }

#main_content a:link {    color: #00e; text-decoration: none }
#main_content a:visited { color: #008; text-decoration: none }
#main_content a:hover {   color: #e00; text-decoration: none }
#main_content a:active {  color: #e00; text-decoration: underline }

#main_content .csc-frame-frame1 { background-color: #aba; padding: 5px 10px; }
#main_content .csc-frame-frame2 { background-color: #aba; padding: 5px 10px; white-space: pre; }
#main_content .csc-frame-frame2 p { margin: 0; padding: 0; }
#main_content .contenttable-0 p { margin: 0; padding: 0; }
#main_content .contenttable-1 p { margin: 0; padding: 0; }

#main_content .csc-textpic-imagewrap {
  background-color: #eee;
  border-top: 1px solid #999;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  border-left: 1px solid #999;
  padding: 5px;
  margin: 5px;
}
#main_content .imgtext-table a:before {
  content: " ";
}
#main_content .csc-textpic-caption { font-size: 80%; font-style: italic; }

#main_content .csc-textpic-clear { clear: left; }

/***************************************************************************
 * Infobox
 ***************************************************************************/

#infobox {
  overflow: hidden;
  float: right;
  width: 200px;
  margin: 0 10px 10px 10px;
  background-color: #eee;
  padding: 10px;
  border-top: 1px solid #999;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  border-left: 1px solid #999;
}

#infobox ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#infobox li {
  display: block;
  border-top: 1px dotted #555;
}

#infobox .neu_topic,
#infobox .neu_datum {
  font-size: 80%;
}

#infobox .neu_datum {
  float: right;
}

#infobox h1,
#infobox h2,
#infobox h3 {
  color: #242;
  border-bottom: none;
  padding: 0;
}

#infobox h1 {
  font-size: 14pt;
  margin: 0 0 10px 0;
}

#infobox h2 {
  font-size: 12pt;
  margin: 0;
}

#infobox p {
  padding: 0.5em 0 1em 0;
  margin: 0;
  font-size: 80%;
}

#infobox a {
  font-weight: bold;
}

/***************************************************************************
 * Rechtsbuendiges Bild im Content
 ***************************************************************************/

.floatright {
  float: right;
  /* width: 303px; */
  margin: 0 0 10px 10px;
  background-color: #eee;
  padding: 10px;
  border-top: 1px solid #999;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  border-left: 1px solid #999;
  font-size: 80%;
}

div.floatright img {
  border-top: 2px solid #555;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 2px solid #555;
}

/***************************************************************************
 * Linksbuendiges Bild im Content
 ***************************************************************************/

.floatleft {
  float: left;
  /* width: 303px; */
  margin: 0 10px 10px 0;
  background-color: #eee;
  padding: 10px;
  border-top: 1px solid #999;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  border-left: 1px solid #999;
  font-size: 80%;
}

div.floatleft img {
  border-top: 2px solid #555;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 2px solid #555;
}

/***************************************************************************
 * Unterseiten
 ***************************************************************************/

#unterseiten {
  clear: left;
}

/***************************************************************************
 * News-Modul
 ***************************************************************************/

#tt_news_newsarchiv {
  float: right;
}

#tt_news_liste ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#tt_news_liste li {
  display: block;
  border-top: 1px dotted #555;
  clear: both;
}

#tt_news_liste .tt_news_kategorie,
#tt_news_liste .tt_news_datum {
  font-size: 80%;
}

#tt_news_liste .tt_news_datum {
  float: right;
}

#tt_news_liste .tt_news_image {
  float: right;
}

#tt_news_liste .tt_news_titel {
  font-size: 12pt;
  font-weight: bold;
  margin: 0;
}

#tt_news_liste p {
  padding: 0.5em 0 1.5em 0;
  margin: 0;
}

#tt_news_liste #tt_news_navigation {
  clear: both;
  text-align: center;
}

#tt_news_einzeln .tt_news_kategorie,
#tt_news_einzeln .tt_news_datum {
  font-size: 80%;
}

#tt_news_einzeln h3 {
  border-bottom: none;
}

#tt_news_einzeln .tt_news_datum {
  float: right;
}

#tt_news_einzeln .tt_news_image {
  float: right;
}

/***************************************************************************
 * Gaestebuch-Modul
 ***************************************************************************/

.tx-veguestbook-pi1 p.tx-guestbook-form-error {
        font-weight:bold;
}

.tx-veguestbook-pi1 ul li {
        color:#990000;
}

.tx-veguestbook-pi1 ul {
        margin-bottom:0.5em;
}

.tx-veguestbook-pi1 .tx-guestbook-result {
        font-weight:bold;
        float:left;
}

.tx-veguestbook-pi1 .tx-guestbook-pagination {
        font-weight:bold;
        float:right;
}

.tx-veguestbook-pi1 .tx-guestbook-field {
        clear:both;
        width:100%;
        display:block;
}

.tx-veguestbook-pi1 .tx-guestbook-field label {
        clear:both;
        display:block;
        float:left;
        width:6em;
}

.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {
        float:left;
        width:10em;
        margin-top:0.25em;
}

.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
        float:left;
        width:20em;
        margin-top:0.25em;
}

.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
        width:30em;
        display:block;
        float:left;
        margin-bottom:0.5em;
}

.tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield {
        color:#990000;
}

.tx-veguestbook-pi1 .tx-guestbook-freecap {
        float:left;
        display:block;
        background:#F7F7F7;
        border:1px solid #CCC;
        padding:0.25em;
        margin-top:0.5em;
}

.tx-veguestbook-pi1 .tx-guestbook-freecap img {
        float:left;
        display:block;
        padding-left:0.25em;
}

.tx-veguestbook-pi1 .tx-guestbook-freecap input {
        float:left;
}

.tx-veguestbook-pi1 .tx-guestbook-freecap label {
        clear:both;
        display:block;
        float:none;
        width:auto;
        margin-bottom:0.5em;
}

.tx-veguestbook-pi1 .tx-guestbook-freecap p {
        font-size:75%;
        padding:0.25em;
}

.tx-veguestbook-pi1 .tx-guestbook-freecap h3 {
        display:none;
}

.tx-veguestbook-pi1 .tx-guestbook-freecap span.tx-srfreecap-pi2-cant-read {
        color:#990000;
}

.tx-veguestbook-pi1 .tx-guestbook-clear {
        clear:both;
        display:block;
}

.tx-veguestbook-pi1 input.tx-guestbook-submit {
        width:10em;
        font-size:80%;
        display:block;
        margin-bottom:1em;
        margin-left:6em;
}

.tx-veguestbook-pi1 .tx-guestbook-date {
  float: right;
}

.tx-veguestbook-pi1 .tx-guestbook-header {
  color: #242;
  border-bottom: 1px dotted #242;
  padding-bottom: .2em;
  font-size: 12pt;
}