* { margin:0; padding:0; }

html { height: 100%; margin-bottom: 1px; }
img { border: 0px; }
iframe { width: 587px; border: 0px solid #000; margin: 0px; padding: 0px; }
noscript { font-size: large; }
         body
         {
                 position: relative;
                 margin: 0em;
                 font: 85% arial, hevetica, sans-serif;
                 text-align: center;
                 color: #000080;
                 background-color: #8c91ff;
                 background-image:url(../layout/bg.gif);
                 background-repeat:repeat-x
         }
         h1
         {
                 font-size: 15pt;
         }
         h2
         {
                 font-size: 12pt;
         }
         h3
         {
                 font-size: 12pt;
                 text-decoration: underline;
         }
         hr
         {
                 border: none;
                 border-bottom: 1px dashed #AAAAAA;
         }
         ul, ol
         {
                 margin: 0 0 15px 15px;
         }
         li
         {
                 margin-left: 20px;
                 line-height: 20px;
         }
         #container
         {
/* 914px bei 120 px werbung auf rechter seite */
                 width: 794px;
                 margin: 0px auto;
         }
         #sitecontainer
         {
                 width: 780px;
                 margin: 9px auto;
                 text-align: left;
                 border: 1px solid #000080;
                 background-color: #FFFFFF;
                 background-image: url(../layout/trommler.gif);
                 background-repeat: no-repeat;
                 background-position: 95% 90%;
/* auskommentieren wenn werbung an der rechten Seite genutzt werden soll
                 float:left;*/
         }
         #header
         {
                 height: 150px;
                 text-align: left;
                 background-image:url(../layout/header.jpg);
                 border-bottom: 1px solid #000080;
                 font-family: Courier, Monospace;
                 font-size: 5px;
         }
         #border
         {
                 height: 25px;
                 background-image:url(../layout/border.jpg);
                 border-bottom: 1px solid #000080;
                 color: #FFFFFF;
                 font-weight: bold;
                 text-align: center;
         }
         #menucontainer
         {
                 margin-top: 9px;
                 margin-bottom: 9px;
                 margin-left: 9px;
                 padding-right: 11px;
                 padding-top: 9px;
                 padding-bottom: 9px;
                 border-right: 1px dashed #CCCCA3;
                 width: 150px;
                 display: inline;
                 float: left;
         }
         #menu
         {
                 width: 150px;
                 display: inline;
                 float: left;
                 background-color: #ba0100;
/*                 background-image:url(../layout/BILD.jpg);*/
/* Hier Muss das Hintergrund bild eingefügt werden */
                 border: 1px solid #000080;
         }
         #navigation
         {
                 text-align: center;
                 margin: 0px;
                 width: 150px;
                 display: inline;
                 float: left;
                 padding: 0px;
                 font-family: courier, Monospace;
                 font-variant: small-caps;
                 font-weight: bold;
                 font-size: 25px;
                 letter-spacing: 1px;
         }
         #navigation ul
         {
                 list-style-type: none;
                 margin: 0px;
                 display: block;
         }
         #navigation li
         {
                 width: 150px;
                 margin: 5px 0px 0px 0px;
                 padding: 0px;
                 list-style-type:none;
                 display: block;
                 float: left;
                 font-size: 20px;
         }
         li.anfang
         {
                 text-decoration: underline;
         }
         form
         {
                 font-family: sans-serif;
                 font-size: small;
         }
         #navigation input
         {
                 background-color: transparent;
                 color: #000080;
                 border: 1px dashed #AAAAAA;
                 padding: 1px;
                 font-size: 10px;}
         #navigation a, #navigation a:visited
         {
                 color: #000080;
                 display: block;
                 background-color: #ffffff;
                 text-decoration: none;
                 width: 150px; /* IE braucht das, damit linkbreite gleich der BLockbreite ist */
                 font-size: 0.9em;
                 border-top: 1px solid #000080;
                 border-bottom: 1px solid #000080;
/*                 -moz-opacity: 0.6;*/
/* in Firefox 2.0.0.13 nicht mehr benoetigt */
                 opacity: 0.6;
         }
         #navigation a:hover
         {
                 background-color: #6600DD;
                 color: #000050;
/*                 -moz-opacity: 1;*/
/* in Firefox 2.0.0.13 nicht mehr benoetigt */
                 opacity: 1;
         }
         #navigation li a:active
         {
                 background-color: #6600DD;
                 color: #000000;
         }
         .menukasten
         {
                 background-color: #ba0100;
                 width: 150px;
                 border: 1px solid #000080;
                 display: inline;
                 float: left;
                 font-family: sans-serif;
                 font-variant: small-caps;
                 font-size: small;
                 text-align: center;
         }
         #content
         {
                 text-align: justify;
                 margin-top: 18px;
                 margin-left: 180px;
                 margin-right: 6px;
                 padding-right: 4px;
                 padding-bottom: 10px;
                 background-color: transparent;
         }
         .keinebgc
         {
         background-color: transparent;
         width: 99%;
         }
         .dashedborder
         {
         padding: 1px;
         border: 1px dashed #AAAAAA;
         }
         #footer
         {
                 border-top: 1px solid #000080;
                 padding: 2px;
                 font-family: verdana;
                 font-size: x-small;
                 color: #FFFFFF;
                 background-color: #ce4218;
                 clear: both;
                 text-align: center;
         }
         #footer a, #footer a:visited
         {
         color: #FFFFFF;
         text-decoration: none;
         }
         img.links
         {
         float:left;
         padding-right: 10px;
         }
/* newsdesign */

div.newscontainer {
         color: #000080;
         margin-right: 0px;
         margin-left: 0px;
         font-family: verdana;
         border: 1px dashed #aaaaaa;
         margin-bottom: 9px;
         padding: 1px;
         }
div.newscontainer a, div.newscontainer a:visited {
         color: #000080;
         text-decoration: none;
         border-bottom: 1px dashed #000080;
         }
div.newscontainer a:hover {
         background-color: #8C91FF;
         }
div.newsdatum {
         background-color: #ccccff;
         text-align: center;
         font-weight: bolder;
         padding: 3px;
         font-size: medium;
         }
div.newstitel {
         background-color: #ddddff;
         padding: 3px;
         font-size: medium;
         }
div.newscontent {
         background-color: #eeeeff;
         padding: 6px 3px 3px 3px;
         font-size: small;
         background-image: url(../layout/trommler_mini.gif);
         background-repeat:no-repeat;
         background-position: 95% 5px;
         }
div.newsfooter {
         background-color: #ddddff;
         padding: 2px;
         font-size: x-small;
         text-align: right;
         }
/* Gbook */
div.gbookentry {
         background-color: #ccccff;
         border: 1px dashed #aaaaaa;
         margin: 2px;
         }
/* Galerie */

#galerienav {
         width: 588px;
         background-color: #eeeeff;
         float: left;
         display: inline;
         border: 1px dashed #AAAAAA;
         }
