* {  margin:0;  padding:0;  }
html { height:100%;  margin-top:0px; }

body
{ background: white url("http://www.blaues-band.de/images/bb3.jpg");
  background-repeat: repeat;
  background-attachment: fixed;
  margin-top: 5px; margin-left:8px;
  margin-height:5px; margin-width:8px;
}

body.menue
{ background: white url("http://www.blaues-band.de/images/button/menue_bg.gif");
  background-attachment: fixed;  padding:0px;
  background-repeat: repeat;
  margin-top: 0px; margin-left:0px;
  margin-height:0px; margin-width:0px;
}

body.oben
{ background: white url("http://www.blaues-band.de/images/button/oben_bg.jpg");
  background-attachment: fixed;  padding:0px;
  background-repeat: repeat;
  margin-top: 0px; margin-left:0px;
  margin-height:0px; margin-width:0px;
}

/*  Inhalt: Text mit und ohne Bildern */
#inhalt {
  width: 800px;
  margin-top:10px; margin-left: 10px; text-align: left;
  padding-right:10px; padding-left:10px;
  font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif;
}


#pfeile {
  background: #99CCCC;
  width: 280px; float: right;
  margin-left: 10px;
  margin-right:2px;
  margin-bottom:10px;
}
#pfeile ul {
  list-style: none; overflow: hidden;
}
#pfeile li {
  width: 260px;
  background:#eeeeee;
  display: block; line-height:30px;
  border-top:1px solid #eeeeee;
  border-left:1px solid #eeeeee;
  border-right:2px solid #444444;
  border-bottom:2px solid #444444;
  margin-left: 5px; margin-right: 5px;
  margin-top:4px;  margin-bottom:4px;
  padding-bottom: 3px; padding-top: 3px;
  padding-left: 5px; padding-right: 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-variant: small-caps;
  font-size: 1.0em; font-weight: bold;
  text-align: left; vertical-align: middle;
}
#pfeile li a {
  background: #FFFFFF;
  display: block; line-height:30px;
  text-decoration: none;
  text-align: left;
}



/* für einspaltige Fotos untereinander rechts außen */
#fotospalte {
  width: 320px; float: right;
}
#fotospalte ul {
  list-style: none; overflow: hidden;
}
#fotospalte li {
  float: right;
  display: inline;
  margin: 0px; margin-bottom:8px;
  padding: 5px 5px 5px 5px;
  background:#ffffff;
  border: 1px solid #cccccc;
  font-size: 0.9em; font-variant: small-caps;
  text-align: center;
}

/* für Pfeil-Sprungmarken im Ort
#pfeile {
  width: 800px;  float:left;
  background: #99CCCC;
  padding-bottom:5px;
}

#pfeile ul {
  list-style: none; overflow: hidden;
}
#pfeile li {
  width: 228px; height: 30px;
  float: left;
  display: block; line-height: 30px;
  background:#ffffff;
  border-top:2px solid #eeeeee;
  border-left:2px solid #eeeeee;
  border-right:3px solid #444444;
  border-bottom:3px solid #444444;
  margin-left: 0px; margin-right: 0px;
  margin-top:4px;  margin-bottom:4px;
  padding-bottom: 3px; padding-top: 3px;
  padding-left: 3px; padding-right: 3px;
  font-size: 0.9em; font-variant: small-caps;
  font-weight: bold;
  text-align: left; vertical-align: center;
}     */





p  { margin-bottom: 20px;
}
h1 { font-size: 1.4em;
  line-height: 2em;
  margin-bottom: 6px;
}
h2 { font-size: 1.2em;
  line-height: 2em; margin-bottom: 6px;
  margin-top: 3px;
}
h3 { font-size: 1.1em;
  line-height: 2em; margin-bottom: 6px;
  margin-top: 3px;
}
h4 {
  font-size: 1.0em;
  font-style: italic;
  line-height: 1em;
  margin-bottom: 6px; margin-top: 3px;
}


/* normale Listen im Text */
#inhalt ul {
  margin-bottom: 20px;
}
#inhalt ol {
  margin-bottom: 20px;
}
#inhalt li {
  list-style-position: outside;
  margin-bottom: 2px;
  margin-left: 25px;
}


/*  Tabellen  */
table     /* Standartabelle */
{  border:0; width:800px;
   margin-bottom: 10px;
}

table.km {  /* Kilometrierungen */
  border: 1px solid #000000;
}

th, td {
  padding: 3px 8px;
  vertical-align: top;
}
th {
  font-weight:bold;
}
td {
  vertical-align: top;
}
td.fett {
  font-weight:bold;
}
td.gross {
  font-size:1.0em;
}
td.grossfett {
  font-size:1.0em;
  font-weight:bold;
}
td.klein {
  font-size:0.9em;
}
td.sehrklein {
  font-size:0.8em;
}


