html
{
    min-height:100%;
  background-color: #9999CC;
}
span.taganzeige
{

        font-size: 30px;
        font-weight: bold;
        text-align: center;
        color:#990066;

}
span.wochentaganzeige
{

         font-weight: bold;
         font-size: 16px;
         text-align: center;
         color:#330066 ;

}
span.weihnachtsanzeige
{

        font-size: 12px;
        font-weight: bold;
        text-align: center;
        color: #990066;

}
span.infoanzeige
{

         font-size: 10px;
         color:#330066;
         font-weight: bold;
         text-align: center;

}
hr.bor
{
     border-style: groove;
         border-color:#330066;
         height: 2px;
         width: 500px;
}
hr.bord
{
     border-style: solid;
         border-color:#330066;
         height: 2px;
         width: 500px;
}
hr.borde
{
     border-style: dotted;
         border-color:#330066;
         height: 4px;
         width: 500px;
}
hr.border
{
     border-style: dashed;
         border-color:#330066;
         height: 4px;
         width: 500px;
}

/*a { target-new:tab;}*/

a:link
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,102,153); background-color: inherit;
    text-decoration:none;
        font-size:12px;
        font-weight:bold;
}
a:visited
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,102,153); background-color: inherit;
    text-decoration:none;
        font-size:12px;
        font-weight:bold;
}
a:hover
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(255,255,0);
    text-decoration:none;
        font-size:12px;
        font-weight:bold;
}

a:active
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,102,153); background-color: inherit;
    text-decoration:none;
        font-size:12px;
        font-weight:bold;
}

body
{          margin-left:0px;
          margin-top:0px;
         margin-right:0px;
         margin-bottom:0px;
         height: auto;
         font-family:Verdana, Arial, Helvetica, Sans-serif;
         color: rgb(0,0,0);
     text-align:left;
         font-size:12px;
           background-color: #9999CC;
         height: 100%;
}
.container
{
    position: relative;
    width: 60em;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    background-color:#9999cc;
}

.content{
    background-color:#9999cc;
    text-align: left;
    margin: 0 auto;
    padding: 0px;

}

img.c1
{
          position:absolute;
         left:5px;
         top:5px;
}
h2.c2
{
          position:absolute;
         top:50px;
         left:240px;
}
div.c3
{
          position:absolute;
         top:200px;
}

div.c4
{
          position:absolute;
         top:200px;
         left:240px;
}

a.menu
{
        font-size:12px;
        margin-left:11px;
        width: 200px;
    margin-bottom:0px;
        padding-left: 4px;
        padding-right: 8px;
        color: rgb(51,0,102);
        text-decoration: none;
        font-weight: bold;
}

a.menu:link
{
        font-size:12px;
        color: rgb(51,0,102);
   text-decoration:none;
}
a.menu:visited
{
        font-size:12px;
        color: rgb(51,0,102);
   text-decoration:none;
}
a.menu_active
{
        font-size:12px;
        margin-left:11px;
        width: 250px;
        padding-left: 4px;
        padding-right: 8px;
        margin-bottom: 0px;
        color: rgb(204,204,255);
        background-color: inherit;
        text-decoration: none;
        font-weight: bold;
 }
a.submenu
{
        font-size:12px;
        padding-left: 30px;
        padding-right: 8px;
         width: 250px;
        margin-bottom: 0px;
        height: auto;
        text-align: left;
        color: rgb(51,0,102);
        text-decoration: none;
        font-weight: bold;
}
 a.submenu_active
{
        font-size:12px;
        padding-left: 35px;
        padding-right: 8px;
         width: 250px;
        margin-bottom: 0px;
        height: auto;
        color: rgb(102,102,204);
        text-decoration: none;
        font-weight: bold;
 }
