@charset "utf-8";
/* CSS Document */

/* Globala färgvarialer*/
:root {
  --textfarg: #393939;
  --morkbla: #203351;
  --bla: #11428e;
  --ljusbla: #82cff5;
  --morkrod: #852735;
  --rod: #cf2e2e; /*#a29117;*/
  --gron: #66764f;
  --ljusgron: #7c8565;
  --morkgul: #f59f4c;
  --gul: #ffec8c;
  --gra: #333;
  --ljusgra: #f6f4f2;
  --lila: #7c35ac;
}

header, nav, article, aside, section, footer {
	display: block;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	margin: 0;
	background: var(--ljusgra);
	color: #393939;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 140%;
	text-align: left;
}

#header_wrapper, #footer_wrapper, #content, #nyheter_startsida, .startsida_videor, .startsida_wrapper {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 20px;
	padding: 0 15px;
}
#header_wrapper, #footer_wrapper {
	padding: 15px;
}

#header {
	background-image: url(bilder/meny_regnbage.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-color: var(--morkbla);
	color: #fff;
}

#wrapper {
	margin: 0 auto;
}

#content {
	display: flex;
	flex-wrap: wrap;
	/*padding: 0;*/
	min-height: 48vh;
	margin: 15px auto;
}

#content.fullbreddslayout {
	display: block;
	max-width: 1080px;
	padding: 20px;
	background: #fff;
}
#content.start.fullbreddslayout {
	max-width: 1280px;
}

#footer {
	margin-top: 30px;
	background-image: url(bilder/meny_regnbage.png);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: var(--morkbla);
	color: #fff;
}



/* Headern */
/*#header.layout_huvudbild {
	height: 150px;
}*/

 #huvudbild.bildlos #rubrik {
	position: relative;
	padding: 40px 0;
}

#mobil_logo, #menyknapp, #mobilluft {
	display: none;
}

#header_logo , #mobil_logo{
	float: left;
}
#header_logo:hover , #mobil_logo:hover {
	opacity: 0.8;
}

#header_logo a, #mobil_logo a {
	color: #fff;
	text-decoration: none;
}

#huvudmeny {
	float: right;
	margin-top: 42px;
}

#huvudmeny ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#huvudmeny li {
	display: inline-block;
	margin: 0;
	font-weight: bold;
}

#huvudmeny a, #huvudmeny a:link, #huvudmeny a:hover, #huvudmeny a:visited {
	margin: 0 10px;
	padding: 15px 10px;
	color: #fff;
	text-decoration: none;
	background: none;
}
#huvudmeny a:hover {
	/*color: var(--gul);*/
	text-decoration: underline;
}

/* Huvudmenydelarnas olika bakgrundsfärger */
#huvudmeny #omoss:hover, #huvudmeny #omoss.aktiv_huvud, #huvudmeny #omoss.aktiv_foralder_huvud {
	background: var(--rod);
}

#huvudmeny #verksamhet:hover, #huvudmeny #verksamhet.aktiv_huvud, #huvudmeny #verksamhet.aktiv_foralder_huvud {
	background: var(--morkgul);
}

#huvudmeny #kalender:hover, #huvudmeny #kalender.aktiv_huvud, #huvudmeny #kalender.aktiv_foralder_huvud {
	background: var(--gron);
}

#huvudmeny #kontakt:hover, #huvudmeny #kontakt.aktiv_huvud, #huvudmeny #kontakt.aktiv_foralder_huvud {
	background: var(--bla);
}

#huvudmeny #medlem:hover, #huvudmeny #medlem.aktiv_huvud, #huvudmeny #medlem.aktiv_foralder_huvud {
	background: var(--lila);
}


.menydel {
	display: inline;
}

#huvudmeny .menytriangel, #huvudmeny .undermenytriangel {
	display: none;
}

#huvudmeny li a.aktiv_huvud, #huvudmeny li a.aktiv_foralder_huvud {
	/*color: var(--gul);*/
}

#huvudmeny li a.aktiv_foralder_huvud {
	font-weight: bold;
}

#huvudmeny .barnsidor, #huvudmeny .barnbarnsidor {
	display: none;
}

#huvudmeny li.endast_mobil {
	display: none;
}

