/* ##### */
/* Links */
/* ##### */
a:link
{
  background-color:silver;
  color:black;
}
a:visited
{
  background-color:silver;
	color:navy;
} 
a:hover
{
  color:red;
  background-color:yellow;
}
a:active
{
  color:yellow;
  background-color:red;
}
a:focus
{
  color:yellow;
  background-color:red;
}
/* ########## */
/* Navigation */
/* ########## */
/* ---------------- */
/* obere Navigation */
/* ---------------- */
p.nav
{
  background-color:#DFDFF6;
  border:solid;
  border-color:gray;
  border-left-width:1px;
  border-top-width:1px;
  border-right-width:5px;
  border-bottom-width:5px;
  font-family:Arial,sans-serif;
  font-size:large;
  font-weight:lighter;
  font-style:normal;
  line-height:2em;
  margin-bottom:5px;
  text-align:center;
}
/* ------------------------------------------ */
/* Aktueller Bereich in der oberen Navigation */
/* ------------------------------------------ */
span.hier
{
  background-color:#eeeeee;
  border-style:solid;
  border-color:gray;
  border-left-width:1px;
  border-top-width:1px;
  border-right-width:3px;
  border-bottom-width:3px;
  font-size:larger;
  padding-left:5px;
  padding-right:5px;
}
/* ------------------------------------ */
/* Menuepunkte in der oberen Navigation */
/* ------------------------------------ */
span.nav a:link
{
  background-color:#BDD3F7;
  border-style:solid;
  border-color:gray;
  border-left-width:1px;
  border-top-width:1px;
  border-right-width:3px;
  border-bottom-width:3px;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration:none;
}
span.nav a:visited
{
  border-style:solid;
  border-color:gray;
  border-left-width:1px;
  border-top-width:1px;
  border-right-width:3px;
  border-bottom-width:3px;
  background-color:#BDD3F7;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration:none;
}
span.nav a:hover
{
  background-color:yellow;
}
span.nav a:active
{
  background-color:red;
}
span.nav a:focus
{
  background-color:red;
}
/* ---------------- */
/* linke Navigation */
/* -------------------------------- */
/* Bereich für die linke Navigation */
/* -------------------------------- */
div.nav
{
  background-color:#DFDFF6;
  border-style:solid;
  border-color:gray;
  border-left-width:1px;
  border-top-width:1px;
  border-right-width:5px;
  border-bottom-width:5px;
  float:left;
  height:auto;
  margin-right:10px;
  margin-bottom:10px;
  overflow:visible;
  padding:5px;
  width:25%;
}
/* --------------------------------- */
/* Überschrift der linken Navigation */
/* --------------------------------- */
p.nav_li_head 
{
  background-color:#eeeeee;
  font-size:x-large;
  border-style:solid;
  border-color:gray;
  border-left-width:1px;
  border-top-width:1px;
  border-right-width:3px;
  border-bottom-width:3px;
  line-height: 1.5em;
  overflow:auto;
  padding:5px;
  text-align:center;
}
/* ------------------------------------------------------------------------------------------ */
/* Format für die Anzeige der aktuellen Seite/des aktuellen Bereichs in der linken Navigation */
/* ------------------------------------------------------------------------------------------ */
ul
{
  list-style-type:none;
  margin-top:0px;
  margin-bottom:0px;
  padding-left:0px;
}
ul.bereich
{
  margin-left:0px;
}
ul.strecke
{
  margin-left:20px;
}
li.hier
{
  background-color:#EEEEEE;
  border:solid;
  border-color:gray;
  border-left-width:1px;
  border-top-width:1px;
  border-right-width:5px;
  border-bottom-width:5px;
  color:navy;
  font-family:Arial,sans-serif;
  font-size:x-large;
  font-weight:lighter;
  font-style:normal;
  height:auto;
  margin-top:0px;
  padding-left:3px;
  text-align:left;
}
/* --------------------------------------------------------- */
/* Format für die Anzeige der Links in der linken Navigation */
/* --------------------------------------------------------- */
li.nav
{
  background-color:#BDD3F7;
  border:solid;
  border-color:gray;
  border-left-width:1px;
  border-top-width:1px;
  border-right-width:3px;
  border-bottom-width:3px;
  font-family:Arial,sans-serif;
  font-size:large;
  font-weight:lighter;
  font-style:normal;
  overflow:auto;
  padding-left:3px;
}
li.nav a:link
{
  background-color:#BDD3F7;
  color:black;
  display:block;
  text-decoration:none;
}
li.nav a:visited
{
  background-color:#BDD3F7;
  color:navy;
  display:block;
  text-decoration:none;
}
li.nav a:hover
{
  color:red;
  background-color:yellow;
}
li.nav a:active
{
  color:yellow;
  background-color:red;
}
li.nav a:focus
{
  color:yellow;
  background-color:red;
}
/* ############ */
/* Seiteninhalt */
/* ############ */
/* -------- */
/* Headline */
/* -------- */
p.headline /* Brummels Tourenseiten */
{
  font-size:xx-large;
  font-weight:bold;
  margin:0px;
  text-align:center;
}
/* ------------------------- */
/* eigentlicher Seiteninhalt */
/* ------------------------- */
body
{
  background-color:#eeeeee;
  color:navy;
  font-family:Arial,sans-serif;
  font-size:large;
  font-style:normal;
  padding:10px;
}
body.weg /* in Wegbeschreibungen */
{
  background-color:white;
}
div.innen /* Hey Skater */
{
  background-color:#f7f7f7;
  border-style:solid;
  border-width:5px;
  border-left-color:white;
  border-top-color:#DDDDDD;
  border-right-color:#CCCCFF;
  border-bottom-color:#80adfb;
  height:auto;
  margin-bottom:10px;
  padding:10px;
}
div.map /* Bereich für Kartenausschnitte und Text */
{
  border:solid 1px #80adfb;
  padding:10px;
}
div.fuss /* Bereich für den Seitenfuß */
{
  background-color:#DFDFF6;
  border:solid;
  border-color:gray;
  border-left-width:1px;
  border-top-width:1px;
  border-right-width:5px;
  border-bottom-width:5px;
  text-align:center;
  margin-bottom:5px;
  width:auto;
  height:auto;
}
div.verst
{
  border:solid thin #eeeeee;
  /*border:solid thin green;*/
}
/* ------------- */
/* Überschriften */
/* ------------- */
h1
{ 
  font-family:Arial,sans-serif;
  font-size:x-large;
  font-weight:lighter;
  margin-bottom:10pt;
}
h1.hey /* Hey Skater */
{
  font-family:Arial,sans-serif;
  font-size:x-large;
  font-weight:lighter;
  margin-bottom:10pt;
}
h1.gast /* Überschrift des Gästebuches */
{
  font-size:xx-large;
  font-weight:900;
}
/* ------------------ */
/* horizontale Linien */
/* ------------------ */
hr.lang
{
  border:solid 1px #80adfb;
  background-color:#80adfb;
  height:1px;
  width:95%;
  margin-top:10px;
  margin-bottom:10px;
}
hr.kurz
{
  border:solid 1px #80adfb;
  background-color:#80adfb;
  height:1px;
  width:50%;
  margin-top:10px;
  margin-bottom:10px;
}
hr.trenn
{
  border:dotted thin #dddddd;
  width:30%;
  margin-bottom:20px;
}
/* ------ */
/* Bilder */
/* ------ */
img
{
  border:solid 1px #80adfb;
}
img.banner /* Brummels Tourenseiten */
{
  border:none;
  width:553px;
  height:89px;
}
img.bik_klein
{
  border:none;
  width:40px;
  height:37px;
  vertical-align:middle;
}
img.club /* Bild der Clubkarte */
{
  border:none;
  float:right;
  width:322px;
  height:167px;
  margin:10px;
}
img.frames_klein
{
  border:none;
  width:48px;
  height:37px;
  vertical-align:middle;
}
img.gb /* Gästebuch */
{
  background-color:#BDD3F7;
  border-style:solid;
  border-color:gray;
  border-left-width:1px;
  border-top-width:1px;
  border-right-width:3px;
  border-bottom-width:3px;
  width:158px;
  height:134px;
}
img.schild /* Verkehrsschilder in den Wegbeschreibungen */
{
  border:none;
  width:40px;
  height:40px;
}
img.valid /* w3c */
{
  border:none;
  width:88px;
  height:31px
}
/* ------ */
/* Listen */
/* ------ */
li
{
  font-family:Arial,sans-serif;
  font-size:large;
  font-style:normal;
  margin-top:10px;
  margin-bottom:10px;
}
/* ------- */
/* Absätze */
/* ------- */
p
{
  margin-top:10px;
  margin-bottom:10px;
}
p.hey /* Hey Skater */
{
  margin-bottom:5px;
}
/* ------------ */
/* Hervorhebung */
/* ------------ */
strong
{
  font-weight:900;
}
/* --------------------------- */
/* Tabelle (Routenplaner) */
/* --------------------------- */
table.route
{
  background-color:#eeeeee;
  border:2px solid #80adfb;
  width:auto;
}
th.route
{
  border:2px solid #80adfb;
}
td.route
{
  border:2px solid #80adfb;
}
/* --------------------------- */
/* Tabelle (Wegbeschreibungen) */
/* --------------------------- */
table
{
  border:1px solid silver;
}
th
{
  border:1px solid silver;
}
td
{
  border:1px solid silver;
}