a.submenu:visited
{
        font-size:12px;
        color: rgb(51,0,102);
   text-decoration:none;
}
 a.submenu_sub
{
        font-size:12px;
        padding-left: 40px;
        padding-right: 8px;
         width: 250px;
        margin-bottom: 0px;
        height: auto;
        color: rgb(51,0,102);
        text-decoration: none;
        font-weight: bold;
}
 a.submenu_sub_active
{
        font-size:12px;
        padding-left: 45px;
        padding-right: 8px;
         width: 250px;
        margin-bottom: 0px;
        height: auto;
        color: rgb(204,204,255);
        background-color: inherit;
        text-decoration: none;
        font-weight: bold;
}
a.submenu_sub:visited
{
        font-size:12px;
        color: rgb(51,0,102);
   text-decoration:none;
}
a.menu:hover
{
        font-size:12px;
        color: rgb(255,255,0);
   text-decoration:none;
}
a.submenu:hover
{
        font-size:12px;
        color: rgb(255,255,0);
   text-decoration:none;
}
a.submenu_sub:hover
{
        font-size:12px;
        color: rgb(255,255,0);
   text-decoration:none;
}
a.menu:focus
{
        font-size:12px;
        color: rgb(51,0,102);
   text-decoration:none;
}


b, strong, th {
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,0,102);
        font-size:12px;
        height:auto;
        font-weight:bold;
}

a {
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,0,102);
        font-size:12px;
}
img
{
     border-style: none;
}


td, textarea, input, select, br {
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(0,0,0);
        font-size:12px;
}
tr.chess {
        font-family:verdana, arial, helvetica, sans-serif;
        font-size:12px;
    text-align:center;
        line-height: 40px;
}

p  {
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(0,0,0);
        font-size:12px;
}


.whitespace
{
        white-space: pre;
}

ul {
    list-style-type:square;
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(0,0,0);
        font-size:12px;
}

li  {
        list-style-position: outside;
        max-width:300px;
        white-space: pre;
}

ol {
    font-family:Verdana, Arial, Helvetica, Sans-serif;
        color: rgb(0,0,0);
        font-size:12px;
}

.pre {
    white-space: pre;
}

.nowrap {
    white-space: nowrap;
}

.blue1
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(0,0,255);
        font-size:22px;
        font-weight:bold;
}
.db1
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,0,102);
        font-weight:bold;
        font-size:22px;
}

.bl1
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,102,153); background-color: inherit;
        font-weight:bold;
        font-size:22px;
}
.vio1
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(102,102,204);
        font-weight:bold;
        font-size:22px;
}
.blue2
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(0,0,255);
        font-size:20px;
        font-weight:bold;
}
.db2
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,0,102);
        font-weight:bold;
        font-size:20px;
}

.bl2
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,102,153); background-color: inherit;
        font-weight:bold;
        font-size:20px;
}
.vio2
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(102,102,204);
        font-weight:bold;
        font-size:20px;
}
.blue3
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(0,0,255);
        font-size:16px;
        font-weight:bold;
}
.db3
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,0,102);
        font-weight:bold;
        font-size:16px;
}

.bl3
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,102,153); background-color: inherit;
        font-weight:bold;
        font-size:16px;
}
.vio3
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(102,102,204);
        font-weight:bold;
        font-size:16px;
}
.blue4
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(0,0,255);
        font-size:12px;

}
.db4
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,0,102);
        font-size:12px;

}

.bl4
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,102,153); background-color: inherit;
        font-size:12px;

}
.vio4
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(102,102,204);
        font-size:12px;

}
.blue4b
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(0,0,255);
        font-size:12px;
        font-weight:bold;
}
.db4b
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,0,102);
        font-size:12px;
        font-weight:bold;
}

.bl4b
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,102,153); background-color: inherit;
        font-size:12px;
        font-weight:bold;
}
.vio4b
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(102,102,204);
        font-size:12px;
        font-weight:bold;
}
.red
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(255,0,0);
        font-size:12px;
        font-weight:bold;
}
.blue5
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(0,0,255);
        font-size:11px;
        font-weight:bold;
}
.db5
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,0,102);
        font-size:11px;
        font-weight:bold;
}

.bl5
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,102,153); background-color: inherit;
        font-size:11px;
        font-weight:bold;
}
p.vio5
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(102,102,204);
        font-size:11px;
        font-weight:bold;
}
.blue5b
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(0,0,255);
        font-size:11px;
        font-weight:bold;
}
.db5b
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,0,102);
        font-size:11px;
        font-weight:bold;
}

