@import url('/admin/contentbuilder/assets/default/content.css');      
@import url('https://fonts.googleapis.com/css2?family=Josefin+Slab:ital,wght@0,400;1,600&family=Maven+Pro:wght@400;700&display=swap');

body[contenteditable="true"] {background:url(/IRMA/gfx/1121/b.jpg)!important;
background-color:#fff!important; margin-top:0px;}
div#txtContent{background-color:#fff!important;
background:url(/IRMA/gfx/1121/bg_24.jpg)#fff!important;
padding-top:50px; margin-left:15px; }
.ui-draggable{padding-left:7px;
max-width:11120px;}


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

* {
 margin: 0;
 padding: 0;
 }
body{font-size:12pt; margin-bottom:120px; color:#666; font-family: 'Maven Pro', sans-serif;}
#container{}
#header {
    height: 175px;
    background: #6a6868;
    margin: 0em auto;
    padding-top: 0;
  width: 100%;
    margin: 0em auto;
}
.row.clearfix{max-width:1120px; margin:0em auto; }
.row.clearfix.fullsize{max-width:100%; margin:0em auto; }
iframe {
    max-width: 100%;
    max-height: 300px;
}

ul, ol {
	list-style:none;
}
.column ul, ol {List-style:disc; font-size:11pt;
}
.column li{margin-left:30px; font-size:12pt;}

#ExtraDiv4{Display:none;}


.wrapper {
width:100%;
margin:0 auto;
background:#000;
}
.main {
	width:100%;
	max-width:1120px;
	margin:0em auto;
	text-align:center;
	padding:0px;

}

tr.first_tr {
    display: none;
}

table.medlemsrubrik tr {
    background: #9e9e9e;
    padding: 5px;
}
table.medlemsrubrik a {
    color: #fff;
    padding: 10px;
}
 a {
    color: #6a6868;
}
input{border: 1px solid #ccc; height:30px;}
input[type="submit"] {

    padding: 10px 10px;
    height: auto;
    width: 100%;
}
input[type="Button"] {

    padding: 10px 10px;
    height: auto;
}

/*------------------------------------*    Flaunt JS Navigation
\*------------------------------------*/

.nav {
	position:relative;
	display:inline-block;
}
.nav-list {
	text-align:left;
	padding-left:0px;
	margin-left:0px;
}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
}
.nav-item a {
    display: block;
    color: #c2994a;
    padding: 12px 14px 5px 14px;
    line-height: 1;
    text-decoration: none;
    font-family: 'Josefin Slab', serif;
    font-size: 15pt;
    font-weight: 600;
  letter-spacing: 3pt;
}
.nav-item > a:hover {

}

.nav-item ul li a {
    color: #fff;
    font-weight: normal;
    padding: 8px 20px 8px 20px;
} 

.nav-item:hover .nav-submenu {
	display:block;
}

/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	width:220px;
background:#000;
    z-index: 1;
}
.nav-submenu li{
	width:100%; 
	border-bottom:0px solid #1f1f1f;     
	padding: 5px 0px 5px 0px;
	}
.nav-submenu-item a {	
	display:block;
	padding:15px;
}
.nav-submenu-item a:hover {}

ul li ul li ul.nav-submenu {
    left: 220px;
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/1121/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 #1f1f1f;
	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);
}



#contents{
max-width:1120px; 
margin:0em auto; 
margin-top:40px;}

.btn.btn-default {
    color: #000;
    background-color: #c2994a;
border-radius: 0;
}

.btn.btn-primary {
    color: #ffffff;
    background-color: #6a6868;
border-radius: 0;
}
.btn.btn-primary:hover {color: #111;background-color: #ccc;border-color: #ccc;}
.clearfix{max-width:1120px; margin:0em auto;}
.clearfix_max{max-width:100%}

#footer {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 120px;
    width: 100%;
background:#000;
}





