/* body */
body {
  color: white;
  background-color: black;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
}

.frame {
  color: black;
  background-color: rgb(238,229,0);
  top: 0px;
  width: 1000px;
  height: 100%;
  margin: 0px auto;
  position: relative;
  overflow: hidden;
}

.main {
  color: black;
  background-color: rgb(246,241,115);
  top: 0px;
  left: 174px;
  width: 669px;
  height: 100%;
  position: relative;
}

.topbg {
  top: 0px;
  left: 0px;
  height: 434px;
  width: 174px;
  position: absolute;
  background-image: url(topbg.gif);
}

.mobi {
  bottom: 10px;
  left: 10px;
  height: 26px;
  width: 154px;
  position: absolute;
  background-image: url(mobi.gif);
}

.shadowleft {
  top: 434px;
  left: 159px;
  bottom: 0px;
  width: 15px;
  position: absolute;
  background-image: url(shadowleft.gif);
}

.shadowrighttop {
  top: 0px;
  left: 843px;
  height: 109px;
  width: 15px;
  position: absolute;
  background-image: url(shadowright.gif);
}

.shadowrightspacer {
  top: 109px;
  left: 843px;
  height: 60px;
  width: 15px;
  position: absolute;
  background-image: url(shadowrightspacer.gif);
}

.shadowrightbottom {
  top: 169px;
  left: 843px;
  bottom: 0px;
  width: 15px;
  position: absolute;
  background-image: url(shadowright.gif);
}

/* in main */
.topleft {
  top: 0px;
  left: 0px;
  height: 149px;
  width: 161px;
  position: absolute;
  background-image: url(topleft.gif);
}

a.home {
  top: 6px;
  left: 584px;
  height: 31px;
  width: 74px;
  position: absolute;
  background-image: url(home.gif);
}
a.home:hover {
  background-image: url(home_selected.gif);
}

a.saison {
  top: 5px;
  left: 229px;
  height: 60px;
  width: 235px;
  position: absolute;
  background-image: url(saison.gif);
}
a.saison:hover {
  background-image: url(saison_selected.gif);
}

a.team {
  top: 68px;
  left: 387px;
  height: 53px;
  width: 127px;
  position: absolute;
  background-image: url(team.gif);
}
a.team:hover {
  background-image: url(team_selected.gif);
}

a.kontakt {
  top: 48px;
  left: 518px;
  height: 29px;
  width: 121px;
  position: absolute;
  background-image: url(kontakt.gif);
}
a.kontakt:hover {
  background-image: url(kontakt_selected.gif);
}

a.gallery {
  top: 70px;
  left: 137px;
  height: 29px;
  width: 109px;
  position: absolute;
  background-image: url(gallery.gif);
}
a.gallery:hover {
  background-image: url(gallery_selected.gif);
}

a.gaestebuch {
  top: 87px;
  left: 251px;
  height: 24px;
  width: 124px;
  position: absolute;
  background-image: url(gaestebuch.gif);
}
a.gaestebuch:hover {
  background-image: url(gaestebuch_selected.gif);
}

.topmiddle {
  top: 129px;
  left: 161px;
  height: 20px;
  width: 508px;
  position: absolute;
  background-image: url(topmiddle.gif);
}

.left {
  top: 149px;
  left: 0px;
  width: 126px;
  position: absolute;
}
.lefthome {
  height: 341px;
  background-image: url(left_news.gif);
}
.leftsaison {
  height: 414px;
  background-image: url(left_saison.gif);
}
.leftteam {
  height: 334px;
  background-image: url(left_team.gif);
}
.leftkontakt {
  height: 537px;
  background-image: url(left_kontakt.gif);
}
.leftgallery {
  height: 523px;
  background-image: url(left_gallery.gif);
}
.leftgaestebuch {
  height: 675px;
  background-image: url(left_gaestebuch.gif);
}

/* content */
.content {
  text-align: left;
  vertical-align: left;
  top: 170px;
  left: 161px;
  width: 508px;
  bottom: 0px;
  position: absolute;
  overflow: auto;
}

