body {
         font-family: arial;
         font-size: 12px;
         color: #000000;
         background-color: #F3EC18;
         background-image: url(bilder/magical_back.jpg);
         margin: 0px;
         padding: 0px;
         text-align: center;
         line-height: 1.3;
         scrollbar-arrow-color: #FFFF00;
         scrollbar-base-color: #ffffff;
         scrollbar-face-color: #ffffff;
         scrollbar-highlight-color: #ffffff;
         scrollbar-shadow-color: #ffffff;
      }

#container {
         width: 780px;
         background-color: #F3EC18;
         padding: 10px 0 10px 10px;
         margin: 10px auto;
           }

#header {
         width: 770px;
        }


#navigation {
         width: 98%;
         text-align: center;
         padding: 0 0 15px 0;
            }

#navigation ul {
	margin: 0;
	padding: 0;
         font-family: arial;
	      }

#navigation li {
	display: inline;
	list-style-type: none;
	font-size: 1.2em;
	background-color: #F3EC18;
	width: 114px;
	height: 30px;
	float: left;
	text-align: center;
         padding-right: 5px;
	}

#navigation li a {
         background-color: #000;
         display: block;
         height: 28px;
	width: 100%;
	color: #fff;
         text-decoration: none;
         border: 1px solid #000;
         padding-top: 5px;
	}

#navigation li a.on {
         background-color: #fff;
         color: #000;
         height: 28px;
         font-weight: bold;
         border: 1px solid #000;
         padding-top: 5px;
                    }

#navigation li a:hover {
         background-color: #FF0000;
         color: #fff;
         border: 1px solid #000;
                       }

#zwischenspiel {
         clear: both;
         text-align: left;
               }
#inhalt {
         width: 760px;
         padding: 15px 0 0 0;
         margin: 15px 0 0 0;
        }

#banner {
         float: left;
         width: 250px;
         text-align: left;
         background: url(bilder/back_top_three.jpg) no-repeat top left;
        }

#banner a {
         border: 1px solid #fff;
          }

#banner a:hover {
         border: 1px solid #000;
                }

#text {
         float: right;
         width: 510px;
         font-size: 13px;
         background-image: url(bilder/kreise.jpg);
         background-repeat: no-repeat;
         background-position: top right;
      }

#text a {
         font-size: 13px;
         color: #FF0000;
         text-decoration: none;
        }

#text a:hover {
         color: #007F00;}

#text h1 {
         font-size: 19px;
         text-align: left;
         }

#text p.rot {
         color: #FF0000;
         font-size: 14px;
         font-weight: bold;
            }

#text p.bild {
         text-align: left;
             }

#text img.right {
         float: right;
         padding: 5px 0 5px 15px;
          }

#text img.left {
         float: left;
         padding-right: 15px;
         padding-bottom: 5px;
          }

#text p.table {
         text-align: right;
         background-image: url(bilder/buchen.jpg);
         background-repeat: no-repeat;
         background-position: top left;
              }

#text p.table2 {
         text-align: left;
                }

#grossbild {
         padding: 0px;
         text-align: center;
           }

#grossbild a {
         color: #FF0000;
         font-weight: bold;
         text-decoration: none;
             }

table.tablerot {
         border: 1px solid #FF0000;
               }

td.tabletop {
         font-weight: bold;
         color: #ffffff;
         background-color: #FF0000;
         padding: 5px;
         text-align: center;
            }

td.staffel {
         background-color: #FF9F00;
         padding: 5px;
         vertical-align: top;
           }

td.termine {
         background-color: #FFDF00;
         padding: 5px;
         text-align: left;
         vertical-align: top;
           }

#footer {
         color: #FFFF00;
         background-color: #FF0000;
         padding: 10px;
         clear: both;}

.formular {
         font-family: arial;
         font-size: 9pt;
         background-color: #DFDFDF;
         border: 0px;
         width: 335px;
         padding: 0px;
         margin: 0px;
         }

input {border: 1px solid #000000;}

textarea {border: 1px solid #000000;}

           /* kontaktformular  */

.blocksatz
{
    color: #FF0000;
    font-family: verdana, sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-align: justify;
    text-decoration: none;
}

.contentblack
{
    color: #000000;
    font-family: verdana, sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    border: 1px solid #07357A;
}

.button
{
     color: #ffffff;
     background-color: #FF0000;
     border: 1px solid #ffffff;
}

.autor
{
    color: #517AC4;
    font-family: verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

.morelink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	color: #FF0000;
	letter-spacing: -1px;
}
.latestnews {
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #FF0000;
	background-color: #ffffff;
         padding: 2px;
}

.contentlink
{
    color: #000066;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}