/* --- CSS-File: standard.css 2f-fitness.de --- */

/* ----------------------------------------------------------- 
 ABSCHNITT 0 - BODY 
----------------------------------------------------------- */
/* Gesamteinstellung fuer den Body 
   Hintergrund Verlauf (jpeg-Grafik 7kb), repeat-x fuer waagerechte Wiederholung, 
   Hintergrundfarbe = Farbe am Ende des Verlaufstreifens, so dass eine kontinuierliche Flaeche entsteht*/
body {
  font-family: arial, sans-serif;
  font-size:10pt;
  color:#000000;
  margin:0px 0px 0px 0px;
  background:#9EBDD6 url(../layout/background.jpg) repeat-x;
  text-align:center;
}

/* -----------------------------------------------------------
ABSCHNITT 1 - DIV-Bereiche
----------------------------------------------------------- */

/* gesamtbox = Rahmen um die gesamte Darstellung im Web */
div#gesamtbox {
  clear:both;
  width:980px;
  /* border:1px solid #2E79FA; */
  
  margin-top:auto;
  margin-left:auto;
  margin-bottom:auto;
  margin-right:auto;
  }

/* Startseitengrafik im Kopfteil */
/* 1. für index.html */
div#kopfgrafikstart {
  clear:both;
  width:980px;
  height:140px;
  background:#FFFFFF url(../layout/kopfstart.jpg) no-repeat; 
  }

/* 2. fuer kontakt.html */
div#kopfgrafikkontakt {
  clear:both;
  width:980px;
  height:140px;
  background:#FFFFFF url(../layout/kopfkontakt.jpg) no-repeat; 
  }
  
/* 3. fuer kurse.html */
div#kopfgrafikkurse {
  clear:both;
  width:980px;
  height:140px;
  background:#FFFFFF url(../layout/kopfkurse.jpg) no-repeat; 
  }
  
/* 4. fuer galerie.html */
div#kopfgrafikgalerie {
  clear:both;
  width:980px;
  height:140px;
  background:#FFFFFF url(../layout/kopfgalerie.jpg) no-repeat; 
  } 
  
/* 5. fuer trainer.html */
div#kopfgrafiktrainer {
  clear:both;
  width:980px;
  height:140px;
  background:#FFFFFF url(../layout/kopftrainer.jpg) no-repeat; 
  }
  
/* 6. fuer anfahrt.html */
div#kopfgrafikanfahrt {
  clear:both;
  width:980px;
  height:140px;
  background:#FFFFFF url(../layout/kopfanfahrt.jpg) no-repeat; 
  }   

  /* 7. fuer links.html */
div#kopfgrafiklinks {
  clear:both;
  width:980px;
  height:140px;
  background:#FFFFFF url(../layout/kopflinks.jpg) no-repeat; 
  }

  /* 7. fuer aktuell.html */
div#kopfgrafikaktuell {
  clear:both;
  width:980px;
  height:140px;
  background:#FFFFFF url(../layout/kopfaktuell.jpg) no-repeat; 
  }
  
  /* 7. fuer aktuell.html */
div#kopfgrafikpartner {
  clear:both;
  width:980px;
  height:140px;
  background:#FFFFFF url(../layout/kopfpartner.jpg) no-repeat; 
  }
  
/* brauche ich den Kopfteil noch? */
div#kopfteil {
  clear:both;
  top:0px;
  height:0px;
  }

/* Navigationsabschnitt mit waagerechter Anordnung der Schaltflächen */
div#navigation {
  clear:both;
  width:980px;
  height:25px;
  background:#FFFFFF;
  color:#356587;border-top:solid 1px;
  
  border-bottom:solid 1px;
  border-color:#356587;
  border-spacing:0px;
  padding:0px;
  margin:0px;
  text-align:center;
  font-size:1.0em;
  }
  
/* Inhaltsteil */  
div#inhalt {
  clear:both;
  width:980px;
  /* height:380px; */
  background:#FFFFFF;
  text-align:left;
  }

/*neu 29.11.07 */
div#contentleft {
	float:left;
  margin-top:2px;
	padding:0px;
	width:150px;
}

div#menulinks {
margin-top:2px;
padding:2px;
width:120px;
}



div#contentcenter {
  float:left;
  text-align:center;
  margin-top:2px;
  padding:0px;
  width:550px;
}

/*neu 29.11.07 */
div#contentright {
	float:left;
  margin-top:2px;
	padding:0px;
	width:270px;
}


div#clear {
  /* für Marquee-Bereich mit Meldung */
  clear: both;
  font-size: 1.0em;
  margin-top:2px;
  /* height: 20px; */
  background:#FFCC66;
  /* line-height: 2px; */
}
  
/* Fussgrafiken - ggf. pro Seite eine eigene */
div#fussteil {
  clear:both;
  width:980px;
  height:22px;
  background:#FFFFFF url(../layout/fussstart.jpg) no-repeat; 
}

/* pro Hauptseite ggf. abweichende DIV-TAGS h1starttitel, h1anfahrttitel, etc. */
div#h1starttitel {
  display:none;
  }

div#h1starttitel span{} 

div#h2starttitel {
  display:none;
  }
  
div#h2starttitel span{}

div#h3starttitel {
  display:none;
  }

div#h3titel span{}

/* -----------------------------------------------------------
ABSCHNITT 2 - TAG-Definitionen fuer den Inhaltsteil
----------------------------------------------------------- */  

