@import url('/admin/contentbuilder/assets/default/content.css');   
@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,600,800');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,700,800');

#ExtraDiv4{display:block!important}
#ExtraDiv7{display:none!important}
.column.fifth.logo{text-align:center;}
.column.fifth.logo > img {
    max-width: 100px;
    max-height: 100px;
}
.column.sixth.logo > img {
    max-width: 100px;
    max-height: 100px;
}
.column.sixth.logo > img {
    max-width: 100px;
    max-height: 100px;
}
.column.fifth.logo > a img {
    max-width: 100px;
    max-height: 100px;
}
.column.fourth {
  
    text-align: center;
}
.column.two-third{
width:75%;
}
.column.third{
width:25%;
}

div#txtContent{background-color:#fff!important;
background:url(/irma/gfx/1072/bg_24.jpg)#fff!important;
margin-top:25px; margin-left:15px; }

html {
    position: relative;
    min-height: 100%;
}

* {
 margin: 0;
 padding: 0;
 }
body{
    background: #ffffff;
    color: #454545;
    font-size: 11pt;
    padding: 0px;
    margin: 0;
    margin-bottom: 150px;
    font-family: "Open Sans", sans-serif;
    background: url(/irma/gfx/1072/blur210.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position-y: 50px;
}
a:link     {color: #0c58a4; text-decoration: underline; border-style: none; }
a:visited {color: #0c58a4; text-decoration: underline; border-style: none;}
a:hover  {color: #0c58a4; text-decoration: underline; border-style: none;}
a:active  {color: #0c58a4; text-decoration: none; border-style: none;}
#container {
    margin: 0em auto;
    max-width: 100%;
    padding: 0px;
    height: 100%;

}

.start_link a:visited {
      color: #0c58a4;
    border: 0px solid #000;
    padding: 0px 0px;
    /* font-size: 0.85em; */
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 3px;
border-style:solid;
margin:1em 0 0.5em
}
a.start_link  {
    color: #0c58a4;
    border: 0px solid #000;
    padding: 0px 0px;
    /* font-size: 0.85em; */
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 3px;
border-style:solid;
margin:1em 0 0.5em
}

#header{height:120px;
max-width:100%;
margin:0em auto;
background:#fff;
}
.head{max-width:1000px;
margin:0em auto;}


#ExtraDiv4 {
    /* background: url(/IRMA/gfx/1072/di4.png) repeat-x center center; */
    text-align: center;
    font-size: 0px;
    line-height: 0;
    background: none;
    max-width: 1040px;
    margin: 0em auto;
    padding: 10px 0px;
    //background: #fff;
   // margin-top: 15px;
    //margin-bottom: 15px;
-webkit-box-shadow: 0px 0px 32px -6px rgba(179,179,179,1);
-moz-box-shadow: 0px 0px 32px -6px rgba(179,179,179,1);
box-shadow: 0px 0px 32px -6px rgba(179,179,179,1);
}

#ExtraDiv4 img {
    margin: 0px 0px;
    border: 0px solid #fff;
    max-width: 100%;
}
#contents {
    background: #fff;
    margin-left: 0px;
    margin-right: 0px;
    padding: 20px 20px 5px 20px;
    font-weight: normal;
    height: 100%;
max-width:1000px;   
 margin: 0em auto;
-webkit-box-shadow: 0px 0px 32px -6px rgba(179,179,179,1);
-moz-box-shadow: 0px 0px 32px -6px rgba(179,179,179,1);
box-shadow: 0px 0px 32px -6px rgba(179,179,179,1);
min-height:600px;
}

