/* 22/11-2023 */

a {text-decoration: none; }
a:hover {text-decoration: underline; }
.handover:hover {cursor: pointer;}

div {font-family: Verdana, sans-serif; font-size: 14px; color: black; }

.oversigt {font-size: 13px; color: black; }
.oversigt2 {font-size: 18px; color: white; color: white; text-decoration: underline; }

.kategori {margin-top: 8px; margin-bottom: 13px; }
.lk {font-size: 13px; margin-top: 3px; margin-bottom: 3px; }
.blaa_kategori {
	background-image: url('/img/h.png');
	background-color: #619BD6;
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;

	padding-top: 4px;
	padding-left: 4px;
	padding-bottom: 4px
}

.roed_kategori {
	background-image: url('/img/h_roed.png');
	background-color: #D90C0C;
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;

	padding-top: 4px;
	padding-left: 4px;
	padding-bottom: 4px
}
.kategorioverskrift {
	font-size: 18px;
	color: #FFFFFF;
}

.udvalgte {font-size: 13px; color: darkblue; }
.overskriftudvalgte {font-size: 13px; color: rgb(117,169,221); font-weight: bold; }

.artikel {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-style: none none dotted none ;
	border-width: 1px;
	border-color: gray;
	overflow: hidden; /* Sikrer, at billede fylder div ud */
}
.artikeloverskrift {font-size: 18px; color: black; font-weight: normal; margin-bottom: 4px; }
.artikelbroedtekst {font-size: 14px; color: black; font-weight: normal; }
.artikelbillede {
	float: left;
	clear: left; 
	margin: 10px 12px 4px 0px;
}
.anfoerselstegn {
	font-family: serif;
	vertical-align: 20%;
	font-size: 26px;
	font-weight: bold;
}

.beregnercontainer {
	margin-bottom: 2px;
}
.beregner {
	font-size: 13px;
	color: white;
	background-color: green;
	font-weight: bold; padding-top: 2px;
	padding-bottom: 2px; padding-left: 4px;
	padding-right: 4px;
	border-radius: 4px;
}

.hidden {visibility: hidden; } 

.gennemsigtig {
	opacity: 0.95;
	filter:alpha(opacity=95); /* For IE8 and earlier */
}

.main {
	width: 95%;
	margin: 0 auto; 
}

.container {
	/* Jf. http://css-tricks.com/using-flexbox/ - display: -webkit-box; (problemer med iPad) og display: -moz-box; fjernet */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

	ms-flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

.stor {
	display: none;
}

.stor-inline {
	display: none;
}

.lille {
	display: block;
}

.afg {
	font-size: 12px; color: black; font-weight: bold;
}
