@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(/IRMA/gfx/1070/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:#7f7f7f;
font-size:11pt;
padding: 0px;
margin:0;
margin-bottom:150px;

}

#container {
    margin: 0em auto;
    max-width: 100%;
    padding: 0px;
    height: 100%;
}
#header{height:120px;
max-width:1000px;
margin:0em auto;
}

#ExtraDiv4{
height:168px;
background:url(/IRMA/gfx/1070/DIV4.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: transparent;
    margin-left: 0px;
    margin-right: 0px;
    padding: 10px 0px 5px 0px;
    font-weight: normal;
    height: 100%;
max-width:1000px;   
 margin: 0em auto;
}

h1,h2,h3{font-weight:normal;}

.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: #27bec5;
    text-align: center;
    padding: 15px;
}
/*------------------------------------*    Flaunt JS Navigation
\*------------------------------------*/
ul,
ol {
	list-style:none;
}
.wrapper {

}
.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:#8ed0e0;
   
}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
}
.nav-item a {
	display:block;
	color:#ccc;
	padding:8px 25px 8px 25px;
	text-decoration:none;
font-size:11pt;
font-weight:normal;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
line-height:1;
    letter-spacing: 1px;
font-weight:bold;
}

li.nav-item.active a {
    color: #27bec5;
    border-bottom: 2px solid #27bec5;
}
.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:#689735;
border-top:0px solid #666;


}
.nav-submenu li{width:100%; border-bottom:1px solid #fff;     padding: 5px 0px 5px 0px;}
.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(/IRMA/gfx/1070/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);
}


#footer {
    background-color: #27bec5;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 150px;
    width: 100%;
}
#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: 200px;
    
    margin: 0 16px 15px 0;
    padding: 10px;
border: 1px solid #27bec5;

font-weight:bold;
}

.bildarkivrubrik{background: #27bec5; 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;}
/*------------------------------------*    Media Queries
\*------------------------------------*/



@media only screen and (min-width: 120px) and (max-width: 768px), @media only screen and (min-device-width : 120px) and (max-device-width : 768px) {
.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;}
.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 #fff;
	}
	.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: #bfd7a4;
}



}





@media only screen and (min-width: 120px) and (max-width: 568px), @media only screen and (min-device-width : 120px) and (max-device-width : 568px) {
#contents{text-align:center;}
.mobile{display:none;}
.div4 h3{ font-size:18pt; text-align:center;}
.div4 .column.two-third {width: 100%!important;}
.column.third, #footer  .column.third{ width: 100%!important; text-align:center;}
.column{text-align:center;}
.column.full.kontakt h1{font-size:16pt;}
.column.fourth.start{width:50%; 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 = 1070
   hid = 1070 */
/* hemsidesidid = 22548
   hsid = 22548
   sessiohnhsid = 22548 */
/* referer =  */