/* content with 1 submenu*/
.content1submenu {
  text-align: left;
  vertical-align: left;
  top: 40px;
  left: 0px;
  width: 508px;
  bottom: 0px;
  position: absolute;
  overflow: auto;
}

/* content with 2 submenus */
.content2submenus {
  text-align: left;
  vertical-align: left;
  top: 65px;  /* 40 + 25 */
  left: 0px;
  width: 508px;
  bottom: 0px;
  position: absolute;
  overflow: auto;
}

.firstsubmenubar {
  top: 0px;
  left: 0px;
  width: 508px;
  height: 20px;
  position: absolute;
}
.secondsubmenubar {
  top: 25px;
  left: 0px;
  width: 508px;
  height: 20px;
  position: absolute;
}

/* dist = 508 - 333 (all widths) / 4 (amount -1) = 43.75 */
a.spielplan {
  top: 0px;
  left: 0px;
  height: 20px;
  width: 80px;
  position: absolute;
  background-image: url(spielplan.gif);
}
a.spielplan:hover {
  top: 0px;
  left: 0px;
  height: 20px;
  width: 80px;
  position: absolute;
  background-image: url(spielplan_selected.gif);
}
a.spielplanselected {
  top: 0px;
  left: 0px;
  height: 20px;
  width: 80px;
  position: absolute;
  background-image: url(spielplan_selected.gif);
}

a.tabelle {
  top: 0px;
  left: 121px; /* 0 + 80 + 43 */
  height: 20px;
  width: 66px;
  position: absolute;
  background-image: url(tabelle.gif);
}
a.tabelle:hover {
  top: 0px;
  left: 121px; /* 0 + 80 + 43 */
  height: 20px;
  width: 66px;
  position: absolute;
  background-image: url(tabelle_selected.gif);
}
a.tabelleselected {
  top: 0px;
  left: 121px; /* 0 + 80 + 43 */
  height: 20px;
  width: 66px;
  position: absolute;
  background-image: url(tabelle_selected.gif);
}

a.statistik {
  top: 0px;
  left: 230px; /* 121 + 66 + 43 */
  height: 20px;
  width: 76px;
  position: absolute;
  background-image: url(statistik.gif);
}
a.statistik:hover {
  top: 0px;
  left: 230px; /* 121 + 66 + 43 */
  height: 20px;
  width: 76px;
  position: absolute;
  background-image: url(statistik_selected.gif);
}
a.statistikselected {
  top: 0px;
  left: 230px; /* 121 + 66 + 43 */
  height: 20px;
  width: 76px;
  position: absolute;
  background-image: url(statistik_selected.gif);
}

a.berichte {
  top: 0px;
  left: 350px; /* 230 + 76 + 44 */
  height: 20px;
  width: 71px;
  position: absolute;
  background-image: url(berichte.gif);
}
a.berichte:hover {
  top: 0px;
  left: 350px; /* 230 + 76 + 44 */
  height: 20px;
  width: 71px;
  position: absolute;
  background-image: url(berichte_selected.gif);
}
a.berichteselected {
  top: 0px;
  left: 350px; /* 230 + 76 + 44 */
  height: 20px;
  width: 71px;
  position: absolute;
  background-image: url(berichte_selected.gif);
}

a.toto {
  top: 0px;
  left: 468px; /* 350 + 71 + 43 */
  height: 20px;
  width: 40px;
  position: absolute;
  background-image: url(toto.gif);
}
a.toto:hover {
  top: 0px;
  left: 468px; /* 350 + 71 + 43 */
  height: 20px;
  width: 40px;
  position: absolute;
  background-image: url(toto_selected.gif);
}
a.totoselected {
  top: 0px;
  left: 468px; /* 350 + 71 + 43 */
  height: 20px;
  width: 40px;
  position: absolute;
  background-image: url(toto_selected.gif);
}
/* 468 + 40 = 508 */



/* dist = 508 - 312 (all widths) / 8 (amount - 1) = 24.5 */
a.yall {
  top: 0px;
  left: 0px;
  height: 20px;
  width: 28px;
  position: absolute;
  background-image: url(all.gif);
}
a.yall:hover {
  top: 0px;
  left: 0px;
  height: 20px;
  width: 28px;
  position: absolute;
  background-image: url(all_selected.gif);
}
a.yallselected {
  top: 0px;
  left: 0px;
  height: 20px;
  width: 28px;
  position: absolute;
  background-image: url(all_selected.gif);
}