#knapplinjer {
	position: relative;
	width: 34px;
	height: 34px;
	padding: 6px 2px;
	box-sizing: border-box;
	cursor: pointer;
}
#knapplinje_1, #knapplinje_2, #knapplinje_3 {
	height: 3px;
	margin-bottom: 8px;
	background: #fff;
	opacity: 1;
	border-radius: 5px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.clicked #knapplinje_1 {
	margin-top: 10px;
	-webkit-transform: rotate(45deg);
	 transform: rotate(45deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.clicked #knapplinje_2 {
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.clicked #knapplinje_3 {
	margin-top: -22px;
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	transform: rotate(-45deg);
	-webkit-transition: rotate 0.3s;
	-moz-transition: rotate 0.3s;
	transition: rotate 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


/* Footern */

#footer_wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.footer_col {
	width: 33%;
	background-color: var(--morkbla);
	color: #fff;
}

.footer_rubrik {
	color: var(--gul);
	font-family: "Poppins", Arial, sans-serif;
	font-size: 1.15rem;
	font-weight: 600;
}

.footer_col p {
	margin: 0 0 20px 0;
}

#footer a, .footer_col a {
	color: var(--ljusbla)!important;
}




/* Startsidans CSS */
#nyheter_startsida_wrapper, .startsida_wrapper {
	margin: 30px auto 15px auto;
}

.startsida_wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#nyheter_startsida_wrapper {
	background: var(--ljusgra);
}

#content.start {
	/*padding: 0;*/
	background: transparent;
}
#nyheter_startsida {
	/*padding: 15px 15px 0 15px;*/
}

.startnyhet {
	/*margin: 0 0 15px 0;*/
	padding: 20px;
	padding: 0;
	background: #fff;
}
.startnyhet.fullbredd {
	width: 100%;
	/*border-bottom: 2px solid #e6e6e6;
	padding-bottom: 10px;*/
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}

.startnyhet.halva, .startnyhet.tredjedel, .startnyhet.fjardedel {
	flex: 1;
	padding: 0;
}

.startnyhet.fullbredd .nyhetstext {
	padding: 15px;
}

.startnyhet.halva .nyhetstext, .startnyhet.tredjedel .nyhetstext, .startnyhet.fjardedel .nyhetstext {
	padding: 5px 15px 15px 15px;
}

.startnyhet.halva {
	width: 49%;
}
.startnyhet.tredjedel {
	width: 32%;
}
.startnyhet.fjardedel {
	width: 24%;
}

.startnyheter.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: flex-start;
	gap: 30px;
	margin: 30px 0;
}

.nyhetsbild img {
	display: block;
	opacity: 1;
	width: 100%;
	/*max-width: 583px;*/
	object-fit: cover;
}

.nyhetsbild img:hover {
	opacity: 0.6;
}

.fullbredd .nyhetsbild {
	/*float: right;*/
	width: 50%;
	/*text-align: right;*/
	text-align: left;
}

.fullbredd .nyhetstext {
	/*float: left;*/
	width: 50%;
}

.halva .nyhetsbild, .tredjedel .nyhetsbild, .fjardedel .nyhetsbild {
	margin: 0 0 10px 0;
}

.halva .nyhetsbild img, .tredjedel .nyhetsbild img, .fjardedel .nyhetsbild img {
	width: 100%;
	max-width: 100%;
	max-height: 240px;
	object-fit: cover;
}
.tredjedel .nyhetsbild img {
	width: 100%;
	max-height: 160px;
	object-fit: cover;
}
.fjardedel .nyhetsbild img {
	width: 100%;
	max-height: 120px;
	object-fit: cover;
}

.summering, .halva .summering, .tredjedel .summering , .fjardedel .summering {
	max-height: 292px;
	overflow: hidden;
	text-overflow: ellipsis;
    content: "";
    position:relative;
}

.halva .summering, .tredjedel .summering , .fjardedel .summering {
	max-height: 200px;
}

.summering:before, .halva .summering:before, .tredjedel .summering:before, .fjardedel .summering:before {
    content:'';
    width:100%;
    height:100%;    
    position:absolute;
    left:0;
    top:0;
	/*background:linear-gradient(transparent 90px, var(--ljusgra));*/
	background:linear-gradient(transparent 90px, #fff);
	pointer-events: none
}

.fullbredd .summering:before {
	background:linear-gradient(transparent 228px, #fff);
}

.startnyhet.fullbredd h2 {
	font-size: 30px;
}

.startnyhet.fjardedel h2 {
	font-size: 22px;
}

.nyhetstext h2 {
	margin: 0 0 2px 0;
	word-break: break-word;
}
.nyhetstext h2 a {
	color: initial;
}

#start_kalender, #start_bibelord {
	float: left;
	width: 59%;
	margin: 0 2% 0 0;
	padding-bottom: 25px;
	/*padding: 20px;*/
	background: #fff;
	align-self: flex-start;
}
#start_bibelord {
	float: right;
	width: 39%;
	margin: 0;
	padding-bottom: 15px;
}
#start_bibelord .box_content {
	margin: 15px;
}
#start_bibelord .box_content p a {
	display: none;
}

