@charset "utf-8";
@import url("fontawesome-4.3.0.min.css");
@import url("framework.css");

/* Rows
--------------------------------------------------------------------------------------------------------------- */
.row0{border-bottom:1px solid;}
.row1, .row1 a{}
.row2, .row2 a{}
.row3, .row3 a{}
.row4, .row4 a{}
.row5, .row5 a{}
.row6, .row6 a{}
.row7, .row7 a{}


/* Top Bar
--------------------------------------------------------------------------------------------------------------- */
#topbar{padding:3px 0; font-size:12px;}

#topbar .fl_left{margin-top:4px;}
#topbar .fl_left .inline > li{margin-right:15px;}
#topbar .fl_left .inline > li i{margin:0 5px 0 0; line-height:normal;}

#topbar .faico li{margin:0;}


/* Header
--------------------------------------------------------------------------------------------------------------- */
#header{padding:10px 0 10px;}

#header #logo{}
#header #logo h1{margin:0; padding:0; text-transform:uppercase;}


/* PageIntro
--------------------------------------------------------------------------------------------------------------- */
#pageintro{padding:40px 0 20px;}

#pageintro .services article{margin:0;}
#pageintro .services .heading{font-size:16px; text-transform:uppercase;}
#pageintro .services i{border:1px solid;}
#pageintro .services footer{text-align:right;}


/* Content Area
--------------------------------------------------------------------------------------------------------------- */
.container{padding:50px 0;}
.instr{padding:0px 0;}

.container-full {
  margin: 0 0 0 0;
  width: 100%;
}

.instr-full {
  margin: 0 0 0 0;
  width: 100%;
}



/* Content */
.container .content{}

/* Comments */
#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}
#comments li{margin:0 0 10px 0; padding:15px;}
#comments .avatar{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid;}
#comments address{font-weight:bold;}
#comments time{font-size:smaller;}
#comments .comcont{display:block; margin:0; padding:0;}
#comments .comcont p{margin:10px 5px 10px 0; padding:0;}

#comments form{display:block; width:100%;}
#comments input, #comments textarea{width:100%; padding:10px; border:1px solid;}
#comments textarea{overflow:auto;}
#comments div{margin-bottom:15px;}
#comments input[type="submit"], #comments input[type="reset"]{display:inline-block; width:auto; min-width:150px; margin:0; padding:8px 5px; cursor:pointer;}

/* Sidebar */
.container .sidebar{}

.sidebar .sdb_holder{margin-bottom:50px;}
.sidebar .sdb_holder:last-child{margin-bottom:0;}



/* Info
--------------------------------------------------------------------------------------------------------------- */
#info{padding:0 0;}

#info .services article{margin-bottom:35px; border:1px solid;}


/* Footer
--------------------------------------------------------------------------------------------------------------- */
#footer{padding:50px 0;}

#footer .title{margin:0 0 20px 0; padding:0 0 8px 0; border-bottom:1px solid; font-size:16px; text-transform:uppercase;}

#footer .linklist li{margin-bottom:10px;}
#footer .linklist li:last-child{margin-bottom:0;}

#footer .smallfont{font-size:.8rem; margin:0;}

#footer input, #footer button{border:none;}
#footer input{display:block; width:100%; padding:8px;}
#footer button{padding:6px 12px 8px; font-weight:bold; text-transform:uppercase; cursor:pointer;}


/* Copyright
--------------------------------------------------------------------------------------------------------------- */
#copyright{padding:20px 0;}
#copyright *{margin:0; padding:0;}


/* Transition Fade
--------------------------------------------------------------------------------------------------------------- */
.faico a, #mainav *, #backtotop, .services i, #info .services li,  .overlay{transition:all .3s ease-in-out;}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Navigation
--------------------------------------------------------------------------------------------------------------- */
nav ul, nav ol{margin:0; padding:0; list-style:none;}

#mainav, #breadcrumb, #omoss, #atabesoka, #butiken, #kalendarium, #erbjudanden, #konst, .sidebar nav{line-height:normal;}
#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li:first-child::before, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:"FontAwesome"; font-size:12px; line-height:12px;}