h1,h2,h3,h4{font-weight:normal; color:#686868; font-family: 'Open Sans Condensed', sans-serif; font-family: 'Roboto', sans-serif;}
h1{font-size:2em; font-weight:bold;}
h2{font-size:1.5em;  font-weight:bold;}
h4{font-size:1.1em;  font-weight:bold;  text-transform:uppercase;}

.kontakt {
    -webkit-box-shadow: 10px 10px 38px -2px rgba(0,0,0,0.22);
    -moz-box-shadow: 10px 10px 38px -2px rgba(0,0,0,0.22);
    box-shadow: 10px 10px 38px -2px rgba(0,0,0,0.22);
    color: #0579c2;
    text-align: center;
    padding: 15px;
}
/*------------------------------------*    Flaunt JS Navigation
\*------------------------------------*/
ul,
ol {
	list-style:none;
}
.wrapper {
background:url(/IRMA/gfx/1072/wrapper.ng) #ffffff repeat-x center center;
}
.main {
	max-width:1000px;
text-align:center;
margin:0em auto;
}

.nav {
	position:relative;
	display:inline-block;
	font-size:15px;
font-family: 'Raleway', sans-serif;
font-weight:bold;

}
.nav-list {
	text-align:left;
padding-left:0px;
margin-left:0px;
background:#0c78b9;
   
}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
}
.nav-item a {
    display: block;
    color: #a3a3a3;
    padding: 12px 25px 12px 25px;
    text-decoration: none;
    font-size: 11pt;
    font-weight: normal;
    font-family: 'Open Sans Condensed', sans-serif;
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    letter-spacing: 3px;
    text-transform: uppercase;
    border-right: 1px solid #e9e9e9;
}
li.nav-item:hover {
    
color:#333;

}
li.nav-item a:hover {
    
color:#000;
}
li.nav-item.active a {
   color:#333;

}
li.nav-item.active {
//background:url(/irma/gfx/1072/ac.png) no-repeat #0c78b9!important;
background-size:cover;

}

.nav-item > a:hover {
color:#0579c2
}

.nav-item ul li a {
    color: #ffffff!important;
    font-weight: normal;
    padding: 8px 20px 8px 20px;
    border: 0px;
font-size:10pt;
    letter-spacing: 1px;
}

.nav-item:hover .nav-submenu {
	display:block;
}
/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	
padding:0px;
background:#0072ba;
}

.nav-submenu >li.nav-item{width:220px; border-bottom:0px solid #2d2d2d;}

.nav-submenu a{padding: 10px 20px;}
.nav-submenu-item a {
	background:#8B2770;
	border-bottom:1px solid #9A337E;
	display:block;
	padding:10px;
}
.nav-submenu-item a:hover {
	background:#932C77;
}

ul li ul li ul.nav-submenu {
    left: 200px;
top:0px;
background:#3a3a3a;
}
ul li ul li ul.nav-submenu a{

}

ul.nav-submenu ul li {
display:none;
}

ul li ul li:hover li{
    display: block;
    opacity: 1;
    visibility: visible;
}
/* 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/1072/menu-button.jpg) 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;
	
	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);
}

.row.clearfix.startsida
{
background:url(/IRMA/gfx/1072/12.png)#f0f0f0 repeat center center; 
    padding: 1.32rem;
    margin-top: 10px;
    border: 1px solid #d7e4ec;
    margin-right: 18px;
}
.column.fourth.tjanster {
    padding: 10px;
    width: 24%;
    MARGIN: 3PX;
    BACKGROUND: #f0f0f0;
background:url(/IRMA/gfx/1072/1234.png)#f0f0f0 repeat center center; 
    BORDER: 1PX SOLID #f1eaea;
MIN-HEIGHT:300px;
}

#footer {background:url(/IRMA/gfx/1072/di4.png) repeat-x center center; 
*/overflow: hidden;position: absolute;left: 0;bottom: 0;height: 150px;width: 100%;}


.thumbnail {
    float: left;
    width: 200px;
    height: 200px;
    
    margin: 0 16px 15px 0;
    padding: 10px;
border: 1px solid #0579c2;

font-weight:bold;
}