#start_kalender h3, #start_bibelord h3, .index_right h3 {
	background: var(--rod);
	color: #fff;
	margin: 0;
	padding: 5px 10px;
}
#start_bibelord h3 {
	background: var(--morkbla);
}
.index_right h3 {
	background: var(--lila);
}
.index_right.medlemslogin h3 {
	background: var(--gron);
}
.index_right.vader h3 {
	background: var(--morkrod);
}

#start_kalender h3 a, #start_bibelord h3 a {
	color: #fff!important;
	font-weight: 400;
	font-style: italic;
}

.index_left {
	float: left;
	width: 70%;
	margin-bottom: 30px;
	padding: 0;
	background: #fff;
}

.index_left_toppbild img {
	display: block;
}

.index_left_text {
	padding: 20px;
}

.index_left h1 {
	margin: 0 0 10px 0;
	text-align: left;
}

.index_left.startpuffar {
	margin-bottom: 0;
	padding: 0;
	background: transparent;
}

.startpuffar .puffar {
	display: flex;
	gap: 20px;
	justify-content: space-between;
	flex-wrap: wrap;
}

.startpuffar .puff {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	width: calc(50% - 15px);
	aspect-ratio: 1 / 1;
	padding: 0;
	overflow: hidden;
}

.startpuffar .puff a {
	width: 100%;
	height: 100%;
}

.startpuffar .puff img {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.startpuffar .puff_innehall {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: calc(100% - 20px);
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	background: rgba(14, 17, 64, 0.6);
}

.startpuffar .puff_innehall a {
	height: auto;
	color: #fff!important;
}

.index_right {
	display: inline-block;
	width: calc(30% - 30px);
	margin: 0 0 30px 30px;
	padding: 0;
	background: #fff;
}

#videor_startsida {
	margin: 0 0 15px 0;
	background: var(--morkbla);
	color: #fff!important;
}

.startsida_videor h3 {
	margin: 0 0 5px 0;
	text-align: center;
	font-size: 28px;
}
h3.fler_videor_rubrik {
	margin-top: 15px;
}

.fler_videor_startsida.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.video_start_liten {
	float: left;
	width: 33.334%;
	padding: 0 10px 0 0;
}
.video_start_liten.mittenvideo {
	padding: 0 5px;
}
.video_start_liten.tredjevideo {
	padding: 0 0 0 10px;
}

/* Startsidans kalender */
#indexkal, #indexnyheter {
	margin: 0;
	padding: 0;
	list-style: none;
}

#kalender_start, #forelasningar_start {
	margin: 0;
	padding: 0;
	list-style: none;
}

#kalender_start li, #indexnyheter li, #forelasningar_start li {
	display: block;
	margin: 5px 15px;
	padding: 6px 0;
	background: #fff;
	color: #393939;
	text-decoration: none;
	border-bottom: 1px dotted var(--gra);
}
#kalender_start li:last-child, #indexnyheter li:last-child, #forelasningar_start li:last-child {
	border: none;
}

#kalender_start {
	width: calc(100% - 30px);
	border-collapse: collapse;
	margin: 5px 15px;
}

#kalender_start tr {
	border-bottom: 1px dotted var(--gra);
	cursor: pointer;
}
#kalender_start tr:last-child {
	border: none;
	cursor: default;
}

#kalender_start td {
	vertical-align: top;
	padding: 10px 0;
}

#kalender_start td.kalender_start_datum {
	padding-right: 2px;
	min-width:75px;
}

#kalender_start td.kalender_start_handelse {
	padding-left: 3px;
}

.kommande_event {
	color: var(--bla);
	cursor:pointer;
}

#kalender_start p, #indexnyheter p, #forelasningar_start p {
	margin: 0;
	padding: 0;
}

#kalender_start .datum {
	color: var(--gra);
}

#kalender_start .handelse a {
	font-family: "Poppins", Arial, sans-serif;
	color: initial;
}

#kalender_start .plats {
	/*font-size: 85%;*/
}

#beskrivning_1, #beskrivning_2, #beskrivning_3, #beskrivning_4, #beskrivning_5, #beskrivning_6, #beskrivning_7, #beskrivning_8, #forelasning_mer_1, #forelasning_mer_2, #forelasning_mer_3, #forelasning_mer_4, #forelasning_mer_5, #forelasning_mer_6, #forelasning_mer_7, #forelasning_mer_8 {
	display: none;
	font-size: 0.85rem;
	line-height: 135%;
}

/* Dagens bibelord */
#bibelord_box p {
	margin: 0;
}

#bibelord_box p a {
	display: none;
}