#preview {
         float: left;
         width: 588px;
         background-color: #EEEEFF;
         display: block;
         border: 1px dashed #AAAAAA;
         margin: 9px 0px 0px 0px;
         }
#galerienav ul {
         list-style-type: none;
         margin: 0px;
         display: block;
         }
#galerienav li {
         color: #0000FF;
         background-color: #8c91ff;
         margin: 2px;
         display: inline;
         text-align: center;
         text-decoration: none;
         float: left;
         border: 1px dashed #AAAAAA;
         }
#galerienav a, #galerienav a:visited {
         font-family: courier, Monospace;
         width: 190px;
         height: 40px;
         color: #000080;
         display: block;
         text-decoration: none;
        }
#galerienav li a:hover {
         background-color: blue;
         }
#galerienav li a:active {
         color: #FFFFFF;
         }
#preview a.thumb img {
         opacity: 0.50;
         border: solid 2px #FFFFFF;
         }
#preview a.thumb:hover img {
         opacity: 1.0;
         border: solid 2px #FF0000;
         }
#contentfooter {
         width: 588px;
         background-color: #eeeeff;
         float: left;
         margin-bottom: 9px;
         margin-top: 9px;
         padding: 2px 0px 2px 0px;
         display: block;
         font-family: fixedsys, Monospace;
         text-align: center;
         border: 1px dashed #aaaaaa;
         }
