@charset "UTF-8";
/*
Theme Name: Nya HurViBor
Theme URI: http://www.typografitti.se
Author: Typografitti
Author URI: http://www.typografitti.se
Description: WordPress Bootstrap 3.0.0 Custom Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: bootstrap, clean, simple, white, responsive, mobile, tablet
Text Domain: nya hurvibor
 
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url('css/bootstrap.min.css');

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

/* FÄRGER -----------------------------------------------------------------------------------------------------------------*/

/* FONTER/LINJER -----------------------------------------------------------------------------------------------------------------*/
/* UNIVERSAL Nollställning av indrag i webkit*/
* {
  margin: 0;
  padding: 0;
}

/* Redigerat av adolph 2016-03-11 */

/* your styling */

hr {

  clear: both;
}

p{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	line-height: 1.4;
	font-weight:400;
}

h1, h2, h3{	
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	color:#333333;
	text-transform: none;
	line-height:1.2 !important;
}

h1{
	font-size:2em;
	font-weight:400;
	margin-top:5px;
}

h2{
	font-size:15px;
	font-weight:500;
	text-transform:none;
	letter-spacing: 0.5px;
	margin-bottom:5px;
}

a{
	color:#c10a27;
		text-decoration:none;
}

a:hover{
	color:#c10a27;
	text-decoration: underline;

}


ul{
    
  }

  

/* tar bort ful prickad ram i Moz och opera */
a:hover, a:active, a:focus{
	   outline: 0;
}

.centrerad img{
    margin-left:auto !important;
	    margin-right:auto !important;

}

.right{
	float:right;
}
.left{
	float:left !important;
	display:inline-block !important;
	margin-left:10px;
}


/* HUVUD -----------------------------------------------------------------------------------------------------------------*/

#logo{
	position: absolute;
	top:10px;
	left:27px;
	border: none;
	border-radius:0px;
	border-bottom-width: 0px;

}

#logo img{
	display: block;
	margin-top: 0px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 0px;
}

/*#hgf-logo{
	position: absolute;
	top:-2px;
	right:-290px;
	padding: 20px 80px 20px 20px;
	display: block;
	background:#fff;
	border-bottom:thin solid #eee;
	margin-left: auto;
}*/

.vit-hgf-logo{
	background:#999;
}

.smulor{
	margin-top:-20px;
	margin-bottom:20px;
}

.page-header{
	border-bottom:none;
}



/* MENU -----------------------------------------------------------------------------------------------------------------*/

.container-fluid{
	margin:0px 0px 0px 0px;
	padding:0px;
	border-bottom: thin solid #eee;
}

.navbar-nav ul li{
	float:right !important;
}

.nav{
	background:#ffffff;
/*	border-bottom: thin solid #ddd;
*/}
	
.navbar{
	border: none;
	font-family: 'Roboto', sans-serif !important;
	color:#fff;
	z-index:1000;

}

.navbar-nav{
	margin:0px !important;
	width:98% !important;
	height:70px;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-color:#ffffff;
	color:#06007E !important;
	border:thin solid #06007E;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: white;
	border:none !important;
}

.navbar-default{
	background:none;
	color:#fff !important;
	
}
.navbar-default .navbar-nav>li>a{
	background: #231FDB;
	color:#fff !important;
	font-size:1.3em;
	font-stretch:expanded;
	font-weight:400;
	text-transform:uppercase;
	padding: 15px;
	margin: 0.5em;
	border-radius: 50px;
}

#menu-meny-1{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#menu-meny-1 li a{
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight:200;
	font-size:1.3em;	border:none !important;
	display: inline-block;
	clear:none;

}

#menu-meny-1 li a:hover{
	color:#000;
}

#menu-meny-1 li li a:hover{
	background:none;
	color:#000;

}

#menu-meny-1 li li a{
	font-size:1em;
}

.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.navbar-default .navbar-nav>li>a:hover{
	background: #06007E;

}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    top: 11px;
    left: -6px;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
color: white;
text-decoration: none;
outline: 0;
background-color:#fff;
}

/* SIDO MENY -------------------------------------*/

