#galeriecontainer {
    width: auto;
    height: 400px;  /* wird mit PHP im document ueberschrieben */       
    background: transparent;
    margin-bottom: 0px;
 	margin-left: 160px;
    margin-right: 0px;
    padding: 0px;
   	
/* 	border: 1px solid blue;  */
}

/* Container fuer alle Thumbnails (und Google-Links) */
#thumbnails {
    width: 320px;
    height: 320px;
    padding: 0px;
    float: left;
    margin: 0px;
   /* border: 1px solid red;*/
}

/* container f?r das grosse Bild, darin ist bildgross und legende */
#bigpic {
    float: left;
    max-width: 400px;
    height: 320px;
    border: 0;
    margin-left: 0px;
    padding: 0px;
   	font-size: 1.2em;
    color: #333333;
  	/*border: 1px solid green;*/
}

#bildgross {
	margin-bottom: 20px;
	/*border: 1px dotted red;*/
}

/* div mit Bildtitel und Bildbeschrieb */
#legende {
    width: 300px;
    height: auto;
    margin: 0px;
    padding: 0px;
   /* border: 1px dotted blue; */
}


/* sog. Google-Links unter den Thumbnails, 
   falls mehr Thumbs vorhanden als im config definiert */

#thumbnails p.googleLinks {
    clear: left;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
    font-size: 1.2em;
    color: #000000;
	}

#thumbnails p.googleLinks a {
    text-decoration: none;
    color: #000000;
    background-color: inherit;
	}

#thumbnails p.googleLinks a:link {
    color: #000000;
    background-color: inherit;
	}

#thumbnails p.googleLinks a:visited{
    color: #000000;
    background-color: inherit;
	}

#thumbnails p.googleLinks a:hover{
    color: #FFFFFF;
    background-color: inherit;
	}
#thumbnails p.googleLinks a:active{
   color: #FFFFFF;
   background-color: inherit;
	}

#thumbnails p.googleLinks a:focus{
    color: #FFFFFF;
    background-color: inherit;
	}



/* diese Styles musste ich direkt ins HTML einfuegen, weil es Safari nicht angewendet hat.

/* die einzelnen Divs mit den Thumbnails
   width + height werden im gallery dynamisch uerberschrieben 
.mini {
    float: left;
    width: 60px;
    height: 60px;
    margin: 0px 20px 20px 0px;
    padding: 0px;
   
}
.mini img{
    border: 0;
}*/

/* erzwingt Zeilenumbruch (floating bye-bye) */
.clearboth { clear: both; }

/* Der aktuell ausgewaehlte Kategorietitel und aktueller Google-Link */
.hilite { color: #FFFFFF; background: inherit; }