.bildarkivrubrik{background: #0579c2; color:#fff}
.bilder_lightbox{
   width: 180px;
    border:5px solid #fff;
    overflow: hidden;
}

.lb-outerContainer {
    position: relative;
    background-color: white;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    width: 100%!important;
    height: auto!important;
}
.lb-container {
    padding: 10px;
 
}
.lb-outerContainer {
    position: relative;
    background-color: white;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    width: 800px!important;
    height: auto!important;
    max-width: 100%!important;
}
.lb-dataContainer {
    max-width: 800px;
    width: 70%!important;
}
.lb-dataContainer{max-width: 800px;}
.lb-image{min-width: 300px;}


.btn.btn-primary {
    color: #ffffff;
    background-color: #0072bb;
    padding: 8px;
    line-height: 1em;
    font-size: 11pt;
 background-color: #0072BB;
 border-bottom: 5px solid #004E7F;
 text-shadow: 0px -2px #004E7F;
min-width:120px;
}
.btn.btn-primary:hover
{
background-color: #0072bb!important;
border: 1px solid #004E7F!important;
}
/*------------------------------------*    Media Queries
\*------------------------------------*/



@media only screen and (min-width: 120px) and (max-width: 1200px), @media only screen and (min-device-width : 120px) and (max-device-width : 1200px) {

}

@media only screen and (min-width: 120px) and (max-width: 768px), @media only screen and (min-device-width : 120px) and (max-device-width : 768px) {
#contents{max-width:96%; padding-left:2%; padding-right:2%;}
.column.two-hird.mobile{display:block!important; width:100%!important}
.column.fourth.mobile{display:none;}

#header{height:130px;}
.head .column.half{width:100%; text-align:center;}
.head .column.fourth{width:100%;}
.head img{margin:0px;}

#ExtraDiv7 img {
    margin: 15px 0px;
    border: 10px solid #fff;
    max-width: 90%;
}

.wrapper{padding:0px; background:#fff}


li.nav-item.active a {
    color: #fff;
    border-bottom: 0px solid #0579c2
}
li.nav-item.active a {

}
.main{margin-top:0px;}
.nav {
	position:relative;
	display:inline-block;
	font-size:15px;
	font-family: 'Raleway', 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 #0f70aa;
	}
	.nav-item > a {
		padding:15px;
color:#fff;
text-align: center;
	}
	.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 {
    background: #bebcbc;
width:100%!important;
    border: 1px solid #ccc;
}


.column.fourth.tjanster{width: 47%;
    display: inline-block;
    float: left;
    min-height: 280px;
}
}





@media only screen and (min-width: 120px) and (max-width: 568px), @media only screen and (min-device-width : 120px) and (max-device-width : 568px) {

.head h4{display:none;}
.column{
text-align:center!important; 
width: 100%!important;

}
.column.fifth {
    width: 20%!important;
    float: left;
}
.column.sixth {
    width: 33%!important;
    float: left;
}
.column.sixth.logo > img {
    max-width: 70px;
    max-height: 70px;
}
.column.sixth.logo > a img {
    max-width: 70px;
    max-height: 70px;
}
.column.fifth > img{max-width:100%!important;}
.column.sixth > a img{max-width:100%!important;}
.column.sixth > img{max-width:100%!important;}
#header{text-align:center!important}
.head{text-align:center!important;}


#ExtraDiv7 img {
    margin: 10px 0px;
    border: 0px solid #fff;
}

.column.fourth.tjanster{padding:0px;}
.bostadcolumlightbox {
    float: left;
    width: 25%!important;
}
}



@media only screen and (min-width: 120px) and (max-width: 375px), @media only screen and (min-device-width : 120px) and (max-device-width : 375px) {
.column.sixth {
    width: 50%!important;
    float: left;
}
}
/* HTTP_USER_AGENT = Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
   Is_Mobile = False */
/* hemsideid = 1072
   hid = 1072 */
/* hemsidesidid = 22585
   hsid = 22585
   sessiohnhsid = 22585 */
/* referer =  */