/*css-file made by ingo belka ibs&p2004*/
/*there is an ie-css-file, where one has change the formats only for ie*/
/*if the formats are common, only put them here*/

body {

     margin: 2px;
     height: 100%;
     font-family:Arial, sans-serif;
     color: black;
     /*font-size:12pt;*/ /*ie isn't able to scale fonts, if set font-size*/
     /*background-color: #fbfbfb;*/
     background: #ffefdf;
     /*background-color: #b00000;*/
     }
img  {
     border-width:0px;
     }

/*box that contains the information*/
.content {
      position: static;
      margin: 0px 10px 10px 240px;
      /*border: 2px solid #fbfbfb;  /*  #b00000*/
      /*background-color: #fbfbfb;*/
      background: #ffefdf

      /*padding: 0px 10px 10px 10px;*/
      }

.content dl.nav a:link {
      text-decoration:none;
      color:#000000;
      background-color:transparent
      }
.content dl.nav a:visited {
      text-decoration:none;
      color:#4c4c4c;
      background-color:transparent;
      }
.content dl.nav a:hover {
      text-decoration:none;
      color:#b00000;
      }
.content dl.nav a:active {
      text-decoration:none ;
      color:#b00000;
      }
.content dl.nav a:focus {
      text-decoration:none;
      color:#4c4c4c;
      }

/*box that contains the navigation*/
.menu {

      position: fixed;
      background-color: #b00000;
      left: 0px;
      top: 0px;
      width: 220px;
      height : 100%; /*535px;*/
      overflow:auto;
      font-size:0.7em;
      color:#ffffff;
      padding-top:5px;
      padding-left:5px;
    /*border: 3px solid #fbfbfb;*/
    margin-left: 0.5em;
    margin-top: 0.5em;
    -moz-border-radius:8px;
}
.menu dl.nav a:link {
      text-decoration:none;
      color:#ffffff;
      background-color:transparent
      }
.menu dl.nav a:visited {
      text-decoration:none;
      color:#ffffff;
      background-color:transparent;
      }
.menu dl.nav a:hover {
      text-decoration:none;
      color:#00ff00;
      }
.menu dl.nav a:active {
      text-decoration:none;
      color:#ffffff;
      }
.menu dl.nav a:focus {
      text-decoration:none;
      color:#4c4c4c;
      }

/*reference of our site*/
.refer {
   text-align: center;}
.refer a:link {
      text-decoration: none;
      background-color:transparent
      }
.refer a:visited {
      text-decoration: none;
      background-color:transparent
      }
.refer a:hover {
      text-decoration: none;
      color: #00ff00;
      background-color:transparent
      }
.refer a:active {
      text-decoration: none;
      background-color:transparent
      }
.refer a:focus {
      text-decoration: none;
      background-color:transparent
      }

/*format of navigation menu*/
dl.nav {
      /*line-height:1em;*/
      /*vertical-align:middle;*/
      }
dl.nav dt:before {
      content: url(../picto/folder.gif);
      }
dl.nav dt a {
      font-weight:bold;
      }
dl.nav dd:before {
      content: url(../picto/document.gif);
      }
dl.nav dd {
      }
dl.nav a.extern {
      background-image:url(../picto/pfeil_ws.gif);
      background-position:left center;
      background-repeat:no-repeat;
      padding-left:15px;
      vertical-align:middle;
      }