/*.sub-menu{
    display:none;
}

.widgetyta-a{
	margin-bottom:1em;
}

.widgetyta-a ul li{
	list-style:none;
	font-size: 1.6em;
	font-weight:100;
	font-family: 'Roboto', sans-serif;
	text-align:left;
	display:block;
}

.widgetyta-a ul li:hover, .widgetyta-a ul li:active{
	border-bottom: thin solid #C10A27;
}

.widgetyta-a ul li:hover:before{
  content:url('img/menypil.png'); 
  position:absolute; 
  z-index:100000; 
  left:40px;
  margin-top:4px;
}

.widgetyta-a ul li li:hover:before{
    content:none;
}

.widgetyta-a ul li a{
	color:#C10A27;
	text-decoration:none;
}

.widgetyta-a ul li ul li{
	font-size:0.7em;
	padding:0.2em;
}*/

.widgetheader{
	display:none;
}

.h-sidebar h2{
    font-family: 'Amatic SC', cursive !important;
    font-size:4em !important;
	font-weight:100 !important;
	color:#555;
	text-align:center;
}

/* Vänster meny -------- */

.bellows .bellows-nav .bellows-target>.bellows-target-text {
    display: inline-block;
    vertical-align: middle;
    font-family: inherit;
    font-weight: inherit;
    font-size: 1.3em !important;
    color: inherit;
}

/* TAPETEN ---------------------------------------------- */

.tapeten ul{
	padding-inline-start: 0px !important;

}

.tapeten{
background-color: #768196;
background-color: #ffffff;
background-image: url("img/fabric-plaid.png");
padding:1em;
color:#555;
min-height:100%;
margin-top:0px;
}

.tapeten .lcp_catlist a{
	color:#333;
	font-weight:500;
}

.tapeten p{
	
}

.tapeten i{
	color:#aaa;
}

.tapeten li{
	list-style:none;
	padding-top:10px;
	margin-top:10px;
	border-top:1px solid #ccc;
	font-weight:600;
	background:rgba(255,255,255,0);
		 -webkit-transition: background 1s; /* Safari */
    transition: background 1s;

}

.tapeten .lcp_catlist li:hover{
	cursor:pointer;
	background:rgba(255,255,255,0.6);

}




/* KROPP -----------------------------------------------------------------------------------------------------------------*/

body { 
     padding-bottom: 40px;
}

.container{
	width:100%;
	max-width:1170px;
}

#wrapper{
	margin-top:100px;
}

.main{
	width:650px;
	margin-bottom: 40px;
}
	
.slides img{
	position:relative;
	border-radius: 12px;
  -moz-box-shadow: 0px 20px 37px -28px #000000;
  -webkit-box-shadow: 0px 20px 37px -28px #000000;
    box-shadow: 0px 20px 37px -28px #000000;
}

#menu-meny-1{
	z-index:1000;
}
	
.firstslider, #metaslider_154{
	margin-bottom:2em;
	z-index:-1 !important;
	
	}

img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 12px 12px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 12px 12px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.wp-caption {
	text-align: center;
	background-color: #ffffff;
	margin:0px 10px 0px 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img, .fancybox img {
	border:1px solid #ddd;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.fancybox img{
	margin:5px 0px 5px 5px;
} 


.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 13px;
	padding: 5px 4px 5px;
	margin:5px 4px 10px 10px;
	text-align:left;
	color:#000;
	font-style:italic;
}

.no-border{
	border: none !important;
}

#puffwrapper{
	position:absolute;
	bottom:90px;
	left:0px;
	background:#F2F2F2;
	height:230px;
	width:100%;
	color:#C10A27;
	font-size:1.5em;
	font-weight:100;
	font-family: 'Roboto', sans-serif;
	text-transform:uppercase;
	padding: 20px;
	margin: 0 auto;
}

.puff{
	border-right: thin solid #ddd;
	min-height:100%;
}

/* SIDOMENY AV MARKUS */

.dcjq-accordion a {
	font-size: 1.5em;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #000000;
	display: block;
	padding: 2px;
}

.dcjq-accordion a:hover{
	color: #FF0037;
}

.dcjq-accordion .menu-item-has-children > a::before {
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	content: "\e258";
	font-size: .5em;
	color: #000000;
	margin-left: -15px;
	margin-right: 6px;
}

.dcjq-accordion .menu-item-has-children > a {
	font-weight: 500;
}

.dcjq-accordion .menu-item-has-children > a.active::before {
	content: "\e259";
}