/**********************************
    Header Image with Caption
***********************************/
figure.hdr {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #000;
    max-height: 400px;
}
figure.hdr img {
	position: relative;
	display: block;
	width: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;	
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.hdr:hover img {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.hdr figcaption {
   	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60%; 
	padding: 0 2.5em;
	color: #fff;
	font-size: 1.55em;
	text-align: center;
	box-sizing: border-box;
	z-index:1;
}
/* Text */
figure.hdr h2 {
	font-weight: 300;
	text-transform: uppercase;
}
figure.hdr h2 span {
	font-weight: 800;
}
figure.hdr p {
	letter-spacing: 1px;
	font-size: 68.5%;
	text-transform: uppercase;
}
figure.hdr h2, figure.hdr p {
	margin: 0;
	z-index:10000;
}
/* Cosmetic */
figure.hdr div {
	height: 100%; 
	z-index:0;
display:inline;
}
figure.hdr div::before,
figure.hdr div::after {
	position: absolute;
	content: '';
}

#newsArchive {
    margin-left: 40px;
    margin-right: 5px;
    margin-bottom: 15px;
    paddingleft: 10px;
    color: #00785f;
    background: url(/gimso/gfx/421/nyhets_bg013.png) transparent no-repeat center left;
    width: 300px;
    height: 150px;
    float: left;
    border: 1px solid #ccC;
    padding: 0px;
    margin: 0px;
    background: #fff;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.3em;

    border: 2px dashed #ccc;
    border-radius: 10px;
    box-shadow: 0 0 0 4px #fff, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
    font-weight: normal;
}
#NewsItems{line-height:200%;}
#NewsItems a{padding-left:20px; background:url(/gimso/gfx/421/newsitem.png) transparent no-repeat center left; 
}

#newsArchive
               {
               margin-left: 40px;
               margin-right: 5px;
margin-bottom: 15px;
	paddingleft: 10px;
                color: #00785f;
                background:url(/gimso/gfx/421/nyhets_bg013.png) transparent no-repeat center left; 
	width: 300px;
               height: 150px;
                float: left;
border:1px solid #ccC;

   padding: 0px;
   margin: 0px;
   background: #fff;
   color: #fff;
   font-size: 21px;
   font-weight: bold;
   line-height: 1.3em;
   border: 2px dashed #ccc;
   border-radius: 10px;
   box-shadow: 0 0 0 4px #fff, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);

   font-weight: normal;


                }


#newsArchive a
               {
                padding: 5px 0px 0px 20px;

                }


#newsArchive h2
               {

display:none;
                }

a.NyhetsKategori{
color: #e72b37;
text-decoration:none;
}

.newsItem {

margin-top: 20px;
width:650px;

}
#newsItem a
               {
                padding: 5px 10px 10px 10px;

                }


.NyhetsKategori { 
background:url(/gimso/gfx/421/nyhets_b.jpg) transparent no-repeat center left; 
                       text-decoration: none;
                       color: #e72b37;
                       font-weight: bold;
                       font-size: 20px;
                       text-decoration: none;
font-family: Candara,Arial, tahoma, sans-serif;
                        }

a:hover.NyhetsKategori {
                       text-decoration: none;
}


.NyhetsKategoriDiv {
                                             color: #ffffff;
                       font-weight: bold;
                       font-size: 14px;
                       background: url(/gimso/gfx/421/news_rubrik.jpg) transparent no-repeat; 
                      
}
.div {
                       height: 23px;
                       width: 168px;
                       color: #000000;
                       font-weight: bold;
                       font-size: 14px;
                      padding: 5px 5px 5px 15px;

}


a.NyhetsRubrik {

font-size:10pt;
background:url(/gimso/gfx/421/newsitem.png) no-repeat left bottom; 
line-height: 230%;
margin-left:6px;
}


.thumbnail {
    float: left;
    width: 250px;
    height: 180px;
    border: 1px solid #eaeaea;
    margin: 0 16px 15px 0;
    padding: 5px;
    overflow: hidden;
}


 
 
