@import url('/admin/contentbuilder/assets/default/content.css');  
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Roboto' );
* {
 margin: 0;
 padding: 0;
 }
html {
    position: relative;
    min-height: 100%;
}

body
{  	 
padding: 0px;
margin: 0 0 180px; /* bottom = footer height */ 
background-color: #e6e6e6;         
font-weight: normal; 
color: #666666; 
font-size: 11pt; 
font-family: 'Roboto', sans-serif;
text-decoration: none; 
line-height: 12pt;
background:url(../gismo/gfx/760/body_bg.jpg) #fff repeat-x;
}
div#txtContent{background-color:#fff!important;
background:url(../gismo/gfx/760/bg_24.jpg)#fff!important;
margin-top:25px; margin-left:15px; }
.ui-draggable{padding-left:7px;}


.mobile{display:none;}
.column{padding-left:0rem;}

.column > img, .column > figure{margin:0em;}

.column.contact{background:#eaeaea; margin:0.5%;  width:170px;}
.column.contact img{border:2px solid #fff; margin:5px 5px 5px 10px; max-height:150px; width:150px;}
.column.contact figure{margin:0px;}
.column.contact figcaption{width:160px; padding-left:5px; text-align:center}
.column.contact figcaption a{text-decoration:underline;}
.column.two-third.start{width:70%;}
.column.third.start{width:28%;}
.column.fourth.light{width:25%;}

.column.third a > img{max-width:300px;}


#ExtraDiv4 {
                height: 250px;
               width: 100%;
               background:url(../gismo/gfx/760/div4_5.png) no-repeat top center #fff ;
           background-size:auto;
            border-bottom:10px solid #00a5e0;
               margin-top: 0px;
     
            margin:0em auto;
               }

#red{
    
    position:relative;
top:77px;


   
}
#red:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
  
     
}



.red_in{max-width:1027px; Margin:0em auto;    opacity: 1.0!important;
     filter: alpha(opacity=100); /* For IE8 and earlier */ position:relative;
    z-index:1; }

.bildarkivrubrik { display:none; }

             
A:link { color: #666666; text-decoration: underline; font-family: Verdana, Arial, Helvetica, Sans-serif; }
A:visited { color: #666666; text-decoration: underline; font-family: Verdana, Arial, Helvetica, Sans-serif;  }
A:hover { color: #666666; text-decoration: none; font-family: Verdana, Arial, Helvetica, Sans-serif;  }
A:active { color: #666666; text-decoration: underline; font-family: Verdana, Arial, Helvetica, Sans-serif;  }

.btn.btn-primary{background-color:#8cd5ef;}
.btn.btn-primary:hover{background-color:#8cd5ef;}
.btn{font-size:1em; line-height:1em; border-radius:2px; padding:10px 5px; width:210px;}

.thumbnail{width:420px; height: 210px;}


body
{  	 
padding: 0px;
margin: 0 0 180px; /* bottom = footer height */ 
background-color: #e6e6e6;         
font-weight: normal; 
color: #666666; 
font-size: 11pt; 
font-family: 'Roboto', sans-serif;
text-decoration: none; 
line-height: 12pt;
background:url(../gismo/gfx/760/body_bg.jpg) #fff repeat-x;
}

h1, h2, h3, h4, h5, h6{font-weight:300;}
h1 
{ 
color: #666;  
font-size: 75px; 
line-height:1;
font-family: 'Open Sans Condensed';
text-decoration: none; 
margin-bottom:20px;
 } 
	   
	   
h2 
{ 
color: #00a5e0; 
font-size: 18pt; 
line-height: 30pt!important; 
font-family: 'Open Sans Condensed';
text-decoration: none; 
} 

h2 a:link
{
color: #00a5e0; 
font-size: 18pt; 
line-height: 30pt!important; 
font-family: 'Open Sans Condensed';
text-decoration: none; 
} 

h3 
{ 
color: #666666; 
font-size: 32px; 
line-height: 1.7; 
font-family: 'Open Sans Condensed';
text-decoration: none; 
 } 

h6{
color: #FFFFFF;
font-family: 'Roboto', sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
margin-left:7px;
margin-top:3px;
}


div 
{
color: #666666; 
font-size: 11pt; 
font-family: 'Roboto', sans-serif;
text-decoration: none; 
line-height: 12pt;
}
p 
{
color: #666666; 
font-size: 11pt; 
font-family: 'Roboto', sans-serif;
text-decoration: none; 
line-height: 12pt;
}
td 
{
	 color: #666666; 
font-size: 11pt; 
font-family: Verdana, Arial, Helvetica, Sans-serif; 
text-decoration: none; 
line-height: 12pt;
}

	
/*	ALLASAKER	*/
	
	
#container
{
margin: 0em auto;
max-width:100%;
background:url(../gismo/gfx/760/conine.png) transparent repeat-y top;
padding: 0px;
height:100%;
font-weight: normal; 
color: #666666; 
font-size: 11pt; 
font-family: Verdana, Arial, Helvetica, Sans-serif; 
text-decoration: none; 
line-height: 12pt;
}

/*	HEADERSAKER	*/


#header
{
margin:0em auto;
height: 139px;
max-width: 1000px;

background:url(../gismo/gfx/760/header_2.png) #ffffff no-repeat top left;
}
	
/*	MENY	*/
	

#mainnav
{
max-width: 1000px;
border-top:1px solid #ffffff;
margin-left:0px;
margin-right:0px;
margin-bottom:5px;
background:url(../gismo/gfx/760/mey.jpg) #fff no-repeat top center
}

#SiteSearch
{
float: right;
margin-right: 25px;
margin-top: 40px;
}	
/*	CONTENTSAKER	*/
	
	
#contents{
background: transparent;	
margin-left: 0px;
margin-right: 0px;
padding:10px 0px 15px 0px;
font-weight: normal;
height:100%;
max-width: 1000px;
margin-top:10px;
font-weight: normal; 
color: #666666; 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, Sans-serif; 
text-decoration: none; 
line-height: 12pt;
padding-bottom:20px;
margin:0em auto;
}


/*	FOOTER	*/

#footer {
    background-color: #66ace3;
    overflow:hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 180px;
    width: 100%;
}
#footer_div{
    
    position:relative;


   
}
#footer_div:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
  
     
}
#footer2{display:none;}

/* CONTACT FORM */

#kontaktformular {
Color: #737373;
width: 450px;
}

#kontaktformular .kontakt{margin: 0 0 10px 0;}


#kontaktinfo{font: 14px arial, tahoma, verdana, sans-serif; color: #737373}

#form
	{
	margin: 0;
	padding: 0;
	width: 390px;
	text-align: left;
color:#666666;
	}


#namn, #email, #meddelande, #emailtill, #adress, #Foretag, #meddelande, #tel, #securityCode
	{
	margin: 0;
	padding: 5px;
	background: url(../gismo/gfx/760/mess.jpg) #FFFFFF repeat-x top;
	border: 1px solid #666666;
	font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-serif; 
	color: #666666;
	}
#securityCode{
	width: 150px;
	}

