/*********************************************************************************************************************************************

BASIS.CSS
=========


Definition der Klassen

MenueKopfBasis -------------- Container Hauptmenue zentriert im Kopf der Basis
MenueKopf ------------------- Hauptmenue in 'MenueKopfBasis'
MenueFuss ------------------- Menueleiste in 'MenueFussBasis' im Fuss ('Fuss')

MainWrapper ----------------- Wrapper als Elternelement fuer alle 'Basis' Elemente
BasisBody ------------------- Hauptelement mit Hintergrund fuer alle Inhalte
BasisKopf ------------------- Element fuer den Kopf der 'Basis' fuer die Ueberschrift
BasisImgKopf ---------------- Box fuer die SlideShow
OvalBasisRand --------------- Wrapper oval mit Rand fuer 'OvalBasis'
OvalBasis ------------------- ovales Element fuer das Logo des Apunti Ensemble's (Grafik als Hintergrund, um in allen Browsern
                              die ovale Darstellung zu garantieren
BasisImg -------------------- Box fuer Bild-Grafiken
BasisImgText ---------------- Box fuer Text bezogen auf die Bilder 
BasisText ------------------- Box fuer Text
BasisPlakat ----------------- Box fuer eingescannte Plakate etc.
Slide ----------------------- Box fuer Bildwechsler
ArchivPlusAktivieren -------- Box fuer die Referenz 'mehr .....' 
Fuss ------------------------ Wrapper fuer alle Inhalte im unteren Bereich, eigener blauer Hintergrund
MenueFussBasis -------------- Wrapper fuer die Menueleiste 'MenueFuss'
EmpfehlungenBasis ----------- Wrapper fuer die Referenz-Box 'Empfehlungen' der Referenzen auf andere URL's
Empfehlungen ---------------- Box fuer das Menue der Referenzen auf andere URL's
EmpfehlungenKopf ------------ Box fuer die Ueberschrift der Referenzen
Cpr ------------------------- Box fuer die letzte Fussleist mit Copyright

***********************************************************************************************************************************************/


 
body {background-image:url(../backgrounds/bg_antonius.jpg);background-attachment:fixed;background-size:cover;font-size:1em;}
html {box-sizing:border-box;}

