@charset "utf-8";
/* CSS Document */
/* If you have set your body tag or a wrapper div with class='wrapper' in your desktop styles.css
   to a specific width then you will want to change it to width: auto;
   You may also have set a min-width in styles.css.  Best to change that to 0px
*/

/* denne udgave til album-menuer er baseret på http://www.w3schools.com/howto/howto_js_topnav.asp Udfordingen har været at få den til at sameksistere med menu_tur.css, således at desk- og laptop viser siden som altid. - Dette indebære slukning af divs både på menu_tur.css og i nærværende css, samt at der igen tændes for ul.topnav, når mobile_albummer_rel2.css tager over ved mindre end 854px. JRJ 7/7 2016*/
body, #wrap, #wrap2
{
	width: auto;
	/* max-width: 320px; */ /* max_width works with iPhones, but doesn't format well with new Android phones and devices that are wider than 320px */
	min-width: 0px;
	background-image: none; /*nødv. for at undgå spiralryggen*/
	margin: 0px;
	/*background-color: #006633;	/*sikrer grønn baggrundsfarve på responsive menu-sider */
}

body {
	margin: 3px;
	background-color: #ffffcc;
}


/* følgende fjerner menubilleder o. lign.*/
#main{
	display: none;
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
}

#header{
	display: none;
}

#navLodret{
	display: none;
}

/* følgende tilpasser billedstørrelse til håndholdte platforme (i hvert fald Android) Kilde: https://stackoverflow.com/questions/11736363/responsive-images-with-css*/
.albummer img{
	max-width:100% !important;
	height:auto;
	display:block;
}

.albummer{
	display: block !important; /* "important er nødvendig for at få billedet frem igen i responsive!!!!!*/
	margin-right: 0px;
	margin-top: 8px; /*giver luft mellem topnav og billede*/
}

/*herfra specs fra w3school*/

ul.topnav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #003916; /* ændret fra #333;*/
	display: block; /*tilføjet for at vise mobil-menuen igen, efter at der er slukket for den i menu_tur.css*/
}

ul.topnav li {float: left;}

ul.topnav li a {
	display: inline-block;
	color: #f2f2f2; /*ændret fra #f2f2f2; */
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
	font-size: 17px;
	padding-top: 5px;
	padding-right: 16px;
	padding-bottom: 5px;
	padding-left: 16px;
	font-family: Verdana, Geneva, sans-serif;
}

ul.topnav li a:hover {background-color: #111;}
ul.topnav li.icon {display: none;}

/*max-width ændret fra 854 til 500px 14 april 2022 */
@media screen and (max-width:500px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
	float: right;
	display: inline-block;
  }
}

@media screen and (max-width:854px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }

}