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

html
{
	overflow-y:scroll;
}


/* ======================================
   Allgemeine Styles    Film von 2017 (NL)
  ====================================== */
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-film
{
  	position:relative;
	border:0;
	margin:0 150px;  /* 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:70px;
	width:70px;
	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 */
#verzeichnis .bildbreit
{
	padding:3px;
	border:5px solid #ccc;
	width:600px;
	height:450px;
}
/* Foto Hochformat */
#verzeichnis .bildhoch-338
{
	padding:3px;
	border:5px solid #ccc;
	width:338px;
	height:450px;
}
/* Querformat 3 Fotos 81-3) bei bvb2011 */
#verzeichnis .bildbreit-640
{
	padding:3px;
	border:5px solid #ccc;
	width:640px;
	height:424px;
}
/* Einzelseite */

/* Foto Hochformat - auf gleiche Höhe angepasst */
#verzeichnis .bildhoch-m
{
	padding:3px;
	border:5px solid #ccc;
	width:338px;
	height:450px;
}
/* Foto Hochformat - bvb 2011 */
#verzeichnis .bildhoch
{
	padding:3px;
	border:5px solid #ccc;
	width:400px;
	height:450px;
}
/* Foto Hochformat - sofe 2012 */
#verzeichnis .bild-hoc00
{
	padding:3px;
	border:5px solid #ccc;
	width:300px;
	height:450px;
}

 /* ############# 2015################ */
 /* Querformat  Duo 2015 */
#verzeichnis .bildbreit-2015
{
	padding:3px;
	border:5px solid #ccc;
	width:675px; 
	height:450px;
}

 #verzeichnis .bildhoch-2015
{
	padding:3px;
	border:5px solid #ccc;
	width:400px;                     
	height:450px;
}
#verzeichnis .bildbreit-nl
{
	padding:3px;
	border:5px solid #ccc;
	width:600px;
	height:400px;
}

#verzeichnis .bildsup
{
	padding:3px;
	border:5px solid #ccc;
	width:720px;
	height:400px;
}


/* ############################################# */
/* 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;
}
/* nur bei Einzelfotoseiten */
#navibereich-album ul  li.zu-index
{
	padding-right:220px;
}
/* nur bei Einzelfotoseiten */
#navibereich-album ul  li.zu-zurueck
{
	padding-right:10px;
}
/* nur bei Einzelfotoseiten */
#navibereich-album ul  li.zu-weiter
{
	padding-left:10px;
}
/* nur bei Einzelfotoseiten */
#navibereich-album ul  li.zu-schliessen
{
	padding-left:220px;
}
/* Film */
#navibereich-album ul  li.zu-film
{
 text-align: center;
}

/* 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
   ======================================= */


   /* ############################################# */
 /* FILME */
/* ############################################# */
 #verzeichnis-film
{ 	font-size:14px;
	letter-spacing:1px;
}

#verzeichnis-film .film-nl
{
	padding:3px;
	border:2px solid #ccc;
}

#verzeichnis-film .klein
{
	font-size: 10px;
	line-height: 150%;
}

#verzeichnis-film a:link,#verzeichnis-film a:visited
{
	color:#fff;

    text-decoration: none;
}

#verzeichnis-film a:hover,#verzeichnis-film a:focus
{
	color:#FFC400;
    text-decoration: none;
}


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