.dcjq-accordion li.current_page_item a {
	background: #e7e7e7;
	
}

.dcjq-accordion ul {
	margin-top: 7px;
	padding: 0;
	border: none;
	list-style: none;
	margin-left: 15px;
}

/* KOMMENTARER -----------------------------------------------------------------------------------------------------------------*/

.form-control{
	background:#f8f8f8 !important;

	}

label{
	font-weight:300!important;
}

.comment-author img{/*ta bort avatar*/
	display:none;
}

/* BLOGG -----------------------------------------------------------------------------------------------------------------*/

.post-day{
	font-family: 'Roboto', sans-serif;
	font-size:2em;
	line-height:0.6;
	text-align:center;
}
.post-month, .post-year{
	line-height:0.5;
	text-align:center;
	color:#707070;
	text-transform:uppercase;
}

.post-category{
	text-transform:uppercase;
	font-size:0.7em;
}

.blogdate{
	border:#eee solid thin;
	padding:0.7em 0.7em 0.5em 0.7em;
	margin:0.7em;
}

.widgetyta-b{
	clear:none;
}

.widgetyta-c{
	clear:none;
}
.blogg{
	margin-left:-2.5em;
}
	
.blogg h1 a{
		color:#777777;
}

.blogg h1 a:hover{ 
	color:#474747;
	text-decoration:none;
	
	}

.comment-body{
	border: 1px solid #eee;
	padding:1em;
	margin:1em 0 1em 0;
	}
	
#comment{
		background:#f8f8f8;
}

.commentswrapper h3{
	font-size:1.5em;
	clear:both;
}

.commentlist{
	list-style:none;
}

.commentlist li{
	list-style:none;
}

/*#respond h3:after{
	content:' gärna ...';
}*/

#submit{
	background:#000;
	color:#FFF;
	border:none;
	padding:0.5em 1em 0.5em 1em;
}

#nav-posts{
	margin-left:11em;
	margin-bottom:2em;
}

.tagcloud{
	display:block;
	clear:both;
	width:8em;
	margin-top:6em;
	line-height:1.4em;
	}
.cat-item{
	z-index:9999;
	margin-left:-1.8em;
}


/* fix for blog ------------------------- */
.custom-pagination span,
.custom-pagination a {
	display:inline-block;
	padding:0 8px;
	border:dotted 1px rgb(200,200,200);
	color:#333;
}
.custom-pagination span.page-num {
	border:none;
	color:#333;
	padding:0;
}
.custom-pagination span.dots {
	border:none;
	color:#333;
	padding:0;
}
.custom-pagination span.current {
	background-color:rgb(150,150,150);
	color:#fff;
}
.custom-pagination a {
	text-decoration: none;
}
.custom-pagination a:hover {
	background-color:rgb(150,150,150);
	color:#fff;
}

span.updated {
	text-align: right;
	font-size: 10px;
	display: block;
	color: #aaa;
	border-top: thin solid #ddd;
}

.wp-caption {
	/*padding: 10px;*/ /* Markus 31 mars 16*/
}

.bigger {
	display: inline-block;
	font-size: 14px;
	width: 20px;
	height: 20px;
	position: relative;
	float: right;
	margin-top: -35px;
	margin-right: 20px;
	color: #ddd;
}

.bigger:hover {
	
}

a.fancybox.image:hover .bigger {
	color: #333;
}

a.fancybox:hover {
	text-decoration: none !important;
}

.wp-caption p.wp-caption-text {
	padding: 0px;
}


/* FOT -----------------------------------------------------------------------------------------------------------------*/

#fotwrapper{
	max-width:100%;
	clear:both;
	padding:20px;
	font-size:2em;
	font-weight:100;
	color:#fff;
	height:90px;
	z-index:100;
}

.fot{
	display:block;
	text-align:center;
}

.fot h2{
	display:none;
}

.fot a{
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight:100;
	font-size:0.8em;
	color:#707070;
}

.fot a:hover{
	text-decoration:none;
	color:#000;
}
	
.fot h6{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	color:#aaa;
}

.lcp_paginator{
	clear:both;
}


.qtrans_language_chooser{
	list-style: none;
		margin-left: -1em;

}

.qtrans_language_chooser li{
	display:inline-block;
	clear:none;
	margin-right: 1em;
}

.dela{
	margin-top: -5px;
}