.bibel_link {
	float: right;
	margin-top: -20px;
}

#bibellanken {
	float: right;
	color: #fff;
	font-size: 0.7em;
}

.bibel_ord h2 {
	margin: 0;
	display: none;
}
/* Inloggnings till medlemssidorna */
.index_right #loggain, .index_right .weatherwidget-io {
	padding: 10px 20px 20px 20px;
	text-align: center;
}

.index_right #loggain ul {
	margin-left: 0;
}

.index_right #loggain li {
	list-style: none;
	margin: 10px 0;
}

.index_right input {
	width: 100%;
	max-width: 500px;
	padding: 8px;
	font-size: 16px;
	border: 1px solid #ccc;
	transition: 0.3s;
}
.index_right input[type=submit] {
	border: none;
	background: var(--gron);
	color: #fff;
	cursor: pointer;
}
.index_right input[type=submit]:hover {
	background: var(--ljusgron);
}



/* Nyhetssidan */
.nyhetssektion {
	margin-bottom: 60px;
	/*border-bottom: 3px double #ccc;*/
}

.publiceringstid {
	padding: 5px 8px;
}

.publiceringstid p {
	margin: 0;
	text-align: center;
	font-size: 14px;
	font-style: italic;
}

.nyhetssida_bild {
	float: right;
	max-width: 50%;
	margin: 0 0 15px 15px;
}

.AAAnyhetssida_bild.preview {
	opacity: 1;
}
.nyhetssida_bild.preview:hover {
	opacity: 0.6;
}

.nyhetsrubrik {
	margin: 0 0 15px 0;
	font-size: 32px;
}
.nyhetsrubrik a {
	color: #393939!important;
}





/* Kalendersidans CSS */
table.kalender {
	width: 100%;
	border-collapse: collapse;
}

.kalender tr:nth-child(even) {
	background-color: var(--ljusgra);
}

.kalender td {
	vertical-align: top;
	font-size: 0.9em;
	padding: 4px;
}

.dag_datum {
	width: 110px;
	font-size: 1.1em!important;
}

.handelse {
	font-family: "Poppins", Arial, sans-serif;
	font-size: 18px;
	font-weight: 600;
}

.ansvarsgrupp {
	font-weight: bold;
	font-style: italic;
	font-size: 0.9em;
}

.manad {
	background: var(--rod);
	color: #fff;
}
.manad h3 {
	margin: 0;
	padding: 4px;
	font-size: 24px;
}

.kalenderinfo { 
	font-size: 16px;
}

.kalender_beskrivning {
	display: block;
	margin: 0 0 5px 0;
	line-height: 125%;
}


/* Bokningskalenderns CSS */
#bokningskalender {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

#bokningskalender td {
	border: 1px solid #ccc;
}

#bokningskalender tr:nth-child(even) {
	background-color: inherit;
}

#bokningskalender #tabellhuvud {
	background: var(--rod);
	color: #fff;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	position: relative
}

#bokningskalender #tabellhuvud a {
	color: #fff;
}

#bokningskalender #foregaende_ar, #bokningskalender #nasta_ar {
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: initial;
	font-weight: normal;
}	

#bokningskalender #nasta_ar {
	right: 10px;
	left: auto;
}	

#bokningskalender .manadslista {
	text-align: center;
	font-weight: bold;
}

#bokningskalender .idag td {
	background: #e3ebfd;
}

#bokningskalender .helg td {
	background: var(--ljusgra);
}

#bokningskalender .dagnummer {
	width: 28px;
	font-size: 20px;
	text-align: center;
}

#bokningskalender .veckonummer {
	width: 16px;
	text-align: center;
	vertical-align: middle;
}

#bokningskalender .veckodag {
	width: 20px;
}

#bokningskalender .sondag {
	color: #f00;
}

#bokningskalender .mandag {
	border-top: 2px solid #ccc;
}

#bokningskalender p {
	margin: 0;
}

.rubrik_bokningskalender {
	cursor: pointer;
}

#bokningskalender .information {
	display: none;
	font-size: 85%;
	font-style: italic;
}





