html, body {
  margin:0; padding:0;
}
html {
  background:#fcb813; height:100%;
}
* html {
  background:transparent;
}
body {
  color:black; background:#feeecf; min-height:100.02%; max-width:70em;
  font:101% "Century Gothic","Trebuchet MS","Microsoft Sans Serif",Helvetica,Arial,sans-serif;
}
a {
  color:#039; text-decoration:underline; padding:0 0.1em;
}
a:hover {
  background:#eedebf;
}
a:hover, #header a, #header a:active, #Ausrichter a, #Ausrichter a:active {
  text-decoration:none;
}
a:active, #header a:hover, #Ausrichter a:hover {
  text-decoration:underline;
}
a img {
  border:0;
}
#header {
  position:relative; padding:0.5em 1em; background:#fcb813 url(bg_header.jpg) repeat-x;
}
* html #header {
  height:0;
}
#header p {
  position:absolute; bottom:0.5em; left:1em; z-index:1; margin:0;
  font-weight:bold; color:white;
}
#header a {
  color:#d94e03; background:transparent; padding:0;
}
#header a:hover {
  color:white; background:#fcb813;
}
h1 {
  margin:0 auto; padding:0; font-size:2.4em; font-weight:normal;
  width:500px; letter-spacing:0.1em; word-spacing:0.2em;
}
h1 strong, h1 em {
  font-size:0.9em; font-weight:bold; letter-spacing:0.05em;
}
h1 em {
  color:white; font-style:normal;
}
h1 small {
  font-size:0.4em; float:right; margin-right:0.5em;
}
* html h1 small {
  font-size:0.4em; float:right; margin-right:0.2em;
}
h1 span {
  display:block; clear:right;
}
#start {
  width:500px; height:580px; position:relative; z-index:1; margin:0 auto;
  color:white; background:black url(titel.jpg) no-repeat;
}
#start h2, #start h3, #start h4, #start p {
  margin:0 0 0 20px; padding:0;
}
#start h2 {
  font-size:2.2em; padding-top:55px;
}
#start h3 {
  font-size:1.8em; font-weight:normal;
}
#start h4 {
  font-size:0.88em; margin:5px 0 0 24px;
}
#start p {
  margin-top:45px; font-size:0.93em;
}
#start p strong {
  display:block; font-size:1.8em;
}
#start p a {
  color:white; background:transparent; padding:0;
}
* html #logo {
  position:absolute;
}
#logo {
  position:fixed; top:25px; right:25px;
}
#logo img {
  width:66px; height:72px;
}
#logo a, #IDSF a, #sponsoren a {
  background:transparent;
}
#Ausrichter {
  position:absolute; margin:0; bottom:12px; left:20px;
}
#Ausrichter img {
  border:0; vertical-align:text-bottom; position:relative; top:5px;
  width:22px; height:25px; background:black;
}
#IDSF {
  position:absolute; top:10em; left:50px;
}
#sponsoren {
  position:fixed; bottom:0; left:10px;
}
* html #sponsoren {
  position:absolute;
}
#sponsoren p {
  margin:10px 0 0 0;
}
#navigation {
  position:fixed; top:9.9em; right:0; z-index:2;
  width:12em; padding:1em; background:#feeecf;
}
* html #navigation {
  top:9.6em; position:absolute;
}
*:first-child+html #navigation {
  top:9.6em;
}
#navigation p {
  margin:0 0 1em; padding:0;
}
#navigation ul {
  list-style:none; margin:0; padding:0;
}
#navigation li {
  margin:0.2em 0; line-height:1.4em; border-bottom:1px solid #fcb813;
  /* border-left:2px solid #fcb813; */
}
#navigation li#current {
  font-weight:bold; font-size:0.93em; padding:0 0.2em 0 1.4em;
  color:#d94e03; background:#fcb813 url(list_img_a_current.gif) no-repeat top left;
}
* html #navigation li {
  height:0;
}
#navigation li a {
  text-decoration:none; color:#fcb813; font-weight:bold; font-size:0.93em;
  display:block; padding:0 0.2em 0 1.4em;
  background: transparent url(list_img_a.jpg) no-repeat top left;
}
#navigation li a:hover {
  color:#d94e03; background:#ffdea3 url(list_img_a_current.gif) no-repeat top left;
}
.icon {
  vertical-align:middle;
}
#mail1 > span:before, #mail2 > span:before, #mail3 > span:before, #mail4 > span:before, #mail5 > span:before {
  content: "@";
}
#mail1 > span span, #mail2 > span span, #mail3 > span span, #mail4 > span span, #mail5 > span span {
  display: none;
}
*:first-child+html #mail1 > span span, *:first-child+html #mail2 > span span, *:first-child+html #mail3 > span span, *:first-child+html #mail4 > span span, *:first-child+html #mail5 > span span {
  display: inline;
}
#content {
  margin:0.5em 15em 0 1em; padding-bottom:0.5em;
}
#content:after {
  content:" "; clear:both; display:block; height:0; font-size:0;
}
#content .right {
  float:right; margin:0 1em 1em;
}
#content .left {
  float:left; margin:0 1em 1em 0;
}
#content .clear {
  clear:both;
}
#content h2 {
width:10em; padding-bottom:0.3em; font-weight:normal; border-bottom:1px solid #fcb813;
}
#content h3 {
  font-size:1.25em; color:#039; margin:2em 0 0.8em;
}
#content h3.first {
  margin-top:0;
}
table {
  border:2px solid #039; border-collapse:collapse; margin:1em 0;
}
th, td {
  font-weight:normal; text-align:left; padding:0.2em; border:1px solid #fcb813;
}
#Formationen th {
  font-weight:bold; border-color:navy;
}
.rot {
  background:#ce0821; font-weight:bold;
}
.orange {
  background:#de8418; font-weight:bold;
}
.gelb {
  background:#f7e700; font-weight:bold;
}
.gruen {
  background:#218c21; font-weight:bold;
}
.blau {
  background:#527bbd; font-weight:bold;
}
#content ul {
  margin:1em; padding:0;
}
#content .top {
  margin-top:0;
}
#extra {
  position:fixed; bottom:0; right:0; z-index:2; width:13.8em; background:#feeecf;
}
* html #extra {
  position:absolute;
}
#extra a {
  display:block; margin:1em; text-align:right; text-decoration:none; font-size:0.82em;
  color:#d94e03; background:#ffdea3 url(list_img_a_extra.jpg) no-repeat top left;
}
#extra a:hover {
  color:white; background:#fcb813 url(list_img_a_current.gif) no-repeat top left;
}

.ergebnis {
  border:0;
}
.ergebnis td {
  padding: 0.1em 1em;
}
.kreuze {
  font-family: "Courier New", Courier, monospace;
}
.platz {
  color:#d94e03; font-weight:bold;
}

@media print {
  html {
    background:transparent; height:auto;
  }
  body {
    background:white; min-height:auto; max-width:auto;
  }
  #header, h1 em, #header small b {
    color:#fcb813; background:white;
  }
  #header small {
    color:#039;
  }
  #start, #start p a {
    color:black; background:white;
  }
  #header p, #navigation {
    display:none;
  }
  #content {
    margin:0;
  }
  .rot {
    background:white; color:#ce0821;
  }
  .orange {
    background:white; color:#de8418;
  }
  .gelb {
    background:white; color:#f7e700;
  }
  .gruen {
    background:white; color:#218c21;
  }
  .blau {
    background:white; color:#527bbd;
  }
}