/* -UTF-8------------------------------------------------------------- */
/*                                                                     */
/* Styles für in www.senotto.de einzubindende Seiten                   */
/*                                                                     */
/* peter@danninger.eu                           05. 12. 2015           */
/* ------------------------------------------------------------------- */

body {
  display: block;
  position: absolute;
  width: 99%;
  top: 0px;
  left: 0px;
  padding: 0px;
  margin: 0px;
  border: none;        /* wegen IFrame bei Internet Explorer */
  color: #000000;
  background-color: #ffffff;
  font-family: 'Open Sans',Verdana,Helvetica,Arial,sans-serif;
  font-size: 16px;     /* diese Angabe bedeutet 1em in untergeordneten Elementen */
}

/* Feststehender Seitentitel für Hauptseiten ohne Breadcrumb-Navigation */
.header {
  display: block;
  position: fixed;
  width: 98%;
  height: 24px;
  top: 0px;
  left: 0px;
  vertical-align: middle;
  z-index: 1;
  padding: 2px;
  padding-bottom: 6px;
  padding-left: 16px;
  margin: 0px;
  color: #000000;
  background-color: #ccccff;
  text-decoration: none;
  /* font-family: Arial,sans-serif; */
  font-weight: bold;
  font-size: 20px;
}

/* Seitentitel unterhalb Breadcrumb-Navigation */
.Seitentitel {
  width: 98%;
  color: #000000;
  background-color: #ccccff;
  margin: 0em;
  margin-bottom: 8px;
  padding: 3px;
  text-decoration: none;
  /* font-family: Arial,sans-serif; */
  font-weight: bold;
  font-size: 20px;
}

.Untertitel {
  width: 98%;
  color: #000000;
  background-color: #dddddd;
  margin-top: 10px;
  margin-bottom: 8px;
  padding: 3px;
  text-decoration: none;
  /* font-family: Arial,sans-serif; */
  font-weight: bold;
  font-size: 18px;
}

/* Auswahl Buttons, evtl. Anpassung width, color, border-color in Webseite */
.button {
  display: block;
  width: 16em;
  left: 0px;
  height: 1.2em;
  font-size: 1em;
  margin: 0.2em;
  margin-bottom: 0px;
  padding-bottom: 3px;
  background-color: #e0e0e0;
  color:  #000000;
  text-align: center;
  text-decoration: none;
  border-style: none;
  border-width: 0px;
  border-color: #888888;
  border-radius: 0px;
}

.button:hover {
  background-color: #dddddd;
  color: #0000ff;
}

/* Breadcrumb Navigation */
.navi {
  display: block;
  position: fixed;
  width: 98%;
  height: 22px;
  top: 0px;
  left: 0px;
  font-size: 16px;
  text-decoration: none;
  z-index: 1;
  color: #333333;
  background-color: #ffffaa;
  padding: 3px;
  padding-left: 16px;
  margin: 0px;
}

.navi a:link {
  text-decoration: none;
  color: #0000ff;
}

.bookmark {
  text-decoration: none;
  color: #8888ff;
  float: right;
  margin-right: 2em;
}

.bookmark a:link {
  text-decoration: none;
  color: #8888ff;
}

/* Anzeigefenster unterhalb "navi" bzw. "header" */
.disp {
  display: block;
  position: absolute;
  width: 98%;
  top: 40px;
  left: 8px;
  z-index: 0;
  color: #000000;
  background-color: #ffffff;
  padding: 0px;
  margin: 0px;
}

/* Modifikation von "disp" wenn Tourenseite mit Karte */
.map {
  top: 28px;
  left: 0px;
}

/* Hellgrauer Hintergrund */
.bg_grey {
  background-color: #eeeeee;
  padding: 2px;
}

/* the end */