

@import url('/admin/contentbuilder/assets/default/content.css');        
div#txtContent{background-color:#fff!important;
background:url(../gismo/gfx/731/bg_24.jpg)#fff!important;
margin-top:50px; margin-left:15px; }
.ui-draggable{padding-left:7px;}
body[contenteditable="true"] {background:url(../gismo/gfx/731/b.jpg)!important;
background-color:#fff!important; margin-top:0px;}



body {
	 background: #fff url("../gismo/gfx/731/bg.jpg") no-repeat fixed top center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

font-size:11pt; color:#666;
}
hr{margin-top:5px; margin-bottom:0px;}
iframe{max-width:100%;}

#container{max-width:1100%; margin:0em auto; background:transparent;}
#header{
   width:100%;
max-width:1000px;
   height:235px;  
   background: url("../gismo/gfx/1001/Div.jpg") transparent no-repeat  top center; 
margin:0em auto;
margin-top:54px;
}

#ExtraDiv4{position:absolute; z-index:99;
top:210px; text-align: Center;}


.header{max-width:1000px; margin:0em auto;}
.header>.column.third {padding:0px; text-align:right; border:0px;}

.header> .column.two-third{padding:0px; border:0px;}


#contents{background:#fff; 
min-height:500px;  
border-radius:0px; 
margin:0em auto;
max-width:1001px; 
border-top:0px; 
border-radius:10px;
 }

.clearfix{max-width:1001px; margin:0em auto;}

p{font-size:11pt; color:#666;}

a{color:#4984d5;}

a:hover {
	text-decoration:none;
}
ul,
ol {
List-style:none;
}

.column ul,
ol {
List-style:disc;
font-size:11pt;
color:#666;
}
/*
	Todd Motto Labs
	URL: www.toddmotto.com
*/


.wrapper {
	
	width:100%;
	margin:0 auto;
	position:fixed;
top:0px;
left:0px;
   background: url("../gismo/gfx/731/meny.jpg") #013151 repeat; 
}
.main {
	width:100%;
	margin:0px 0px;
	text-align:center;
height:50px;
}
.content {
	text-align:left;
	margin:25px 0;
}
.content-text {
	margin:0 0 15px;
}


/*------------------------------------*   Nyheter
\*------------------------------------*/
#newsArchive h2{display:none;}
#newsArchive{margin-top:-40px; border-bottom:1px solid #d8e3ef; margin-bottom:30px;}

.NyhetsKategoriDiv{border-top:1px solid #d8e3ef;}
a.NyhetsKategori{color:#3b70bb; font-weight:bold;}
a.NyhetsRubrik{color:#999; font-size:10pt;}

.thumbnail {
    height: 190px;
    overflow: hidden;
    float: left;
    width: 150px;
    border: 1px solid #eaeaea;
    margin: 0 10px 15px 0;
    padding: 5px;
 
}

div#bilder {
    /* width: 80%; */
    margin-left: 20px;
}

.bildarkivrubrik {
    color: #a1a1a1;
    padding: 5px;
    margin-bottom: 5px;
    background: #e6e6e6;
font-size:10pt;
height:40px;
}
.bildgalleri {
    height: 140px;
    overflow: hidden;
    background: #e7e7e7;
}
/*------------------------------------*    Flaunt JS Navigation
\*------------------------------------*/

.nav {
	position:relative;
	display:inline-block;
	font-size:14px;
	font-weight:900;
z-index:100;
margin:0px;
}
.nav-list {
	text-align:left;
padding-left:0px;
margin:0px;
background-color:#000;
}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
}
.nav-item a {
	display:block;
	color:#FFF;
	padding:10px 8px;
text-decoration:none;
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);
}
.nav-item > a:hover {
	
}
.nav-item:hover .nav-submenu {
	display:block;
}
/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	width:180px;
padding:0px;
background:#1d1d1d;
}

.nav-submenu >li.nav-item{width:180px; border-bottom:1px 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: 180px;
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:#3D3D3B url(../commondata/images/nav.svg) no-repeat center center;
	background-size:18px;
	height:50px;
	width:50px;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	height:49px;
	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);
}



.column.half.start{
    width: 44%;
    border-top: 1px solid #a8bed6;
    margin-right: 2%;
    margin-left: 2%;
    /* background: #ccc; */
padding-left:0px;
padding-right:0px;
}
.column.half figure >img {
   
    max-height: 300px;
}

