/* mygallery.css - Hovergallerie mit zentrierten Bildunterschriften in PopupBox */
/* H. Härtl - 01.03.2014*/
/* nach einer von Dynamic Drive publizierten Idee */
/* http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/ */

.myGallery
{	position: relative;
	margin: 0 1.5em 0 2em;
	padding: 0 0 0 0;
} 

.hoverBox1 img
{	border: 1px solid #65635B; 
	margin: 2px 8px 8px 0;  
}

.hoverBox1:hover img    /* Bildrand kleine und Innenrahmen grosse */
{ border: 1px solid #9a8a7f; } /* Bildrand bei Auswahl kleine akt. Innenrahmen gross */

.hoverBox1 p
{ visibility: hidden;
	position: absolute;
	background-color: #FFF4CB;
	margin: 0;
	padding: 7px 7px 11px 7px;
	border: 1px solid silver;
	font-size: 0.8em;
	color: gray; 
	text-decoration: none;
	text-align: center;
}

/* == Abstand für Innenrahmen kw  ==
.hoverBox1 p img 
{ border-width: 0;
	padding: 4px;
} == */

.hoverBox1:hover p 
{ 
	visibility: visible;
	top: 121px;
	left: 44px;
	z-index: 10;
}

/* == fuer die Hochformate == */
.hoverBox2 img
{	border: 1px solid #65635B; 
	margin: 3px 0 4px 0;  
}

.hoverBox2:hover img
{ border: 1px solid #9a8a7f; } /* Bildrand bei Auswahl kleine akt. Innenrahmen gross */

.hoverBox2 p
{ visibility: hidden;
	position: absolute;
	background-color: #FFF4CB;
	margin: 0;
	padding: 10px;
	border: 1px solid silver;
	font-size: 0.8em;
	color: gray; 
	text-decoration: none;
	text-align: center;
}
/* == Abstand für Innenrahmen kw  ==
.hoverBox2 p img 
{ border-width: 0;
	padding: 4px;
}  ==  */

.hoverBox2:hover p 
{ 
	visibility: visible;
	top: 129px;
	left: 139px;
	z-index: 11;
}

.myStartbild
{ 
	background-color: #FFF4CB; /* #ffffe0; */
	margin: 5px 0 0 44px;
}

.myStartbild img
{ 
	background-color: #FFF4CB; /* Wie Menueblock */
	margin: 0 0 6px 0;
	padding: 0px;
	border: 1px solid #65635B;
	color: gray;
	text-decoration: none;
	text-align: center;
}

.myStartbild p
{ visibility: visible;
	position: absolute;
	background-color: #FFF4CB;
	margin: 0;
	padding: 9px;
	border: 1px solid silver;
	font-size: 0.8em;
  font-weight: bold;
	color: gray; 
	text-decoration: none;
	text-align: center;
  z-index: auto;
}