a.y2011 {
  top: 0px;
  left: 52px; /* 0 + 28 + 24 */
  height: 20px;
  width: 33px;
  position: absolute;
  background-image: url(2011.gif);
}
a.y2011:hover {
  top: 0px;
  left: 52px; /* 0 + 28 + 24 */
  height: 20px;
  width: 33px;
  position: absolute;
  background-image: url(2011_selected.gif);
}
a.y2011selected {
  top: 0px;
  left: 52px; /* 0 + 28 + 24 */
  height: 20px;
  width: 33px;
  position: absolute;
  background-image: url(2011_selected.gif);
}

a.y2010 {
  top: 0px;
  left: 110px; /* 52 + 33 + 25 */
  height: 20px;
  width: 34px;
  position: absolute;
  background-image: url(2010.gif);
}
a.y2010:hover {
  top: 0px;
  left: 110px; /* 52 + 33 + 25 */
  height: 20px;
  width: 34px;
  position: absolute;
  background-image: url(2010_selected.gif);
}
a.y2010selected {
  top: 0px;
  left: 110px; /* 52 + 33 + 25 */
  height: 20px;
  width: 34px;
  position: absolute;
  background-image: url(2010_selected.gif);
}

a.y2009 {
  top: 0px;
  left: 168px; /* 110 + 34 + 24 */
  height: 20px;
  width: 36px;
  position: absolute;
  background-image: url(2009.gif);
}
a.y2009:hover {
  top: 0px;
  left: 168px; /* 110 + 34 + 24 */
  height: 20px;
  width: 36px;
  position: absolute;
  background-image: url(2009_selected.gif);
}
a.y2009selected {
  top: 0px;
  left: 168px; /* 110 + 34 + 24 */
  height: 20px;
  width: 36px;
  position: absolute;
  background-image: url(2009_selected.gif);
}

a.y2008 {
  top: 0px;
  left: 229px; /* 168 + 36 + 25*/
  height: 20px;
  width: 36px;
  position: absolute;
  background-image: url(2008.gif);
}
a.y2008:hover {
  top: 0px;
  left: 229px; /* 168 + 36 + 25*/
  height: 20px;
  width: 36px;
  position: absolute;
  background-image: url(2008_selected.gif);
}
a.y2008selected {
  top: 0px;
  left: 229px; /* 168 + 36 + 25*/
  height: 20px;
  width: 36px;
  position: absolute;
  background-image: url(2008_selected.gif);
}

a.y2007 {
  top: 0px;
  left: 289px; /* 229 + 36 + 24 */
  height: 20px;
  width: 36px;
  position: absolute;
  background-image: url(2007.gif);
}
a.y2007:hover {
  top: 0px;
  left: 289px; /* 229 + 36 + 24 */
  height: 20px;
  width: 36px;
  position: absolute;
  background-image: url(2007_selected.gif);
}
a.y2007selected {
  top: 0px;
  left: 289px; /* 229 + 36 + 24 */
  height: 20px;
  width: 36px;
  position: absolute;
  background-image: url(2007_selected.gif);
}

a.y2006 {
  top: 0px;
  left: 350px; /* 289 + 36 + 25 */
  height: 20px;
  width: 37px;
  position: absolute;
  background-image: url(2006.gif);
}
a.y2006:hover {
  top: 0px;
  left: 350px; /* 289 + 36 + 25 */
  height: 20px;
  width: 37px;
  position: absolute;
  background-image: url(2006_selected.gif);
}
a.y2006selected {
  top: 0px;
  left: 350px; /* 289 + 36 + 25 */
  height: 20px;
  width: 37px;
  position: absolute;
  background-image: url(2006_selected.gif);
}