.boxBody {border: 1px #000000 solid;}
.boxHead {background: var(--rod); color: White; font-family: Verdana, Arial, Helvetica; font-size: 11px; padding: 3px; font-weight : bold;}
.boxHead a {text-decoration : none; color:#fff!important; font-weight : normal;}
.boxCell {border-style : solid; border-color : #000000; border-width : 1px 0px 0px 0px; background-color: #FFFFFF; padding: 2px; font-family: Verdana, Arial, Helvetica; font-size: 11px;}
.bdborder {display: none;}
.lankColor {text-decoration : none; color : blue;}
.aktColor {font-weight: bold; font-size: 1.2em;}
.namnColor {}
.veckaCell {border-style : solid; border-color : #000000; border-width : 0px 1px 0px 0px; font-family: Verdana, Arial, Helvetica; font-size: 12px;}
.xbig {font-family: Verdana, Arial, Helvetica; font-size: 20px;}
.xrbig {font-family: Verdana, Arial, Helvetica; font-size: 20px; color:red;}
.norm {border-style : solid; border-color : #000000; border-width : 0px 0px 1px 0px; font-family: Verdana, Arial, Helvetica; font-size: 11px;}
.snorm {border-style : solid; border-color : #000000; border-width : 0px 0px 1px 0px; background-color: #FFFFC4; font-family: Verdana, Arial, Helvetica; font-size: 11px;}
.bdBorder {background: url(bilder/bakgrunder/box_uppe_rep.jpg) repeat-x #e48d8d;}
.noKalender {font-family : Verdana, Arial, Helvetica; font-size: 11px;}
.tooltipcontent{COLOR: #000000; CURSOR: Default; font-family: arial; font-size: 8pt;background-color : white;}
#dhtmltooltip{position: absolute;width: 200px;border: 1px solid black;padding: 1px;background-color: white;visibility: hidden;z-index: 100;}



/* Sidan för platsbokning */
#bokaplats {
	text-align: center;
	background: #efefef;
	padding: 10px;
}

#bokaplats_lista {
	margin: 0!important;
	padding: 0!important;
	list-style: none;
}

#bokaplats_lista li {
	margin: 0;
	padding: 0;
}

#bokaplats_lista label {
	display: block;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
}

.bokaplats_namn, .bokaplats_epost, .bokaplats_skicka {
	width: 100%;
	max-width: 400px;
	margin: 0 0 10px 0;
	padding: 8px;
	font-size: 14px;
	border: 1px solid #ccc;
	transition: 0.3s;
}

.bokaplats_namn::placeholder, .bokaplats_epost::placeholder {
	color: #333;
}

.bokaplats_skicka {
	color: #fff;
	display: inline-block!important;
	width: auto;
	padding: 10px 14px;
}

.avbokning_lista li {
	margin: 0 0 8px 0!important;
}

.avbokning_person {
	font-size: 16px;
}

.avbokning_lista .bokaplats_skicka {
	padding: 7px 12px;
}


.bokningslista {
	/*float: left;*/
	/*width: 48%;*/
	width: 100%;
	max-width: 800px;
	margin: 0 auto 30px auto;
	padding-top: 10px;
	border-top: 1px solid #ccc;
	text-align: center;
	/*padding: 10px;
	background: #f2f2f2;
	border: 1px solid #ccc;*/
}

.bokningslista.brytning {
	margin-top: 120px;
}

.bokningslista h3, .bokningslista h4 {
	margin: 0;
}

.bokningslista h4 {
	margin: 8px 0;
}

.anmalda_lista {
	background: #fff4d4;
	border: 1px solid #c4b79e;
	padding: 5px;
}


/* Kontaktsidan och kontaktrutor */
.kontaktruta {
	clear: both;
	margin: 20px 0;
	padding: 20px;
	background: var(--gron);
	color: #fff;
}

.kontaktruta a, .kontaktruta a:link, .kontaktruta a:visited {
	color: var(--gul);
} 

.jobbar_rubrik {
	clear: both;
	background: var(--rod);
	color: #fff;
	margin: 4px 0 6px 0;
	padding: 5px;
}

.jobbar_rubrik h3, .jobbar_person h3, .kontaktruta h4 {
	margin: 0;
}

.jobbar_person {
	float: left;
	width: 50%;
	margin: 0 0 10px 0;
}

.jobbar_person img, .kontaktbild {
	display: inline-block;
	float: left;
	padding: 0 10px 0 0;
}

.jobbar_person h3, .jobbar_person a, .kontaktruta h4, .kontaktruta a {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.jobbar_person h3, .kontaktruta h4 {
	font-size: 22px;
}



/* Söksidan */
#sokruta_stor {
	text-align: center;
}

#sokruta_stor #stor_sokruta {
	width: 800px;
	max-width: 80%;
	height: 32px;
	padding: 8px 10px;
	border-radius: 5px;
	border: 1px solid #ccc;
}

#sokruta_stor #stor_sokknapp {
	height: 32px;
	background: var(--rod);
	color: #fff;
	padding: 8px 10px;
	border-radius: 25px;
	border: none;
}
#sokruta_stor #stor_sokknapp:hover {
	background: var(--morkbla);
}

#lista_sokresultat h4 {
	margin-top: 25px;
	font-size: 20px;
}