img {
       border-radius: 10px;
}
.column.fourth.potratt{border:1px solid #ccc;}
.column.fourth.potratt figure >img{max-height:150px; width:auto;}
.column.two-third{ width:65%; border-right:0px dotted #d8e3ef;}
.column.two-third2{ width:72%; border-right:1px dotted #d8e3ef;}
.column.third2{ width:25%;}
.column.third3{ width:25%;}
.column.third2 {
    width: 25%;
    background: #dce4ec;
    border-radius: 7px;
    min-height: 150px;
   
    margin-top: 15px;
    margin-left: 10px;
background:url(../gismo/gfx/731/bg_third2.jpg) #e1eaf1 no-repeat;
}
.column.third2 p > a{padding-left:10px;}
.column.third2 p > a:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid #013151;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    clear: both;
    margin-left: -15px;
    margin-top: 8px;
}
.column.fourth{ width:24%;}
.column.third{ width:33%;}

.column.sixth figure >img {
    max-height: 140px;
}

h1{font-size:1.6em; color:#013151; }
h2{font-size:1.3em; color:#013151; }
h3{font-size:1em; color:#013151; }
#footer{margin-top:20px;}


.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 1;
  -moz-border-radius: 1;
  border-radius: 1px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
line-height:1em;
 width:200px;
text-align:left;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


/*------------------------------------*    Media Queries
\*------------------------------------*/

@media only screen and (min-device-width: 200px) and (max-device-width: 768px)  {

#contents{
width:96%!important;
padding:2%;
}
	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:50px 0 0;
	}
	.nav-list {
		display:none;
	}
	.nav-item {
		width:100%;
		float:none;
	}
	.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 {
		position:static;
		width:100%;
                margin-left:0px;
               padding-left:0px;
         }

.nav-submenu >li.nav-item{width:100%;}

ul li ul li ul.nav-submenu a{
padding-left:40px;
}


.header>.column.third {display:none;}
#contents{margin-top:200px;}
#header{height:50px; text-align:center;}
#ExtraDiv4{top:160px;}

.column.third{width:100%!important;}
.column.two-third{ width:100%!important;}
.column.third-start{width:100%!important;}
.column.half.start{width:100%!important; text-align:center;}

.column.two-third{ width:100%!important;}
.column.two-third2{width:100%!important;}
.column.third2{width:100%!important;}
.column.fourth{ width:100%!important;}
.column.third{ width:100%!important;}
.column.two-third2{ width:100%!important;}
.column.third2{ width:100%!important;}
.column.third3{ width:100%!important;}

.column.sixth { width:33%!important;}

p { -webkit-margin-after: 0.2em;
-webkit-margin-before: 0.4em;}
}

@media only screen and (min-width: 120px) and (max-width: 768px) {

#contents{
width:96%!important;
padding:2%;
}

	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:50px 0 0;
	}
	.nav-list {
		display:none;
	}
	.nav-item {
		width:100%;
		float:none;
	}
	.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 {
		position:static;
		width:100%;
                margin-left:0px;
               padding-left:0px;
         }
.nav-submenu >li.nav-item{width:100%;}

.column.third{width:100%!important;}
.column.third-start{width:100%!important;}
.column.half.start{width:100%!important; text-align:center;}
.column.two-third{ width:100%!important;}

.header>.column.third {display:none;}
#contents{margin-top:200px;}
#header{height:50px; text-align:center;}
#ExtraDiv4{top:160px;}

.column.third{width:100%!important;}
.column.two-third{ width:100%!important;}
.column.third-start{width:100%!important;}
.column.half.start{width:100%!important; text-align:center;}

.column.two-third{ width:100%!important;}
.column.two-third2{width:100%!important;}
.column.third2{width:100%!important;}
.column.fourth{ width:100%!important;}
.column.third{ width:100%!important;}
.column.two-third2{ width:100%!important;}
.column.third2{ width:100%!important;}
.column.third3{ width:100%!important;}
.column.sixth { width:33%!important;}
.header>.column.third {display:none;}
#contents{margin-top:200px;}
#header{height:50px;}
#ExtraDiv4{top:160px;}


table img {
    max-width: 500px!important;
    width: 100%!important;
}
table {
    max-width: 100%!important;
    width: 100%!important;
}

p {
 
    -webkit-margin-after: 0.2em;
    -webkit-margin-before: 0.4em;
}
}


.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;}

/* HTTP_USER_AGENT = Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
   Is_Mobile = False */