/*  speciel css-file kun til galleri.php 
   http://www.w3schools.com/  
   http://www.w3schools.com/cssref/css_selectors.asp   */

img.img1   /*  .img1  */
          { /* top, venstre */
	  float:  left;	  	  
	  border: 1px solid white;  /* Chrome: 1px->0,667px! */
	  width:  302px;
	  height: 226px;  /* 225: 112+1+1+112=226; 112+0,667+0,667+112=225,33~225! */      	  
	 }
		  
.img2 
          { /* alle andre */
	 float:  left;	  	  
	 border: 1px solid white;
     width:  150px;
	 height: 112px;	
	 }
	 
.findramme
	{text-align: left; 
	 border: 1px solid;
	 padding: 5px;
	 margin: 10px;
	}	 
	 
.ramme0 
	{ /* overskrift og alle synlige billeder */
	 max-width:  608px;
	 border: 1px solid green;
	 height: auto;  /*for at sikre, at rammen går helt ned i bunden, hvor der står <hr>
	 /* ? text-align: center; */
	 }
.ramme0 hr {margin; 0px; width: 90%; visibility:hidden; }

.ramme1  
 	{ /* omkring billede 2-5. Samme størrelse som img1 */
	 width:  304px;
	 height: 228px;
	 border: 0px;
	 padding:0px;
	 margin: 0px;
	 float:  left; 
	}
	
.liste	{ transition: background 0.15s linear; }
.liste:visited { color: green; background: #F8FFD8; }
.liste:hover { color: #006020; background: #D8F8A8; }

 
.hojre
	{ text-align: right;
	  font-style: italic
	}