@import url('/admin/contentbuilder/assets/default/content.css');  
* {
 margin: 0;
 padding: 0;
 }
html {
    position: relative;
    min-height: 100%;
}

div#txtContent{background-color:#fff!important;
background:url(../gismo/gfx/547/bg_24.jpg)#fff!important;
margin-top:25px; margin-left:15px; }
.ui-draggable{padding-left:7px;}


.mobile{display:none;}

img{max-width:100%!important; height:auto!important; border:0px;}
img#ord {width:340px!important; max-width:340px!important;}
.column > img{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.full.mobile a{color:#c7c7c7;}

.column third{text-align:center;}
#ExtraDiv4{  width:100%;   background:url(../gismo/gfx/547/baner.png) #e7e5e5 no-repeat; padding:15px 0px 15px 0px;}
.div4{max-width:1000px; margin: 0em auto;}
#ExtraDiv1{ height:51px; background:url(../gismo/gfx/547/baner.png) #39393b no-repeat;}
.bildarkivrubrik { display:none; }

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


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


body
{  	 
margin: 0 0 195px; /* bottom = footer height */ 
padding: 0px;
   
background-color: #fff;         
font-weight: normal; 
color: #666666; 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, Sans-serif; 
text-decoration: none; 
line-height: 12pt;
background:url(../gismo/gfx/547/g.png) #fff repeat;
}


h1 
{ 
color: #333333; 
font-size: 20px; 
line-height: 22pt; 
font-family: Verdana, Arial, Helvetica, Sans-serif; 
text-decoration: none; 
margin-bottom:20px;
 } 
.display h1{font-size:2.5em}	   
	   
h2 
{ 
color: #666666; 
font-size: 13pt; 
line-height: 20pt; 
font-family: Verdana, Arial, Helvetica, Sans-serif; 
text-decoration: none; 
} 

h3 
{ 
color: #666666; 
font-size: 13px; 
line-height: 17px; 
font-family: Verdana, Arial, Helvetica, Sans-serif; 
text-decoration: none; 
 } 

h6{
color: #FFFFFF;
font-family: Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
font-size: 11px;
font-weight: bold;
text-decoration: none;
margin-left:7px;
margin-top:3px;
}


div 
{
color: #666666; 
font-size: 11px; 
font-family:Verdana, Arial, Helvetica, Sans-serif; 
text-decoration: none; 
line-height: 12pt;
}
p 
{
color: #666666; 
font-size: 11pt; 
font-family: Verdana, Arial, Helvetica, Sans-serif; 
text-decoration: none; 
line-height: 1.2;
font-size: 1.5em;
    font-style: italic;
}
td 
{
	 color: #666666; 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, Sans-serif; 
text-decoration: none; 
line-height: 12pt;
font-size: 1.5em;
    font-style: italic;
}

	
/*	ALLASAKER	*/



#container
{
margin: 0em auto;

background:url(../gismo/gfx/547/containe.png) transparent repeat-y top;

height:100%;
font-weight: normal; 
color: #666666; 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, Sans-serif; 
text-decoration: none; 
line-height: 12pt;
}

/*	HEADERSAKER	*/


#header
{
margin: auto;
height: 97px;
max-width: 100%;
margin-0em auto;;
background:url(../gismo/gfx/547/head.jpg) #1a1a18 no-repeat top left;
}
.head{max-width:1000px;
height:97px;
margin:0em auto;
background:url(../gismo/gfx/547/header_2017.jpg) #1a1a18 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/547/mey.jpg) #fff no-repeat top center
}

#SiteSearch
{
float: right;
margin-right: 25px;
margin-top: 40px;
}	
/*	CONTENTSAKER	*/
	
	
#contents{
background:#fff;	
margin:0em auto;
padding:20px 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;
}


/*	FOOTER	*/


#footer {
    background-color: #39393b;
    overflow:hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 195px;
    width: 100%;
}
#footer p{color:#fff;}

/* GUESTBOOK */

.gastboksinlagg{
padding:10px 0px 10px 0px;
border-bottom: 1px solid #ccc;
font-size:12px;
font-weight:bold;

}

.gastboksinlagg p{
font-weight:normal;
font-size:12px;
}


/* 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/547/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: 300px;
	}

#submit
	{
border: 1px solid #666666;
background: url(../gismo/gfx/547/meny.jpg);
	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/547/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/547/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/547/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/547/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/547/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/547/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/547/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:left;
}
.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:65%;
background: url(../gismo/gfx/547/mainna.jpg) transparent repeat-x; 
padding:8px 0px 8px 0px;
}
.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:#2f2f2f;
	padding:10px 15px;
	text-decoration:none;
	border-bottom:0px solid #333;
font-weight:bold;
}
.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 #9A337E;
	display:block;
	padding:15px;

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

ul.nav-submenu li.nav-item a{width:11em; font-size:12px; color:#666; background:#ccc; border-bottom:1px solid #ccc;}

/* 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(../gismo/gfx/1045/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 #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) {
.column.two-third.kontakt{width:100%;}
.column.third.kontakt{display:none;}
}

@media only screen and (min-width: 120px) and (max-width: 768px) {


.nav {
	position:relative;
	display:inline-block;
	font-size:14px;
	width:95%;
background: url(../gismo/gfx/547/mainnav_orange.jpg) transparent repeat-x; 
padding:8px 0px 8px 0px;
}
.wrapper {
	max-width:1000px;
	width:100%;
	margin:0 auto;
	position:relative;
top:0px;
left:0px;
}
#ExtraDiv4{ margin-top:0px;
}
	.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 #333;
background:#2f2f2f;
font-weight:normal;
color:#fff;
	}
	.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%;}

#contents	{ padding:0px 2px 0px 2px;}
#container{padding:2px;}

#header{background-position:left;}

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



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

.no_mob{display:none;}
.mob img{width:50%}
.head{background-size: contain;}
#no_mobile{display:none!important;}
img#ord{display:none;}
iframe{height:auto!important;}
.mobile{display:none;}
video{max-witdh:100%; width:100%;}
#contents{padding-top:20px; }
#ExtraDiv1{Display:none}

#gb_namn{max-width:200px!important;}
#gb_mess{max-width:200px!important;}
#gb_email{max-width:200px!important;}

}
/* HTTP_USER_AGENT = Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
   Is_Mobile = False */