/* ======================================
 Kalibrierung und Restauration
  ====================================== */
*
{
	padding:0;
	margin:0;
}

html
{
	overflow-y:scroll;
}


/* ======================================
   Allgemeine Styles    FOTOS
  ====================================== */
body
{
	background-color:#CCF;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.clearing
{
	clear:both;
}
.left
{
	text-align:left;
}
.right
{
	text-align:right;
}
.center
{
	text-align:center;
}
.klein
{
	font-size: 10px;
}
 /* ======================================
Styles für die Layoutbereiche
  ====================================== */
#wrapper
{
	background-color:#369;
	width:800px;
	margin:10px auto;
}

#kopfbereich
{   margin-bottom:20px;
	position:relative;
	border:0;
	border-bottom:1px solid #808080;
	padding:5px 20px;
	background-color:#32608E;
}

#verzeichnis-index
{
  	position:relative;
	border:0; 
	margin:0 130px;  /* Abstand Foto vom Zettelrand */
	text-align:left;

}                    
#verzeichnis-index-wdr
{
  	position:relative;
	border:0;
	margin:0 35px;  /* Abstand Foto vom Zettelrand */
	text-align:left;

}

#verzeichnis-liste
{
  	position:relative;
  	margin:0 80px;  /* Abstand Foto vom Zettelrand */
	border:0;
	text-align:left;
	height:400px;
} 
#verzeichnis
{
  	position:relative;
	border:0;
	text-align:center;
}

#navibereich-album
{
	position:relative;
	margin-top:20px;
	border-top:1px solid #808080;
	padding:5px 0 0 0;
	text-align:center;
	background-color:#32608E;
}

/* KKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK
	 Anfang  KOPFBEREICH - Überschriften
    KKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK */
/* Fotos vom */
#kopfbereich h1
{
	font-size:12px;
	letter-spacing:1px;
	font-weight:400;
}
/* Sommerfest 2011 + linie*/
#kopfbereich h2
{
	font-size:14px;
	letter-spacing:1px;
	font-weight:600;
 	margin-top:8px;
	margin-bottom:15px;
	/* border-bottom:1px solid #fff;
	padding-bottom:15px; */
	}
/* KKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK
	 Ende  KOPFBEREICH - Überschriften   
   KKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK */

/* VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV
   Anfang
   	VERZEICHNIS-INDEX, Auswahl der Fotos   
    VERZEICHNIS-LISTE, schriftl. Auswahl
    VERZEICHNIS, Einzelfotoseite 
    VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV*/
/* Index-Seite */
#verzeichnis-index img.auswahl,#verzeichnis-index-wdr img.auswahl
{
	height:85px;
	width:68px;
	margin:5px;
	padding:1px;
}
/* Index-Seite */
#verzeichnis-index a img.auswahl,#verzeichnis-index-wdr a img.auswahl
{
	color:#fff;
   border: 1px solid #fff;
}
/* Index-Seite */
#verzeichnis-index a:hover img.auswahl,#verzeichnis-index a:focus img.auswahl,#verzeichnis-index-wdr a:hover img.auswahl,#verzeichnis-index-wdr a:focus img.auswahl
{
	border: 1px solid #FFC400;

}
/* Index-Seite */
#verzeichnis-index a:active img.auswahl,#verzeichnis-index-wdr a:active img.auswahl
{
	border: 1px solid #000;
}

/* ----------------------------------- */
/* Einzelseite */
/* direkt über dem Bild zB Abbau - wenn erforderlich */
#verzeichnis h1
{
	font-size:12px;
	text-align:center;
	letter-spacing:1px;
	font-weight:400;
}
/* Einzelseite */
/* Foto zentrieren */
#verzeichnis .foto
{
	text-align:center;
}
/* Einzelseite */
/* Foto Querformat */


/* ''''''''''''''''''''''''''''''''''''''''''''''' */

/* 2019: 11 12 05  04 (1x))   600x450 */
#verzeichnis .bildbreit
{
    padding:1px;
	border:1px solid #fff;
	width:600px;
	height:450px;
}
/* 2019: 02      600x400 */
#verzeichnis .bildbreit-600
{
	padding:1px;
	border:1px solid #fff;
	width:600px;
	height:400px;
}

/* 2019: 09  nl   675x450 */
#verzeichnis .bildbreit-675
{
	padding:1px;
	border:1px solid #fff;
	width:675px;
	height:450px;
}

 /* 2019: 10     640x360 */
#verzeichnis .bildbreit-640
{
	padding:1px;
	border:1px solid #fff;
	width:640px;
	height:360px;
}

/* 2019: 04 (8x)) Hochformat - 338x450 */
#verzeichnis .bildhoch-338
{
	padding:1px;
	border:1px solid #fff;
	width:338px;
	height:450px;
}
/* Foto Hochformat */
#verzeichnis .bildhoch-300
{
    padding:1px;
	border:1px solid #fff;
	width:300px;
	height:450px;
}
/* ############################################# */
/* index - schriftl. Auflistung, statt der kleine Fotos */
#verzeichnis-liste ol
{
	padding-top:65px;
	list-style-type: decimal-leading-zero;
}
#verzeichnis-liste ol.eins
{
	padding-left:65px;
	
	
}

#verzeichnis-liste li
{
	padding:5px 20px;
	font-size:10px;
	font-family:Verdana;
	font-weight:400;
}

#verzeichnis-liste ol li a
{
	color:#fff;
	font-size:12px;
	font-family:Verdana;
	font-weight:400;
	letter-spacing:1px;
	text-decoration:none;
}

#verzeichnis-liste a:link,#verzeichnis-liste a:visited
{
	color:#fff;
/*  border-bottom: 1px dashed #fff; */
}

#verzeichnis-liste a:hover,#verzeichnis-liste a:focus
{
	color:#FFC400;
}



/* VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV
  		Ende 
	VERZEICHNIS, VERZEICHNIS-INDEX , VERZEICHNIS_LISTE
    VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV*/

/*NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
    Anfang    NAVIGATION-ALBUM
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN*/

/* NAVI unten  + Linie*/
#navibereich-album ul
{
	margin:0;
	padding-bottom:10px;
	border:0;
/* 	border-top:1px solid #fff;
	padding:10px 0 25px 0; */

}

#navibereich-album ul li
{
	display:inline;
	list-style-type:none;
}
/* nur bei index */
#navibereich-album ul li.album-index
{
	padding-left:500px;
}

/*  bei Einzelfotoseiten */
#navibereich-album ul  li.zu-zurueck
{
	padding-left:10px;
	padding-right: 50px;
}
/* nur bei Einzelfotoseiten */
#navibereich-album ul  li.zu-weiter
{
	padding-left:50px;
}
/* nur bei Einzelfotoseiten */
#navibereich-album ul  li.zu-schliessen
{
	padding-left:220px;
}


/* links */
#navibereich-album a:link
{
	color:#fff;
	font-size:28px;
	font-weight:400;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	text-decoration: none;
}
#navibereich-album a:link, #navibereich-album a:visited
{
	color:#fff;
}

#navibereich-album a:hover,#navibereich-album a:focus
{
	color:#FFE200;
}

#navibereich-album a:active
{
	color:#FF0000;
}


/* =======================================
   E N D E  navibereich-album
   ======================================= */

/* =======================================
   E N D E
   ======================================= */