.bl5b
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,102,153); background-color: inherit;
        font-size:11px;
        font-weight:bold;
}
.vio5b
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(102,102,204);
        font-size:11px;
        font-weight:bold;
}
.blue6
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(0,0,255);
        font-size:9px;

}
.db6
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,0,102);
        font-size:9px;

}

.bl6
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,102,153); background-color: inherit;
        font-size:9px;

}
.vio6
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(102,102,204);
        font-size:9px;

}
.blue6b
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(0,0,255);
        font-size:9px;
        font-weight:bold;
}
.db6b
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,0,102);
        font-size:9px;
        font-weight:bold;
}

.bl6b
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,102,153); background-color: inherit;
        font-size:9px;
        font-weight:bold;
}
.vio6b
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(102,102,204);
        font-size:9px;
        font-weight:bold;
}

.box1
{
position:absolute;
top:200px;
left:550px;
min-width:150px;
line-height:2px;
z-index:1;
border-color:#330066;
background-color: inherit;
background:#336699;
padding:10px;
text-align:center;
}

.box2 {
  width:100px;
  padding:0px;
  background:#336699;
  background-color: inherit;
  border-style:none;
  text-align:left;
  font-family:verdana, arial, helvetica, sans-serif;
  text-decoration:none;
  font-weight:bold;
  font-size:12px;
}

.box3 {
  width:300px;
  padding:0px;
  background:#336699;
  background-color: inherit;
  border-style:none;
  text-align:left;
  font-family:verdana, arial, helvetica, sans-serif;
  text-decoration:none;
  font-weight:bold;
  font-size:12px;
}

.box4 {
  width:500px;
  padding:0px;
  background:#336699;
  background-color: inherit;
  border-style:none;
  font-family:verdana, arial, helvetica, sans-serif;
  text-decoration:none;
  font-size:12px;
  border-width:1px;
  border-style:solid;
  border-color:#330066;
  text-align:justify;
}

.box5 {
  width:300px;
  padding:0px;
  background:#9999cc;
  background-color: inherit;
  border-style:none;
  text-align:left;
  font-family:verdana, arial, helvetica, sans-serif;
  text-decoration:none;
  font-weight:bold;
  font-size:12px;
}

.box6 {
  width:500px;
  padding:0px;
  background:#9999cc;
  background-color: inherit;
  border:solid 2px;
  border-color: rgb(51,0,102);
  text-align:center;
  font-family:verdana, arial, helvetica, sans-serif;
  font-size:12px;
  vertical-align:middle;
}


fieldset
{
  max-width: 55em;
  margin: 2.5em auto 2.5em auto;
  display: block;
  font-size: 0.80em;
  border: 1px solid #330066;
  background: #ccccff;
  clear: both;
}
* html fieldset {padding: 5px;}

legend
{
  font-family:verdana, arial, helvetica, sans-serif;
  color: #330066;
  font-size:11px;
  background: #9999cc;
  padding-left: 2px;
  padding-bottom: 2px;
  border: 1px solid  #330066;
  border-right-width: 2px;
  border-bottom-width: 2px;
  margin-bottom: 4px;
  font-weight: bold;
}

label
{
  font-family:verdana, arial, helvetica, sans-serif;
  font-size:12px;
  font-weight: bold;
  margin: 5px 0;
  padding-left: 2px;
}

.kontaktdaten label
{
  font-family:verdana, arial, helvetica, sans-serif;
  display: block;
  width: 7em;
  float: left;
  font-size:12px;
  font-weight: bold;


}
.options
{
  font-size:12px;
  font-weight: bold;
  background: #ccccff;
  border: 1px solid  #330066;
  border-right-width: 2px;
  border-bottom-width: 2px;
}
.anfrage
{
  font-family:verdana, arial, helvetica, sans-serif;
  display: block;
  width: 7em;
  float: left;
}

input,textarea
{
  margin: 4px 0;
  color: #330066;
  border: 1px solid  #330066;
  background: white;
  padding-left: 2px;
}

input:active, input:focus, input:hover
{
  background: #9999cc;
}

