* {
  margin:0;
  padding:0;
  border: 0;
  }

html, body {
  height:100%;
  }

body {
  background-color: #FD5B02;
  font:100.01%/1.4 sans-serif;
  text-align:center; /* horizontal centering for IE Win quirks */
  font-family: 'frutiger linotype', frutiger, verdana, sans-serif;
  }

#distance {
  width:1px;
  height:50%;
  margin-bottom:-400px; /* half of container's height */
  float:left;
  }

#container {
  margin: 0 auto;
  position:relative; /* puts container in front of distance */
  text-align:center;
  vertical-align: top;
  height:auto;
  width:900px;
  clear:left;
  background: url(images/container-bg.gif);
  /*border: 1px #fff solid;*/
  }
  
#line_top{
  height: 65px;
  min-height: 65px;
  width:  900px;
  background:url(images/top-bg.gif);
  background-color: #FD5B02;
  font-size: 0.75em;
}

#line_bottom{
  height: 24px;
  width:  900px;
  background:url(images/bottom-bg.gif);
  background-color: #FD5B02;
  font-size: 0.70em;
  vertical-align: bottom;
  line-height: 24px;
}

#header {
  width: 900px;
  background: url(images/header-bg.gif);
  height: 140px;
  min-height: 140px;
  text-align: left;
  }
  
#footer {
  width: 900px;
  background: url(images/footer-bg.gif);
  height: 50px;
  min-height: 30px;
  text-align: left;
  }
  
#footspace {
  background-color: #FD5B02;
  }
  
#nav {
  width: 680px;
  height: 25px;
  min-height: 25px;
  background: url(images/nav-bg.gif);
  margin-left: 170px;
  }
  
#showtrack {
  height: 100px;
  padding: 25px;
  width: 547px;
  margin-left: 202px;
  }
  
#logo {
  width: 180px;
  float: left;
  }
  
#header ul {
  margin-left: 35px;
  }
  
#header li {
  padding-left: 22px;
  padding-right: 22px;
  font-size: 0.75em;
  height: 16px;
  float: left;
  display: block;
  border-right: 1px solid #01cafc;
  line-height: 19px;
  vertical-align: bottom;
  font-weight: 600;
  color: #FD5B02;
  background-color: #67FC04;
}

#header a {
  color: #FD5B02;
  text-decoration: none;
  }
  
#header a:hover {
  color: #ffffff;
  }

#header li.last, {
  border: 0;
  }

#header li:hover {
  color: #ffffff;
  }

#left {
  width: 660px;
  padding: 15px 0px 10px 0px;
  }
  
#right {
  width: 240px;
  height: 100%;
  min-height: 100%;
  padding: 15px 0px 10px 0px;
  float:right;
  }
  
.side-top-orange, .side-bottom-orange, .side-middle-orange, .side-top-blau, .side-bottom-blau, .side-middle-blau, .side-top-gruen, .side-bottom-gruen, .side-middle-gruen  {
  height: 12px;
  min-height: 12px;
  width: 186px;
  margin: 0 auto;
  }
  
.side-middle-orange, .side-middle-blau, .side-middle-gruen {
  height: 100%;
  min-height: 100%;
  }
  
.side-bottom-orange, .side-bottom-blau, .side-bottom-gruen {
  margin-bottom: 20px;
  }
  
.side-top-orange {
  background: url(images/side-top-bg_1.gif);
  }

.side-middle-orange {
  background: url(images/side-middle-bg_1.gif);
  }

.side-bottom-orange {
  background: url(images/side-bottom-bg_1.gif);
  }
  
.side-top-blau {
  background: url(images/side-top-bg_2.gif);
  }

.side-middle-blau {
  background: url(images/side-middle-bg_2.gif);
  }

.side-bottom-blau {
  background: url(images/side-bottom-bg_2.gif);
  }
  
.side-top-gruen {
  background: url(images/side-top-bg.gif);
  }

.side-middle-gruen {
  background: url(images/side-middle-bg.gif);
  }

.side-bottom-gruen {
  background: url(images/side-bottom-bg.gif);
  }
  
#content {
  margin: 0 auto 5px auto;
  width: 630px;
  height: 400px;
  min-height: 400px;
  height: 100%;
  }
  
.content-top-orange, .content-middle-orange, .content-bottom-orange, .content-top-blau, .content-middle-blau, .content-bottom-blau, .content-top-gruen, .content-middle-gruen, .content-bottom-gruen {
  width: 630px;
  margin: 0 auto;
  }
  
.content-top-orange, .content-top-blau, .content-top-gruen {
  height: 12px;
  min-height: 12px;
  }
  
.content-bottom-orange, .content-bottom-blau, .content-bottom-gruen {
  height: 20px;
  min-height: 20px;
  margin-bottom: 20px;
  }
  
.content-top-blau {
  background: url(images/content-top-bg.gif);
  }
  
.content-middle-blau {
  background: url(images/content-middle-bg.gif);
  }
  
.content-bottom-blau {
  background: url(images/content-bottom-bg.gif);
  }
  
.content-top-orange {
  background: url(images/content-top-bg_1.gif);
  }
  
.content-middle-orange {
  background: url(images/content-middle-bg_1.gif);
  }
  
.content-bottom-orange {
  background: url(images/content-bottom-bg_1.gif);
  }
  
.content-top-gruen {
  background: url(images/content-top-bg_2.gif);
  }

.content-middle-gruen {
  background: url(images/content-middle-bg_2.gif);
  }

.content-bottom-gruen {
  background: url(images/content-bottom-bg_2.gif);
  }
  
p {
  text-align: left;
  font-size: 80%;
  width: 620px;
  margin: 5px 5px 0 5px;
  line-height: 1.5em;
  }
  
p.right-box {
  text-align: left;
  font-size: 73%;
  width: 176px;
  margin: 5px auto 0 auto;
  border: 0;
  }
  
h1.blau, h1.orange, h1.gruen {
  text-align: left;
  text-indent: 5px;
  font-size: 100%;
  width: 100%;
  color: #ffffff;
  background: #01cafc;
  }
  
h1.orange {
  background: #FD5B02;
  }

h1.gruen {
  background: #67FC04;
  }
  
h4.gruen, h4.orange, h4.blau {
  text-align: left;
  text-indent: 5px;
  color: #ffffff;
  width: 100%;
  background: #67FC04;
  }
  
h4.orange {
  background: #FD5B02;
  }
  
h4.blau {
  background: #01cafc;
  }
  
a:link, a:active, a:visited, a:hover {
  color: #01cafc;
  }
  
img {
  border: 0;
  }
  
table {
  width: 630px;
  }

td {
  font-size: 70%;
  padding: 5px;
  }

td.leftalign {
  text-align: left;
  }

td.rightalign {
  text-align: right;
  }
  
strong.cardnr {
  color: #FD5B02;
  }
  
a.foot {
  font-size: 0.9em;
  color: #ffffff;
  text-decoration: none;
  }
  
/* Formular */

form {
  width: 620px;
  padding: 5px;
  }

input, textarea {
  border: 1px solid #01cafc;
  }
  
input.reset, input.submit {
  width: 99px;
  height: 26px;
  padding: 3px 20px;
  background: url(images/submit-bg-r.gif);
  border: 0;
  }

input.reset:hover, input.submit:hover {
  background: url(images/submit-bg.gif);
  color: #ffffff;
  }

textarea {
  width: 400px;
  height: 250px;
  }

td.legend {
  padding-right: 15px;
  vertical-align: top;
  }
  
table.form td {
  text-align: left;
  font-size: 80%;
  }

table.form td.submit {
  text-align: right;
  padding-right: 48px;
  }