#lista_sokresultat a {
	color: #393939;
}

/* Stor huvudbild */
#huvudbild {
	position: relative;
	/*top: -55px;*/
	width: 100%;
	/*max-height: 380px;*/
	height: 400px;
	max-height: 40vh;
	overflow: hidden;
	margin: 0 auto;
	/*margin-bottom: -55px;*/
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
#huvudbild.bildlos {
	height: auto;
}

#huvudbild img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#huvudbild #rubrik {
	position: absolute;
	/*bottom: 0;
	left: 0;
	width: 100%;*/
	margin: 0;
	padding: 0;
	background: rgba(0,0,0,0.65);
	color: #fff;
	box-sizing: border-box;
}
#huvudbild.bildlos #rubrik {
	width: 100%;
	background: var(--gron);
}

#huvudbild #rubrik h1 {
	margin: 0;
	padding: 20px;
	font-size: 30px;
	font-size: clamp(2rem, 2.2vw, 2.5rem);
}



/* Allmän sidlayout */
.main_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 15px;
}

.main_vanster {
	float: left;
	width: 70%;
	background: #fff;
}

#main_vanster_innehall {
	padding: 20px;
}

.main_hoger {
	float: right;
	width: calc(30% - 30px);
	margin-left: 30px;
	/*padding: 20px;*/
	background: none;
}

#toppbild img {
	width: 100%;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 10px 0;
  padding: 20px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 5px;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

.sektion {
	margin: 15px 0 30px 0; 
	padding: 20px;
	background: var(--ljusgra);
}
.sektionsrubrik {
	margin-top: 0;
}


/* Sidomenyn */
h4.menyrubrik {
	margin: 0;
	padding: 10px 15px;
	color: #fff;
	background: var(--rod);
	font-size: 22px;
}

#sidomeny {
	margin: 0 0 15px 0!important;
	padding: 0;
	list-style: none;
	border: 1px solid #ececec;
	border-top: none;
	border-bottom: none;
	background: #fff;
}

#sidomeny li {
	margin: 0!important;
}

#sidomeny a {
	display: block;
	padding: 6px 15px;
	color: #393939;
	border-bottom: 1px solid #ececec;
		font-weight: bold;
}

#sidomeny a.aktuell {
	background: var(--gul);
	font-weight: bold;
}
#sidomeny a.foralder {
	background: var(--gul);
	font-weight: bold;
}

#sidomeny a:hover {
	background: var(--gul);
	text-decoration: none;
}

#sidomeny ul {
	margin: 0!important;
	padding: 0;
	list-style: none;
}

#sidomeny ul a {
	padding-left: 20px;
	/*background: #f4fafd;*/
	font-weight: normal;
}
#sidomeny ul a.aktuell {
	background: var(--gul);
	font-style: italic;
}

/* Sidorutor */
.sidoruta {
	margin: 0 0 15px 0;
	background: #fff;
}

.sidoruta h4 {
	margin: 0;
	padding: 10px 15px;
	color: #fff;
	background: var(--morkbla);
	font-size: 22px;
}

.sidoruta_innehall {
	padding: 15px;
	border: 1px solid #ececec;
	border-top: none;
}



/* Sidpuffar */
.puffar {
	display: flex;
	flex-wrap: wrap;
}

.puff {
	width: 50%;
	margin: 0 0 15px 0;
	padding: 8px;
}

.puff img {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.puff h4 {
	margin: 5px 0;
	font-size: 24px;
	text-align: center;
}

.puff a {
	color: initial!important;
}

.puff.tredjedel {
	width: 33.334%;
	width: calc(33.334% - 16px);
}

.puff.fullbredd {
	width: auto;
	background: var(--ljusgra);
}

.puff.fullbredd img, .puff.fullbredd  .puff_innehall {
	float: left;
	width: 50%;
}
.puff.fullbredd  .puff_innehall {
	padding-left: 5px;
}
.puff.fullbredd img {
	padding-right: 5px;
}
.puff.fullbredd h4 {
	text-align: left;
	margin-top: 0;
}

.puff:hover {
	background: var(--ljusgra);
}
.puff:hover img {
	opacity: 0.7;
}

/* Fullbreddslayout */




/* Listor */
#content ul, #content ol {
	margin: 5px 0 5px 15px;
}

#content li {
	margin: 0 0 2px 0;
}



/* Rubriker, text och länkar */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-family: "Poppins", Arial, sans-serif;
	font-weight: 600;
	line-height: 140%;
	margin: 15px 0 5px 0;
}

