/*--****************************************************!!!**!!!****--*/ 
/*-- "Homepage sb.bdf 2007"    styles.css    (bereinigt)       --*/ 
/*--****************************************************************--*/

/* -------------------------
   Farb- & Schrift-Variablen (Vorbereitung, noch nicht überall genutzt)
   ------------------------- */
:root {
  --color-primary: #008484;
  --color-accent:  #74C2BC;
  --color-highlight: #FEFF83;
  --color-muted:   #C0C0C0;
  --color-bg-yellow: #FFFFEA;
  --color-content-bg: #E7DED6;
  --text-default: #0f234b;
  --text-dark: #003333;
  --link-default: #0F234B;
}

/* -------- Grundlayout (Fallback, gilt immer) -------- */
html, body {
  background: #FFFFEA;
  margin: 0;
  padding: 0;
}

/*-------- Textfarbe für Schrift (custom font tags, bleiben erhalten) --*/
font.col {
  color: #008484;
}
font.att {
  color: #EF2323;
}

/*-------- Tabellen / Termin-Text ------------------------------- */
tr.will_r, tr.term_r {
  color: #00605F;
  font-size: 12pt;
  font-family: Arial,Helvetica,sans-serif;
  background-color: #E7DED6;
  vertical-align: top;
  text-align: left;
  padding: 0;
  margin: 0;
  font-weight: bold;
}
td.term_d {
  text-align: right;
}

/* -------- Typografie (Überschriften, Absätze) ------------------ */
h1 {
	background-color: #FFFFEA;
	color: #008484;
	font-size: 20pt;
	font-family: Arial,Helvetica,sans-serif;
	margin-left: 15px;
	font-weight: bold;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	border-top: solid 14px #FFFFEA;
  border-bottom: solid 14px #FFFFEA;
	left: 15px;
}

h2 {
  color: #004748;
  font-size: 16pt;
  font-family: Arial,Helvetica,sans-serif;
	margin-left: 15px;
  margin-top: 15px;
  margin-bottom: 5px;
}

/* vereinheitlichte h3-h6 */
h3, h4, h5, h6 {
  color: #003333;
  font-family: Arial,Helvetica,sans-serif;
  margin-top: 0;
  margin-left: 0;
}
h3 { font-size: 12pt; }
h4 { font-size: 10pt; }
h5 { font-size: 8pt; }
h6 { font-size: 6pt; }

/* Absatztext */
p {
  color: #0f234b;
  font-size: 12pt;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  margin-left: 15px;
}

/* Seitenabstände für spezielle Body-Klassen */
body.txt {
  margin-left: 22pt;
  margin-right: 12px;
  background: #FFFFEA; /* neuer neutraler Hintergrund */
}

/* -------- Body-Varianten (verschiedene Seiten-Typen) ---------- */
/* Die Seite hat unterschiedliche body-Klassen: top, txt, menu_left, bottom */

/* Title/Top-Header Variante */
body.title {
  background: #008484 !important;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

/* Footer/Bottom (korrigiert: body.bottom) */
body.bottom {
  background-image: url(_media/back_txt.gif);
  background-repeat: repeat-y;
}

/* Top-Layout (Startseite / oberer Bereich) */
body.top {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  background: #008484 !important;
}

/* Menu links (vertikale Navigation) */
body.menu_left {
  margin: 0;
  padding: 0;
  background-repeat: repeat-y;
  background-image: url(_media/back_left.gif);
}

/* -------- Großer gelblicher Balken und Unterstrich ---------- */
#box_1 {
  font-size: 1px;
  z-index: 1;
  background: #FEFF83;
  position: absolute;
  top: 27px;
  left: 0;
  width: 100%;
  height: 18px;
}

#box_2 {
  font-size: 1px;
  background: #C0C0C0;
  position: absolute;
  top: 66px;
  left: 0;
  width: 100%;
  height: 4px;
}

/* -------- Titel / Text im Header ----------------------------- */
#title_1, #title_2, #title_1_left, #title_2_left, #title_1_right, #title_2_right,
#title_1m, #title_2m {
  color: #006E6D;
  position: absolute;
  top: 10px;
  font-family: Helvetica,Arial,sans-serif;
  letter-spacing: 0.16em;
  font-size: 33px;
  font-weight: bold;
}
#title_1 { left:4px; z-index:3; }
#title_2 { left:314px; z-index:3; }
#title_1_left, #title_2_left, #title_1_right, #title_2_right,
#title_1m, #title_2m {
  color: #FEFF83;
  top: 8px;
  font-size: 33px;
  font-weight: bold;
}
#title_1_right { left:  2px; z-index:2; }
#title_2_right { left:312px; z-index:2; }
#title_1_left  { left:  6px; z-index:2; }
#title_2_left  { left:316px; z-index:2; }
#title_1m { left:4px; z-index:2; }
#title_2m { left:314px; z-index:2; }

