@font-face { font-family: 'Hobo'; src: url('woodstock/font/Hobo.ttf') format('truetype'); }

body {
         font-family: Verdana;
         font-size: 12px;
         color: #000000;
         background-color: #FFCC00;
         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: 960px;
         background-color: #FFCC00;
         padding: 10px 0 10px 10px;
         margin: 10px auto;
           }

#header {
         text-align: left;
         width: 940px;
        }


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

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

#navigation li {
        display: inline;
        list-style-type: none;
        font-size: 1.5em;
        background-color: #FFCC00;
        width: 125px;
        height: 40px;
        float: left;
        text-align: center;
        padding-right: 5px;
        }

#navigation li a {
         background-color: #FFCC00;
         display: block;
         height: 28px;
         width: 100%;
         color: #fff;
         text-decoration: none;
         font-size: 1.5em;
         padding-top: 5px;
        }

#navigation li a.on {
         background-color: #FFCC00;
         color: #fff;
         height: 28px;
         font-size: 1.5em;
         padding-top: 5px;
                    }

#navigation li a:hover {
         background-color: #FFCC00;
         color: red;
         font-size: 1.5em;
                       }

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

#banner {
         float: right;
         width: 250px;
         text-align: right;
         font-size: 110px;
         color: #fff;
        }


#text {
         float: left;
         width: 680px;
         height: 559px;
         background-image: url(bilder/woodstock_back.jpg);
         background-repeat: no-repeat;
         background-position: top left;
      }

#text1 {
         float: left;
         width: 680px;
         height: 559px;
         background-image: url(bilder/woodstock_back_1.jpg);
         background-repeat: no-repeat;
         background-position: top left;
      }

#text2 {
         float: left;
         width: 680px;
         height: 559px;
         background-image: url(bilder/woodstock_back_2.jpg);
         background-repeat: no-repeat;
         background-position: top left;
      }

#text3 {
         float: left;
         width: 680px;
         height: 559px;
         background-image: url(bilder/woodstock_back_3.jpg);
         background-repeat: no-repeat;
         background-position: top left;
      }

#text4 {
         float: left;
         width: 680px;
         height: 559px;
         background-image: url(bilder/woodstock_back_4.jpg);
         background-repeat: no-repeat;
         background-position: top left;
      }

#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: #fff;
         margin: 0px;
         padding: 0px;
         clear: both;}