.dela a{
	margin:0px;
	padding: 0px;
}

.dela img:focus{
	    outline: none !important;
}

.dela img:active{
	
	
}


.delatxt{
	clear:none !important;
}
	
.fotlinks{
	display:block;
	float:left;
}

.search {
	background: #fff;
/*	border-bottom: thin solid #eee;
*/	padding: 10px;
	margin-bottom: 30px;
	position: relative;
    margin-top: -85px;
    overflow: hidden;
    
    -webkit-transition: margin-top .6s;
    -moz-transition: margin-top .6s;
    -o-transition: margin-top .6s;
    transition: margin-top .6s;
}

#searchform{
	color:#555;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	text-align: center;
}

.fotnot{
		font-family: 'Roboto', sans-serif;
		font-size:14px;
		font-weight:100;
		color:#888;
		text-align:left;
		margin:0.3em;
}

/* Tabeller --------------------------------------- */

/*------------------------------ GRAF TABELL -----------------------------------*/

table, .entry-content .tabell_graf{
	margin:-12px -22px 0 12px; /*Ändrat 12-03-2013 för ie8 ska funka*/
	border:none !important;
	outline:none;
	line-height: 14px;
	font-size:11px;
	/*border-bottom: 1px solid #000;*/ /*Ändrat 20-03-2013 Svart sträck under tabeller*/
}

