body {
	font-family: Verdana;
	font-size: 12px;
	color:#444;
	max-width: 1200px; 
	margin: auto;
}
* {
  box-sizing: border-box;
}
span {
	display: inline-block;
}
form { display: inline-block; margin: 5px 0;}
a:link, a:visited, a:hover, a:active  {
	text-decoration: none;
	color: blue;
	font-weight: bold;
}

/* bjælken */
.hoved {  
	text-align: center;
	width: 100%;	
	min-height: 8.3vmin;
}
.hovedlogin {  
	text-align: center;
	max-width: 560px;	
	min-height: 8.3vmin;
	margin: auto;
}
.container {
	max-width: 560px;
	}
.tot, .fb { 
	float: left;
	margin: 1vmin 0 0 1vmin;
}
.totimg, .faimg, .menuimg, .deflagimg {
	border: none;
	min-width: 30px;
	width: 6vmin;
	border-radius: 4px;
	max-height: 5.5vmin;
}
/* navn i bjælke */
.ova {
	font-size: 6vmin; /*relation til mindste højde eller breddde*/
	font-weight: bold;
	color: #fff;
	padding-top: .1rem;
	line-height: 8vmin;
}
.oval {
	font-size: 3vmin; /*relation til mindste højde eller breddde*/
	font-weight: bold;
	color: #fff;
	padding-top: .1rem;
	line-height: 8vmin;
}
/*--- dropdown menu hoved ---*/
.arv {  /*stylng af menupunkter  alle 3 steder*/
	background-color: hsl(205,35%,18%); 
	width: 100%; 
	color:#fff; /*tekst*/
}

.dropdown {
	position: relative;
	display: inline-block;
	margin: 1vmin 1vmin 0 0;
	float: right;
}

.dropbtn {
  border: none;
  border-radius: 3px;
  cursor: pointer;
}

.dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  background-image: linear-gradient(hsla(205, 37%, 55%, 1.0),hsla(205, 37%, 35%, 1.0)); /*(hsla(90,35%,25%,.7), hsla(90,35%,20%, .7));*/
  /*color: white;  se i a tag */
 	/* background-color: #f9f9f9; */
  min-width: 90px;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  z-index: 1;
}

.dropdown-content a {
  color: #ffc000;/*orange*/
  padding: 2px 10px; /* højde hhv. side*/
  text-decoration: none;
  text-align: left;
  display: block;
}

.dropdown-content a:hover {background-color: hsl(205,35%,18%);}

.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown:hover .dropbtn {
  background-color: #47c; /*#3e8e41;*/
}

/* side nyhed menuer */

.dropbtn2 { /*selve knappen*/
  /* background-color: #4CAF50;
  background-color:hsl(90,45%,50%); */
  background-image: linear-gradient(hsla(90,35%,35%,.6), hsla(90,35%,20%, 1));
  color: #ffc000; /* orange */
  padding: 1px; 
  font-size: 15px;
  font-weight: bold;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  width: 250px;
}

.dropdown-content2 { /*rulle ned*/
  display: none;
  position: absolute;
  left: 0;
  background-image: linear-gradient(hsla(90,35%,25%,.8), hsla(90,35%,20%, .8));
  /*color: white; se i a tag
  /* background-color: #f9f9f9; */
  /*background-color: hsla(90,35%,30%,.6);*/
  /*font-size: 16px;*/
  min-width: 400px;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  z-index: 1;
}

.dropdown-content2 a {
  color: #ffc000;
  padding: 5px 10px;
  text-decoration: none;
  text-align: left;
  display: block;
}

.dropdown-content2 a:hover {background-color: hsl(90,35%,18%);}

.dropdown:hover .dropdown-content2 {
  display: block;
}
.dropdown:hover .dropbtn2 {
  background-color: #3e8e41;
}
.dropbtn3 { /*Årstalsvalg selve knappen*/
  background-image: linear-gradient(hsla(90,35%,35%,.6), hsla(90,35%,20%, 1));
  color: #ffc000; /* orange */
  padding: 1px; 
  font-size: 15px;
  font-weight: bold;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  min-width: 80px;
  margin-left:5px;
}
.dropdown:hover .dropbtn3 {
  background-color: #3e8e41;
}

/* --- forside ---*/
.mySlides {
	display:none;
	/*	-webkit-animation:fading 10s infinite;*/
	animation:fading 10s infinite; /*navn tid for evigt*/
	width: 100%;
	}
