/*
Document   : Stil_standard
Created on : 02.mar.2009, 11:45:02
Oppdatert  : 02. jul.2023 16:21
Author     : Vegard
Description: CSS for design av siden/ "Template Standard"".

*/

@charset "UTF-8";

body {

font-family: 'Verdana', sans-serif;


    text-align:center;
   /* background-image: url("bakgrunn.png");
    background-repeat: repeat-x;*/
  /*  background-color:#72767E;/*353535;/*#262626;*/
   background-image: url("testELMbakrunn.png");
    background-repeat: repeat;
}

#utenforlinje {
     margin:2em auto;
     margin-bottom:10px;
    text-align:left;
    width:990px;
    padding:10px;
    background-color:#44464B;/*7e7e7e;/*474747;*/
  /*  opacity:0.4;
    filter:alpha(opacity=40);*/

}

#Conteiner {
    width:990px;
    background-color:#FFFFFF;
    margin: 0px;
    padding: 0px;
 
}


#hode {
    height:80px;
    width:990px;
    float:left;
    margin:0px;
    padding:0px;
    background-image: url("testELMbakrunn_hode.png");
    /*background-image: url("logo.png");*/
    background-repeat: no-repeat;

    /*background-color:#FFFFFF;*/
}

#hode h1 {
    margin: 0px;
    padding: 0px;
}

#logo {
    float:left;

    margin: 5px 5px 5px 5px;
   background-image: url("hvit60_stor.png");
    background-repeat:repeat;
    padding:5px 10px 5px 10px;
    height:40px;
}
#logo h1 {
  text-decoration: none;
  border: 0px solid #ffffff;
}


.skiplenke {
    visibility:hidden;
}

#tools {
    float:right;
    margin: 5px 5px 5px 5px;
    padding:5px 5px 5px 5px;
    height:25px;
    font-size:1em;
    background-image: url("hvit60_liten.png");
    background-repeat:repeat-x;
}

#tools li {
    list-style-type:none;
    text-align:center;
    display:inline;

}

#toolsmeny {
    margin: 0px;
    padding: 0px;
}
#toolsmeny a {
    text-decoration:none;
    color:#000000;
    text-align:center;
}

#overmeny {
    width:990px;
    float:left;
    margin:0px;
    padding:3px 0px 0px 0px;
    background-color:#44464B;
    overflow:hidden;

}

#adminmeny {
    width:990px;
    float:left;
    margin:0px;
    padding:0px;
    overflow:hidden;
}

.menyenhet {
    float:left;
	width:150px;
    text-align:center;
    font-style:normal;
    font-size:larger;
    text-decoration:none;
    padding:2px;
   height:25px;
  margin-left:5px;
}


.menyover {
    width:990px;
    background-color:#44464B;
    border-top:3px solid #44464B;
    border-left:3px solid #44464B;
    border-right:3px solid #44464B;
    overflow:hidden;
}

.menyunder {
    width:100%;

    border-bottom:3px solid #44464B;
    border-left:3px solid #44464B;
    border-right:3px solid #44464B;
    background-color:#FFFFFF;
    overflow:hidden;
}


.menyunder a{
    color:black;
}



.menyover .menyenhet {
    color:#333333;
    background-color:#FFE27A;/*fecd1b;/*f8a00e;/*D85500;*/
    /*
    background-color:#BF4011;*/
}

.menyenhet:hover {
    color:#000000;
   background-color:#FFF4CC;
    /*
        background-color:#D9731A;*/
}




/*
Kroppen/ midten
*/
#kropp {
    float:left;
    width:970px;
    margin:10px;
    background-color:#FFFFFF;
}

#V {
    width:15px;
    float:left;
}

#M {
  float:left;
}

.skille {
    width:775px;
    float:left;
    border-bottom:dashed;
    border-bottom-width:thin;
    padding-top:0px;
    padding-bottom:0px;
}