td.kopf
{  font-size:14px;
   font-weight:bold;
   text-decoration: none;
   color: #FFFFFF; style-height:20px;
}
td.akopf
{  font-size:14px;
   font-family:  Verdana,sans-serif; font-weight:bold;
   text-decoration: none; color: #FFFF00; style-height:20px;
}
td.button
{ background: white url("http://www.blaues-band.de/images/button/blau_130.gif");
  font-size:12px;
  color:#FFFFFF; font-weight:bold;
}
td.buttonoben
{ background: white url("http://www.blaues-band.de/images/button/blau_22_mi.jpg");
  font-size:12px;
  color:#FFFFFF; font-weight:bold;
}
td.weissfett
{  font-size:14px; font-weight:bold; color: #FFFFFF;
}
td.weiss
{  font-size:10px; color: #FFFFFF;
}


/*  Links   */
a:link
{  color: #003366; font-weight:bold;
}
a:visited
{  color: #003366; font-weight:bold;
}
a:hover
{  color: #FF6600; font-weight:bold;
}
a:active
{  color: #FF0033; font-weight:bold;
}
a.gross
{  font-size:1.1em; font-weight:bold;
}
a.sehrgross
{  font-size:1.2em; font-weight:bold;
}
a.klein
{  font-size:0.8em; }
/*
a.gross:link
{  font-size:14px; color: #003366;
   font-weight:bold; }
a.gross:visited
{  font-size:14px; color: #003366;
   font-weight:bold; }
a.gross:hover
{  font-size:14px; color: #FF6600;
   font-weight:bold; }
a.gross:active
{  font-size:14px; color: #FF0033;
   font-weight:bold; }
a.sehrgross:link
{  font-size:18px; color: #003366;
   font-weight:bold; }
a.sehrgross:visited
{  font-size:18px; color: #003366;
   font-weight:bold; }
a.sehrgross:hover
{  font-size:18px; color: #FF6600;
   font-weight:bold; }
a.sehrgross:active
{  font-size:18px; color: #FF0033;
   font-weight:bold; }
*/
a.sehrgrossrot:link
{  font-size:18px; color: #F90609;
   font-weight:bold; }
a.sehrgrossrot:visited
{  font-size:18px; color: #F90609;
   font-weight:bold; }
a.sehrgrossrot:hover
{  font-size:18px; color: #FF6600;
   font-weight:bold; }
a.sehrgrossrot:active
{  font-size:18px; color: #FF0033;
   font-weight:bold; }

/*
a.klein:link
{  font-size:10px; color: #003366;
}
a.klein:visited
{  font-size:10px; color: #003366;
}
a.klein:hover
{  font-size:10px; color: #FF6600;
}
a.klein:active
{  font-size:10px; color: #FF0033;
}
*/

a.kopf:link
{  font-size:14px; color: #FFFFFF;
   font-weight:bold; text-decoration: none; }
a.kopf:visited
{  font-size:14px; color: #FFFFFF;
   font-weight:bold; text-decoration: none; }
a.kopf:hover
{  font-size:14px; color: #FFFFFF;
   font-weight:bold; text-decoration: none; }
a.kopf:active
{  font-size:14px; color: #FFFF00;
   font-weight:bold; text-decoration: none; }

a.akopf:link
{  font-size:14px; color: #FFFF00;
   font-weight:bold; text-decoration: none; }
a.akopf:visited
{  font-size:14px; color: #FFFF00;
   font-weight:bold; text-decoration: none; }
a.akopf:hover
{  font-size:14px; color: #FFFF00;
   font-weight:bold; text-decoration: none; }
a.akopf:active
{  font-size:14px; Verdana,sans-serif; color: #FFFF00;
   font-weight:bold; text-decoration: none; }

a.button:link
{  font-size:12px; color: #FFFFFF;
   font-weight:bold; text-decoration: none; }
a.button:visited
{  font-size:12px; color: #FFFFFF;
   font-weight:bold; text-decoration: none; }
a.button:hover
{  font-size:12px; color: #FFFF00;
   font-weight:bold; text-decoration: none; }
a.button:active
{  font-size:12px; color: #FFFF00;
   font-weight:bold; text-decoration: none; }

input.button
{   background-color:#0000A5;
    color:#FFFFFF; font-size:11px;
    border-left:      #cccccc 1px solid;
    border-right:     #222222 1px solid;
    border-top:       #eeeeee 1px solid;
    border-bottom:    #222222 1px solid;
}

center
{  text-align: center;
   width: 800px; margin: 0px auto; }

*.noline {  text-decoration:none; }
