@import url('/admin/contentbuilder/assets/default/content.css');    
@import url('https://fonts.googleapis.com/css?family=Raleway:400,700&display=swap');
div#txtContent{background-color:#fff!important;
background:#fff!important;
margin-top:65px; margin-left:25px; }
#contents[contenteditable="true"] {width:95%;}
div#txtContent .hoger {
    display: none;
}


 

html {
    position: relative;

    min-height: 100%;
}

* {
 margin: 0;
 padding: 0;
 }


body{

font-family: 'Raleway' ;
font-size:11pt;
padding: 0px;
margin:0;
width:100%;


}




hr{margin-top: 1em;margin-bottom: 1rem;}


#top{max-width:1127px; margin:0em auto;}
#ExtraDiv2 {
    max-width: 1127px;
    margin: 0em auto;
    //background: #fafafa;
    padding: 10px 0px;
    height: 105px;
}
#Extradiv1 .column.two-third{display:none;}
#ExtraDiv1 {
    max-width: 100%;
    margin: 0em auto;
    background: #224c90;
    /* padding: 15px 0px; */
    text-align: center;

border-bottom:8px solid #dfddea;
}
#ExtraDiv3 > a{padding:10px 10px; color:#224c90; text-decoration:none; text-transform:uppercase; font-weight:bold;}
#ExtraDiv3 a:visited{color: #224c90; text-decoration: none;}
#ExtraDiv3 a:link{color: #224c90; text-decoration: none;}
#ExtraDiv3 {
    width: 100%;
    //background: rgb(223, 221, 234);
    height: 50px;
    border-bottom: 5px solid #224c90;

}

.width1227 {
    max-width: 1127px;
    margin: 0em auto;
    text-align: center;
    display: flex;
    justify-content: center;
}
#ExtraDiv1 .width1227 {justify-content: flex-end;}

#container{
max-width:1127px;
margin:0em auto;
background:#fff;
padding: 0px;
    height: 100%;
margin-bottom:150px;
}
a {
    color: #1b71a5;
}
h1, h2, h3, h4, h5, h6 {
    color: #224c90;
    font-weight: normal;
}

h1{font-size:18pt}
h2{font-size:16pt}
h3{font-size:14pt}
h4{font-size:12pt}

.display h1 {

    font-size: 2em;

}
.column.ten {
    color: #224c90;
    padding: 15px 15px;
    font-size: 12px;
    letter-spacing: 0.5pt;
    text-transform: uppercase;
    font-weight: bold;
}

#newsArchive h2 {
 
    background: #c20b19;
    color: #fff;
    padding-left: 10px;
    margin-bottom: 10px;
}

#newsArchive{
background: #f5f5f5;
    //min-height: 200px;
    width: 250px;
}
.NyhetsKategoriDiv {
background: #dfddea;
    padding: 5px;
    margin-bottom: 5px;

}
.NyhetsKategoriDiv a{color:#224c90; text-decoration:none; font-size:11pt; font-weight:bold; text-transform:uppercase}
.katdiv2 {
    padding: 0px 10px 0px 10px;
}
a.NyhetsRubrik {
    padding-left: 10px;
font-size:12px;
}
a.NyhetsRubrik:before {
    content: url(/IRMA/gfx/1110/dot.png);
    padding-right: 5px;
}


#contents {
   
    display: inline-block;

  width: 75%;
max-width:1000px;

padding-left: 1.5rem;
padding-bottom:15px;
    font-weight: normal;
    height: 100%;
 margin: 0em auto;
margin-top:20px;


}



.thumbnail {
    float: left;
    width: 200px;
    height: 140px;
    border: 1px solid #eaeaea;
    /* margin: 0 16px 15px 0; */
    padding: 0px;
    overflow: hidden;

}
.bildarkivrubrik {
    color: #1b71a5;
    text-transform: uppercase;
}
.wrapper {
   
   width: 20%;
    float: left;
    display: block;

margin-top: 15px;
margin-bottom:170px;
}

.btn {
    padding: 5px 5px;
    font-size: 12pt;
    line-height: 2em;
    border-radius: 0px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn.btn-primary {color: #224c90; background-color: #dfddea;}
.btn.btn-primary:hover {color: #ffffff;background-color: #3c609a;border-color: #3c609a;}

table#medlesmregistrering {
    max-width: 500px;
    margin: 0em auto;

}
.ovriginfo{display:none;}


table.medlemsrubrik {
    position: relative;
float:right;
    margin-top: -20px;
}

table.medlemsrubrik td {
    color: #224c90!important;
    padding: 5px;
}

table.medlemsrubrik td {
    color: #224c90!important;
    padding-right: 5px;
    font-size: 11pt!important;
}


table.medlemsrubrik td a b {
    font-weight: normal;
}


.first_tr{display:none;}

input, select  {
    padding: 5px 0px;
    border: 1px solid #dfddea;
    border-radius: 2px;
width:100%
}
input[name="ForNamn"]{width:49%;}
input[name="EfterNamn"]{width:49%;}
input[name="Foretag"]{
display:none;
}
input[type="button"]:hover {
    background-color: #3a67af;
cursor: pointer;}
input[type="button"] {
    color: #ffffff;
    background-color: #224c90;
    padding: 5px;
    font-size: 11pt;
}
input[type="checkbox"] {
    width: 20px;
}
input[name="Fax"] {
   display: none;
}
input[name="Hemsida"] {
   display: none;
}
img#CAPTCHA {
    padding-top: 12px;
}

/*------------------------------------*    Flaunt JS Navigation
\*------------------------------------*/
ul,
ol {
	list-style:none;
}
.column ul, ol {
    List-style: disc;    
margin-left: 35px;
}

.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:#404040;
   
}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
min-width:180px;
}
.nav-item a {
display:block;
FONT-WEIGHT:NORMAL;
text-decoration:none;
line-height:1.5;
text-transform: uppercase;
padding: 5px 5px 5px 5px;
font-size: 11pt;
    background: #224c90;;
color:#fff;
}