table tbody { background:#fff !important;}

th{ font-weight: 400; vertical-align: top;}

/*------------------------------ GRÅ TABELL -----------------------------------*/

table .tabell_gra tr td, .tabell_gra tbody tr td {border-bottom: 0px solid #ddd; font-weight:400;}

table .tabell_gra, .entry-content .tabell_gra{ margin:none ;  border:none ; outline:none ;}

table .tabell_gra th, .entry-content .tabell_gra th{ background: #fff ; line-height:normal ; padding:0px 5px 0px 5px ; border:none ; outline:none ;}

table .tabell_gra td, .entry-content .tabell_gra td{ padding:0px 5px 0px 5px ; border:none ; outline:none ;}

table .tabell_gra tr:first-child, .entry-content .tabell_gra tr:first-child{font-weight:400 ; line-height:normal ; margin:0 ;}

table .tabell_gra tr:nth-child(even) ,.entry-content .tabell_gra tr:nth-child(even) {background: #FFF; font-size:11px; line-height:16px;}

table .tabell_gra tr:nth-child(odd),.entry-content .tabell_gra tr:nth-child(odd) {background:#eee ; font-size:11px ; border:none ; outline:none ; line-height:16px;}


/*------------------------------ GRÖN TABELL -----------------------------------*/
table .tabell_gron, .entry-content .tabell_gron{
	margin:none;
	border:none;
	outline:none;
	line-height: 14px;
	font-size:11px;
}

table .tabell_gron td,.entry-content .tabell_gron td{
	border:none;
	outline:none;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

table .tabell_gron tbody tr td, .tabell_gron tbody tr td {border-bottom: 1px solid #c0cf78 !important;}
table .tabell_gron tr:first-child, .entry-content .tabell_gron tr:first-child{font-weight:bold; line-heigt:5px; margin:0;}
table tabell_gron tr:nth-child(even), .entry-content .tabell_gron tr:nth-child(even) {background: #FFF; font-size:11px !important;}
table tabell_gron tr:nth-child(odd), .entry-content .tabell_gron tr:nth-child(odd) {background:#DAE992; font-size:11px !important; border:none; outline:none}


/*------------------------------ ORANGE TABELL -----------------------------------*/

table .tabell_orange, .entry-content .tabell_orange{ margin:none;  border:none; outline:none}
table .tabell_orange td, .entry-content .tabell_orange td{ padding:2px 5px 0px 5px; border:none; outline:none}
table .tabell_orange tr:first-child, .entry-content .tabell_orange tr:first-child{font-weight:bold; margin:0;}
table .tabell_orange tr:nth-child(even), .entry-content .tabell_orange tr:nth-child(even) {background: #FFF;}
table .tabell_orange tr:nth-child(odd), .entry-content .tabell_orange tr:nth-child(odd) {background:#FC6; border:none; outline:none}


table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
}

table {
	margin: 0 0 20px 0;
}

.tabell_gron tr:nth-child(odd) {
	background: #DAE992;
	font-size: 11px;
	border: none;
	outline: none
}

.tabell_gron tr:nth-child(even) {
	background: #FFF;
}

.tabell_gron td {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.tabell_gra td {
	font-size: 11px;
	padding-top: 3px !important;
	padding-right: 5px !important;
	padding-bottom: 3px !important;
	padding-left: 5px !important;
}

.tabell_gra tbody tr td {
	border-bottom: 1px solid #dadada !important;
}

.pdfikon{
	position: absolute;
	bottom: -50px;
}

.diagramikon {
	position: absolute;
	bottom: -60px;
}

.diagramikon {
	margin-left: 60px;
}

.diagramikon a {
	position: relative;
	font-size: 11px;
	font-style: italic;
	text-decoration: none !important;
	color: #666 !important;
}

.diagramikon img, .pdfikon img {
	max-width: 100% !important;
}

span.collapseomatic.hgf:before {
	font: normal normal normal 20px/1 FontAwesome;
	content: "\f06a";
	display: inline-block;
	color: #C10A27;
	margin-right: 5px;
	-ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
    transform: rotate(-10deg);
}

span.collapseomatic {
	display: block;
	font-size: 12px;
	line-height: 1.4;
}

.collapseomatic{
	clear:both !important;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom:90px;
}


.footer {
  position: absolute;
  bottom: 0;
  right:0;
  width: 100%;
  /* Set the fixed height of the footer here */
  min-height:90px;
  background: #CCCCCC;
}

.fotlogo{
	clear: both; 
	padding:1em 0em 0.7em 0em;
}




/* RESPONSIVE MOB och PA---------------------------------------------------------------------------------------------------------*/

.toppen{
display: block;
	margin:1em 25% 1em 25%;
}


@media (max-width: 1023px) {
.nav-collapse {
    overflow-y: auto;
}
}

@media (min-width: 1023px){
.navbar-nav, #menu-meny-1{
	float:left;
	width:100%;
	display:block;
	margin-left:3.5%;
}
}

/* fix för att få liten menu även på padda */

@media (max-width: 991px) {
	.navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
				z-index:2000;

    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
	
	body#startsida{
  margin-bottom:90px !important;
}

.container-fluid{
    background:#ffffff;
    padding:0.5em 0.5em 0.5em 0.1em;
}
  
}

/* Mobil ------------------------- */

@media  (max-width : 480px) {

body { 
     padding-bottom: 180px;
	 padding-top: 10px;
	 padding-left: 1%;
	 padding-right: 1%;
	   /* Margin bottom by footer height */
}

.main{
	width:100%;
	}

.content img{
	/*min-width:100%;*/
	clear:both;
	}
	
  
.diagramikon img{
    width: 29px; height: 35px;
}

.navbar-nav ul li {
    display: block;
    clear: both;
	min-width:100%;
	text-align:center;
}

v-sidebar{
	max-width:100px !important;
}

.footer {
  position: absolute;
  bottom: 0;
  right:0;
  width: 100%;
  /* Set the fixed height of the footer here */
  min-height:240px;
  background: #CCCCCC;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -70%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -70%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 70%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 70%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 70%; /* 6 columns */
	background:#eee;
  }
#meny2-knapp{
	position: relative;
	margin-top: -30px;
	margin-left:30%;
	margin-right:30%;
	margin-bottom:0.5em;
}

v-sidebar{
	padding:0.5em;
}


}

@media (max-width: 2000px) {
	.search {
		margin-right: 20px; 
		right: 10px
	}
}

@media (max-width: 768px) {
	.search {
		margin-top: -100px;
	}
}

@media  (max-width : 480px) {
	.search {
		margin-top: -150px;
	}
}

/* UTSKRIFT STYLE */

@media print {
#googft-legend br {
  display: none;
}
#map_canvas {
	height: 500px;
	width: 100%;
}
#map_canvas img {
	max-width: none;
}
.h-sidebar, .v-sidebar, footer, #meny2-knapp, .search, .pdfikon, .diagramikon, .toppen{
	display:none !important;
}
.main{
	position:absolute !important;
	top:10px !important;
}

p{
	font-size:10px !important;
	font-weight:100;
}

h2{
	font-size:10px !important;
	font-weight: bold !important;

	
}

}