@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

body {  
	font-family: 'Manrope', Verdana, Arial, Helvetica, sans-serif;
	line-height: 130%; 
	color: #000000; 
	background-color: #FFFFCC; 
	margin-top: 0px; 
	/*margin-right: 30px; */
	margin-bottom: 0px; 
	margin-left: 0px;
	font-optical-sizing: auto;
	/*padding: 0px 30px 0px 0px;*/
	scrollbar-face-color:#FF0000; 
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#800000; 
	scrollbar-darkshadow-color:#800000; 
	scrollbar-shadow-color:#000000; 
	scrollbar-arrow-color:#000000; 
	scrollbar-track-color:#800000;
	opacity:.9999;
}

.utskrift {
	display: none;
}

.utskriftsrubrik {
	display: none;
}

a:active {  
	color: #33CCFF
}

a:link {  
	color: #0000FF
}

a:visited {
	color: #EC6AB0
}

.alternativ2 {
	color: #D58000;
}

a.alternativ2:visited, a.alternativ2:link {
	color: #D58000;
}

a:hover, a.alternativ2:hover {
	color: #FF0000
}
a[href]:hover {
	color: #FF0000
}
a[name]:hover {
	color: #000000
}

h1 { 
	color: #D58000; 
	font-size: 210%; 
	font-variant: small-caps; 
	line-height: 140%;
	text-align: center;
	margin-top: 0px;
	padding-top: 2px;
	margin-bottom: 0px;
	padding-bottom: 3px;
}

h2 {  
	font-size: 152%; 
	font-variant: small-caps; 
	color: #D58000; 
	line-height: 140%
}

h3 {  
	font-size: 92%;
	font-weight: normal; 
	line-height: 135%
}

h4 {
	font-size: 89%; 
	font-weight: normal; 
	line-height: 155%
}

h5 {  
	font-size: 78%; 
	line-height: 155%; 
	font-weight: normal;
}

h6 {  
	font-size: 75%; 
	font-weight: normal; 
	line-height: 160%
}

p {  
	font-weight: normal;
	font-size: 70%;
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px;
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 
	line-height: 140%
}

div {  
	line-height: 150%
}

.sangtext_hakparentes {
	color: #FF0000;
}

.sangtext_parentes {
	color: #3333FF;
}

.sangtext_dialog {
	color: #02a101;
}


select {
	font-size: 100%; 
	font-weight: 300;
	padding: 1px 1px 1px 1px;
	color: #000000; 
	background-color: #FF9900; 
	border: #FFFFFF; 
	border-style: outset; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	font-family: 'Manrope', Verdana, Arial, Helvetica, sans-serif
}

input[type=text] {
	font-size: 105%;
	padding: 1px 1px 1px 1px;
	font-weight: 300; 
	color: #000000;
	background-color: #FF9900; 
	border: #FFFFFF; 
	border-style: outset; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	font-family: 'Manrope', Verdana, Arial, Helvetica, sans-serif
}

input[type=checkbox] {
	width: 20px;
	height: 20px;
}

textarea {  
	font-size: 100%; 
	font-weight: 300;
	padding: 1px 1px 1px 1px;
	color: #000000; 
	background-color: #FF9900; 
	border: #FFFFFF; 
	border-style: outset; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	font-family: 'Manrope', Verdana, Arial, Helvetica, sans-serif
}

.overlog {  
	/*background-attachment: scroll; 
	background-color: #AC2737; 
	background-image: url(logotyp-red-yellow.gif);
	background-repeat: no-repeat; 
	background-position: left top;
	background-size: contain;*/
	background-color: #b84347;
	margin-top: 120px;
	margin-left: 0px;
	/*position: absolute;
	top: 120px;*/
	left: 0px;
	width: 100%;
	max-height: 130px;
	margin: 0px 0px 0px 0px
}

.overlog img {
	padding: 0;
	display: block;
	/*margin: 0 auto;*/
	max-height: 100%;
	max-width: 100%;
	z-index: 9999;
}

