/*
body {
  background-color: powderblue;
}
h1 {
  color: blue;
}
p {
  color: red;
}
*/
p { /*gir alle p-elementene blå farge */
  border: 2px solid powderblue;
  padding: 10px;
  margin: 10px;
  text-align: center;
  background-image: url('../images/patterns/strand.jpg');
}

.center { /* gjør hjortebildet i senter*/
  display: block;
  margin-left: auto;
  margin-right: auto;
  
}
.centerinlines { /*gjør inlines som trykkforåkommeøverst i sentrum */
text-align: center;
background-color:rgba(204, 143, 207, 0.66);
color:white;
padding:10px 6px;
width: fit-content;
border: 2px solid black;

}
.bilder {
  height:200px;
  width:150px;
}
p.center {
  clear: both;
  max-width: 700px;
  margin: 10px auto;
  text-align: center;
}

#stjerne {
  font-size: 13px;
  border: none;
  padding: none;
  margin: none;
  text-align: center;
  background-image: none;

}
/* DIVs */
#fiksetbilderatio{
width:230px;
margin:auto;
}

#fiksetbilderatio2{
width: 500px;
margin:auto;
}
/* Brønnøysundregistrene som jeg har kommentert ut
#fiksetbilderatio3{
width: 300px;
margin:0;
} */

/*Hjortebildet og tannbørstebildet sammen på en linje*/
#img-left{
float:left;
width: 300px;
margin-left:50px;
}

#img-left img {
  width: 230px; /* eller ønsket bredde, f.eks. 150px, 50% osv */
  height: 230px; /* for å bevare proporsjonene */

}

#img-right {
float:right;
width: 230px;
margin-right:50px;
}

#img-right img {
  width: 230px; /* eller ønsket bredde, f.eks. 150px, 50% osv */
  height: 230px; /* for å bevare proporsjonene */
}

body { /* Bakgrunnsbilde */
  background-image: url('../images/patterns/strand.jpg');
    background-attachment: fixed;
    background-size: cover;
border-width: 9px;
border-style: dotted solid;
border-color: rgba(16, 18, 41, 0.238);
}

/*GIFs*/
#gif-right {
float:right;
padding-bottom: 100px;
padding-right: 100px;
}


/*   Tabeller   */
th, td { /*ta med table hvis du vil ha en ramme rundt*/
  border:1px solid black;
  /* border-collapse: collapse; */
  background-color: #ccc1cb;
  border-radius: 10px;
  border-style: outset;
  border-color:midnightblue;
  text-align: center;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 15px;
  padding-right: 15px;
  
}
td:hover,
th:hover {
  background-color: #ccc1cbae;
}

table.center {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}

table {
  border-spacing: 2px;
}


th:nth-child(even),td:nth-child(even) {
  background-color: #cbb4c8
}

/*KONTAKTINFO*/

.kontakt-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* full høyde av viewport */
}

table.kontaktinfo {
  max-width: 400px;
  width: 100%;
  border-collapse: collapse;
}

table.kontaktinfo th,
table.kontaktinfo td {
  text-align: left;
  padding: 2px 10px;
  border: 1px solid black;
  background-color: #cbb4c8;
  border-radius: 5px;
  border-style: inset;
  border-color: rgb(153, 58, 197);
}

#kontaktinfoheader {
  text-align: center;
  font-family: "Magic", sans-serif;
  font-size: 25px;
  color: darkmagenta;
  padding: 10px 0;
  background-color: #cbb4c8;
  border-radius: 5px 5px 0 0;
  border-style: inset;
  border-color: rgb(0, 0, 0);
  border-bottom: none;
}



/*Fonter*/
@font-face {
  font-family: "Letterblocks";
  src: url(../fonts/Letterblocks.woff2);
}
@font-face {
  font-family: "Magic";
  src: url(../fonts/Magic.ttf);
}

/*Fonter til tabellene*/
#h1{
    font-family: "Letterblocks", sans-serif;
  font-size: 80px;
  color: darkmagenta;
  text-align: center;
}

#openingshours{
    font-family: "Letterblocks", sans-serif;
  font-size: 50px;
  color: darkmagenta;
  text-align: center;
}


#Stengt{
  color: rgb(152, 0, 0);
  font-weight: bold;
}

#LMDESIGN{
color: rgb(0, 0, 0);
font-family: "Magic";
}

/*Kartet*/
.kart-container {
  display: flex;
  justify-content: center;
  margin: 50px auto 20px; /* litt margin rundt */
  max-width: 520px;       /* begrenser hvor bred kart-container kan bli */
}

.kart-wrapper {
  width: 100%;            /* fyller hele kart-container */
  padding: 5px;
  border: 2px solid black;
  background-color: white;
}

.kart-wrapper iframe {
  width: 100%;
  height: 300px;
  border: none;
  display: block;
}

/* a:link {  Endrer linkfarge
  color: darkslategray;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: pink;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
} */

/* LINKENE BLIR TIL EN KNAPP
a:link, a:visited {
  background-color: #f44336;
  color: white;
  padding: 15px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active {
  background-color: red;
} */