#contentfooter.absolut {
         position:absolute;
         bottom:98px;
}
#contentfooter a, #contentfooter a:visited {
         text-decoration: none;
         color: #000080;
         margin-left: 8px;
         padding: 0px 8px 0px 8px;
         border: 1px dashed #AAAAAA;
         background-color: #EEEEFF;
}
#contentfooter a:hover
{
         background-color: #8C91FF;
}
#contentfooter span
{
         color: #AAAAAA;
         display: inline;
         margin-left: 8px;
         padding: 0px 8px 0px 8px;
         border: 1px dashed #AAAAAA;
         background-color: #EEEEFF;
}
table.tanzcorps td
{
			vertical-align:top;
			padding-bottom: 10px;
}
#codex h1
{
         letter-spacing: 3px;
}
#linkstyle a:link, #linkstyle a:visited
{
         text-decoration:none;
         color: #000080;
         display: block;
/*         width: 190px;*/
}
#linkstyle a:hover
{
         text-decoration: none;
         background-color: #ACD;
         color: #000080;
}
#linkstyle ul
{
         list-style-type: none; /* unnoetig */
         margin: 0px 0px 0px -2px;
         display: block;        /* unnoetig */
}
#linkstyle li
{
         list-style-type: none;
         text-align: center;
         float: left;
         display: inline;
         width: 190px;
         margin: 0px 2px 8px 2px;
         padding: 1px;
}
#linkstyle li.innen
{
         list-style-type: none;
         padding: 1px;
         border: 1px dashed #AAAAAA;
         display: inline;
         margin: 0px 0px 2px 0px;
}
table.kalender
{
         border-collapse:collapse;
         font-family: fixedsys, Monospace;
         width: 100%;
         margin: auto;
}
table p:first-child
{
         margin: 0px;
}
table p
{
         margin: 10px 0 0 0;
}
tr.monat
{
         height: 20px;
         background-color: #bbbbff;
         text-align: center;
}
td.tage
{
         border: 0px;
         height: 20px;
         background-color: #ccccff;
         width: 14%;
         text-align: center;
}
td.tage0
{
         border: 0px;
         background-color: #eeeeff;
         text-align: right;
}
td.tage1
{
         border: 0px;
         background-color: #ddddff;
         text-align: right;
}
td span
{
         padding-right: 10px;
}
a.wichtig, a.wichtig:visited
{
         background-color: #CC0000;
         color: #000080;
         display: block;
         width: 100%;
         text-decoration: none;
}
a.wichtig:hover
{
         background-color: #CC0000;
         color: #000080;
         text-decoration: none;
}
a.termin, a.termin:visited
{
         background-color: #5555FF;
         color: #000080;
         display: block;
         width: 100%;
         text-decoration: none;
}
a.termin:hover
{
         background-color: #5555FF;
         color: #000080;
         text-decoration: none;
}
div.rahmen
{
         padding: 1px;
         border: 1px dashed #AAAAAA;
         width:583px;
         margin-bottom: 10px;
}
div.show
{
         display: inline;
}
div.hidden
{
         display: none;
}
#content input,select
{
         background-color: #eeeeff;
         color: #000080;
         border: 1px dashed #AAAAAA;
         padding: 1px;
         margin: 4px;
         font-size: 10px;}
p.wichtig
{
         background-color: #e39898;
         border: 1px dashed #000080;
         padding: 2px;
         display: block;
}
.portrait
{
         font-size: 11px;
         border: 1px dashed #AAA;
         padding: 2px;
         margin: 0 4px 9px 5px;
         background-color: #EEEEFF;
}
.portrait > b
{
         padding: 0 0 22px 0;
}
.portrait > img
{
         margin: 5px 0 5px 0;
         padding: 2px;
         background-color: #000;
}
div.schneeschalter
{
  font-size: 10px;  
  color:#000080;
  background-color: #eef;
  border: 1px solid black;
  width: 120px;
}

div.schneeschalter  a
{  
  color:#ff55AA;
  text-decoration:none;
}