.nav {  
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px;
	margin-top: 250px;
	display: inline-block;
	float: left;
	/*position: absolute;
	top: 250px;
	left: 0px;*/
	width: 130px;
	margin: 0px 0px 0px 0px;
	background-color: #AC2737
}

.meny {  
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px;
	margin-top: 250px;
	/*position: absolute;
	top: 250px;
	left: 0px;*/
	float: left;
	width: 130px;
	margin: 0px 0px 0px 0px;
	background-color: #AC2737
}

.nymeny {
	left: 0px;
	padding: 0px 0px 0px 1px;
	margin:0;
	width:0;
}
.nymeny li {
  list-style-type:none;
  margin:0 0 0.12em 0;
}
.nymeny a, .nymeny a:visited {
	display: block;
	width: 124px;
	border: 1px solid #FF9933;
	font-family: 'Manrope', Arial, Helvetica, sans-serif;
	font-size: 0.88em;
	text-align: center;
	text-decoration: none;
	background-color: #FF9933;
	color: #000000;
	padding: 0.10em;
	font-weight: light;
	font-style: normal;
}
.nymeny a:hover {
  /*background:#ddd;*/
  background: #FFFF99;
  color:#000000;
}
#aktuell {
  background-color: #FFFF99;
}

/*.menybut {  
	font-size: 0.3cm; 
	color: #000000; 
	border-color: #000000; 
	font-weight: lighter; 
	font-style: normal; 
	font-family: Arial, Helvetica, sans-serif
}*/

.bannerplats {
	/*position: absolute;*/
	top: 0px;
	left: 0px;
	width: 100%;
	max-height: 120px;
	padding: 0px;
}

.hela {
	display: flex;
	/*justify-content: center;*/
	align-items: flex-start;
	flex-flow: row wrap;
	justify-content: space-between;
}

.mainbg {  
	font-family: inherit;
	font-size: inherit;
	background-color: #FFFFCC;
	display: inline-block;
	float: left;
	/*margin-top: 250px;
	margin-left: 129px;*/
	margin-right: 0px;
	/*padding-left: 40px;
	padding-right: 40px;*/
	padding-top: 2px;
	max-width: 960px;
	width: auto;
}

.hoger {
	/*position: absolute;*/
	/*margin-top: -680px;*/
	display: inline-block;
	/*left: 1139px;*/
	float: right;
	/*margin-right: 100px;*/
	/*margin-top: 130px;*/
	/*margin-left: 1089px;*/
	width: auto;
	max-width: 305px;
}

.hogerannons {
	width: auto;
}

pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

@media screen and (max-width: 1200px){
	.mainbg {
		max-width: 700px !important;
		width: auto !important;
		/*float: none;*/
	}
	.hoger {
		/*float: right !important;*/
		max-width: 160px !important;
		min-width: auto !important;
	}
	.hogerannons {
		width: auto !important;
		min-width: auto !important;
	}
}

@media screen and (max-width: 1024px){
	.mainbg {
		width: auto !important;
		max-width: 500px !important;
		float: none;
	}
	.hoger {
		float: right !important;
		max-width: 160px !important;
		min-width: auto !important;
	}
	.hogerannons {
		width: auto !important;
		min-width: auto !important;		
	}
}

@media screen and (max-width: 850px){
	.mainbg {
		width: auto !important;
		float: none;
		padding-left: 5px;
		padding-right: 5px;
	}
	.hoger {
		width: 1px !important;
		display: none;
	}
	.hogerannons {
		display: none !important;
	}
}

.menybg {
	background-attachment: scroll;
	background-position: bottom left;
	background-color: #AC2737;
	/* background-image: url(nymeny_bg.jpg); */
	background-repeat: repeat-x;
	margin-top: 957px;
	/*position: absolute;*/
	left: 0px;
	top: 1020px; /*Ändra här efter behov vid tävlingar,  862 vid tävling 832 (837) utan */
	width: 130px;
	height: 40px;
	margin: 0px 0px 0px 0px;
	padding-top: 6px;
	text-align: center;
}
a.menytext, a.menytext:hover, a.menytext:visited {
	color: #000000;
}
.huvudbg {
	border: #AA2838;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	text-decoration: none;
	color: #fff;
	height: 30px;
	background: #19c589;
	text-align: center;
	padding: 10px 0;
	display: none;
	min-width: 90px;
}