/*Tags fuer die Suchmaschinen-Titel 
stehen im div Kopfteil */
h1.titel {
  display:none; 
  clear:both;
  margin-top:8px;
  font-family:arial, sans-serif;
  font-size:1.5em;
  font-weight:bolder;
  color:#356587;
  text-align:left;
  line-height:14pt;
}

h1.titeltext {
  display:none;
  margin-top:0px;
  font-family:arial, sans-serif;
  font-size:1.2em;
  font-weight:bold;
  color:#356587;
  text-align:left;
  line-height:15px;
}

h1,h2,h3 {
  text-align:left;
  font-family:arial, sans-serif;
  font-size:1.5em;
  color:#357587;
  }

p,ul,li {
  text-align:left;
  font-family:arial, sans-serif;
  font-size:1.0em;
  }


table.startseite {
  width:980px;
  text-align:left;
  }

table.startseite td {
  padding:2px;
  }

/* Tabelle für Vorschaubilder */
table.galerievorschau {
  width:980px;
  text-align:center;
  }
  
table.galerievorschau td {
  text-align:center;
  color:#005495;
  vertical-align:middle;
  }

/* Tabelle mit Hauptbildern */
table.galerie {
  text-align:left;
  font-size:1.0em;
  color:#005495;
  vertical-align:top;
  }
  
table.galerie td {
  text-align:left;
  vertical-align:top;
  }
/* nur bei unordered list soll die Grafik angezeigt werden, daher ul li */
ul li {
  list-style-image:url("../layout/liste2.gif");
  margin-left:0px;  
  }



/* ----------------------------------------------------------------- */

  /* a-Tags fuer die Seitennavigation - verwendet innerhalb div navigation */
  a.seitennavi {padding:2px; font-weight:bold; font-size:1.0em; line-height:18pt; text-decoration:none;}
  a.seitennavi:link {color:#005495;}
  a.seitennavi:visited  {color:#005495;}
  a.seitennavi:hover {color:#FFFFFF; background-color: #005495;}
  a.seitennavi:active {color:#005495;}

  /* die aktive Seite wird hiermit gekennzeichnet */
p.aktiv {
  display:inline;
  font-size:1.0em;
  font-weight:bolder;
  font-style:italic;
  background: url(../layout/aktiv.gif) no-repeat;
  }
  
/* wird zusammen mit p.aktiv verwendet, z.B.: <p class="aktiv"><span class="u">Galerie<span></p> 
   ergibt dann ein Mini-Logo 2f-fitness vor dem Begriff Galerie*/

span.u {
text-decoration:underline;
margin-left:17px;
}

/* Wird fuer die Zeile mit neuen Nachrichten auf der Startseite unten verwendet. */
p.aktuell {
  display:inline;
  text-align:center;
  font-size:1.0em;
  font-weight:normal;
  font-style:italic;
  color:#356587;
  }

/* a-Tags, wenn nichts weiter definiert ist */
a {padding:2px; font-weight:normal; font-size:1.1em;}
a:link {color:#000000;}
a:visited  {background-color:#FFFFFF; color:#000000;}/* color:#356587*/
a:hover {color:#FFFFFF; background-color:#356587;} 
a:active {color:#000000; background-color:#FFFFFF;}/* color:#356587*/

/* a-Tags fuer Bildlinks */
a.bild {padding:0px; font-weight:normal; font-size:1.0em;}
a.bild:link {color:#356587;}
a.bild:visited {background-color: #FFFFFF; color: #FFFFFF;}
a.bild:hover {color:#FFFFFF; background-color:#FFFFFF;}
a.bild:active {color:#FFFFFF; background-color:#FFFFFF;}

/* a-Tags fuer aktuelle Buttons */
a.button {padding-left:4px; font-weight:normal; font-size:1.0em; color=#FFFFFF; background-color:#065494; text-align:center; text-decoration:none;}
a.button:link {color:#FFFFFF; background-color:#065494; text-align:center; text-decoration:none;}
a.button:visited {color: #FFFFFF; background-color:#065494; text-align:center; text-decoration:none;}
a.button:hover {color:#FFFFFF; background-color:#065494; text-align:center; text-decoration:none;}
a.button:active {color:#FFFFFF; background-color:#065494; text-align:center; text-decoration:none;}

/* a-Tags, wenn nichts weiter definiert ist */
a.menunavilinks {padding:2px; font-weight:normal; font-size:1.0em;}
a.menunavilinks:link {color:#000000;}
a.menunavilinks:visited  {background-color: #DBDBDB; color: #356587;}
a.menunavilinks:hover {color:#FFFFFF; background-color:#356587;}
a.menunavilinks:active {color:#356587; background-color:#FFFFFF;}

/* Spezielle Tags f&uuml;r die Startseite */
/* ohne Öffnungszeiten: 60px, mit zweizeiligen Öffnungszeiten: 35px */
div#abstand {
height:35px;
}

li.startseite {
font-size:1.1em;
margin-bottom:9px;
}

.menunavilinks{
display:block;
width:130px;
border: 1px solid #065494;
margin-top:6px;
margin-left:2px;
font-family: Arial;
font-size: 1.00em;
font-style: normal;
font-weight: normal;
text-decoration: none;
background-color:#DBDBDB;
color:#000000;
}  
  
  
/* -------------------------------------------------------------- 
   ABSCHNITT 3: Grafiken, die per div-Tag in die HTML-Datei 
   eingebunden werden.
-------------------------------------------------------------- */   
/* br = brief, dokument */

/* wird noch nicht gebraucht, daher auskommentiert
div#grafik1 {
  background:url(../layout/liste.gif) no-repeat;
  width:10px;
  height:14px;
  border:1px solid black;
  margin:2px;
} 
*/