/*
Høyremenyen
*/
#H {

}
#hmeny_lenker {
    float:left;
    padding:0;
    margin:0;
    font-size:3em;
}


#lenke a {
    color:blue;
    text-decoration:underline;
}
#lenke a:visited {
    color:blue;
    text-decoration:underline;
}
#lenke a:hover {
    color:blue;
    text-decoration:underline;
}


#Nyhetsboks {
    width:98%;
    min-height:100px;
    padding:5px;
    border:2px solid #E5EEFE;/*3399ff;*/
    background-color:#E5EEFE;/*cce5ff;*/
   /* margin-right:30px;*/
}
#Nyhetsboks a {
    color:#505258;
}
#Nyhetsboks hoover {
    color:#3399ff;
    font-weight:bold;
}
nyhetsboks_overskrift {
    font-variant: small-caps;
    margin-bottom: 30px;
}
#Nyhetsboks p {
    margin:0px;
    padding:0px;
    height: auto;
}
#underdel {
    clear:both;
    height: auto;
    overflow: hidden;
}
.MerInfo {
    text-align:right;

}
.Sistenyhet {
    float:left;
    width:390px;
    margin-right:10px;
    padding-bottom: 10px;
    }
.DeNesteNyheter {
    float:left;
    width:200px;
    margin-left:10px;
    margin-right:10px;
  
     padding-right: 15px;
     padding-bottom: 10px;

}
.DeNesteMoter {
    margin-left:10px;
padding-bottom: 10px;
    float:left;
    width:290px;
}
.mote {
vertical-align:top;
}
.tid {
    width: 110px;

}
.sted {

    margin-left: 3px;
}
.snartmote {
    color:#FFE27A;
    text-decoration: blink;
    text-align: right;
}

.merinfoforside{
float:left;
height: 320px;
margin-bottom:70px;
}

.halvforsideboks {
float:left;
width:45%;
height: 100%;
Padding:2%;
background-color:#E5EEFE;

}



#forsidetekst {
    padding:0px;
    margin-top: 30px;
    float:left;
width:450px;
}

#slidewrap {
    margin: 80px 0px 0px 30px;
    padding-left:10px;
}



#footer {
    color: #474747;
    margin: 0px;
    padding: 0px;
}

#footer p {
    color: #474747;
    margin: 0px;
    padding: 0px;
}


h1  {
    border: 0px solid #ffffff;
    font-family: 'Trebuchet MS', sans-serif;
font-size: 32px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -1px;
line-height: 1.1em;
    color:#333333;
}
h2 {
    font-family: 'Trebuchet MS', sans-serif;

    color:#333333;
}
h3 {
    font-family: 'Trebuchet MS', sans-serif;
    
    color:#333333;/*BF4011;*/
}

h4 {
   font-family: 'Trebuchet MS', sans-serif;
    color:#333333;
}
p {
    font-family: Verdana, sans-serif;
font-size: 18px;

line-height: 1.1em;
}

a {
        color:#505258;
    text-decoration: underline;
}





/*tabeller: */
table td{
    vertical-align: top;
}

.overskriftrad {
    color: #333333;
    border: 2px solid #333333;
    text-align: left;
    vertical-align:top;
    margin-top:0;
    margin-bottom: 10px;
    font-variant: small-caps;

}
.overskriftrad th {
    padding:5px;
    border-bottom:  2px solid #333333;
}

.even {
    background-color:#FFF4CC;
}



/*På Hjemveg: */
#paahjemveg {
    float: left;
    margin-bottom: 50px;
    height: auto;
}

.paahjemveg_venstrekol {
    float: left;
    width: 68%;
}

.paahjemveg_hoyrekol {
    float: left;
    width: 28%;
    padding-left: 4%;
    text-align: center;
}



