/* ##### */
/* Links */
/* ##### */
a:link
{
  color:#444444;
}
a:visited
{
	color:maroon;
} 
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
{
  color:maroon;
  font-family:'Comic Sans MS',serif;
  font-size:large;
  font-weight:lighter;
  margin-top:10px;
  margin-bottom:10px;
  text-align:center;
}
/* ------------------------------------------ */
/* Aktueller Bereich in der oberen Navigation */
/* ------------------------------------------ */
span.hier 
{
  background-color:#FFFFCC;
  border-style:solid;
  border-left-color:#888888;
  border-top-color:#888888;
  border-right-color:#CCCCCC;
  border-bottom-color:#CCCCCC;
  border-left-width:3px;
  border-top-width:3px;
  border-right-width:1px;
  border-bottom-width:1px;
  line-height:2em;
  padding-left:5px;
  padding-right:5px;
}
/* ------------------------------------ */
/* Menuepunkte in der oberen Navigation */
/* ------------------------------------ */
span.nav a:link
{
  background-color: #CCFF99;
  border-style:solid;
  border-left-color:#CCCCCC;
  border-top-color:#CCCCCC;
  border-right-color:#888888;
  border-bottom-color:#888888;
  border-left-width:1px;
  border-top-width:1px;
  border-right-width:3px;
  border-bottom-width:3px;
  line-height:2em;
  padding-left:5px;
  padding-right:5px;
  text-decoration:none;
}
span.nav a:visited
{
  background-color: #CCFF99;
  border-style:solid;
  border-left-color:#CCCCCC;
  border-top-color:#CCCCCC;
  border-right-color:#888888;
  border-bottom-color:#888888;
  border-left-width:1px;
  border-top-width:1px;
  border-right-width:3px;
  border-bottom-width:3px;
  line-height:2em;
  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 
{
  border:none;
  float:left;
  height:auto;
  margin-right:10px;
  margin-bottom:10px;
  overflow:auto;
  width:20%;
}
/* --------------------------------- */
/* Überschrift der linken Navigation */
/* --------------------------------- */
p.nav_li_head 
{
  background-color:#EFFFCF;
  color:green;
  border-style:solid;
  border-left-color:#CCCCCC;
  border-top-color:#CCCCCC;
  border-right-color:#888888;
  border-bottom-color:#888888;
  border-left-width:1px;
  border-top-width:1px;
  border-right-width:3px;
  border-bottom-width:3px;
  font-family:'Comic Sans MS',serif;
  font-size:large;
  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-left:0px;
  margin-bottom:0px;
  padding-top:0px;
}
ul.bereich
{
  padding-left:0px;
}
ul.strecke
{
  padding-left:15px;
}
li.hier 
{
  background-color:#FFFFCC;
  border-style:solid;
  border-left-color:#888888;
  border-top-color:#888888;
  border-right-color:#CCCCCC;
  border-bottom-color:#CCCCCC;
  border-right-width:1px;
  border-bottom-width:1px;
  border-left-width:3px;
  border-top-width:3px;
  color:maroon;
  font-family:'Comic Sans MS',serif;
  font-size:medium;
  font-weight:lighter;
  font-style:normal;
  height:auto;
  padding-left:3px;
  text-align:left;
}
/* --------------------------------------------------------- */
/* Format für die Anzeige der Links in der linken Navigation */
/* --------------------------------------------------------- */
li.nav
{
  background-color:#CCFF99;
  border-style:solid;
  border-left-color:#CCCCCC;
  border-top-color:#CCCCCC;
  border-right-color:#888888;
  border-bottom-color:#888888;
  border-left-width:1px;
  border-top-width:1px;
  border-right-width:3px;
  border-bottom-width:3px;
  font-family:'Comic Sans MS',serif;
  font-size:medium;
  font-weight:lighter;
  font-style:normal;
  height:auto;
  text-align:left;
}
li.nav a:link
{
  color:#444444;
  display:block;
  margin-left:3px;
  text-decoration:none;
}
li.nav a:visited
{
  color:maroon;
  display:block;
  margin-left:3px;
  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 /* 'Willkommen auf Brummels Tourenseiten' */
{
  color:navy;
  font-family:'Comic Sans MS',serif;
  font-size:xx-large;
  font-style:normal;
  font-weight:bold;
  margin:0px;
  text-align:center;
}
/* ------------------------- */
/* eigentlicher Seiteninhalt */
/* ------------------------- */
body
{
  background-color:#EFFFCF;
  font-family: Arial,sans-serif;
  font-size: medium;
  padding:10px;
}
body.weg /* in Wegbeschreibungen */
{
  background-color:white;
}
div.innen /* Hey Skater */
{
  background-color:#deffab;
  border-style:solid;
  border-width:3px;
  border-left-color:#ffffff;
  border-top-color:#f5f5f5;
  border-right-color:#a9a9a9;
  border-bottom-color:#cacaca;
  height:auto;
  margin-bottom:10px;
  padding:10px;
}
div.verst
{
  border:solid thin #eeffcf;
  /*border:solid thin green;*/
}
/* ------------- */
/* Überschriften */
/* ------------- */
h1 /* Überschrift der Tourenbeschreibungen (allgemeine Einstellungen) */
{
  font-family:'Comic Sans MS',serif;
  font-size:large;
  font-weight:lighter;
  color:maroon;
  margin-bottom:10pt;
}
h1.brummel /* Überschrift der Tourenbeschreibungen (eigener Text) */
{
  color:navy;
}
h1.fremdertext /* Überschrift der Tourenbeschreibungen */
{
  color:green;
}
h1.hey /* Hey Skater */
{
  font-family:'Comic Sans MS',serif;
  font-size:large;
  font-weight:lighter;
  color:navy;
}
h1.gast /* Überschrift des Gästebuches */
{
  font-family:'Times New Roman',serif;
  font-size:x-large;
  font-style:italic;
  font-weight:900;
  color:navy;
}
/* ------------------ */
/* horizontale Linien */
/* ------------------ */
hr.lang
{
  border:solid thin #DAF1AA;
  width:95%;
}
hr.kurz
{
  border:solid thin #DAF1AA;
  width:50%;
}
hr.trenn
{
  border:dotted thin #DAF1AA;
  width:30%;
  margin-bottom:20px;
}
/* ------ */
/* Bilder */
/* ------ */
img /* Bilder in eigenen Beschreibungen */
{
  border:solid 1px maroon;
}
img.banner /* Brummels Tourenseiten */
{
  border:none;
  width:553px;
  height:89px;
}
img.banner_kl /* Brummels Tourenseiten */
{
  border:none;
  width:367px;
  height:59px;
}
img.bik_klein
{
  border:none;
  width:40px;
  height:37px;
  vertical-align:middle;
}
img.brummel /* Bilder in allgemeinen Seiten */
{
  border-color:maroon;
  border-style:solid;
  border-width:1px;
}
img.club /* Bild der Clubkarte */
{
  border:none;
  width:322px;
  height:167px;
  float:right;
  margin:10px;
}
img.frames_klein
{
  border:none;
  width:48px;
  height:37px;
  vertical-align:middle;
}
img.fremd /* Bilder in fremden Beschreibungen */
{
  border-color:green;
  border-style:solid;
  border-width:1px;
}
img.gb /* Gästebuch */
{
  background-color:#CCFF99;
  border-style:solid;
  border-left-color:#CCCCCC;
  border-top-color:#CCCCCC;
  border-right-color:#888888;
  border-bottom-color:#888888;
  border-left-width:1px;
  border-top-width:1px;
  border-right-width:3px;
  border-bottom-width:3px;
  width:158px;
  height:134px;
}
img.hai
{
  border:none;
}
img.hai_kl
{
  border:none;
  width:67px;
  height:37px;
}
img.schild /* Verkehrsschilder in den Wegbeschreibungen */
{
  border:none;
  width:40px;
  height:40px;
}
img.valid /* w3c */
{
  border:none;
  width:88px;
  height:31px
}
input
{
  color:black;
}
input.gast
{
  font-family:'Times New Roman',serif;
  font-size:large;
  color:green;
  font-style:italic;
}
/* ------ */
/* Listen */
/* ------ */
li /* Listen in eigenen Beschreibungen */
{
  font-family:Arial,sans-serif;
  font-size:medium;
  color:maroon;
  margin-bottom:5pt;
}
li.brummel /* Listen in allgemeinen Beschreibungen */
{
  font-family:Arial,sans-serif;
  font-size:medium;
  color:navy;
  margin-bottom:5px;
}
li.fremd /* Listen in fremden Beschreibungen */
{
  font-family:Arial,sans-serif;
  font-size:medium;
  color:green;
  margin-bottom:5px;
}
/* ------- */
/* Absätze */
/* ------- */
p /* Text für eigene Tourenbeschreibungen */
{
  color: maroon;
  margin-bottom:5px;
}
p.brummel /* redaktioneller Text, Text auf den allgemeinen Seiten */
{
  color:navy;
  margin-bottom:5px;
}
p.fremdertext
{
  color:green;
  margin-bottom:5px;
}
p.gast
{
  font-family:"Times New Roman",serif;
  font-size:large;
  font-style:italic;
  color:#005500;
  margin-bottom:5px;
}
p.gast_blau
{
  font-family:"Times New Roman",serif;
  font-size:large;
  font-style:italic;
  color:navy;
  margin-bottom:5px;
}
p.hey /* Hey Skater */
{
  color:#005500;
  margin-bottom:5px;
}
textarea
{
  font-family:'Times New Roman',serif;
  font-size:large;
  color:green;
  font-style:italic;
}
/* ------------ */
/* Hervorhebung */
/* ------------ */
strong
{
  font-weight:900;
}
/* --------------------------- */
/* Tabelle (Wegbeschreibungen) */
/* --------------------------- */
table
{
  border:1px solid silver;
}
th
{
  border:1px solid silver;
}
td
{
  border:1px solid silver;
}