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

body { 
  background-color: #ffffff;
  font-family: arial, verdana, sans-serif; 
  font-size: 16px;   
  color: #222222;   
  margin: auto;                            
}

.padding5	{ padding: 5px; }
.padding10 { padding: 10px; }
.margin10	{ margin: 10px; }
.margin-top-5 { margin-top: -5px; }
.margin-top-10 { margin-top: -10px; }
.margin-top-15 { margin-top: -15px; }
.margin-top-50 { margin-top: -50px; }
.margin-top5 { margin-top: 5px; }
.margin-top10 { margin-top: 10px; }
.margin-top20 { margin-top: 20px; }
.margin-top30 { margin-top: 20px; }
.margin-right20 { margin-right: 20px; }
.margin-right40 { margin-right: 40px; }
.margin-sidor10 { margin-right: 10px; margin-left: 10px; }

@media (max-width: 800px) {
  .margin-top30, .margin-top20, .margin-top10 {
  margin-top: 0px;
}
}

@media (max-width: 800px) {
.topmobil { margin-right: 15px; margin-left: 15px; margin-top: 5px; }
}




h2 { 
  font-family: "Special Gothic Condensed One", sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.0em;
  text-align: center;
}

h2.mindre { 
  font-family: "Julius Sans One", serif;
  font-size: 24px;
  font-weight: bold;
}

h3 { 
  font-family: "Special Gothic Condensed One", sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.0em;
}

h4 { 
  font-family: "Special Gothic Condensed One", sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.0em;
}

h5 { 
  font-family: "Special Gothic Condensed One", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.0em;
}

h6 { 
  font-family: "Special Gothic Condensed One", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.0em;
}

p { 
    font-size: 16px;
    line-height: 1.3em;
    padding: 10px;
}

p.mindre { 
    font-size: 14px;
}

p.ingress { 
  font-weight: bold;
}

p.lyfttext { 
  font-size: 20px;  
  font-weight: bold; 
  color: #c01f70; 
}

p.undertext { 
  font-size: 14px;
  font-style: italic;
  margin-top: -15px;
}

p.bildtext { 
  font-size: 12px;
  padding: 0px;
  margin: 0px;
  text-align: right;
}

p.nummer { 
  font-size: 12px;
  padding: 0px;
  margin: 0px;
  text-align: right;
  color: #ffffff;
}

p.tema-lila { 
  font-family: "Special Gothic Condensed One", sans-serif;
  font-size: 18px;
  color: #923484;
  margin-top: -5px;
}

.justeringvanster { 
text-align: left;
}

.justeringhoger { 
text-align: right;
}

.justeringmitten { 
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.vit { 
  color: #ffffff;
}



a {
  text-decoration: none;
  color: #222222; 
}

a.rosa:link { color: #cc0066; font-weight: bold; border-bottom: none; }
a.rosa:visited { color:#960235; }
a.rosa:hover { color:#ffa800; }

a.gul:link { color: #ffa800; font-weight: bold; border-bottom: none; }
a.gul:visited { color:#e59901; }
a.gul:hover { color:#cc0066; }

a.extern:link { color: #126b6a; font-weight: normal; border-bottom:1px dashed; }
a.extern:visited { color: #044847; }
a.extern:hover { color: #ffa800; }

a.intern:link { color: #cc0066; font-weight: normal; border-bottom: none; }
a.intern:visited { color: #960235; }
a.intern:hover { color: #ffa800; }

a.pil:link { color: #cc0066; font-weight: bold; border-bottom: none; font-size: 22px; text-align: center; }
a.pil:visited { color: #960235; }
a.pil:hover { color: #ffa800; }
@media (max-width: 500px) { a.pil { margin-right: 5px; } }

img.skala { max-width: 100%; }
img.hogeritext { float: right; margin-left: 15px; }
img.vansteritext { float: left; margin-right: 15px; }
img.mitten { display: block; float: none; justify-self: center; align-self: center; margin-left: auto; margin-right: auto; }
img.punkt { float: left; margin-right: 5px; }
img.cirkel { border-radius: 50%; }

@media (max-width: 500px) {
  img.mittenimobil  {
    display: block;
    float: none;
    margin-right: 0px;
    justify-self: center;
    align-self: center;
  }
}

  


hr {
  background-color: #7c7c7c;
  color: #7c7c7c;
  height: 0.7px;
  border: none;
}



div.knapp {
  width: 100%;
  background-color: inherit;
  text-align: center;
  margin: auto;
  margin-top: 5px; 
  margin-bottom: 5px; 
}

a.knapp {
  background-color: #a82960;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  text-align: center;
  font-size: 16px;
  display: inline-block;
}

a.knapp-lila {
  background-color: #923484;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  text-align: center;
  font-size: 16px;
  display: inline-block;
}

a.knapp:hover, a.knapp-lila:hover {
  background-color: #db790e;
}


.rundahorn { border-radius: 5px;}
.rundahorn-uppe-5 { border-radius: 5px 5px 0px 0px; }

.kort { border-radius: 5px; box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2); margin: 10px 5px; }
@media (max-width: 500px) { .kort { margin: 10px 20px 10px 20px; } }

.boxvit {background-color: #ffffff; } 
.boxrosa { background-color: #a82960; }
.boxrosa2 { background-color: #c01f70; }
.boxljusrosa { background-color: #f5cae8; }
.boxgul { background-color: #db790e; }
.boxljusgul { background-color:#fde7ad ; }
.boxbla { background-color: #288c8c; }
.boxbeige { background-color: #edd8b2; }
.boxgra { background-color: #ececeb; }
.boxlila2 {background-color: #bc56ad; }
.boxlila {background-color: #8D3D94; } 
.boxljuslila { background-color:#e9ddf5 ; }
.boxmellanlila { background-color:#dea3f7 ; }

.rosalist { 
  background-color: #a82960;
  color: #ffffff;
  width: fit-content;
  margin: 0px;
  margin-bottom: 10px;
  border-radius: 2px;
}

@media (max-width: 800px) {
  .rosalist { 
  margin-left: -20px;
  padding-left: 20px;
  }
}

h2.rosalist
{ 
  font-family: "Julius Sans One", serif;
  font-size: 24px;
  font-weight: bold;
  padding: 6px;
  margin-left: 15px;
  margin-right: 15px;
}