#namn, #email, #meddelande, #emailtill, #adress, #Foretag, #tel
	{
	width: 175px;
	}
#adress, #ort
	{
	width: 175px;
	}
#meddelande
	{
	width: 370px;
	}

#submit
	{
border: 1px solid #666666;

	margin: 0;
	padding: 0 3px;
	height: 28px;
                    width: 250px;
	font-size: 14px;
font-family: arial, tahoma, verdana, sans-serif;
	text-align: center;
	}
input, textarea,
	{
	margin: 0;
	padding: 5px;
	background: url(../gismo/gfx/760/mess.jpg) repeat-x top;
	border: 0px solid #888;
	}
	
#newsArchive{
border:0px solid #666666;
margin-left: 0px;
margin-right: 10px;
padding-left: 0px;
color: #000;
background:url(../gismo/gfx/760/nyheter3.jpg) transparent repeat; 
width: 200px;
height: 222px;
float: left;
font-family: Verdana, Arial, Helvetica, Sans-serif; 
}

#newsArchive a{
padding: 5px 0px 0px 7px;
font-family: Verdana, Arial, Helvetica, Sans-serif; 
}

#newsArchive h2{display: none;}

.newsItem {margin-top: 10px;}
#newsItem a{padding: 5px 5px 5px 0px;}

.NyhetsKategori {
text-decoration: none;
color: #ffffff;
font-weight: bold;
font-size: 11px;
text-decoration: underline;
background: url(../gismo/gfx/760/nyhetska.png) transparent no-repeat; 
font-family: Verdana, Arial, Helvetica, Sans-serif; 
}


a:hover.NyhetsKategori {text-decoration: none;}
a.NyhetsKategori {
text-decoration: underline;
color: #ffffff;
background: url(../gismo/gfx/760/nyhetska.png) transparent no-repeat; 
font-family: Verdana, Arial, Helvetica, Sans-serif; 
}

.NyhetsKategoriDiv {
color: #f2f2f2;
font-weight: bold;
font-size: 11px;
background: url(../gismo/gfx/760/pi.jpg) transparent no-repeat; 
padding: 2px 5px 5px 10px;
font-family: Verdana, Arial, Helvetica, Sans-serif; 
}