h1 {
	font-size: 36px;
	margin-top: 0;
	text-align: center;
}

h2 {
	font-size: 30px;
	margin-top: 0;
}

h3 {
	font-size: 25px;
	margin-top: 25px;
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

p {
	margin: 0 0 10px 0;
}

a, a:link, a:hover, a:active, a:visited {
	color: var(--bla);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p#brodsmulor {
	text-align: center;
	font-size: 14px;
	margin: 0;
	padding: 10px;
}

.knapp {
	display: table;
	margin: 0 auto;
	background: var(--rod);
	border-radius: 25px;
	text-align: center;
}
.knapp:hover {
	background: var(--morkbla);
}
.knapp a {
	display: block;
	padding: 5px 12px;
	color: #fff;
}
.knapp a:hover {
	text-decoration: none;
}

.info, .success, .error {
	clear: both;
	margin: 5px 0 10px 0;
	padding: 5px;
	text-align: center;
	background: #e1eeff;
	border: 1px solid #5998ed;
}
.success {
	background: #e7ffe1;
	border: 1px solid #79cd66;
}
.error {
	background: #ffe1e1;
	border: 1px solid #ed5959;
}

/* Clear, float och liknande */
.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}



/* Bilder, film och annan media */
img {
	max-width: 100%;
	height: auto;
}

a img {
	border: none;
}

.youtube_video {
	position: relative;
	margin: 0;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}
 
.youtube_video iframe,
.youtube_video object,
.youtube_video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

iframe {
	width: 100%;
}


/* Övrig CSS */
.inaktiv {
	opacity: 0.15;
	pointer-events: none;
	filter: blur(5px);
}


/* CSS för TinyMCE */
.tinyMCE .start_box_textruta, .tinyMCE .start_box_content , .tinyMCE .start_box_textruta {
	display: block;
	position: relative;
}
.tinyMCE.start_box:hover .start_box_content {
	top: auto;
}
.tinyMCE .start_box:hover img {
	opacity: 1;
}

#tinymce, .mce-content-body.tinyMCE, .tinyMCE {
	background: #fff!important;
	padding: 5px;
}

#tinymce ul, .mce-content-body.tinyMCE ul, .tinyMCE ul {
	margin: 5px 0 5px 15px;
}




/* Responsiv design */

/* --- För skärmar med bredden MAX 920px --- */
@media screen and (max-width: 920px) {
	#huvudmeny li {
		margin: 0 14px;
	}
}

