@import url('/admin/contentbuilder/assets/default/content.css');       

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&display=swap');

 div#txtContent{background-color:#fff!important;
background:url(/IRMA/gfx/1107/bg_24.jpg)#fff!important;
margin-top:25px; margin-left:35px; }

html {
    position: relative;
    min-height: 100%;
}

* {
 margin: 0;
 padding: 0;
 }
body{
color:#949494;
background:url(/IRMA/gfx/1107/background2019_2.jpg)!important;

 font-size:12pt;
 padding: 0px;
 background: #fff;
margin:0;

font-family: 'Open Sans', sans-serif;
line-height:1.5;
}

iframe{
max-width:100%;
}
iframe.facebook{
max-width:100%;
-webkit-box-shadow: 3px 5px 8px -3px #D8d8d8;  
box-shadow: 3px 5px 8px -3px #D8d8d8; 
}
#container {
    margin: 0em auto;
    max-width: 100%;
    padding: 0px;
    height: 100%;
}


#mainnav{}
#contents {
    background: transparent;
max-width:1100px;
margin:0em auto;
background:#fff;
    padding: 10px 0px 15px 0px;
    font-weight: normal;
    height: 100%;
margin-top:00px;
  background: url(/irma/gfx/1107/containerbg.png) repeat-y top center;

}
.row.clearfix{
max-width:1350px;
    
    margin: 0em auto
}
.row.clearfix.full-width {
    max-width: 100%;
   background: #f6f4f1; 
padding-bottom:1.3rem;
}

.column{padding-top:1.3rem}
 .rubrik {
    background: #000;
    color: #fff;
    padding: 5px;
    font-weight: bold;
    font-size: 14pt;
    text-align: center;
}
 .column.full { width: 100%; }

 .column.full.start {   
 min-height: 260px;
  background: url(/gimso/gfx/1025/karta_bg6.png) no-repeat top center;
 padding-top: 60px;
}
.column.third.referenser {
    padding:0px;
}
 .column.two-third { width: 66.7%;}
 .column.two-third2 { width: 60%; margin-right:5%;}   
 .column.two-fourth { width: 75%; }
 .column.two-fifth { width: 80%; }
 .column.two-sixth { width: 30%; }
 .column.half { width:49%;}
 .column.third { width: 33.3%;}
.column.third.ett { background: url(/gimso/gfx/1107/BGLEFpng) no-repeat top center; }
.column.third.tre { background: url(/gimso/gfx/1107/BGRIG.png) no-repeat top center;}

.column.third.tva { background: url(/gimso/gfx/1107/BGcenter2.png) no-repeat top center #95c362;}

 .column.third img{max-width:100%}
 .column.third2 { width:27%; }
 .column.fourth { width: 25%; }
 .column.fifth { width: 20%; }
 .column.sixth { width: 16.6%; }
 .column.flow-opposite { float: right; }  
.aktuelltruta
{
    padding-top: 0px;
    max-width: 320px;
    background: #fff;
    border-radius: 5px 5px 0px 0px;
    -webkit-box-shadow: 3px 5px 8px -3px #d8d8d8;
    box-shadow: 3px 5px 8px -3px #d8d8d8;
    margin: 0em auto;
}
.facebook{   border-radius: 0px 0px 5px 5px;}
#ExtraDiv1 .column.fifth{max-width: 5%; width: 5%;}
#ExtraDiv1 .column.two-fifth{max-width: 90%; width: 90%;}
.btn.btn-primary {
    color: #ffffff;
    background-color: #025891;
}
.btn.btn-primary:hover {color: #ffffff;background-color: #025891; border-color: #07b0a2;}
.btn {
    padding: 10px 10px;
    font-size: 12pt;
    line-height: 1em;
    border-radius: 6px 0px;
}
.display p{font-size:1.2em;}
#footer {
    background-color: #474848;
padding-top:5px;
    height: 170px;
max-width:1100px;
margin:0em auto;

}
#footer .column{padding-top:0px;}
#footer .column.fourth{padding-right:0px; width:24%;}

#footer A:link { color: #fff; }
#footer A:visited { color: #fff;}
#footer A:hover  { color: #fff;}


.foot{max-width:1000px; margin:0em auto; color:#fff; }
#footer img { margin-top:0px;}

#footer H1{font-size:20px; color:#fff; padding-top: 10px;}
#footer p{color:#fff}


#ExtraDiv1 {
background:#474848;
color:#fff;
text-align:right;
padding: 5px 10px;
max-width:1080px;
margin:0em auto;
}
#ExtraDiv1 .column{padding:0px;}
#ExtraDiv1 img{padding:0px; margin:0px!important; width:30px; vertical-align: middle;
    margin-bottom: 5px;
    width: 25px;}