a.y2005 {
  top: 0px;
  left: 411px; /* 350 + 37 + 24 */
  height: 20px;
  width: 36px;
  position: absolute;
  background-image: url(2005.gif);
}
a.y2005:hover {
  top: 0px;
  left: 411px; /* 350 + 37 + 24 */
  height: 20px;
  width: 36px;
  position: absolute;
  background-image: url(2005_selected.gif);
}
a.y2005selected {
  top: 0px;
  left: 411px; /* 350 + 37 + 24 */
  height: 20px;
  width: 36px;
  position: absolute;
  background-image: url(2005_selected.gif);
}

a.y2004 {
  top: 0px;
  left: 472px; /* 411 + 36 + 25 */
  height: 20px;
  width: 36px;
  position: absolute;
  background-image: url(2004.gif);
}
a.y2004:hover {
  top: 0px;
  left: 472px; /* 411 + 36 + 25 */
  height: 20px;
  width: 36px;
  position: absolute;
  background-image: url(2004_selected.gif);
}
a.y2004selected {
  top: 0px;
  left: 472px; /* 411 + 36 + 25 */
  height: 20px;
  width: 36px;
  position: absolute;
  background-image: url(2004_selected.gif);
}
/* 472 + 36 = 508 */






/* dist = 508 - 192 (all widths) / 2 (amount -1) = 158 */
a.foto {
  top: 0px;
  left: 0px;
  height: 20px;
  width: 39px;
  position: absolute;
  background-image: url(foto.gif);
}
a.foto:hover {
  top: 0px;
  left: 0px;
  height: 20px;
  width: 39px;
  position: absolute;
  background-image: url(foto_selected.gif);
}
a.fotoselected {
  top: 0px;
  left: 0px;
  height: 20px;
  width: 39px;
  position: absolute;
  background-image: url(foto_selected.gif);
}

a.spieler {
  top: 0px;
  left: 197px; /* 39 + 158 */
  height: 20px;
  width: 60px;
  position: absolute;
  background-image: url(spieler.gif);
}
a.spieler:hover {
  top: 0px;
  left: 197px; /* 39 + 158 */
  height: 20px;
  width: 60px;
  position: absolute;
  background-image: url(spieler_selected.gif);
}
a.spielerselected {
  top: 0px;
  left: 197px; /* 39 + 158 */
  height: 20px;
  width: 60px;
  position: absolute;
  background-image: url(spieler_selected.gif);
}

a.geschichte {
  top: 0px;
  left: 415px; /* 197 + 60 + 158 */
  height: 20px;
  width: 93px;
  position: absolute;
  background-image: url(geschichte.gif);
}
a.geschichte:hover {
  top: 0px;
  left: 415px; /* 197 + 60 + 158 */
  height: 20px;
  width: 93px;
  position: absolute;
  background-image: url(geschichte_selected.gif);
}
a.geschichteselected {
  top: 0px;
  left: 415px; /* 197 + 60 + 158 */
  height: 20px;
  width: 93px;
  position: absolute;
  background-image: url(geschichte_selected.gif);
}
/* 415 + 93 = 508 */

.content h1 {
  font-family: Verdana, Helvetica, Arial, sans-serif;;
  font-size: 100%;
  padding: 0px;
  margin: 0px 0px 3px 0px;
}

.content h2 {
  font-family: Verdana, Helvetica, Arial, sans-serif;;
  font-size: 100%;
  padding: 0px;
  margin: 6px 0px 3px 0px;
}

.content h3 {
  font-family: Verdana, Helvetica, Arial, sans-serif;;
  font-size: 100%;
  padding: 0px;
  margin: 6px 0px 3px 0px;
}

.gaestebuchVon {
  text-align: left;
}

.gaestebuchVom {
  text-align: right;
}

/* forms */
.label {
  font-weight: bold;
}

.button {
  width: 100px;
}

.longformfield {
  width: 300px;
}

.shortformfield {
  width: 130px;
}

/* links in overviewlists*/
.overviewlist {font-size: 110%; line-height: 120%;}
/*
.overviewlist a {color: rgb(120,120,120); txt-decoration:none;}
.overviewlist a:link {color: rgb(120,120,120); text-decoration:none;}
.overviewlist a:visited {color: rgb(120,120,120); text-decoration:none;}
*/

/* all links */
a {color: rgb(175,171,88);}