li.nav-item.active a {

    font-size: 11pt;
    text-transform: uppercase;
}

ul.nav-submenu li.active a {
    font-size: 11pt;
    line-height: 1.5;
    font-weight: normal;
    color: #2b6595!important;
    border-bottom: 0px;
    background: #bacae4;
}
ul.nav-submenu li.active ul li a {
    background: #fff;
}

ul.nav-submenu li li.active a{
    background: #fff;
}


ul.nav-submenu li a {
    border-bottom: 0px;
    font-size: 11pt!important;
    background: transparent;
    color: #1b71a5;
    background: #dfddea;
}

li.nav-item.active > ul li ul li a {
    font-weight: normal!important;
    padding-left: 15px;
    background: #fff;
}

/* Navigation submenu */
.nav-submenu {
display:none;
left:0;
border-top:0px solid #666;
z-index: 2;

}
.nav-submenu li{width:100%; border-bottom:1px solid #fff; padding: 0px 0px 0px 0px;}
.nav-submenu-item a {
	
	display:block;
	padding:15px;
}
.nav-item:hover .nav-submenu {
	//display:block;
}
ul.nav-submenu ul li {
    display: none;
}
ul li ul li ul.nav-submenu {
left: 220px;
top:0px;
//position:relative;
background:#3a3a3a;
}

ul li ul li ul.nav-submenu a {
    background: #fff;
}


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

ul li ul li:hover li{
    display: block;
    opacity: 1;
    visibility: visible;
}
li.nav-item.selected {
    display: block;
}
li.nav-item.selected >.nav-submenu {
    display: block;
}

/* 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/1079/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 #2b6595;;
    height: 47px;
    width: 46px;
    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);
}




li.nav-item {
    display: none;
}
li.nav-item.active > ul {
    display: block;
}
li.nav-item.active {
    display: block;
}
ul.nav-submenu li.nav-item {
    display: block;

}

.nav-item.active a, .nav-item.selected a {
   
}
.nav-item.selected >ul li a {
    font-weight: normal!important;
}
#footer {
display:none;


}
#footer2 {
background: #dfddea;
    height: 150px;
    position: absolute;
    bottom: 0px;
    /* left: 0px; */
    width: 100%;
    background: #224c90;
    border-top: 8px solid #dfddea;
clear: both;
}

.mobile_show{display:none}

@media only screen and (min-device-width: 120px) and (max-device-width: 920px), only screen and (max-width : 920px){
.column.ten {
    color: #224c90;
    padding: 15px 8px;
    font-size: 12px;
    letter-spacing: 0pt;
    text-transform: uppercase;
    font-weight: bold;
}
}



@media only screen and (min-device-width: 120px) and (max-device-width: 768px), only screen and (max-width : 768px){
.row.clearfix.hoger {
    float: right!important;
width:100%!important;
}

.row.clearfix {
    width: 100%!important;

}

#ExtraDiv3{display:none;}

#contents{
//text-align:center; 
padding-left:0rem!important;
}

//#ExtraDiv2{display:none;}
#ExtraDiv2 .column.fourth{display:none;}
#ExtraDiv2 .column.half{text-align:center; width:100%}
#contents{width:100%!important;}
.nav-submenu {
    display: none;
    position: absolute;
}

li.nav-item.selected >.nav-submenu {
    display: none;
}
li.nav-item {
    display: block;
}
li.nav-item.active > ul {
    display: none;
}
.wrapper{display:block!important; margin:0px; padding:0px;  float:none; max-width:100%; width:100%; background:#224c90;}
li.nav-item.active a {
    color: #ffffff!important;
    border-bottom: 0px solid #27bec5;
    text-transform: uppercase;
}
li.nav-item.active > ul li a {
    color: #224c90!important;
}
ul.nav-submenu li.active a{color: #ffffff!important;}

.main{margin-top:0px;}
.nav {
	position:relative;
	display:inline-block;
	font-size:15px;
	font-family: 'Raleway', sans-serif;
font-family: "Century Gothic", CenturyGothic, AppleGothic, 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 #2b6595;
	}
	.nav-item > a {
		padding:10px;
border-radius:0px;
color:#ffffff!important;
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;
background:#2b6595;
		width:100%;
                margin-left:0px;
               padding-left:0px;
         }

ul li li.nav-item {
    border-top: 1px solid #2c5170;
border-bottom:0px;
}
ul.nav-submenu li a {

    border-bottom: 0px solid #ccc!important;

}

#medlemsregistrering tr {
    display: flex;
    flex-direction: column!important;
}
}



@media only screen and (min-device-width: 120px) and (max-device-width: 568px), only screen and (max-width : 568px){
#medlesmregistrering td{
    width:100%;
    display:block;
}
input[name="ForNamn"]{width:80%;}
input[name="EfterNamn"]{width:80%;}

}
.row.lista{border-bottom: 1px solid #afb9bf; padding-top:5px; padding-bottom:5px;}
.row.lista:nth-child(odd) {
    background: #efefef;
}
/* HTTP_USER_AGENT = Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
   Is_Mobile = False */
/* hemsideid = 1110
   hid = 1110 */
/* hemsidesidid = 23211
   hsid = 23211
   sessiohnhsid = 23211 */
/* referer =  */