p, a, nav, div, ul, h1, h2, h3, h4, h5, h6 {margin:0;padding:0px;}
h1         {font-family:Times , serif;color:#6E694C;font-weight:bold;text-align:left;}
h2, h3, h4 {font-family:Helvetica , sans-serif;color:#333;font-weight:normal;text-align:left;}
h1 {font-size:2.1em;}
h2 {font-size:1.4em;}
h3 {font-size:1.2em;}
h4 {font-size:1em;}
img  {
  height:auto; 
	width:100%;
	max-width:100%;
 }

/* == Basis ======================================================================================================================== */


.MainWrapper {
  margin:3% auto 0;
  width:80%;
  min-width:35em;
  max-width:60em;
  background:#565131;    /*#B9B7AA*/
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	   -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	     box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
 }
 
.BasisKopf {
	width:100%;
 }

.BasisBody {
	z-index:1;
  width:100%;
  background:#fff;
 }
 
.BasisImgKopf {
	width:100%;
  background:#B9B7AA;
  border-top:.2em solid #B9B7AA;
 } 
 

.ArtikelWrapper {
  width:90%;
  margin:5em auto 0;
  z-index:1;
 }
 
.ArtikelBox {
  border:1px solid #bbb;
  z-index:2;
  background:rgba(230,230,230,1);
  overflow:hidden;
 }
 
.ArtikelText {
  padding:1em;
  }

.ArtikelText p {
  font-size:1em;
  line-height:14.5pt;
  font-family:Times , serif;
  color:#333;
 }
 
.ArtikelBoxImg {
  width:90%;
  height:auto;
  margin:5%;
  }
 
 a[rel=RefText]                  {color:#9000ff;text-decoration:none;}
 a[rel=RefTop]                   {font-family:Times;color:#333;text-decoration:none;font-size:1em;}
 a[rel=RefTextBistumMainz]       {color:#9000ff;text-decoration:none;font-size:1.3em;}
 a:hover[rel=RefText]            {color:#ff00ff;}
 a:hover[rel=RefTop]             {font-weight:bold;}
 a:hover[rel=RefTextBistumMainz] {color:#ff00ff;text-decoration:none;}
 
.SeitenAnfang                    {text-align:center;height:2em;padding-top:1%;margin:2em auto 0;border-top:2px solid #333;}
  

#KapelleSlide {
  position:relative; 	
 	overflow:hidden;
 	}
  
#KapelleSlide img {
	width:100%;
	height:100%;
	max-width:100%;
 }
 


/* == Hauptmenue =================================================================================================================== */

.BasisHauptMenue {                               /*-- Box Hauptmenue Kopf --*/
  width:100%;
  height:2em;
  background:#565131;
 }
 
.HauptMenue ul {                               /*-- unsortierte Liste ohne Kennzeichen --*/
	list-style-type:none;
	overflow:hidden;
 }
 
.HauptMenue li a {                             /*-- Listenpunkte horizontal angeordnet --*/
  display:inline-block;
  float:left;
	color:#eee;
	font-family:Helvetica;
	text-transform:capitalize;
	font-variant:small-caps;
	text-decoration:none;
	text-align:center;
 }
 
.HauptMenue.Kopfleiste li a {font-size:1.1em;margin-top:.3em;}
.HauptMenue.Fussleiste li a {font-size:0.90em;margin-top:.5em;}
 
.HauptMenue.Kopfleiste li a.refhome          {width:9%;margin-left:2.5%;}             /*-- Breite der einzelnen Menuepunkte --*/
.HauptMenue.Kopfleiste li a.refhomeverein    {width:10%;margin-left:3.5%;}
.HauptMenue.Kopfleiste li a.refkapelle       {width:11%;}
.HauptMenue.Kopfleiste li a.refprogramm      {width:21%;}
.HauptMenue.Kopfleiste li a.refverein        {width:18%;}
.HauptMenue.Kopfleiste li a.refarchiv        {width:10%;}
.HauptMenue.Kopfleiste li a.refanfahrt       {width:11%;}
.HauptMenue.Kopfleiste li a.refgast          {width:15%;}
.HauptMenue.Kopfleiste li a.refvorstand      {width:15%;}
.HauptMenue.Kopfleiste li a.refaktivitaeten  {width:16%;}
.HauptMenue.Kopfleiste li a.refmitglied      {width:20%;}
.HauptMenue.Kopfleiste li a.refsatzung       {width:14%;}
.HauptMenue.Fussleiste li a.refdatenschutz   {width:12%;margin-left:57%;}
.HauptMenue.Fussleiste li a.refkontakt       {width:9%;}
.HauptMenue.Fussleiste li a.refhaftung       {width:9%;}
.HauptMenue.Fussleiste li a.refimpressum     {width:11%;}

.HauptMenue.Kopfleiste li a:hover, .HauptMenue.Kopfleiste li a:focus {
	color:#FFDC78;
	text-decoration:none;
 }

.HauptMenue.Fussleiste li a:hover, .HauptMenue.Fussleiste li a:focus {
	color:#FFDC78;
	text-decoration:none;
 }  

.HauptMenue li.aktiv {
	display:inline-block;
	height:1.8em;
	float:left;
	color:#FFDC78;
	font-family:Helvetica , sans-serif;
	text-transform:capitalize;
	font-variant:small-caps;
	text-decoration:none;
	text-align:center;
 }
 
.HauptMenue.Kopfleiste li.aktiv {font-size:1.1em;margin-top:.3em;}
.HauptMenue.Fussleiste li.aktiv {font-size:.90em;margin-top:.5em;} 

.HauptMenue.Kopfleiste li.aktiv.akthome          {width:9%;margin-left:2.5%;}
.HauptMenue.Kopfleiste li.aktiv.aktkapelle       {width:11%;}
.HauptMenue.Kopfleiste li.aktiv.aktprogramm      {width:21%;}
.HauptMenue.Kopfleiste li.aktiv.aktverein        {width:18%;}
.HauptMenue.Kopfleiste li.aktiv.aktarchiv        {width:10%;}
.HauptMenue.Kopfleiste li.aktiv.aktanfahrt       {width:11%;}
.HauptMenue.Kopfleiste li.aktiv.aktgast          {width:15%;}
.HauptMenue.Kopfleiste li.aktiv.aktvorstand      {width:15%;}
.HauptMenue.Kopfleiste li.aktiv.aktaktivitaeten  {width:16%;}
.HauptMenue.Kopfleiste li.aktiv.aktmitglied      {width:20%;}
.HauptMenue.Kopfleiste li.aktiv.aktsatzung       {width:14%;}
.HauptMenue.Fussleiste li.aktiv.aktdatenschutz   {width:12%;margin-left:57%;}
.HauptMenue.Fussleiste li.aktiv.aktkontakt       {width:9%;}
.HauptMenue.Fussleiste li.aktiv.akthaftung       {width:9%;}
.HauptMenue.Fussleiste li.aktiv.aktimpressum     {width:11%;}


@media screen and (max-width: 1050px) {
	.HauptMenue.Kopfleiste li a, .HauptMenue.Kopfleiste li.aktiv                                   {font-size:0.90em;margin-top:.2em;}
	.HauptMenue.Fussleiste li a, .HauptMenue.Fussleiste li.aktiv                                   {font-size:0.75em;margin-top:.4em;} 
	.HauptMenue.Fussleiste li a.refdatenschutz, .HauptMenue.Fussleiste li.aktiv.aktdatenschutz     {width:14%;margin-left:53%;}
  .HauptMenue.Fussleiste li a.refkontakt, .HauptMenue.Fussleiste li.aktiv.aktkontakt             {width:9%;}
  .HauptMenue.Fussleiste li a.refhaftung, .HauptMenue.Fussleiste li.aktiv.akthaftung             {width:10%;}
  .HauptMenue.Fussleiste li a.refimpressum, .HauptMenue.Fussleiste li.aktiv.aktimpressum         {width:11%;}
 }
	


/* == Fuss ========================================================================================================================= */

.Fuss {
	position:absolute;
	left:0px;
	width:100%;
	height:34em;
	z-index:10;
	border-top:.25em #352e05 solid;
	background:#333;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	   -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	     box-shadow: 0px 0px .5em rgba(0,0,0,0.5);
 }
 
.SitemapLinksWrapper {
	height:25em;
  width:70%;
  margin:3em auto;
  min-width:35em;
  max-width:53em;
  border-left:dotted 2px #ccc;
	border-right:dotted 2px #ccc;
 }

.Sitemap {
	width:49.8%;
	float:left;
 }
 
.Links {
	width:49.8%;
	float:left;
 }
  
 
/* == Sitemap =========================================== */

.SitemapKopf {
	width:100%;
 }
 
.SitemapKopf h1 {
  text-align:left;
  margin-left:22%;
  font-family:Helvetica , sans-serif;
  font-size:1.1em;
  font-weight:bold;
	color:#ddd;
 }

.SitemapMenue ul {
	list-style-type:square;
	width:75%;
	color:white;
	margin:40px 0 0 80px;
 }

.SitemapMenue li a {
	display:block;
	color:#ccc;
	font-size:.8em;
	line-height:160%;
	font-family:Helvetica , sans-serif;
	text-decoration:none;
	margin-left:4%;
 }
 
.SitemapMenue a:focus, .SitemapMenue a:hover  {
	color:#fff;
	text-decoration:none;
 }
 
  
  
/* == Links =========================================== */


.LinksKopf {
	width:100%;
 }
 
.LinksKopf h1 {
  text-align:left;
  margin-left:22%;
	font-family:Helvetica , sans-serif;
  font-size:1.1em;
  font-weight:bold;
	color:#ddd;
 }

.LinksMenue ul {
	list-style-type:square;
	width:75%;
	color:white;
	margin:40px 0 0 80px;
 }

.LinksMenue li a {
	display:block;
	color:#ccc;
	font-size:.8em;
	line-height:180%;
	font-family:Helvetica , sans-serif;
	text-decoration:none;
	margin-left:4%;
 }
 
.LinksMenue li a:hover, .LinksMenue li a:focus, .LinksMenue li a:active {
	color:#fff;
	text-decoration:none;
 }
 
  

/* == Copyright ============================================================================================================================ */

.Cpr {
	width:100%;
	min-width:37em;
	height:1.6em;
	z-index:50;
	background:rgba(0,0,0,0.1);
 }

.Cpr p  {
   font-family:Arial , sans-serif;
   color:#fff;
   font-size:10px;
   padding-top:7px;
   text-align:center;
 }
   

.capt     {
	font-size:30px;
	text-transform:capitalize;
	font-variant:small-caps;
	text-decoration:none;
	font-weight:bold;
 }
 
.cl       {clear:both;}


/*=============================================================================================================================*/