/* -------- Hilfs-Elemente ------------------------------------- */
table.space {
  width: 100%;
  height: 600px;
  border: 0;
}

/* -------- Top-Bereich (Header + Menü) ------------------------ */
#top_tit {
  color: #00605F;
  background-color: #74C2BC;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 30pt;
  font-weight: bold;
  margin: 0;
  letter-spacing: 0.25em;
  text-align: center;
  vertical-align: bottom;
  border-top: 0;
  padding-left: 7px;
  padding-right: 110px;
  padding-top: 10px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 92px;
  width: 100%;
  height: 66px;
}

#top_icon { position: static; width: 90px; height: 90px; }

#top_space {
  margin: 0;
  padding: 0;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 90px;
  height: 90px;
  width: 2px;
  background-color: #C0C0C0;
}

/* -------- Men-Register horizontal (top) ---------------------- */
#top_menu {
  margin: 0;
  padding: 0;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  background-color: #74C2BC;
  position: absolute;
  padding-right: 0;
  top: 65px;
  left: 93px;
  height: 24px;
  width: 100%;
}

/* Menü-Links (oben) */
a.top_men {
  border-right: solid 2px #C0C0C0;
  border-top:   solid 2px #C0C0C0;
  border-bottom: 0;
  height:21px;
  font-size: 11pt;
  font-family: arial,helvetica,sans-serif;
  font-weight: bold;
  text-decoration: none;
  text-align:center;
  white-space: nowrap;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 0px;
  background-repeat: no-repeat;
  background-position: right;
  /* background-image: url(_media/menu_normal_2.gif);  original grafische Buttons (optional) */
  overflow: hidden;
}

/* Pseudo-Klassen für top_men (Farben/Backgrounds beibehalten) */
a.top_men:link {
  color: #FEFF83;
  background-color: #008484;
  /* background-image: url(_media/menu_normal_2.gif); */
}
/*a.top_men:visited {
  color: #005655;
  background-color: #008484;*/
  a.top_men:visited {
  color: #FEFF83;
  background-color: #008484;
  /* background-image: url(_media/menu_normal_2.gif); */
}
a.top_men:hover {
  color: #00737B;
  background-color: #FFFFCE;
  /* background-image: url(_media/menu_hover_2.gif); */
}
a.top_men:active {
  color: #00737B;
  background-color: #FFFFCE;
  /* background-image: url(_media/menu_hover_2.gif); */
}

/* -------- Men-Register vertikal (menu_left) ------------------ */
#menupkt { position: static; width: 190px; }
#bild { position: static; width: 190px; height: 160px; }

a.mtop, a.menu {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  font-family: arial, helvetica, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  text-decoration: none;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 3px;
  padding-left: 12px;
  background-position: right;
  background-repeat: no-repeat;
}

/* specific mtop borders & states */
a.mtop {
  border-top: solid 2px #C0C0C0;
}
a.mtop:visited, a.mtop:link, a.menu:visited, a.menu:link {
  color: #FEFF83;
  background-color: #008484;
  background-image: url(_media/menu_normal.gif);
  border-bottom: solid 2px #C0C0C0;
}
a.mtop:active, a.mtop:hover, a.menu:active, a.menu:hover {
  color: #005655;
  background-color: #74C2BC;
  background-image: url(_media/menu_hover.gif);
  border-bottom: solid 2px #C0C0C0;
}

/* -------- Impressum / Bottom -------------------------------- */
#bottom {
  position: absolute;
  top: 10px;
  left: 40px;
  width: 90%;
  margin: 0;
  padding: 0;
  color: #808080;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 8pt;
  vertical-align: center;
  text-align: center;
  white-space: nowrap;
}

/*-------- allgemeine Link-Styles --*/
a:hover {
  color: #000000;
  border-bottom: solid #008484;
}
a:link   { color: #0F234B; }
a:visited{ color: #0F234B; }
a:active { color: #000000; }


/* Höhe des Kopfbereichs definieren */
#header_area {
  height: 100px; /* kann später feingetunt werden */
  width: 100%;
  position: relative;
  background-color: #008484;
}

/* Nur Headerseite (top.htm) soll petrol sein */
body.title {
  background: #008484 !important;
}

/* Standard: alle anderen bleiben weiß */
html, body {
  background: #FFFFEA;
}
/* Fix: Header-iframe soll nie Scrollbars zeigen */
iframe#header {
  overflow: hidden !important;
}

/*--**************************** E N D *****************************--*/