/*@-webkit-keyframes fading{0%{opacity:0}15%{opacity:1}85%{opacity:1}100%{opacity:0}}*/
@keyframes fading{0%{opacity:0}15%{opacity:1}85%{opacity:1}100%{opacity:0}}

/*rammen nmed 3 nyheder*/
.forsidenyhed { 
	text-align: left;
  vertical-align: top;
	color: black;
	font-weight: bold;
  background-color: rgba(255,255,255,0.8);
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	position: absolute;
	width: 37vmin;
	top:10vmin;
  margin-left: 1.7vmin;
	border-radius: 4px;
}
.nyhedover {
	font-size: 1.8vmin;
	/*text-decoration: underline;*/
	padding-bottom: 3px;
}
.nyhedlinie a{
	font-size: 1.8vmin;
	color: black;
}
.marg {
display: none;
}

/* side nyhed - tekst */
.forsidefoto{
  float:left;
  width:100%; 
  padding:0; 
}

.nyhedoverskrift{
		border:1px solid; 
		border-radius: 8px; 
		border-color: #550;
		font-size:20px; 
		text-align: center;
		/*margin:5px;*/
		padding: 5px;
		color: #fff;
		background-color: #58d;
}

.side {
	padding: 8px; 
	width:100%;
}
.sidenyhed {
	margin: 5px; 
	padding:2px;
	max-width:100%;

	/*height:auto;*/
}

.sidenyhed img {
  max-width:100% !important;
	height: auto !important;
	margin: .3rem !important;
}
/* video */

.vcontainer {
	margin-top: 8px;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
		border-radius: 8px;
}
.vtip{
	visibility: hidden;
	}
/* foto albumviser*/
.fotoviser {
	width: 100%;
	height: auto;
	border: 0;
	padding: 0;
}
.fotocol {
	float: left;
	width: 20%;
	padding: 3px;
 }
/* link*/

.linkcol {
  float:left;
  width:33%; /*af siden der er 3 col%*/
  padding: 5px; /* luft rund om */
}
/* team */
.teamcol {
  float:left;
  width:33%; /*af siden der er 3 col%*/
	margin: 3px 0 0 0;
}
.teamcola {
  float:left;
  width:50%; 
  padding: 5px 2px;
}
.teamcolab {
	float:left;
	width:50%; /*af siden der er 3 col%*/
	padding: 5px 2px;
	font-size: 1.8vmin;
}
.mellem {
	padding-left: 5vmin;
}
.teamcolc {
  float:left;
  width:40%; 
  padding: 5px 2px;
}
.teamcold {
  float:left;
  width:60%; 
  padding: 5px 2px;
}
.cogd {
	color: #bbb; 
	text-align: center; 
	width: 100%; 
	font-size: 10px;
	visibility: visible;
}

.staevner_st {
    display: flex;
    align-items: center;
    gap: 20px;
}

.tekst_st {
    flex: 1;
	line-height: 1.6;
}

.foto_st {
    flex: 0 0 65%; /*65% er bredde på foto*/
    text-align: center;
}

.foto_st img {
    max-width: 100%;
    border-radius: 5px;
	display: block;
}


/*''''''''MOBIL' undtagelser'''''''''''''*/

@media only screen and (max-width:630px) {
	.linkcol, .teamcol, .teamcola, .teamcolab, .teamcolc, .teamcold {
		width:100%;
	}
	.fotocol { width: 33%;}
	
	.teamcolab {
		font-size: 3.5vmin;
	}
	
	.ova { 
	font-size:4vmin; /*relation til mindste højde eller breddde*/
	}
	
	.forsidenyhed {  
	text-align: left;
	vertical-align: baseline;
	color: #aaa;
	font-weight: bold;
	background-color: #fff;
	padding-left: 10px;
	padding-top: 5px;
	position: static;
	width: 90%;
	}
	.nyhedover {
	margin-top: 5px;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	}
	.nyhedlinie a{
	font-size: 18px;
	color: #888;
	}
	.nyhedlinie {  
	margin-top: 10px;
	}
	.marg {
	display: inline;
	}
	.dropdown-content2 { 
	font-size: 16px;
	min-width: 330px;
	}
	.vtip {
		visibility: visible;
	}
	.cogd { /* copyright under billedet */
	margin-top: 1vw;
	/*visibility: hidden;*/
	}
	
	.staevner_st {
        flex-direction: column;
    }

    .foto_st {
        order: -1;          /* billede øverst */
		width: 100%;
    }

    .foto_st img {
        width: 100%;
		margin: auto;
		border-radius: 0px;
        max-width: 500px;
    }
}
/* ------ ---*/