﻿.hovedmeny{background-image:url(/bilder/bgtopp.png)}
.nav li{background-repeat:no-repeat;background-position:right 30px center}
.nav--expand>li>ul li{display:block;background-color:rgba(255,255,255,.9)}
.nav--expand>li>ul li a:hover{background-color:#f09300}
.nav--expand>li>ul li>ul{max-height:350px;overflow:auto}

.div100{width:100%}
.div50,.div5050{width:49%;float:left;margin-left:auto}
.divhov:hover{background-color:rgba(238,122,0,.4);transition:background .5s ease-out}
.divhov{border-radius:5px;background-color:rgba(255,255,255,.9);transition:background .5s ease-out}
.home{color:#fff;font-size:24px}
.vakt{height:250px;background-color:#ee7a00}
.banner{background-color:#ececec}
.mainpage{padding:20px}
.flexWrapper{width:100%;display:table;padding:0}
.div50tj{float:left;width:50%;height:350px}
.divtjimg{height:350px;background-size:cover;background-repeat:no-repeat}
.div50tjtxtTable{width:100%;max-width:100%;height:100%;height:350px;margin-left:auto;margin-right:auto}
.div50tj,.div50tj td{font-size:100%}
.news{height:400px;padding:5px}
.yttd{padding:10px;width:25%;padding-bottom:0;vertical-align:top;float:left;vertical-align:middle;text-align:center}
.resp-iframe{top:0;left:0;width:100%;height:100%;border:0}
.div25{width:25%;float:left;margin-left:auto}@media screen and (max-width:845px){.home{font-size:14px}
.vakt{height:200px}
.div25{width:50%;float:left;margin-left:auto}
.yttd{width:50%;float:left}}@media screen and (max-width:610px){.h{display:none;width:0}
.div50tj{height:250px;width:100%;float:none}
.div50tjtxtTable{width:100%;max-width:100%;height:200px;margin-left:auto;margin-right:auto;padding:0}
.div50tjtxt{width:100%;display:table-row-group;height:200px}
.div50tjimg{width:100%;display:table-header-group;height:250px;position:relative}
.divtjimg{height:250px}}
@media screen and (max-width:700px){
	.home{font-size:10px}#news{font-size:12px}
	.vakt{height:150px}
	.div5050{width:100%}}@media screen and (max-width:500px){.home{font-size:10px}
	.div50{width:100%}
	.div25{width:100%;float:left}
	.news{height:300px;padding:0;width:100%}
	.vakt{height:100px}
	.yttd{width:100%}
}
body{background-color:#f2f2fe}
h1,h2,h3,h4{font-family:"Segoe UI Light";color:#000;line-height:1.3125}
.introtxt{color:#fbfbfb;font-size:140%}
@media screen and (max-width:700px){
	h1{font-size:30px;font-size:2.14286rem;line-height:1.1}
	h2{font-size:24px;font-size:1.71429rem;line-height:1.1}
	h3{font-size:20px;font-size:1.42857rem;line-height:1.05}
	h4{font-size:16px;font-size:1.14286rem;line-height:1.3125}
	h5{font-size:14px;font-size:1rem;line-height:1.5}
	h6{font-size:12px;font-size:.9rem;line-height:1.4}
	.introtxt{font-size:120%}
}
@media screen and (max-width:500px){
	h1{font-size:16px;font-size:1.14286rem;line-height:1.1}
	h2{font-size:16px;font-size:1.14286rem;line-height:1.05}
	h3{font-size:14px;font-size:1rem;line-height:1.3125}
	h4{font-size:14px;font-size:1rem;line-height:1.5}
	h5{font-size:12px;font-size:.9rem;line-height:1.4}
	h6{font-size:10px;font-size:.9rem;line-height:1.4}
	.introtxt{font-size:100%}
}
:required{background:rgba(73,104,167,.2);
border-bottom:thin red solid}
.r{float:right}
#maincontent{margin-top:-40px;min-height:900px}
@media (max-width:845px)
{
#maincontent{margin-top:-60px;min-height:900px}
}

.white td{
	height:20px;
	padding:2px;
	background-color: #FFFFFF;
}
.gray td{
	height:20px;
	padding:2px;
	background-color: #E6E6E6;
}
.gray td,.white td{
	border-width: thin;
	border-color: #808080;

	border-bottom-style: solid;
}
.imgcontainer {
	position:static;
    display: block;
    float: left;
	width:100%;
    height: 170px;
    overflow: hidden;
   
    text-align:center;/* set image in center */
    line-height:150px;/* set image or text right in middle;*/
}

imgmaincontainer{
	position:static;
    display: block;

	width:100%;
    height: 200px;
    overflow: hidden;
    
    text-align:center;/* set image in center */
    line-height:50%;/* set image or text right in middle;*/
}
.imgmainnyhet {
    max-height:200px;
    max-width:100%;
    height:auto;
    width:auto; 
  display: block;
  margin-left: auto;
  margin-right: auto; 
}

.imgnyhet {
     max-height:150px;
    max-width:100%;
    height:auto;
    width:auto;  
}
.ow {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
} 
 .newstxt td,.newstxt {
      font-size: 95%;}
  @media (max-width: 767.98px) {
    .newstxt td,.newstxt {
      font-size: 90%; } }
