/* allgemein */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, ol, ul, li, table, tr, th, td, form {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  }
#footer p, #footer p a, #footer a, #navigation div, #navigation span, #navigation h1, #navigation h2, #navigation h3, #navigation h4, #navigation h5, #navigation h6, #navigation p, #navigation a, #navigation em, #navigation strong, #navigation ol, #navigation ul, #navigation li, #navigation table, #navigation tr, #navigation th, #navigation td, #navigation form, #content div, #content span, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content p, .kicktipp-javascript .kicktipp-content p, #content a, #content em, #content strong, #content ol, #content ul, #content li, #content table, #content tr, #content th, #content td, #content form { font-family: 'Courier New', Courier, monospace; }
/* struktur */
html {
  padding: 0;
  margin: 0;
  }
body {
  position: relative;
  padding: 0;
  margin: 0;
  background: transparent url('/images/bg-body.jpg') fixed repeat;
  color: #333333;	
  font-size: 80%; /* Resets 1em to 10px */
  font-family: 'Courier New', Courier, monospace;
  text-align: center;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 0;
  }
#wrapper {
  position: relative;
  padding: 0;
  margin: 0 auto;
  width: 1000px;
  height: 100%;
  z-index: 0;
  }
#rasenlinie {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 2600px;
  height: 1300px;
  background: transparent url('/images/rasenlinien.png') top left no-repeat;
  z-index: 1;
  }
#linie {
  float: left;
  position: relative;
  padding: 0 20px 0 20px;
  margin: 0 auto 100px auto;
  width: 960px;
  height: 100%;
  overflow: visible;
  background: transparent url('/images/bg-content.png') 0px 220px repeat-y;
  z-index: 2;
  }
/* header */
#header {
  position: relative;
  float: left;
  width: 980px;
  height: 220px;
  padding: 0 10px;
  margin: 0;
  text-align: right;
  z-index: 10;
  background: transparent url('/images/bg-header.png') bottom left no-repeat;
  }
/* content */
#main {
  position: relative;
  float: left;
  width: 960px;
  height: 100%;
  padding: 0 0 70px 0;
  margin: 0;
  text-align: left;
  overflow: visible;
  z-index: 3;
  }
#bg-footer {
  position: absolute;
  bottom: -20px;
  left: -20px;
  width: 1000px;
  height: 20px;
  padding: 0;
  margin: 0;
  z-index: 3;
  background: transparent url('/images/bg-footer.png') top left no-repeat;
  }
#main .kicktipp-sprachwahl {
  position: absolute;
  top: 20px;
  right: 30px;
  z-index: 4;
  }
#main h1#titel {
  position: absolute;
  top: 20px;
  left: 210px;
  font-size:32px;
  z-index: 4;
  }
/* kicktipp content */
#content, .kicktipp-javascript .kicktipp-content {
  float: left;
  width: 720px;
  height: 100%;
  padding: 50px 30px 0 210px;
  }
#footer {
  position: relative;
  float: left;
  width: 720px;
  color: #ffffff;
  border-top: 1px solid #666666;
  background: #000000 url('/images/bg-menu.jpg') top right repeat-y;
  text-align: left;
  padding: 12px 60px 13px 20px;
  margin: 70px 0 0 190px;
  }
#footer a { 
  text-decoration: none;
  color: #849800;
  border-bottom: 0 none;
  }
#footer a:hover { border-bottom: 1px dotted #849800; }
#ecke-footer {
  position: absolute;
  top: -15px;
  right: 1px;
  width: 30px;
  height: 15px;
  z-index: 5;  
  background: transparent url('/images/ecke-footer.png') top left no-repeat;
  }
.kicktipp-javascript .kicktipp-content, .kicktipp-javascript .kicktipp-content table, .kicktipp-javascript .kicktipp-content h2 {
  font-family: 'Courier New', Courier, monospace;
  color: #333333;
  }
.kicktipp-javascript .kicktipp-content tr.o,.kicktipp-javascript .kicktipp-content tr.o p,.kicktipp-javascript .kicktipp-content tr.o div,.kicktipp-javascript .kicktipp-content tr.o ul li {
  background-color: #dddddd;
  color: #111111;
  }
.kicktipp-javascript .kicktipp-content tr.e,.kicktipp-javascript .kicktipp-content tr.e p,.kicktipp-javascript .kicktipp-content tr.e div,.kicktipp-javascript .kicktipp-content tr.e ul li {
  background-color: #f3f3f3;
  color: #111111;
  }