/* Top Navigation */
#mainav{text-align: center;}
#mainav ul{text-transform:uppercase;}
#mainav ul ul{z-index:9999; position:absolute; width:160px; text-align:center; text-transform:none;}
#mainav ul ul ul{left:160px; top:0;}
#mainav li{display:inline-block; position:relative; margin:30px 18px 0 0; padding:0;}
#mainav li:last-child{margin-right:0;}
#mainav li li{width:100%; margin:0;}
#mainav li a{display:block; padding:0 0 6px 0; border-bottom:1px solid;}
#mainav li li a{border:solid; border-width:0 0 1px 0;}
#mainav .drop{padding-left:10px;}
#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}
#mainav .drop:after, #mainav li li .drop:after{content:"\f0d7";}
#mainav .drop:after{top:5px; left:0;}
#mainav li li .drop:after{top:15px; left:5px;}
#mainav ul ul{visibility:hidden; opacity:0;}
#mainav ul li:hover > ul{visibility:visible; opacity:1;}

#mainav form{display:none; margin:0; padding:0;}
#mainav form select, #mainav form select option{display:block; cursor:pointer; outline:none;}
#mainav form select{width:100%; padding:5px; border:1px solid;}
#mainav form select option{margin:5px; padding:0; border:none;}

hr.thin {
height: 1px;
border: 0;
color: #333;
background-color: #333;
width: 100%;
} 

/* Breadcrumb */
#breadcrumb{padding: 10px 0 10px 0;}

/* Omoss */
#omoss, #atabesoka, #butiken, #kalendarium, #erbjudanden, #konst{padding: 10px 0 10px 0;}
#breadcrumb ul{margin:0; padding:0; list-style:none;}
#breadcrumb li{display:inline-block; position:relative; margin:0 6px 0 0; padding:0; font-size:12px;}
#breadcrumb li:first-child{padding-left:15px;}
#breadcrumb li:first-child::before{top:3px; left:0; content:"\f015"}
#breadcrumb li:last-child{display:block; margin:10px 0 0 0; padding:0; text-transform:capitalize; font-size:1.6rem;}
#breadcrumb li a{position:relative; margin:0; padding:0 12px 0 0;}
#breadcrumb li a::after{top:3px; right:0; content:"\f101";}
#breadcrumb li:last-child a{padding:0;}
#breadcrumb li:last-child a::after{display:none;}

/* Sidebar Navigation */
.sidebar nav{display:block; width:100%;}
.sidebar nav li{margin:0 0 3px 0; padding:0;}
.sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;}
.sidebar nav a::after{top:9px; left:5px;}
.sidebar nav ul ul a{padding-left:35px;}
.sidebar nav ul ul a::after{left:25px;}
.sidebar nav ul ul ul a{padding-left:55px;}
.sidebar nav ul ul ul a::after{left:45px;}

/* Pagination */
.pagination{display:block; width:100%; text-align:center; clear:both;}
.pagination li{display:inline-block; margin:0 2px 0 0;}
.pagination li:last-child{margin-right:0;}
.pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; background-clip:padding-box; font-weight:normal;}

/* Back to Top */
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:15px; right:20px; width:36px; height:36px; line-height:36px; font-size:26px; text-align:center; opacity:.2;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:.5;}
#backtotop:hover{opacity:1;}


/* Tables
--------------------------------------------------------------------------------------------------------------- */
table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top;}
table, th{table-layout:auto;}
table{width:100%; margin-bottom:15px;}
th, td{padding:5px 8px;}
td{border-width:0 1px;}


/* Gallery
--------------------------------------------------------------------------------------------------------------- */
#gallery{display:block; width:100%; margin-bottom:50px;}
#gallery figure figcaption{display:block; width:100%; clear:both;}
#gallery li{margin-bottom:30px;}


