/* RudernOnline Screen Stylesheet 2026 */

body {
  background: url(../img/back_2026.png) #e7f3f7; /*  */
  color: black;
  margin: 0;
  padding: 1%; /* äußerer Rand */
  min-width: 905px; /* Bei weniger als 905px Breite mit Scrollbalken */
  font-size: 100.01%; /* Font-Size-Bug im Safari, älteren Operas und IE */
  font-family: verdana, arial, sans-serif ;
}

a { color: #0B4D8C; text-decoration: underline; } /*  */
a:visited { color: black; } /* Besuchte Links */
.skip { /* Da ein wichtiger Screenreader das display: none; auch für sich versteht und nichts vorließt obwohl das hier sich vor allem an Blinde richtet, muss man es so lösen dass man diesen Link außerhalb des Sichtfeldes bringt. Somit wird er trotzdem vorgelesen. */
  position: absolute;
  margin-left: -999px;
  width: 990px;
}
p { margin:0; padding:0; font-size:10pt; color:black;}

h1 { /* Die Überschrift */
  font-size: 2.7em;
  font-weight: normal;
  line-height: 0.9em;
  padding: 0.6em 0 0.6em 0;
  margin: 0;
  border-bottom: 1px dashed #E6E6FA;
  color: #6699CC;
}
h2 { padding:0; margin:0px 0px 10px 0px; font-size:14pt; font-weight: bold;  font-family:verdana; color: #00003C;  font-style:italic;}
h3 { padding:0; margin:0px 0px 10px 0px; font-size:12pt; font-weight: bold;  font-family:verdana; color: #00003C;}
h4 { padding:0; margin:10px 0px 10px 0px; font-size:12pt; font-weight: bold;  font-family:verdana; color:blue;}

/* -- Layoutspezifisches -- */
#container { /* eine gemeinsamme Box mit Rand, der nicht ganz außen am Fenster ist. */
  font-size: 10pt; /* */
  max-width: 900px;  /* Eine Begrenzung der Breite */
  /* max-height: 700px; */
  margin: auto; /* zentrieren Seite. */
  border: 1px solid #aaa; /* Eine kleine optische Abgrenzung. */
  border-top: 0; /*  */
  background: url(../img/IMG_1094_head.jpg) 0 0 no-repeat white;
  position: relative;
}
#footer {
  clear: both; /* Damit #main mindestens so hoch ausgedehnt wird wie #subnav, falls #subnav länger sein sollte. */
  padding: 0 20px;
  background:  transparent;
}

/* - Logo bzw. Kopf - */
#logo {
  background:  transparent; /*  */
  height: 115px; /*  */
  padding: 0 35px;
  text-align: right;
  line-height: 68px;
  font-size: 56px; /*  */
  overflow: hidden; /*  */
  letter-spacing: -3px; /* Wieder ein wenig Typografie damit das Logo besser aussieht. */
  margin: 0; /*  */
}
#logo a {
  color: white; /* Logofarbe */
  text-decoration: none;
}
#logo a span {
  color: black;
  background: white;
  padding-right: 0.1em; /* Ein Hack, damit das weiße rechts und links genau so breit ist. */
  font-weight: bold;
}

/* - Menü - */
#menu {
  background: transparent;
  padding: 5px 5px; /*  */
  margin: 0;
  text-align: left;
  color: yellow; /* Farbe des Menüpunktes, der kein Link ist */
}
#menu li {
  font-size: 11pt;
  display: inline; /* Menüpunkte nebeneinander */
  list-style-type: none; /* keine Bullets */
  border-right: 1px solid white; /* Trennungsstrich */
  padding: 0 10px 0 10px;
  font-weight: bold;
}
#menu li a {
  color: white; /* Linkfarbe */
  text-decoration: none;
}

/* - Subnavigation, Rechte Spalte - */
#subnav {
  width: 200px; /*  */
  min-width: 200px; /* Damit uns die Subnavigarion nicht zu sehr zusammengeschoben wird. */
  float: right; /* Inhalt links neben der Subnavigation */
  padding: 80px 5px 0px 5px;
  margin: 1em 1% 0 1%;
  border-left: 1px dotted #aaa; /* Abtrennung zum eigentlichen Inhalt */
  /* font-size: 0.9em; ist normalerweise immer angegeben */
}
#subnav dt { /* Überschriften in der Subnavigation */
  font-size: 10pt;
  /* font-family: Georgia, "Times New Roman", Times, serif;
   * padding: 0.5em; */
  font-weight: bold;
  line-height: 11pt;
  padding-top: 3px;
  margin: 0 0 3px 0;
  color: #6699CC;
  border-top: 1px dotted #aaa; /* Trennungslinie zwischen den einzelnen Topics. */
}
#subnav dd { /* Unterpunkte der Subnavigation. */
  padding: 0;
  margin: 0 0 7px 0 ;
  color:black;
  font-size:8pt;
  line-height:9pt;
}

/* - Der Hauptinhaltsteil - */
#main {
  background: url(../img/ruderer_neu30.png) no-repeat 99% 8px white;
  font-size:10pt;
  /*width: 650px;
  max-width: 670px;  */
  padding: 5px 225px 0px 10px;
  margin:0px;/* Der rechte Abstand für einen zwei-Spalten Eindruck */
}
#gesamt {
  background: white;
  padding: 5px 10px;
}
#mlinks {
  background: white;
  float: left;
}
#mrechts {
  background: white;
}
#hilfe {
  background: white;
}
  /* a1 ist Box für das Logo der Regatta oberhalb des Regattanamens */
#a1 { position:absolute; top:5px; left:10px; width:180px; height:110px; background-color:transparent; }
  /* a2 ist Box mit dem Ruderer-Logo für index-Link */
#a2 { position:absolute; top:150px; right:7px; width:120px; height:80px; background-color:transparent; }
  /* a3 ist Box für zurück-Button in Druckansichten*/
#a3 { position:absolute; top:112px; right:10px; width:160px; height:30px; background-color:transparent; }
  /* a4 ist Box mit dem Titel 'RudernOnline.de' für index-Link */
#a4 { position:absolute; top:212px; right:93px; width:120px; height:20px; background-color:transparent; }
  /* a5 ist Box mit dem veranstalter-Logo für Link auf die Vereins-Seite*/
#a5 { position:absolute; top:146px; left:500px; width:165px; height:82px; background-color:transparent; }
  /* a6 ist Box mit dem veranstalter-Logo für Link auf die Vereins-Seite nur auf der Info-Seite*/
#a6 { position:absolute; bottom:12px; right:225px; width:165px; height:82px; background-color:transparent; }