/*footer of each file*/
.footer {
      margin: 1em 0em 0em 0em;
      border-top: 1px solid #b00000;}

/*automatically ssi-created sitemap*/
dl.sitemap {
      font-size:0.7em;
      }
dl.sitemap dt:before {
      content: url(../picto/document.gif);
      }
dl.sitemap dt a {
      font-weight:bold;
      }
dl.sitemap a:link {
      text-decoration:none;
      color:#000000;
      background-color:transparent
      }
dl.sitemap a:visited {
      text-decoration:none;
      color:#4c4c4c;
      background-color:transparent;
      }
dl.sitemap a:hover {
      text-decoration:none;
      color:#b00000;
      }
dl.sitemap a:active {
      text-decoration:none;
      color:#b00000;
      }
dl.sitemap a:focus {
      text-decoration:none;
      color:#4c4c4c;
      }

/*format of content*/
.subhead {
      font-family:sans-serif;
      font-size:1.1em;
      font-style:italic;/* */
      font-weight:600;
      letter-spacing:-0.05em;
      color:#ffffff;
      background-color:#b00000;
      height:2.5em;
      padding:0px;
      margin:0.4em 0em 1em 0em;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomleft: 8px;}
.sh_info{
    border-right: 2.5em solid #ffd9d9;}
.sh_business{
    border-right: 2.5em solid #d9ffff;}
.sh_culture{
    border-right: 2.5em solid #ffd9b2;}
.sh_touri{
    border-right: 2.5em solid #ffd9b2;}
.sh_sport{
    border-right: 2.5em solid #d9ffd9;}
.sh_freetime{
    border-right: 2.5em solid #d9ffd9;}

/*deprecated, former the theme-relataed color square*/
.subheadimg {
      float:right;
      width:2.5em;
      height:2.5em;
      }

/*common links with no special themes*/
a:link {
      text-decoration:underline;
      color:#000000;
      /*background-color:#e0e0e0;*/}
a:visited {
      text-decoration:underline;
      color:#4c4c4c;
      /*background-color:#e0e0e0;*/}
a:hover {
      text-decoration:none;
      color:#b20000;}
a:active {
      text-decoration:none;
      color:#b20000;}
a:focus {
      text-decoration:none;
      color:#4c4c4c;}
a.extern {
      background-image:url(../picto/pfeil.gif);
     /* background-image:url(../picto/arrow1h.gif); */
      background-position:left center;
      background-repeat:no-repeat;
      padding-left:13px;
      /*vertical-align:middle;*/}

table.tcontent {
      border-width:0px;
      border-color:black;
      /*border-collapse:collapse;*/
      border-spacing:10pt;
      }
table.tcontent td {
      border-width:0px;
      vertical-align:top;
      }

/*headlines in two sizes and various colors*/
.ue1 {
      display:block;
      font-size:1.5em;
      font-weight:bold;
     }
.ue2 {
      display:block;
      font-size:1.1em;
      font-weight:bold;
     }
.ue1_weiss {
      display:block;
      font-size:1.5em;
      font-weight:bold;
      color:#ffffff;
     }
.ue2_weiss {
      display:block;
      font-size:1.1em;
      font-weight:bold;
      color:#ffffff;
     }

.mittig {
      text-align:center;
      }

.zitat_quelle {
      font-size:0.8em;
      font-style:italic;
      font-weight:bolder;
      }

.image_font_size {
      font-size:0.8em;
      letter-spacing:-0.05em;
      }
.infotext {
      font-size:0.8em;
      letter-spacing:-0.06em;
      }
.headline1 {font-size:15pt; font-weight:100; font-style:italic; font-family:Times,serif;text-align:right;}
.rand1     {margin-left:4pt;margin-right:4pt;}

/*infoboxes on startpage*/
.headlightred {
      border:1px solid #fed4d8;
      background-color:#fed4d8;
      -moz-border-radius: 8px;}
.borderlightred {
      border:1px solid #fed4d8;
      text-align:left;
      -moz-border-radius: 8px;}

.no_margin {
      margin:0;
      padding:10px;
      }

table.wahl {
      border-collapse:collapse;
      font-size:0.8em;
      empty-cells:hide;
      }

table.wahl td {
      border:1px solid;
      padding:2px;
      spacing:2px;
      margin:2px;
       }

table.struktur {
      border-collapse:collapse;
      width:100%;
      font-size:0.8em;
      empty-cells:hide;
      }

table.struktur td {
      border:1px solid;
      width:33%;
      padding:8px;
      spacing:2px;
      margin:2px;
       }
table.struktur td.kopf {
      border:0px;
      text-align:center;
      padding:8px;
      spacing:2px;
      margin:2px;
       }
dl.aufgaben {
      }

dl.aufgaben dt {
       font-weight:bold;
       }

table.aufgaben {
      border-collapse:collapse;
      width:100%;
      font-size:0.8em;
      empty-cells:hide;
      }
table.aufgaben th {
      border:1px solid;
      text-align:center;
      padding:2px;
      spacing:2px;
      margin:2px;
       }
table.aufgaben td {
      border:1px solid;
      padding:2px;
      spacing:2px;
      margin:2px;
      }

table.offen {
      border-collapse:collapse;
      width:60%;
      font-size:0.8em;
      empty-cells:hide;
      }
table.offen th {
      border:1px solid;
      text-align:center;
      padding:2px;
      spacing:2px;
      margin:2px;
      }
table.offen td {
      border:1px solid;
      padding:2px;
      spacing:2px;
      margin:2px;
      }

table.common {
      border-collapse:collapse;
      font-size:0.8em;
      empty-cells:show;
      }
table.common th {
      border:1px solid;
      text-align:center;
      padding:2px;
      spacing:2px;
      margin:2px;
      }
table.common td {
      border:1px solid;
      vertical-align:top;
      padding:2px;
      spacing:2px;
      margin:2px;
      }

table.bus {
      border-collapse:collapse;
      font-size:0.8em;
      empty-cells:show;
      }
table.bus td {
      border:solid;
      vertical-align: top;
      padding: 2px;
      spacing: 2px;
      margin: 2px;
      border-width: 1px 0px 1px 0px;
      }

table.satzung {
      border-collapse:collapse;
      empty-cells:show;
      }
table.satzung td {
      vertical-align: top;
      padding: 2px;
      spacing: 2px;
      margin: 2px;
      }

iframe.guestbook {
      width: 90%;
      height: 80%;
      margin:0;
      padding:0;
      border:0;
      overflow: auto;
      }

.backblue {
      background-color:#d9ffff;
      }

.headline1 {
      font-size:15pt; font-weight:100; font-style:italic; font-family:Times,serif;text-align:right;
      }

.wbtitle {
      font-size:24pt; font-weight=900; margin-top:2px;  margin-bottom:0px;  color:#ffffff;
      }

ol.alpha {
      list-style-type:lower-alpha;
      }

/*styling paragraphs an other block-level-elements*/
.crosslinea {
    text-align: center;
         max-height: 0.8em;
         margin: 0;
         border: 0;}
.crosslinea span {
         background-color: #ffefdf; /*#fbfbfb*/
         font-size: 1.2em;
         font-weight: bold;
         color: #b00000;
         padding:0 1em 0 1em;}
.crosslineb {
         border: 3px solid #aaaaaa;
         margin: 0 0 2em 0;
         padding: 2em;
     -moz-border-radius: 8px;}
.crosslineb ul li {
    list-style-type: square;}

/*floating classes*/
.left {
    float: left;
    margin: 1em 1em 1em 0em;}

.right {
    float: right;
    margin: 1em 0em 1em 1em;}

.bl {
    display: block;}

span.rss_button {
     display: inline-block;
     border: 2px outset;
     border-color: #f80 #960 #960 #f80;
     padding: 2px 4px;
     background-color: #f60;
     color: white;
     font-weight: bold;}

/* runde ecken start */
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ccc; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#ccc; border:0 solid #08c; border-width:0 1px;}
/* runde ecken ende*/


/* gallerie  start*/
.photo {padding:20px; background:#ffefdf; width:630px; height:400px; text-align:left;}
.photo h1 {font-size:14px; font-weight:normal; color:#000; margin:0 0 0 5px; padding:0;}
.photo ul {list-style:none; padding:0; margin:0; width:216px; -moz-border-radius: 4px; background:#fff; border:1px solid #ccc; position:relative; height:200px;}
.photo ul li {display:inline; width:24px; height:24px; float:left; margin:6px;}
.photo ul li a {display:block; width:24px; height:24px; cursor:default; background:url(../bilder/arrow.gif) no-repeat; text-decoration:none;}
.photo ul li a b {display:none;}
.photo ul li a img {display:block; width:22px; height:22px; border:1px solid #666; border-top-color:#ccc;}

.photo ul li a:hover {white-space:normal;position:relative;}

.photo ul li a.vert:hover img {position:absolute; left:-12px; top:-20px; width:48px; height:64px; border-color:#fc0;}
.photo ul li a.hor:hover img {position:absolute; left:-20px; top:-12px; width:64px; height:48px; border-color:#fc0;}

.photo ul li a:active, .photo ul li a:focus {position:static; outline:0;}

.photo ul li a:focus.vert img, .photo ul li a:active.vert img {background-color:#000; position:absolute; left:260px; top:0; width:300px; height:400px; border:1px solid #fc0; padding:5px 5px;}
.photo ul li a:focus.hor img, .photo ul li a:active.hor img {background-color:#000; position:absolute; left:260px; top:0; width:400px; height:300px; border:1px solid #fc0; padding:5px 5px;}
.photo ul li a:focus b, .photo ul li a:active b {display:block; -moz-border-radius: 4px; position:absolute; width:204px; border:1px dotted #ccc; top:230px; left:0; color:#000; font-weight:normal; padding:6px;}
 /* gallerie ende*/


/*this must be for printing the content*/
@media print {
/*set the margins zero and clears the background*/
body {
      margin:0px;
      background-color:#ffffff;
      }
/*clears the static position for printig*/
content {
      margin:0px;
      position:relative;
      }
/*menu will not printed with this*/
.menu, .footer {
      display:none;
      }
}