/* Font Awesome Social Icons
--------------------------------------------------------------------------------------------------------------- */
.faico{margin:0; padding:10px; list-style:none;}
.faico{margin:0; padding:0; list-style:none; text-align: center;}
.faicoteam{margin:0; padding:0; list-style:none;}
.faico li{display:inline-block; float:left; margin:0 5px 0 0; padding:0; line-height:normal;}
.faico li:last-child{margin-right:0;}

.faico a{display:inline-block; width:30px; height:30px; line-height:30px; font-size:18px; text-align:center;}

.faico a{color:#ffffff;}

.faico a-facebook{background-color:#3B5998;}

.faicon-facebook{background-color:#3B5998;}
.faicon-instagram{background-color:#3D6B92;}
.faicon-linkedin{background-color:#0E76A8;}
.faicon-twitter{background-color:#00ACEE;}

.faicon-facebook:hover{background-color:#3B5998;}
.faicon-instagram:hover{background-color:#3D6B92;}
.faicon-linkedin:hover{background-color:#0E76A8;}
.faicon-twitter:hover{background-color:#00ACEE;}

/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Colours
--------------------------------------------------------------------------------------------------------------- */
body{color:#888888; background-color:#ffffff;}
a{color:#00a5e8;}
hr, .borderedbox{border-color:#D7D7D7;}
label span{color:#ffffff; background-color:inherit;}
.overlay{color:inherit; background-color:rgba(0,0,0,.25);}

/* Rows */
.row0, .row0 a{color:#000000; background-color:#FFFFFF;}
.row0{border-color:#D7D7D7;}
.row1, .row1 a{color:#000000; background-color:#FFFFFF; font-size: 120%; font-family: Oswald; font-weight: 100;}
.row2{color:#ffffff; background-color:#ffffff;}
.row3{color:#000000; background-color:#ffffff; margin-bottom: 0px;}
.row3 a{color:#ff0000; background-color:#ffffff;}
.row4{color:#000000; background-color:#ffffff;}
.row4 a{color:#00a5e8;}
.row5{color:#ffffff; background-color:#484647;}
.row6, .row6 a{color:#ffffff; background-color:#8F2832;}
.row7{color:#000000; background-color:#F2F2F2;}



/* Top Bar */
#topbar .faico a{color:inherit;}
#topbar .faico a:hover{color:#FFFFFF;}


/* PageIntro */
#pageintro .services .heading{color:#FFFFFF;}
#pageintro .services p{color:#ffffff;}
#pageintro .services a i{color:#ffffff; border-width:0px; border-radius: 25px;}
#pageintro .services li:hover a i{color:#FFFFFF; background-color:#8F2832; border-color:#8F2832; border-radius: 25px;}
#pageintro .services li:hover .overlay{background-color:rgba(255,255,255,0.1);}

/* Info */
#info .services article{border-color:#FFFFFF;}
#info .services li:hover{color:#888888; background-color:#FFFFFF;}
#info .services li:hover article{border-color:#8F2832;}
#info .services li:hover a{color:#E54D4C;}
#info .services li:hover a i{color:#FFFFFF; background-color:#f2f2f2;}

/* Footer */
#footer .title{color:#FFFFFF; border-color:#ffffff;}
#footer input{color:#FFFFFF; background-color:#ffffff;}
#footer button{color:#FFFFFF; background-color:#8F2832;}


/* Navigation */
#mainav li a{color:inherit; border-color:transparent;}
#mainav .active a{border-color:#8F2832; border-width: 3px;}
#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#8F2832; background-color:inherit;}
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6);}
#mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:#8F2832;}
#mainav form select{border-color:#8F2832;}

#breadcrumb li, #breadcrumb a{color:#888888; background-color:inherit;}
#breadcrumb li:last-child a{color:#FFFFFF;}

.container .sidebar nav a{color:inherit; border-color:#D7D7D7;}
.container .sidebar nav a:hover{color:#8F2832;}


.pagination a, .pagination strong{border-color:#D7D7D7;}
.pagination .current *{color:#FFFFFF; background-color:#ffffff;}

#backtotop{color:#FFFFFF; background-color:#8F2832;}


/* Tables + Comments */
table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#D7D7D7;}
th{color:#FFFFFF; background-color:#373737;}
tr, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#FBFBFB;}
tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#F7F7F7;}
table a, #comments a{background-color:inherit;}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */

/* Schema */

.veckodag{background-color: #00a5e8; text-align: center; color: white;}
.block1{background-color: #f1f0f2; text-align: center; padding: 5px 0 5px 0;}
.block1:hover{background-color:#cecdce;}
.block1b{background-color: #ffffff; text-align: center; padding: 5px 0 5px 0;}

/* Schema */

.sponsorer{text-align: center; margin-top: 0px; background-color: #ffffff; padding: 10px;}

/* Välkommen */

.welcome{text-align: center; margin-top: -125px;}
.welcomesmall{text-align: center; margin-top: -15px;}

.sponsorer{text-align: center;}

/* Nyheter */

.nyheter {
        float: left;
        width: 100%;
        padding: 16px 20px 20px 20px;
        background-color: #f2f2f2;
        border-radius: 5px;
}

.nmainbody {
    margin-top: 0;
    overflow: auto;
    background-color: #f2f2f2;
    color: #000000;
    border-color: black;
    border-top: solid;
    border-top-width: 1px;
    padding-top: 7px;
}
.nheader {
    margin-top: 0;
    overflow: auto;
    color: #1a1a1a;
    font-size: 180%;
    line-height: 1.2em;
    padding-bottom: 10px;
    padding-top: 4px;
}
.date {
    float:left;
    background-color: #ffffff;
    color: #000000;
    font-size: 290%;
    padding-bottom: 5px;
    padding-right: 30px;
    text-align: center;
    
}
.nfooter {
    color: #000000;
}

/* FRONT */

.hero {
    position: relative;
    padding: 60px 0;
    background-image: url(../img/hero-fallback.jpg)
}

.background-cover{
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat
}

.color-1 {
    color: #00a5e8
}
.color-2 {
    color: #f36f21
}
.color-3 {
    color: #e54d4d
}
.color-4 {
    color: #81e23a
}
.color-black {
    color: #1a1a1a
}
.color-white {
    color: #fff
}
.color-gradient {
    position: relative;
    z-index: 1
}
.color-gradient::after {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, .6);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0%, rgba(229,77,76, .8)), color-stop(100%, rgba(229,77,76, 0)));
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0, .3), rgba(255, 255, 255, 0));
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, .3), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to top, rgba(0,0,0, .3), rgba(255, 255, 255, 0));
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 100%;
    content: "";
    bottom: 0;
    left: 0
}
.color-gradient--var1::after {
    background-color: #acacac;
    background-color: rgba(172, 172, 172, .2)
}
.color-gradient--var2::after {
    background-color: #00a5e8;
    background-color: rgba(0, 165, 232, .6)
}
.color-gradient--var3::after {
    background-color: #1a1a1a;
    background-color: rgba(26, 26, 26, .6)
}
.color-gradient--var4::after {
    background-color: #005c82;
    background-color: rgba(0, 92, 130, .6)
}
.color-gradient--var5::after {
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0%, rgba(0, 0, 0, .8)), color-stop(100%, rgba(92, 198, 24, 0)));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .8), rgba(92, 198, 24, 0));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .8), rgba(92, 198, 24, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(92, 198, 24, 0));
    background-color: #67cb1e;
    background-color: rgba(103, 203, 30, .3)
}

/* MAP
--------------------------------------------------------------------------------------------------------------- */

.mapwrapper {
    position: relative;
      }

.map {
        min-height: 500px;
      }

.kontakt {
position: absolute;  
top: 10px;
right: 10px; 
z-index: 99; 
background-color:#262626;
color: #ffffff;
padding: 20px 20px 20px 40px;
border-radius: 10px;
width: 280px;
    }

/* HERO
--------------------------------------------------------------------------------------------------------------- */

.row {
    min-width: auto;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
    
.caption {
    z-index: 10;
    position: relative;
}

.caption--align-to-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 95px;
}

.as-heading-headline {
    font-size: 8.25em;
    line-height: 1.1666667em;
}

.as-heading-headline--typeset-trailer,
.is-typeset .headline {
    margin-bottom: .1em;
}

.color-white {
    color: #fff
}

.as-heading-medium{
    font-size: 1.5em;
    line-height: 1.1666667em
}

.as-heading-medium--typeset-trailer{
    margin-bottom: .2916667em;
}

.as-heading-small{
    font-size: 1.125em;
    line-height: 1.3611111em
}

.social{
padding: 5px 0 0 0;
float:right;
}

.gbutton{
padding: 5px 10px 5px 10px;
float:left;
background-color: #8F2832;
color: #ffffff;
margin-top: 5px;
border-radius: 4px;
}

.gbutton:hover{
background-color: #8F2832;
color: #ffffff;
}

.gbutton a{
color: #ffffff;
}

/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport{width:device-width;}


/* Smartphone + Tablet
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:180px) and (max-width:750px) {
	.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}
	.fl_left, .fl_right{display:block; float:none;}
	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter, .one_fifth{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}
    .one_seventh{display:block; float:none; width:auto; margin:0 0 5px 0; padding:0;}
    .one_sixth{display:block; float:none; width:auto; margin:0 0 5px 0; padding:0;}
    .one_full{display:block; float:none; width:auto; margin:0 0 10px 0; padding:0; border-style: solid; border-width: 5px; border-color: white;}

	.last{margin-bottom:0;}

	#topbar{text-align:center;}
	#topbar .inline{margin-bottom:15px;}
	#topbar .faico li{float:none;}

	#header #logo{text-align:center; margin-bottom:15px;}

	#pageintro{padding:40px 0 50px;}
	.container{padding-bottom:50px;}
    .instr{padding-bottom:50px;}
	#info{padding-bottom:0px;}
	#footer{padding-bottom:20px;}
}

@media screen and (min-width:180px) and (max-width:900px) {
	#topbar, #header, #pageintro, #breadcrumb, .container, .instr, #info, #footer, #copyright, #omoss, #butiken, #kalendarium, #erbjudanden, #atabesoka, #konst{max-width:90%;}

	#topbar{}

	#header{}

	#pageintro{}

	#mainav{}
	#mainav ul{display:none;}
	#mainav form{display:block;}

	#breadcrumb{}

	.container{}
	#comments input[type="reset"]{margin-top:10px;}
	.pagination li{display:inline-block; margin:0 5px 5px 0;}

	#info{}

	#footer{}

	#copyright{}
	#copyright p:first-of-type{margin-bottom:10px;}
    .nyheter {margin-bottom: 15px;}
}


/* Max Wrapper Width - Laptop, Desktop etc.
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:978px) {
	#topbar, #header, #pageintro, #breadcrumb, .container, .instr, #info, #footer, #copyright, #butiken, #kalendarium, #erbjudanden, #omoss, #atabesoka, #konst{max-width:978px;}
}


/* Other
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:480px) {
	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.scrollable table{margin:0; padding:0; white-space:nowrap;}
    .as-heading-headline{font-size: 60px;}
	.xxl{font-size:40px;}
    .team{width: 100%; min-height: 350px;}
    .imgr{width: 100%;}
    .prislista {width: 100%;}
    .pris85 {width: 70%;}
    .pris15 {width: 30%;}
    .date {}
    
}

/* Other
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:480px) and (max-width:750px) {
	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.scrollable table{margin:0; padding:0; white-space:nowrap;}
    .as-heading-headline{font-size: 60px;}
	.xxl{font-size:60px;}
    .team{width: 100%; min-height: 600px;}
    .imgr{width: 100%;}
    .prislista {width: 100%;}
    .pris85 {width: 70%;}
    .pris15 {width: 30%;}
}

/*
Template Name: Viral
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
File: Layout CSS
*/