/* --- För skärmar med bredden MAX 800px --- */
@media screen and (max-width: 800px) {
	.startnyhet.fullbredd, .startnyhet.fullbredd .nyhetsbild, .startnyhet.fullbredd .nyhetstext, #content, .main_vanster, .main_hoger, .index_left, .index_right, .bokningslista {
		display: block;
		float: none;
		width: auto;
		margin: 0 0 15px 0;
	}
	
	.startnyhet.fullbredd .nyhetsbild {
		text-align: center;
	}
	
	#header, #header_wrapper {
		padding: 0;
		background: transparent;
	}
	
	#header_logo {
		display: none;
	}
	
	#mobilheader, #mobil_logo, #mobilluft {
		display: block;
	}
	
	#mobil_logo img {
		height: 40px;
	}
	
	#mobilheader {
		position: fixed;
		top: 0;
		z-index: 2000;
		width: 100%;
		height: 62px;
		padding: 8px 15px;
		background-image: url(bilder/meny_regnbage.png);
		background-position: left bottom;
		background-repeat: repeat-x;
		background-color: var(--morkbla);
	}
	
	#menyknapp {
		display: block;
		float: right;
	}
	
	#huvudmeny {
		float: none;
		/*width: 100%;*/
		width: 0;
		position: fixed;
		top: 52px;
		z-index: 2500;
		/*max-height: 0;*/
		height: 100%;
		max-height: 100%;
		overflow: hidden;
		/*transition: max-height 0.25s ease-out;*/
		transition: margin 0.25s ease-out;
		clear: both;
		margin: 10px 0;
		margin-left: 100%;
		overflow: hidden;
		padding: 0;
		background: #eee;
	}
	
	#huvudmeny.showme {
		/*max-height: 80vh;*/
		height: 85%;
		width: 90%;
		margin-left: 10%;
		padding-bottom: 15vh;
		box-sizing: content-box;
		background: #fff;
		/*transition: max-height 0.25s ease-out;*/
		transition: margin 0.25s ease-out;
		overflow: scroll;
	}
	#huvudmeny.showme::-webkit-scrollbar {
		display: none;
	}
	#huvudmeny.showme {
		-ms-overflow-style: none;  /* IE and Edge */
		scrollbar-width: none;  /* Firefox */
	}
	
	#huvudmeny a, #huvudmeny a:link, #huvudmeny a:hover, #huvudmeny a:visited {
		/*display: block;*/
		display: inline;
		color: initial;
		background: none!important;
		padding: 0;
	}
	#huvudmeny a:hover {
		background: none!important;
	}
	
	#huvudmeny .menytriangel, #huvudmeny .undermenytriangel {
		display: inline-block;
		color: var(--morkbla);
		cursor: pointer;
	}
	
	#huvudmeny li, #huvudmeny .expanderad .barnsidor, #huvudmeny .barnsidor .expanderad ul, #huvudmeny li.endast_mobil {
		display: block;
		text-align: left;
		margin: 0;
		/*padding: 8px;
		border-bottom: 1px solid #333;*/
	}
	
	#huvudmeny li a.aktiv_huvud, #huvudmeny li a.aktiv_foralder_huvud {
		color: #647b23;
	}
	
	#huvudmeny li .barnsidor li {
		font-weight: normal;
	}
	#huvudmeny li .barnbarnsidor li {
		font-weight: normal;
		font-style: italic;
	}
	
	#huvudmeny li .barnsidor .menydel:hover {
		background: #d5d5d5;
		background: #fffcf0;
	}
	#huvudmeny li .barnbarnsidor .menydel:hover {
		background: #ecf6fb;
	}
	
	#huvudmeny li .aktiv_huvud, #huvudmeny li .aktiv_foralder_huvud {
		color: navy;
	}
	
	#huvudmeny li .aktiv, #huvudmeny li .aktiv_foralder {
		color: initial;
		font-weight: bold;
		background: #ecf6fb;
	}
	
	#huvudmeny li .aktiv_foralder_huvud, #huvudmeny li .aktiv_foralder {
		font-weight: bold;
	}
	
	.menydel {
		display: block;
		background: #fff;
		margin: 0 0 2px 0;
		padding: 8px 10px;
	}
	.menydel:hover {
		background: #ccc;
	}
	
	.barnsidor .menydel {
		background: #e6e6e6;
	}
	
	.barnbarnsidor .menydel {
		background: #d5d5d5;
	}
	
	#mobilluft {
		height: 62px;
	}
	
	.startnyhet.tredjedel, .startnyhet.fjardedel {
		width: 49%;
	}
	
	/*#huvudbild #rubrik {
		position: relative;
		background: rgba(0,0,0,0.9);
	}*/
	
	.menytriangel.expanderad, .undermenytriangel.expanderad {
		transform: rotate(90deg);
		-ms-transform: rotate(90deg);
	}
	.nyhetssida_bild {
		float: none;
		display: block;
		max-width: 100%;
		margin: 0 auto 10px auto;
	}
	.jobbar_person {
		float: none;
		width: auto;
	}
}

/* --- För skärmar med bredden MAX 640px --- */
@media screen and (max-width: 640px) {
	.startpuffar .puff {
		width: 100%;
	}
	.startpuffar .puff_innehall {
		width: 100%;
	}
	.puff.tredjedel {
		width: 100%
	}
}

/* --- För skärmar med bredden MAX 540px --- */
@media screen and (max-width: 540px) {
	.startsida_wrapper, .puffar, #footer_wrapper {
		display: block;
	}
	
	#start_kalender, #start_bibelord, .puff, .footer_col {
		display: block;
		float: none;
		width: auto;
		margin: 0 0 15px 0;
	}
	.startnyhet.halva h2, .startnyhet.tredjedel h2, .startnyhet.fjardedel h2 {
		font-size: 18px;
		margin-bottom: 5px;
	}
	.startnyhet.halva .nyhetsbild img, .startnyhet.tredjedel .nyhetsbild img, .startnyhet.fjardedel .nyhetsbild img {
		/*max-height: 60px;*/
	}
	.startnyhet.halva .summering, .startnyhet.tredjedel .summering, .startnyhet.fjardedel .summering {
		max-height: 180px;
	}
	.startnyhet.halva .nyhetstext p, .startnyhet.tredjedel .nyhetstext p, .startnyhet.fjardedel .nyhetstext p {
		font-size: 14px;
		line-height: 125%;
	}
	.halva .summering:before, .tredjedel .summering:before, .fjardedel .summering:before {
		background:linear-gradient(transparent 100px, #fff);
		pointer-events: none
	}
	.startnyhet.halva .knapp a, .startnyhet.tredjedel .knapp a, .startnyhet.fjardedel .knapp a {
		padding: 3px 8px;
		font-size: 14px;
	}
	.footer_col {
		text-align: center;
	}
}