.NyhetsRubrik {
border-bottom:0px solid #333333;
color: #333333;
float: left;
margin-top:5px;
margin-left:2px;
background:url(../gismo/gfx/760/pi.jpg) transparent no-repeat; 
font-family: Verdana, Arial, Helvetica, Sans-serif; 
font-size:11px
}

a.NyhetsRubrik  {
padding-left:15px;
font-family: Verdana, Arial, Helvetica, Sans-serif; 

color: #333333;
margin-left:2px;
font-size: 11px;
background: url(../gismo/gfx/760/pi.jpg) #ffffff no-repeat; 
 width:160px;
font-weight:bold;
}





a:hover.NyhetsRubrik {
color: #666666;
text-decoration: none;
}

hr { color: #cccccc; }

.rightbox_h2 
{
font: 18px century gothic, Arial, tahoma, sans-serif;
color: #333333;
font-weight: bold;
}
input[name=username] {    
border: 1px solid #888;
} 
input[name=password] {    
border: 1px solid #888;
} 

ul,
ol {
	list-style:none;
}

.wrapper {
	max-width:1000px;
	width:100%;
	margin:0 auto;
	position:relative;

}
.main {
	width:100%;
	margin:5px 0;
	text-align:center;
}
.content {
	text-align:left;
	margin:25px 0;
}
.content-text {
	margin:0 0 15px;
}

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

.nav {
	position:relative;
	display:inline-block;
	font-size:14px;
	width:100%;


}
.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:#fff;
	padding:10px 15px;
	text-decoration:none;
	border-bottom:0px solid #333;
font-family: 'Open Sans Condensed';
font-size:14pt;

}
.nav-item > a:hover {
	text-decoration:underline;
}
.nav-item:hover .nav-submenu {
	display:block;
}
/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	width:180px;
background:#fff;
}
.nav-submenu-item a {
	background:#8B2770;
	border-bottom:1px solid #76cdec;
	display:block;
	padding:15px;

}
.nav-submenu-item a:hover {
	text-decoration:underline;
}

ul.nav-submenu li.nav-item a{width:11em; font-size:14px; color:#fff; border-bottom:1px solid #fff; background:#8cd5ef; }

/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	background:#00a5e0 url(../gismo/gfx/760/menu-white.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 #333;
	height:49px;
	width:50px;
	cursor:pointer;
background:#333;
}
.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 {
	background-color:#ccc;
}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

/*------------------------------------*    Media Queries
\*------------------------------------*/
@media only screen and (min-width: 120px) and (max-width: 840px), @media only screen and (min-device-width : 120px) and (max-device-width : 840px) {




.column.two-third.kontakt{width:100%;}
.column.third.kontakt{display:none;}
h1 
{ 
color: #666;  
font-size: 50px; 
line-height:1;
font-family: 'Open Sans Condensed';
text-decoration: none; 
margin-bottom:20px;
 } 
	   
}
@media only screen and (min-width: 120px) and (max-width: 768px), @media only screen and (min-device-width : 120px) and (max-device-width : 768px) {

body{ background:url(../gismo/gfx/760/body_g.jpg) #fff no-repeat; margin:0px;}
#ExtraDiv4{height:150px; background-size:cover;}
.column.two-third.start{width:100%;}
.column.third.start{width:100%;}
.column.fourth.light{width:50%;}
#contents{padding:0px!important; width:98%!important;}
#red{display:none;}



	.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;
border-bottom:1px solid #76cdec;
background:#8cd5ef;

	}
	.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.nav-submenu li.nav-item a{width:100%;}

#container{padding:2px;}

#header{ background-size:contain; height:140px; background-position:left;}

.column.fourth.footer p{align:left!important; padding-top:5px;}
.column.full.mobile{display:block;}
#footer{position:relative;}
}


@media only screen and (min-width: 120px) and (max-width: 566px), @media only screen and (min-device-width : 120px) and (max-device-width : 566px) {


#header{ background-size:contain; height:140px; background-position:left;}
#no_mobile{display:none!important;}
img#ord{display:none;}

.mobile{display:none;}
video{max-witdh:100%; width:100%;}
body
{  	 
padding: 0px;

}
#footer{height:400px;}
}


@media only screen and (min-width: 120px) and (max-width: 425px), @media only screen and (min-device-width : 120px) and (max-device-width : 425px) {

#ExtraDiv4{height:80px;}
}
/* HTTP_USER_AGENT = Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
   Is_Mobile = False */