.buttons
{
  font-family:verdana, arial, helvetica, sans-serif;
  color: #330066;
  font-size: 12px;
  text-align: center;
  background: #9999cc;
  padding-left: 2px;
  border: 1px solid  #330066;
  border-right-width: 2px;
  border-bottom-width: 2px;
  margin-left: 4px;
  margin-bottom: 4px;
  font-weight: bold;
}

h1
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,0,102);
        font-weight:bold;
        font-size:22px;
}
h2
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,102,153); background-color: inherit;
        font-weight:bold;
        font-size:20px;
}
h3
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(102,102,204);
        font-weight:bold;
        font-size:16px;
}
h4
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,0,102);
        font-size:12px;
}
h5
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,102,153); background-color: inherit;
        font-size:12px;
}
h6
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(102,102,204);
        font-size:12px;

}
.box
{
        height: auto;
        width:200px;
    min-width:10px;
        padding: 0.2em;
        margin-bottom:0px;

}
.list
{
        list-style-type: none;
        display: block;
    padding: 0.2em;
        line-height: 125%;
        color: rgb(51,0,102);
        font-weight:bold;
}
.listdisc
{
        list-style-type: disc;
        display: block;
    padding: 0.2em;
        line-height: 125%;
        color: rgb(51,0,102);
        font-weight:bold;
}
.listcircle
{
        list-style-type: circle;
        display: block;
    padding: 0.2em;
        line-height: 125%;
    color: rgb(102,102,204);
        font-weight:bold;
}

.listsquare
{
        list-style-type: square;
        display: block;
    padding: 0.2em;
        line-height: 125%;
        color: rgb(51,102,153); background-color: inherit;
        font-weight:bold;
}

.textklein
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,0,102);
        font-size:10px;
}
address
{
    white-space: nowrap;
}

div#game {
        font-family:verdana, arial, helvetica, sans-serif;
        background-color: #9999cc;
        color:#330066;
        font-size: 12px;
        text-align: center;
        font-weight: bold;
        text-decoration: none;
        margin: 2px;
        padding: 2px;
        width: 400px;
}
div#titel {
        font-size: 20px;
        color: #330066;
        padding: 5px;
}
div#question {
        font-size: 14px;
        color: #6666cc;
        background-color: #ccccff;
        padding: 2px;
}
div#answer {
        font-size: 12px;
        color: #330066;
        background-color: inherit;
        border: 2px solid #003399;
}
div#answer a {
        color: #336699;
        background-color: inherit;

}
div#result {
        font-size: 14px;
        color: #ccccff;
        padding: 5px;
        border: 2px solid #6666cc;
        background-color: #003399;
}
div#question a {
        color: #330066;
}
.klein {
        font-size: 9px;
}
/* zoom image */

#zoom a {
        float: right;
        margin: 0 0 10px 10px;
        border: 1px solid #000;
        text-indent: -1000em; /* hide the link text */
        overflow: hidden;
        display: block;
        width: 125px; /* show only thumbnail */
        height: 94px;
        background: url(../images/zoom.jpg) no-repeat top left;
        }

#zoom a:hover {
        width: 300px; /* adjust size to zoomed photo */
        height: 225px;
        background-position: 0 -104px; /* move the image so only the big one shows */
        }

.bereich {
  margin-left:0px;
  width:400px;
  padding:40px;
  border:10px;
  font-weight:bold;
  background: #ccccff;
  color: rgb(102,102,204);
  border-width:3px;
  border-style:solid;
  border-color:#330066;
  text-align:justify;
}
#footer
{
        font-family:verdana, arial, helvetica, sans-serif;
        color: rgb(51,102,153);
        background-color:#9999cc;
        border-top:1px solid #330066;
        padding:5px 0;
        height: auto;
        clear: both;
        font-size:10px;
        position: relative; margin-top: -15px;
}

#footer  {
font-size:10px;
text-align:left;
}

#footer a, #footer a:link, #footer a:active, #footer a:visited{
text-decoration:none;
color: rgb(51,102,153);
background-color: inherit;
padding:5px 0 5px 15px;
}

#footer a:hover {
color: rgb(255,255,0);
}


* html .bereich {  /* nur fuer Internet Explorer */
  width:480px;     /* Version 5.x */
  w\idth:400px;    /* Version 6 */
}