.paahjemveg_knapp {
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.paahjemveg_knapp:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.paahjemveg_knapp:active {
	position:relative;
	top:1px;
}






/**
 * Default theme søk
 *
 */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 2%;
  width: 96%;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse .gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: #ffffff;
  border: 1px solid;
  border-color: #ffffff;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border:none;
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  color: #000000;
  text-shadow: 0 1px 2px #FFFFFF;
  background-color: #FFE27A;
  border: 1px outset;
  border-color: #666666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
  visibility: hidden;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
  visibility: hidden;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion.gs-result,
.gs-promotion.gs-result {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #336699;
}
/* Promotion image */
.cse .gs-promotion.gs-result .gs-promotion-image,
.gs-promotion.gs-result .gs-promotion-image {}
/* Promotion title */
.cse .gs-promotion.gs-result a.gs-title:link,
.gs-promotion.gs-result a.gs-title:link {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:visited,
.gs-promotion.gs-result a.gs-title:visited {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:hover,
.gs-promotion.gs-result a.gs-title:hover {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:active,
.gs-promotion.gs-result a.gs-title:active {
  color: #0000CC;
}
/* Promotion snippet */
.cse .gs-promotion.gs-result .gs-snippet,
.gs-promotion.gs-result .gs-snippet {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion.gs-result .gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl {
  color: #008000;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #D5E2FF;
}
.gsc-completion-container {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  position: absolute;
  background: white;
  border: 1px solid #666666;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}



        .reiserutecontainer {
            max-width: 100%;
            padding: 20px 20px;
			background-color: #f4f4f4;
			border-radius: 8px;
		}	
        .reiserutecontainer h2 {
            margin-top: 50px;
            margin-bottom: 0px;
            padding-bottom: 0px;

            text-align: center;
            color: #333;
        }
		
		.reiserutecontainer h3 {
            margin-top: 0;
			padding-bottom: 10px;
            margin-bottom: 20px;
            text-align: center;
            color: #666;
        }
		
		
        #reiserute {
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            max-width: 800px;
            margin: 0 auto;
            line-height: 1.6;
        }


/* Containeren som holder knappene */
.misjonslaget-lenker {
  display: flex;
  justify-content: center; /* Midtstiller hele rekken */
  flex-wrap: wrap;         /* Lar knappene brekke til ny linje på små skjermer */
  gap: 15px;               /* Sikrer mellomrom mellom knappene */
  margin: 20px 0;
  width: 100%;
}

/* Selve knappen */
.ml-knapp {
  display: inline-flex;    /* Holder tekst og ikon på linje */
  align-items: center;     /* Midtstiller ikon og tekst vertikalt */
  justify-content: center;
  text-decoration: none !important; /* Fjerner understrek */
  padding: 10px 20px;
  border-radius: 8px;      /* Moderat avrunding */
  
  /* Diskret gråfarge i bunn */
  background-color: #f0f2f5;
  border: 1px solid #d1d5db; 
  color: #444 !important;  /* Mørk grå tekst */
  
  font-family: sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  white-space: nowrap;     /* Hindrer at teksten deler seg */
}

/* Ikon-innstillinger */
.ml-knapp svg {
  margin-right: 10px;
  width: 20px;
  height: 20px;
  transition: fill 0.2s ease-in-out;
}

/* --- Farger i "hvilemodus" (Hintet av farge) --- */
.ml-facebook svg { fill: #1877F2; }
.ml-youtube svg { fill: #FF0000; }
.ml-spotify svg { fill: #1DB954; }

/* --- Hover-effekter (Når du peker på knappen) --- */
.ml-knapp:hover {
  color: white !important;
  transform: translateY(-2px);
  border-color: transparent;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.ml-knapp:hover svg {
  fill: white; /* Ikonet blir hvitt */
}

/* Bakgrunnsfarger ved hover */
.ml-facebook:hover { background-color: #1877F2; }
.ml-youtube:hover { background-color: #FF0000; }
.ml-spotify:hover { background-color: #1DB954; }