
/*Dateiname: css_vorlage.css*/

/*Zweck: CSS-Stylesheet-Vorlage*/
/*Wird verwendet für die HTML-/PHP-Seiten von http://waechtersbach.nazarener.de  */ 


/*Autor:            Daniel Kessler   */
/*Erstellt am:      12.10.2004       */
/*Letzte Änderung:  2006       */






/*Code... */


<style type = "text/CSS">
<!--



{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }

/*body und Text definieren */

body {
    color: black; 
    font-size: 100.01%;
    margin: 0; padding: 1em 0;
    text-align: center;  /* Zentrierung im Internet Explorer */
    background: #DAEAFF url('Grafiken/HP_Hintergrund_blau_4.bmp'); background-repeat:repeat-x; /* EAEAEA */
  }


table { font:normal 13px Arial;}


/************************************************************************************************/
/*  IDs für die DIVs:                                                                           */
/************************************************************************************************/


/* für den Haupt-Div in dem sich jede Seite befindet: */

#seite{
 border: 1px solid #000080;  /* 808080 */
 text-align: left;    /* Seiteninhalt wieder links ausrichten */
 margin: 30px auto;      /* standardkonforme horizontale Zentrierung */
 width: 770px;
 padding: 0;
 /* background: #FFFFFF; */
 /* background: #FFFFE0 url('Grafiken/gelbe_Leiste.bmp') repeat-y; */  /* Hintergrundgrafik am linken Rand */
 background: #FAF9DE url('Grafiken/Hintergrund_Navi_orange_2.jpg'); background-repeat:no-repeat; /* Alte Hintergrundfarbe: FFFFE0 */
}


/* für Kopfleiste auf jeder Seite oben*/

#kopfleiste{
  margin-top:0px;
  background-color:white;
  height:172px;  /* letzter Wert: 117px; */
  
  background-image:url('Grafiken/Blumen_Header_schmal.jpg');  /*Normalerweise: 'Kopfleiste_2009.jpg'  Im Winter: 'Winterlandschaft_header_2.jpg' */
  background-repeat:no-repeat; 
}



/* Unsichtbare Umrandung der Listenfelder (vertikale Navigation) */

.Navi_Umrandung{     /* Nötig für den Elementfluss, damit der Text später neben der Navi ist. */
  float: left;      
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;    /* Der spätere Abstand zum Text wird im div id="seiteninhalt" geregelt! */
  padding: 0px;
  border: 0px solid #808080;
	
} 

/* Für Listenfelder (vertikale Navigation) */

ul.Navigationsliste {
  border: 1px solid #808080;
  width: 147px;
  margin-left: 14px;
  /* margin-right: 13px; */
  margin-top: 30px;      /* Abstand zum header und zwischen den Listenfeldgruppen */
  margin-bottom: 20px;    /* Abstand zum footer (beim untersten Listenfeld) */
  padding-bottom: 10px;  /* um den unteren Rahmen auf Abstand zum Text zu halten */
  padding-left: 0px;
  padding-right: 0px;
  text-align:left;
  text-decoration: none; font-weight: normal; font-family:Arial; font-size:13px;
  background-color:#F2F9FF;

}
* html ul.Navigationsliste {  /* Korrekturen fuer IE 5.x */
  padding-left: 0;
  padd\ing-left: 0em;
}
  
ul.Navigationsliste li {
  list-style: disc;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 25px;                      
  /* margin-right: 10px; */
  padding-top: 10px;                     /* Hier Abstand ändern */
} 
  
  
ul.Navigationsliste a, ul.Navigation span {
  text-decoration: none; font-weight: normal; font-family:Arial; 
  color: #000080;
}

ul.Navigationsliste a:hover, ul.Navigation span {
  color: #3399FF;
  background-color: #F2F9FF;
}
  
ul.Navigationsliste h1 {
  margin:0px; text-decoration: none; text-align: left; color: black; font-weight: bold; font-family:Arial; font-size:16px;
  padding-top: 10px;
  padding-bottom: 15px;
  background-color: #CCE6FF;
  background: #CCE6FF url('Grafiken/Navi_Ueberschrift_blau_5.bmp');   /*Navi_Ueberschrift_blau.jpg*/
  background-repeat:repeat-x;
  background-position:bottom left;
}  





/* für Hauptinhalt (Textinhalt) der Seiten*/

#seiteninhalt {
  margin-top: 40px;
  margin-bottom: 10px;
  margin-right: 5px;
  margin-left: 181px;
  text-decoration:none;
  border-width:0px; 
  background-color:#FAF9DE;  /* Alte Farbe: FFFFE0 */
  text-align:justify;
  font-style:normal; 
  font-variant:normal; 
  font-weight:normal;
  font-size:13px; 
  font-family:arial, sans-serif;
  padding: 10px;
}
* html div#seiteninhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
}


/*Fusszeile, die den Elementfluss wieder herstellt: */