h1 , h2{
color: #c2994a;     
font-family: 'Josefin Slab', serif;
    font-weight: 600;
  letter-spacing: 2pt;
}

h3 {
font-family: 'Josefin Slab', serif;
    font-weight: 600;
    font-size: 1.5em;

    color: #000;
}
.container2 figure:hover img {
    opacity: 0.25;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    transition: all .8s ease;
}
 
.container2 figure:hover  figcaption{
    opacity: 1;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    transition: all .8s ease;
}
.container2  { 
height:300px;
    overflow: hidden;
float:left;
}
td.monthName.year {
    padding: 5px 30px;
    color: #08c9b9;
    text-transform: uppercase;
    font-weight: bold;
}

td.monthName {
    background: #f3f3f3;
    padding: 5px;
    font-weight: bold;
line-height:1;
}
td.weekDayName {
    background: #08cac7;
    color: #fff;
padding:5px;
}
.selectday td {
    text-transform: uppercase;
    padding: 5px;
    background: #efefef;
text-align:center;
}
select.BokningsVal {
    width: 200px;
    border: 1px solid #dedede;
    padding: 5px;
    color: #333;
    background: #efefef;
    font-size: 11pt;
    /* font-weight: bold; */
    border-radius: 5px;
}
table.selectday td > div {
   // background: #08cac7;
//color:#fff;
font-weight:bold;
text-align:center;
}
.selectday td a {
    color: #fff;
}
.day1, .day2, .day3, .day4, .day5, .day6, .day0, .day7{padding:5px; background:#333333!important; margin-bottom:5px;}
table.selectweek td {
    padding-right: 50px;
}
td.calendarDay.CurrentDay {
    background: #ebeded;
}
  td.calendarDay.SelectedDay{  background: #ebeded!important;
    border: 2px solid #08cac7!important;
}
td.make_rows td {
    padding: 5px;
}
div#BokningsKalender table {
    width: 400px;
}
td.weekDayName.WeekNumber{text-align:center;}
.BokningPast {color: #ccc;}
.periodstart{display:none}

table.medlemsinstallning th {
    text-align: left;
    padding-right: 10px;
}
table.medlemsinstallning select{
    border: 1px solid #ccc;
    height: 30px;
}
tr.ovriginfo {
    display: none;
}
table.medlemsrubrik td {
    color: #ffffff!important;
    padding: 2px;
}
table.medlemsrubrik a {
    color: #fff;
    padding: 10px;
    font-weight: bold;
}

@media only screen and (min-width: 120px) and (max-width: 768px), @media only screen and (min-device-width : 120px) and (max-device-width : 768px) {
	.wrapper{padding:0px;}
#header{height:200px; text-align:center;}
#header H1 {float:none;}
#contents{padding:2%; width:96%!important;}
.main{margin-top:0px;}
.nav {
	position:relative;
	display:inline-block;
	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 #1f1f1f;
	}
	.nav-item > a {
		padding:15px;

	}
	.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 {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    background: #000;

}
ul li li.nav-item {
    background: #c2994a;
}

 .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: 100%; }
 .column.third.ett { width: 100%!important; }
.column.third.button { width: 33%; }
 .column.third2 { width: 100%; }
 .column.fourth { width: 100%; }
 .column.fifth { width: 20%; }
 .column.sixth { width: 20%; }
 .column.flow-opposite { float: right; }  

figcaption p{display:none;}
}
@media only screen and (min-width: 120px) and (max-width: 568px), @media only screen and (min-device-width : 120px) and (max-device-width : 568px) {
.selectday td {
    display: block;
    width: 270px;
}
td.BokningPastDay {
display:none;
}

div#BokningsKalender table {
    width: 280px!important;
}
}
/* HTTP_USER_AGENT = Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
   Is_Mobile = False */
/* hemsideid = 1121
   hid = 1121 */
/* hemsidesidid = 23325
   hsid = 23325
   sessiohnhsid = 23325 */
/* referer =  */