#ExtraDiv4 {

    position: relative;
background: url(/irma/gfx/1107/div4.jpg) #fff; 

background-size:cover;
height: 230px;
             
  
               border-bottom: 0px solid #1f1f1f;
            
max-width:1100px;
margin:0em auto;

}


#ExtraDiv4 figcaption {
display:none;
    text-align: center;
    position: absolute;
    top: auto;
    bottom: 30%;
    left: 0;
    width: 100%;
    padding: 0 2.5em;
    color: #fff;
    font-size: 1.55em;
    text-align: center;
    box-sizing: border-box;
    z-index: 1;
    background: #161c458a;
    padding-top: 15px;
}
#ExtraDiv4  figcaption h1{font-size:70px;}
#ExtraDiv7{display:block; 
    max-width: 1100px;
    margin: 0em auto;
    overflow: hidden;
}
#myVideo
{
max-width: 1100px;
    margin: 0em auto;
    max-height:400px;
}

#ExtraDiv4{display:none!important}

video {
  object-fit: cover;
  width: 100vw;
  top: 0;
  left: 0;
}
/*Slider*/
.bx-viewport, .bx-wrapper{
    position:relative;
    width:100%;
    height:100% !important;
    top:0;
    left:0;
}
.bxslider, .bxslider li{
    height: 100% !important;;
}
.bxslider li{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.bx-wrapper .bx-viewport{
    border: none !important;
}

hr{
	
    border-top: 1px solid #dfdfdf;
margin:0em;
margin-bottom:15px;
}

#header {
    margin: 0em auto;
    background-position: center;
    background: transparent;
    height: 150px;


}

.headerbild {
    margin: 0em auto;
 max-width:1100px;
background:#fff;
}
.headerbild img{margin-left:25px;}