.kicktipp-javascript .kicktipp-content td.colgap,.kicktipp-javascript .kicktipp-content th.colgap { background-color: #cccccc; }
.kicktipp-javascript .kicktipp-content caption,.kicktipp-javascript .kicktipp-content th,.kicktipp-javascript .kicktipp-content div,.kicktipp-javascript .kicktipp-content th a.sort { color: #333333; }
.kicktipp-javascript .kicktipp-content a, .kicktipp-javascript .kicktipp-content td a,.kicktipp-javascript .kicktipp-content tr.e a,.kicktipp-javascript .kicktipp-content tr.o a { 
  text-decoration: none;
  color: #849800;
  border: 0 none;
  }
.kicktipp-javascript .kicktipp-content a:hover, .kicktipp-javascript .kicktipp-content td a:hover,.kicktipp-javascript .kicktipp-content tr.e a:hover,.kicktipp-javascript .kicktipp-content tr.o a:hover { border-bottom: 1px dotted #849800; }
.kicktipp-javascript .kicktipp-content tr.s INPUT {
  background: #444444 url('/images/bg-menuhover.jpg') bottom left repeat-x;
  color: #ffffff;
  font-family: 'Courier New', Courier, monospace;
  font-weight: bold;
  border: 1px solid #555555;
  padding: 5px 10px;
  }
.kicktipp-javascript .kicktipp-content tr.s INPUT:hover {
  color: #ffffff;
  background: #849800 url('/images/bg-menuactive.jpg') bottom left repeat-x;
  font-family: 'Courier New', Courier, monospace;
  font-weight: bold;
  border: 1px solid #555555;
  padding: 5px 10px;
  }
.kicktipp-javascript .kicktipp-content p { color: #333333; }
.kicktipp-javascript .kicktipp-content tr.sptsieger {
  color: #ffffff;
  background: #444444 url('/images/bg-menuhover.jpg') bottom left repeat-x;
  font-weight: normal;
  }
.kicktipp-javascript .kicktipp-content tr.sptsieger .pkts { color: #C01C00; }
.kicktipp-javascript .kicktipp-content th {
  color: #ffffff;
  font-weight: bold;
  background: #849800 url('/images/bg-menuactive.jpg') bottom left repeat-x;
  padding: 10px 3px;
  text-align: left;
  vertical-align: middle;
  }
.kicktipp-javascript .kicktipp-content caption { margin-bottom: 3px; }
.kicktipp-javascript .kicktipp-content th a.sort-aktiv {
  color:#C01C00;
  text-decoration:none;
  border-bottom: 1px dotted #C01C00; 
}
.kicktipp-javascript .kicktipp-content th a.sort-aktiv:hover {
  color:#C01C00;
  border-bottom: 1px dotted #C01C00; 
}
.kicktipp-javascript .kicktipp-content th a, .kicktipp-javascript .kicktipp-content th a:visited, .kicktipp-javascript .kicktipp-content th a.sort {
  color:#ffffff;
  text-decoration:none;
  border-bottom: 1px dotted #ffffff; 
  }
.kicktipp-javascript .kicktipp-content th a:hover, .kicktipp-javascript .kicktipp-content th a.sort:hover {
  color:#ffffff;
  border-bottom: 1px dotted #ffffff; 
}
/* kicktipp navigation */
#ecke {
  position: absolute;
  top: 5px;
  left: -30px;
  width: 30px;
  height: 15px;
  z-index: 5;  
  background: transparent url('/images/ecke.png') top left no-repeat;
  }
ul#menu {
  border-top: 1px solid #666666;
  position: absolute;
  top: 20px;
  left: -30px;
  height: 35px;
  overflow: hidden;
  z-index: 7;
  list-style: none;
  }
#navigation {
  position: absolute;
  top: 55px;
  left: -30px;
  width: 210px;
  overflow: hidden;
  z-index: 6;
  }
.kicktipp-javascript .kicktipp-navigation ul { border-top: 1px solid #666666; }
ul#menu li, .kicktipp-javascript .kicktipp-navigation ul li {
  float: none; !important;
  width: 210px;
  padding: 0px !important;
  font-family: 'Courier New', Courier, monospace;
  color: #333333;
  }
ul#menu li a, .kicktipp-javascript .kicktipp-navigation ul li a {
  width: 180px;
  padding: 10px 10px 10px 20px !important;
  margin: 0 !important
  }
ul#menu  li, .kicktipp-javascript .kicktipp-navigation ul li { color: #ffffff; }
ul#menu li a, .kicktipp-javascript .kicktipp-navigation ul li a {
  height: 15px;
  background: #111111 url('/images/bg-menu.jpg') top left repeat-y;
  color: #ffffff;
  border-bottom: 1px solid #333333;
  overflow: hidden;
  }
ul#menu li a {
  background: #849800 url('/images/bg-menuactive.jpg') bottom left repeat-x;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  display: block;
  }
ul#menu li a.active, .kicktipp-javascript .kicktipp-navigation ul li a.active {
  background: #849800 url('/images/bg-menuactive.jpg') bottom left repeat-x;
  color: #ffffff;
  font-weight: bold;
  border-bottom: 1px solid #333333;
  }
ul#menu li a:hover, .kicktipp-javascript .kicktipp-navigation ul li a:hover {
  background: #444444 url('/images/bg-menuhover.jpg') bottom left repeat-x;
  font-weight: bold;
  color: #ffffff;
  border-bottom: 1px solid #333333;
  }
.preis {
  float: left;
  width: 160px;
  margin: 0 26px 0 0;
  background-color: #f3f3f3;
  }
.last { margin: 0; }
#content .preis h3 {
  color: #ffffff;
  font-weight: bold;
  width: 140px;
  height: 15px;
  padding: 10px;
  margin: 0;
  background: #849800 url('/images/bg-menuactive.jpg') bottom left repeat-x;
  border-bottom: 1px solid #333333;
  }
.preis p { padding: 10px; }
#content table { width: 720px; }
#content table#punkteregeln table { width: 100% !important; }
#content td.pos {
  width: 20px;
  text-align:center;
  }