#fussleiste {
    clear: both;
    font-size: 12px;
    font-weight:normal;
    margin: 0; padding: 0.1em;
    text-align: center;
    /* background-color: #F9E4A3; */
    
    /* Altes Design bis 2008:
       background: #F9E4A3 url('Grafiken/footer_Hintergrund_1.jpg');
       background-repeat:repeat-x;
       background-position:top left;
       border-top: 1px solid #808080;
    */
    
    /* Neues Desing ab 2009: */
    background: #FFFFFF url('Grafiken/Fussleiste_2009b.jpg');
    background-repeat:repeat-x;
    background-position:bottom left;    
    border-top: 1px solid #000080;
}





/* für den Veranstaltungs-Ticker auf der Startseite: */

#ticker_ueberschrift{
  position: relative; top:10px; left:90px; z-index:1;
  width:400px;
}

#ticker{
  position: relative; top:10px; left:90px; z-index:1;
}
* html div#ticker {    /* Star-Html-Hack */
    position: relative; top:2px; left:90px; z-index:1;  /* Workaround für den Internet Explorer bis Version 6 */
}






/* für body der Steckbrief-Seiten: */

#steckbrief{
  background: #FAF9DE;
}

/* für die Haupttabelle der "Steckbrief"-Seiten: */

#steckbrieftabelle{
 margin-left: 7px;
 width:450px;
 font:normal 13px Arial;
 text-align:justify;
}




/* für body der Zusatzinfo-Seiten: */

#info{
  background: #FFFFE0;
}

/* für die Haupttabelle der "Zusatzinfo"-Seiten: */

#infotabelle{
 margin-left: 7px;
 width:450px;
 font:normal 13px Arial;
 text-align:justify;
}




/* für body der Fieldkarten-Seiten: */

#fieldkarte{
  background: #FFFFE0;
}

/* für die Haupttabelle der "Field-Karten"-Seiten: */

#karte{
 margin-left: 10px;
 width:720px;
 font:normal 13px Arial;
 text-align:justify;
}




/*Formatierungen für den CKalender: */

#Zwischenueberschrift {
		font-family: Arial;
		font-size: 16px;
		color: #000066;
		padding-top:10px;
		padding-bottom:20px;
}
	 
#TabellenzelleTermine {
		font-family: Arial;
		font-size: 13px;
		color: #000000;
		vertical-align: top;
		padding-bottom:10px;
}




/************************************************************************************************/
/*  Formatierungen für Seitenelemente etc.:                                                     */
/************************************************************************************************/
 
 
/*Überschriften definieren: */

h1 { color:#000080; text-decoration:bold; text-align:center; font-family:Arial; font-size:24px; margin-bottom:1px; margin-top:15px; }
h2 { color:#000080; text-decoration:bold; font-family:Arial; font-size:16px; margin-bottom:1px; margin-top:1px; }
h3 { color:#000000; text-decoration:bold; font-family:Arial; font-size:16px; margin-bottom:3px; margin-top:3px;}



/*Farben der input-Objekte die nachfolgend nicht definiert sind (als "default" gedacht): */

input { background-color:#FFFFFF; border:1px solid #000080}




/*Farben der buttons: */

.Button { background-color:#E1F1FF; border:1px solid #000080}

.submit { background-color:#E1F1FF; border:1px solid #000080}


/*Für textareas:*/

.Textarea { background-color:#E1F1FF; border:1px solid #000080}



/*Checkboxen als Klasse definieren:*/

.Checkbox { background-color:#E1F1FF; border: none }



/*Klasse für Auswahltabellen (Schnellnavigationen) */

.rahmen {
  border-width:1px;
  border-style:solid;
  border-color:#808080;
  background-color:#F2F9FF;  /* F0F8FF, DFF1FF, D7EDFF */
}


/*Farben der Scrollleisten: */

body, textarea {

  scrollbar-base-color:#CCE6FF;
  scrollbar-3dlight-color:#000080;
  scrollbar-arrow-color:#000080;
  scrollbar-darkshadow-color:#000080;
  scrollbar-face-color:#5599DD;
  scrollbar-highlight-color:##000080;
  scrollbar-shadow-color:#000080;
  scrollbar-track-color:#CCE6FF;

/*vorherige base/track-color:#afd0ff */
}



/*Farben der Hyperlinks: 3399FF */
/*
 a:link { color:#000080; text-decoration:underlined; font-family:Arial; font-size:13px;}
 a:visited { color:#000080; text-decoration:underlined; font-family:Arial; font-size:13px;}
 a:hover { color:#CA2B02; text-decoration:underlined; font-family:Arial; font-size:13px;}
 a:active { color:#CA2B02; text-decoration:underlined; font-family:Arial; font-size:13px;}
*/


 a:link { color:#000080; text-decoration:underlined; font-family:Arial; font-weight:normal; font-size:13px;}
 a:visited { color:#000080; text-decoration:underlined; font-family:Arial; font-weight:normal; font-size:13px;}
 a:hover { color:#3399FF; text-decoration:underlined; font-family:Arial; font-weight:normal; font-size:13px;}
 a:active { color:#3399FF; text-decoration:underlined; font-family:Arial; font-weight:normal; font-size:13px;}







//-->