a:link     {color: #00253c; text-decoration: underline; border-style: none; }
a:visited {color: #00253c; text-decoration: underline; border-style: none;}
a:hover  {color: #00253c; text-decoration: underline; border-style: none;}
a:active  {color: #00253c; text-decoration: none; border-style: none;}

.text-link a:link {
    background: #6592cf;
    padding: 8px 10px 8px 10px;
    color: #fff;
    text-decoration: none;
   // border: 3px solid #fff;
    font-weight: bold;
    border-radius: 5px;
    font-size: 11pt;
}
.text-link a:visited {    background: #6592cf;
    padding: 8px 10px 8px 10px;
    color: #fff;
    text-decoration: none;
  //  border: 3px solid #fff;
    font-weight: bold;
    border-radius: 5px;
    font-size: 11pt;}

h1, h2, h3, h4, h5, h6{font-weight:300;  font-family: 'Roboto', sans-serif; color:#025891}
h1 
{ 

text-decoration: none; 
margin-bottom:20px;
    font-size: 20pt;

font-weight:bold;

font-family: 'Roboto', sans-serif;
 } 
	   
	   
h2 
{ 
color:#666;
font-size: 18pt; 
text-decoration: none; 
font-weight:bold;
font-family: 'Roboto', sans-serif;
} 

h2 a:link
{
color: #666; 
font-size: 32pt; 
line-height: 30pt!important; 

text-decoration: none; 
} 

h3 
{ 
color: #025891;
font-size: 14pt; 

 } 

h4{font-size:14pt;}
h6{font-size:12pt; color: #00253c;}
.bildarkivrubrik {display:none; }

a img {border: 0;}

#blue{
    
    position:relative;
top:28px;
padding:9px;
     background-color: #006ed1;
background: url(/gimso/gfx/1064/ExtraDiv1.png	) repeat-x top center transparent ;
   text-align:right;
}
#blue:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    opacity:0.5;
  background-color: #006ed1;
     
}



.blue_in{max-width:1027px; Margin:0em auto;    opacity: 1.0!important;
     filter: alpha(opacity=100); /* For IE8 and earlier */ position:relative;
    z-index:1; padding-top:20px;}



img {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */

}

#ExtraDiv111 {background: #00CCFF; width: 600px; height: 50px;}
#ExtraDiv222 {background: #CCCC99; width: 600px; height: 50px;}
#ExtraDiv333 {background: #00CC33; width: 600px; height: 50px;}
#ExtraDiv444 {background: #FFCCFF; width: 600px; height: 50px;}
#ExtraDiv777 {background: #6699CC; width: 600px; height: 50px;}

/*
	Todd Motto Labs
	URL: www.toddmotto.com
*/



a,
a:hover {
	text-decoration:none;
}
ul,
ol {
	list-style:none;
}
.column ul,
ol {
List-style:disc;
font-size:11pt;

}
.column li{margin-left:30px;}
.wrapper {
background:#161c45
    width: 100%;
    margin: 0 auto;
    margin-top: -50px;

}

.main {
	width:100%;
max-width:1000px;

margin:0em auto;
	text-align:right;
padding:0px 0px 0px 0px;
}
.content {
	text-align:left;
	margin:25px 0;
}
.content-text {
	margin:0 0 15px;
}

/*------------------------------------*    Flaunt JS Navigation
\*------------------------------------*/

.nav {
	position:relative;
	display:inline-block;
	font-size:15px;
font-family: 'Roboto', sans-serif;
font-weight:bold;

}
.nav-list {

padding-left:0px;
margin-left:0px;
background:#383838;

}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
}
li.nav-item.active {
 
}
li.nav-item.active a {

 
    background: #025891;
    border-radius: 12px 0px;
    color: #fff;
}
.drop{background: url(/gimso/gfx/194/pil.png) no-repeat center right!important; background-size:10px 10px!important;
}
.nav-item a {
    display: block;
    color: #acb5c6;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    font-size: 11pt;
    font-weight: normal;
font-family: 'Roboto', sans-serif;
    line-height: 1;
    letter-spacing: 1px;
    margin-right: 5px;

font-family: 'Open Sans', sans-serif;
}

.nav-item > a:hover {

}


.nav-item ul li a {text-align:left!important; background:#ffffff!important; color:#025891!important} 

.nav-item:hover .nav-submenu {
	display:block;
}
/* Navigation submenu */
.nav-submenu {
    display: none;
    position: absolute;
    left: 0;
    background: #fff;
    border-top: 0px solid #666;
    z-index: 2;
}

li.nav-item ul li {width: 210px;}
.nav-submenu li{width:100%; border-bottom:0px solid #fff;     padding: 5px 0px 5px 0px;}
.nav-submenu-item a {display:block;padding:5px;}
.nav-submenu-item a:hover {}
/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	background:url(/IRMA/gfx/1107/menu-white3.png	)  no-repeat center center;
	background-size:100px;
	height:50px;
	width:100%;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	border-left:1px solid #fff;
	height:45px;
	width:50px;
	cursor:pointer;
}
.nav-click i {
	display:block;
	height:48px;
	width:48px;
	background:url(/commondata/images/drop.svg) no-repeat center center;
	background-size:20px;
}
.nav-click:hover {
	
}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}




#NewsItems h3{font-size:14pt; color:#7f7f7f;}
.newsItem{padding:15px 0px 15px 0px; border-top:1px solid #cdcdcd; }
.newsHeadLine{border-bottom:1px dotted #cdcdcd; margin-bottom:5px;}

.column.full.center.hundra {
    background: #fff;
    width: 98%;
    margin-bottom: 20px;
    border-radius: 5px;
padding-top:10px;
-webkit-box-shadow: 3px 5px 8px -3px #D8d8d8;  
box-shadow: 3px 5px 8px -3px #D8d8d8; 

}

.column.hundra {padding:0px 10px 0px 10px;; text-align:center;}
.hundra img {
    width: 98%;
border-radius:10px 0px;
}

/*------------------------------------*    Media Queries
\*------------------------------------*/
@media only screen and (min-device-width: 120px) and (max-device-width: 900px), only screen and (max-width : 900px){

#myVideo {  margin-top: 0px!important;}
}

@media only screen and (min-device-width: 120px) and (max-device-width: 768px), only screen and (max-width : 768px){

.wrapper{margin-top:0px;}
.main{text-align:center}
#ExtraDiv4{height:200px; }
.background-1{display:none;} 
.background-2{display:block; background: url(/IRMA/gfx/1068/div42.jpg) no-repeat center center;
}
li.nav-item.active a {

    font-weight: bold;
    background: #383838;
    border-radius: 12px 0px;
    color: #fff;
}
#ExtraDiv7 H1{font-size:2em;}
.text-extradiv{    position: absolute; padding-top:30px;}
.text-extradiv7{margin-top:-170px; z-index:-1;}

#contents{padding:2%; width:96%!important;}

.main{margin-top:0px; background: #025891;}
.nav {
	position:relative;
	display:inline-block;
	font-size:15px;
	font-family: 'Raleway', sans-serif;
font-family: 'Roboto', sans-serif;

font-style: italic;

margin-left:0px;
}
	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:50px 0 0;
	}
	.nav-list {
		display:none;
	}
	.nav-item {
		width:100%;
		float:none;
border-top:1px solid #fff;
	}
	.nav-item > a {
		padding:15px;
color:#fff;
background-image:none;
	}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
                margin-left:0px;
               padding-left:0px;
         }
ul li li.nav-item {
    width:100%;
}




 .column.full { width: 100%; }
 .column.two-third { width: 100%; }
 .column.two-third2 { width: 100%; }   
 .column.two-fourth { width: 100%; }
 .column.two-fifth { width: 100%; }
 .column.two-sixth { width: 100%; }
 .column.half { width: 100%; }
 .column.third { width: 33%; }
 .column.third2 { width: 100%; }
 .column.fourth { width: 50%; }
 .column.fifth { width: 20%; }
 .column.sixth { width: 20%; }
 .column.flow-opposite { float: right; }  
.column.fourth.produkter {width:50%;}
.column { padding-top: 0.5rem!important;
}
#ExtraDiv1 .column.two-fifth {
    padding: 0px;
    width: 80%!important;
    text-align: left;
    float: left;
}
#ExtraDiv1 .column.two-fifth  p{font-size:9pt;}
#ExtraDiv1 .column.fifth {
    padding: 0px;
    max-width: 10%!important;
    width: 10%!important;
    float: left;
}
.headerbild img{margin-left:0px;}
#footer{height:600px; text-align:center}
.no_mobile{display:none;}

#footer .column.fourth{padding-right:0px; width:50%!important;}

}


@media only screen and (min-device-width: 120px) and (max-device-width: 568px), only screen and (max-width : 568px){
#header {
    margin: 0em auto;
    background-position: center;
    background: #fff;
    height: 100px;


}

.column.fourth{width:100%!important}
.column.third{width:100%!important}
#footer .column.fourth{width:100%!important}

}
@media only screen and (min-device-width: 120px) and (max-device-width: 568px), only screen and (max-width : 568px){
}
/* HTTP_USER_AGENT = Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
   Is_Mobile = False */
/* hemsideid = 1107
   hid = 1107 */
/* hemsidesidid = 23077
   hsid = 23077
   sessiohnhsid = 23077 */
/* referer =  */