/*Hide checkbox*/
#show-menu {
	display: none;
}

/*Show menu when invisible checkbox is checked*/
#show-menu:checked ~ .nymeny {
	display: block;
}

/*Show menu when invisible checkbox is checked*/
#show-menu:checked ~ .menybg {
	display: none;
}

/*Responsive Styles*/
@media screen and (max-width: 640px) and (orientation: portrait) {
	.ej_i_staende_mobil {
		display: none;
	}
}
@media screen and (max-width: 640px){
	/*Make dropdown links appear inline*/
	/*ul {
		position: static;
		display: none;
	}*/
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
	}
	html {
		-ms-text-size-adjust: none;
		text-size-adjust: none; /* Vi vill inte att textstorleken ska ändras mellan stående och liggande läge i mobil */
	}
	h4 {
		font-size: 97%;
	}
	h5 {
		font-size: 82%;
	}
	.medverkande {
		font-size: 110%;
	}
	.medverkande td {
		display: inline-block;
		padding-bottom: 5px;
		width: 95%;
	}
	.kommentarstabell td {
		display: inline-block;
		padding-bottom: 0px;
		margin-bottom: 0px;
		width: 95%;
		text-align: left;
	}
	.sokfunktion td {
		display: inline-block;
		padding-bottom: 0px;
		margin-bottom: 0px;
		width: 97%;
		text-align: left;
	}
	.kommentarstabell tr, .sokfunktion tr {
		padding-bottom: 10px;
		margin-top: 10px;
	}
	.kommentarstabell td input[type=text], .kommentarstabell td textarea, .sokfunktion td input[type=text], .sokfunktion td textarea {
		width: 90%;
		margin-bottom: 15px;
	}
	.betyg {
		height: 50%;
		width: auto;
	}
	.hela {
		display: block;
		position: absolute;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display: block;
	}
	.nav {
		top: 0;
		position: absolute;
		z-index: 9999;
	}
	.nymeny {
		display: none;
	}
	.nymeny a:link, .nymeny a:visited {
		color: black;
		font-weight: 500;
	}
	.menybg {
		display: none;
	}
	.mainbg {
		/*margin-top: 280px;*/
		margin-top: 50px;
		margin-left: 5px;
		max-width: 99%;
		width: 99%;
	}
	.overlog {
		top: 170px;
	}
	.originaltitel {
		display: none;
	}
	pre {
		font-size: 70%;
	}
	.ej_i_mobil {
		display: none;
	}
}

.alternativ {
	color: #FF0000;
	/*color: #ad2738;*/
}

hr {  
	background-color: #FF0000;
	background: #FF0000;
	color: #FF0000;
	border-width: 0px;
	height: 3px;
	clear: both;
	text-align: center;
	margin: 20px auto;
	padding-top: 3px;
	padding-bottom: 1px;
}

td, tr {
	font-family: inherit;
	font-size: inherit;
}
th {
	text-align: left;
}
table {
	text-align: left;
}

.betygstabell, .kommentarstabell {
	font-size: 88%;
	text-align: left;
}

.jamna {
	background-color: #FFFFCC;
	padding-right: 3px;
	padding-left: 3px;
}
.udda {
	/*background-color: #00FF00;*/
	padding-right: 3px;
	padding-left: 3px;
}
.resultatlista {
	border-bottom-style: solid;
	border-width: 4px;
	border-color: #FFFFCC;
	padding-bottom: 6px;
}

.huvudtabell {
	padding-right: 25px
}

.skrivut {
	background-color: #FFFF99;
	color: #0000FF;
	font-size: 100%;
}

a.skrivut, a.skrivut:link, a.skrivut:visited {
	color: #000000;
}