@import url('/admin/contentbuilder/assets/default/content.css');       

@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,700,800');

div#txtContent{background-color:#fff!important;
background:url(../gismo/gfx/795/bg_24.jpg)#fff!important;
margin-top:25px; margin-left:15px; }
li[contenteditable="true"] >img {
    width: 150px;
}
html {
    position: relative;
    min-height: 100%;
}

* {
 margin: 0;
 padding: 0;
 }
body{background:#dcdcdc; 
color:#333;
font-size:10pt;
padding: 0px;
margin:0;
margin-bottom:70px;

}

#container {
    margin: 0em auto;
    max-width: 100%;
    padding: 0px;
    height: 100%;
background:#dcdcdc; 
//background:url(../gismo/gfx/795/Subtle-Grey-Tileable-Pattern-For-Websie-Background.jpg)#dcdcdc!important;
}
#header{
max-width:100%;
margin:0em auto;
background:#05a8c0;
text-align:center;

}

a:link{ color: #54bbca;}
a:visited{ color: #54bbca;}

#ExtraDiv4{
height:0px;
background:url(/IRMA/gfx/1070/DIV.png) #27bec5 no-repeat center center;
}
.div4{max-width:1000px; margin:0em auto; color:#27bec5}
.div4 h3{color:#fff; font-size:25pt; padding-top:50px;}
.div4 .column > img {
    margin: 0px!important;
   
}

.div4 .column.third {
    padding: 0px;
    width: 20%!important;
}

.div4 .column.two-third{width:80%!important}

#contents {
    background: #fff;
    margin-left: 0px;
    margin-right: 0px;
    padding: 10px 0px 5px 0px;
    font-weight: normal;
    height: 100%;
max-width:1050px;   
 margin: 0em auto;
min-height:500px;
font-family:Tahoma, Helvetica, SunSans-Regular, sans-serif
font-size:10pt;
padding-bottom:20px;
}

h1{color: #05a8c0; font-family: 'Open Sans', sans-serif; font-size:20pt; font-weight:normal; line-height:1.2}
h2{
font-family: 'Open Sans', sans-serif; font-size:18pt;  line-height:1.2

    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    font-weight: bold;
    color: #333333;
}
h3{color: #05a8c0; font-family: 'Open Sans', sans-serif; font-size:14pt; font-weight:normal; line-height:1.2}
h4{color: #666; font-family: 'Open Sans', sans-serif; font-size:14pt; font-weight:normal; line-height:1.2}
.aktuellt h3 {

    background: #54bbca;
    color: #fff;
    padding: 5px;
margin-bottom:5px;
text-transform:uppercase;
font-size:12pt;
}

.column{padding-top:1rem; }
.column.fourth.larare p {
    background: #54bbca;
    padding: 5px 10px;
border-bottom:1px solid #61abb6;
text-transform:uppercase;

color:#fff;
}
.column.fourth.larare a {
    color: #fff;
    text-decoration: none;
}
.column.fourth.genvag p {
    background: #54bbca;
    padding: 5px 10px;
border-bottom:1px solid #61abb6;
text-transform:uppercase;
font-weight:bold;
color:#fff;
}
.column.fourth.genvag p::before {

  background-image: url('/gismo/gfx/1073/arrow.png');
    background-size: 10px 20px;
    display: inline-block;
    width: 10px; 
    height: 10px;
    content:"";

}

.column.fourth.genvag h3 {

padding:10px;
   background: #333;
    color: #fff;

text-transform:uppercase;
font-size:12pt;
}
.column.fourth.genvag a {
    color: #fff;
    text-decoration: none;
}
.column.aktuellt {min-height:100px;}
.column.third.aktuellt  {
    width:32%;
    background: #f0f0f0;

    min-height: 170px;
margin:5px;
padding-left: 0.5rem;
    padding-right: 0.5rem;
padding-top:0.5rem;
}
.column.full.aktuellt  {
 width:98%;
    background: #f0f0f0;
margin:5px;
padding-left: 0.5rem;
    padding-right: 0.5rem;
padding-top:0.5rem;
}
.column.half.aktuellt  {
 width:49%;
    background: #f0f0f0;

margin:5px;
padding-left: 0.5rem;
    padding-right: 0.5rem;
padding-top:0.5rem;
}
/*------------------------------------*    Flaunt JS Navigation
\*------------------------------------*/
ul,
ol {
	list-style:none;
}
.wrapper {
//background:#05a8c0;
//-webkit-box-shadow: 0px 10px 19px 0px rgba(0,0,0,0.13);
//-moz-box-shadow: 0px 10px 19px 0px rgba(0,0,0,0.13);
//box-shadow: 0px 10px 19px 0px rgba(0,0,0,0.13);
background: #05a8c0;
margin-top:-7px;
}
.main {
	max-width:1035px;
text-align:left;
margin:0em auto;
padding:0px 0px;
background:#333;
padding-left:15px;

}

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

}
.nav-list {
	text-align:left;
padding-left:0px;
margin-left:0px;
background:#333333;
   
}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
}
.nav-item a {
	display:block;
	color:#fff;
	padding:8px 10px 8px 5px;
	text-decoration:none;
font-size:11pt;
font-weight:normal;
font-family: 'Open Sans', sans-serif;
    
//font-weight:bold;
}

li.nav-item.active a {
    color: #27bec5;
    border-bottom: 2px solid #27bec5;
}
.nav-item a:hover {
    background: #54bbca;
}
.nav-item > a:hover {

}

.nav-item ul li a {
    color: #fff;
    font-weight: normal;
    padding: 0px 10px 0px 10px;
font-size:10pt;
} 
.nav-item ul li a:hover {
    background: #333;
}
.nav-item:hover .nav-submenu {
	display:block;
}
/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	    left: -100px;
	width:362px;
background:#54bbca;
border-top:0px solid #666;
    z-index: 2;


}
.nav-submenu li{width:100%; border-bottom:1px solid #369dac; border-top: 0px; border-right:1px solid #369dac;   padding: 5px 0px 5px 0px;     width:180px;}
.nav-submenu-item a {
	
	display:block;
	padding:15px;
}
.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(/gismo/gfx/795/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 #272727;
	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);
}


#footer {
    background-color: #54bbca;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50px;
    width: 100%;
text-align:center;
color:#fff;
}
#footer p{margin-top:7px;}
#footer .div4{max-width:1000px; margin:0em auto; color:#fff; margin-top:20px;}
#footer .column.third{width:33%!important;}

.thumbnail {
    float: left;
    width: 200px;
    height: auto;
    /* margin: 0 16px 15px 0; */
    padding: 10px;
    /* border: 1px solid #27bec5; */
    font-weight: bold;
}

.bildarkivrubrik{background: #27bec5; color:#fff; display:none;}
.bilder_lightbox{
   width: 180px;
    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;}
/*------------------------------------*    Media Queries
\*------------------------------------*/



@media only screen and (min-width: 120px) and (max-width: 868px), @media only screen and (min-device-width : 120px) and (max-device-width : 868px) {
.div4 h3{padding-top:20px;}
.wrapper{padding:0px; 
//background:#0099bf
}
li.nav-item.active a {
    color: #fff;
    border-bottom: 0px solid #27bec5;
}
.main{margin-top:0px; padding:0px;}
.nav {
	position:relative;
	display:inline-block;
	font-size:15px;
font-family: 'Open Sans', 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 #272727;
	}
	.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: #54bbca;
    width: 100%;

}


.column.fourth{width:25%!important;}
.column.third.aktuellt{width:30%!important;}

}

@media only screen and (min-width: 120px) and (max-width: 568px), @media only screen and (min-device-width : 120px) and (max-device-width : 568px) {
.column{width:95%!important; padding:2%;}
.column.two-fourth{width:100%!important;}
.column.fourth.genvag{width:100%!important; display:none!important;}
.column.half.aktuellt{width:92%!important;     min-height: auto;}
.column.third.aktuellt{width:92%!important;     min-height: auto;}
.column.fourth{width:100%!important;}
.column.third.genvag{width:100%!important; }
.column.fourth.larare{width:95%!important;}
}



/* HTTP_USER_AGENT = Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
   Is_Mobile = False */