@charset "utf-8";
/* CSS Document */


body{background-size:cover;background:fixed;background-repeat:no-repeat;margin: 0px 0px 0px 0px; max-width: 100%; padding-bottom:0px; min-height: 100%;-webkit-text-size-adjust: none;background-color:#fff8f1; font-family: source-sans-pro, sans-serif; font-weight: 400; font-style: normal;} 

a:link {color:#000000} 
a:visited {color:#000000}
a:hover {color:#464646}
a:active {color:#000000; font-weight: bold}
a { text-decoration: none; }

p{font-size: 20px}
@media only screen and (max-width: 1151px) {p{font-size: 18px}}

.showCELL{display: none;}
.mobHUVUDdiv{font-weight: 400; font-style: normal; font-size:95%;border:0px #bebebe solid;background-color: #fff8f1;
background-image: linear-gradient(90deg,rgba(215,132,40,0.9),rgba(215,132,40,0.4),rgba(215,132,40,0.2),rgba(215,132,40,0.4),rgba(215,132,40,0.9))	
	;float: left; position:fixed; margin: 0px 0px 5px 0px; padding: 6px 3px 0px 7px; cursor: pointer;z-index: 20;  top:0; left:0; width: 45px; height: 32px; border-radius:0px 0px 0px 0px; color:#000000} 
.mobMENYtext{font-family: degular, sans-serif; font-weight: 600; font-style: normal;}


.mobillinksOMSLAG{ position: fixed !important; position: absolute;margin: 46px 0px 0px 0px; padding: 0px;z-index: 20 ;bottom:0; top:0; overflow: hidden; overflow-y: auto; border: 0px #FFFFFF solid }

.mobMENYlinks{background-color: #fff8f1;
background-image: linear-gradient(90deg,rgba(215,132,40,0.9),rgba(215,132,40,0.4),rgba(215,132,40,0.2),rgba(215,132,40,0.4),rgba(215,132,40,0.9));
padding: 5px 0px 10px 0px;
}


.grundtabell{max-width: 1920px; width: 100%; height: 100vh; margin: 0px auto 0px auto }

.grundtabellTR{display: none}


.loggalink{width: 100%; height: 100%; border: 0px #ffffff solid;}
@media only screen and (max-width: 767px) {.loggalink{width: 110px; height: 110px; border: 0px #ffffff solid;margin: 0px auto 0px auto}}

.grundtabellHEADleft{width: 265px; height: 265px; background-color: #000000;background-image:url("/bilder/logga.jpg");background-repeat:no-repeat;background-position: 0px 0px; background-size: cover; margin: 0px; padding: 0px} 
@media only screen and (max-width: 1151px) {.grundtabellHEADleft{height: 200px;width: 200px;background-size: 200px;}}
@media only screen and (max-width: 767px) {
.showCELL{display: block;}	
.grundtabellTR{display: table-row}
.grundtabellHEADleft{height: 110px;width: 100%;background-size: 110px;background-position: center}
.grundtabellHEADright{display: none}
.grundtabellHEADleftMOB{display: none}
.grundtabellHEADrightMOB{height: 110px;width: 100%;background-image:url("/bilder/header01.jpg");background-repeat:no-repeat;background-position: 0px 0px; background-size: 100%; margin: 0px; padding: 0px}
}


.grundtabellHEADright{background-image:url("/bilder/header01.jpg");background-repeat:no-repeat;background-position: 0px 0px; background-size: cover; margin: 0px; padding: 0px}
.grundtabellMAIN{border-top: 5px #000000 solid; padding: 0px 0px 50px 0px}
.grundtabellFOOT{height: 150px; border-top: 5px #000000 solid;background-image: linear-gradient(90deg,rgba(215,132,40,0.9),rgba(215,132,40,0.4),rgba(215,132,40,0.2),rgba(215,132,40,0.4),rgba(215,132,40,0.9));}

.tonadbakgrund{background-image: linear-gradient(90deg,rgba(215,132,40,0.9),rgba(215,132,40,0.4),rgba(215,132,40,0.2),rgba(255,255,255,0.1),rgba(215,132,40,0.2),rgba(215,132,40,0.4),rgba(215,132,40,0.9));}

 
.linkblockMAIN{border: 0px #000000 solid; font-family: degular, sans-serif; font-weight: 600; font-style: normal; display: inline-block; width: 100%;padding: 10px 0px 10px 0px;
background-image: linear-gradient(rgba(215,132,40,0.9),rgba(215,132,40,0.8),rgba(215,132,40,0.7),rgba(215,132,40,0.5),rgba(215,132,40,0.3),rgba(215,132,40,0.1),transparent);}

@media only screen and (max-width: 767px) {.linkblockMAIN{display:none}}


.linkblockINNER{border: 0px #000000 solid; display: inline-block; width: 100%; text-align: center} 
 
.linkblockLINK{display: inline-block; text-transform: uppercase; font-size: 30px; margin: 0px 15px 0px 15px}
.linkblockLINKinput{margin: 0px 0px 0px 0px; width: 300px; text-align: center}
@media only screen and (max-width: 1151px) {.linkblockLINK{font-size: 25px; margin: 0px 15px 0px 15px}}

@media only screen and (max-width: 767px) {.linkblockLINK{display: block;font-size: 25px; margin: 0px 15px 0px 15px;font-family: degular, sans-serif; font-weight: 600; font-style: normal;}}





.headerRUBRIK{font-family: degular, sans-serif; font-weight: 400; font-style: normal;text-align: center; font-size: 55px; padding: 0px 0px 7px 0px;margin: 20px 0px 0px 0px }
@media only screen and (max-width: 1151px) {.headerRUBRIK{font-size: 50px; padding: 0px 0px 7px 0px;margin: 0px 0px 7px 0px}}
@media only screen and (max-width: 767px) {.headerRUBRIK{font-size: 48px;padding: 0px 0px 7px 0px;margin: 0px 0px 0px 0px}}
@media only screen and (max-width: 655px) {.headerRUBRIK{font-size: 45px;padding: 0px 0px 7px 0px;margin: 0px 0px 0px 0px}}
@media only screen and (max-width: 600px) {.headerRUBRIK{font-size: 40px;padding: 0px 0px 7px 0px;margin: 0px 0px 0px 0px}}
@media only screen and (max-width: 550px) {.headerRUBRIK{font-size: 35px;padding: 6px 0px 11px 0px;margin: 0px 0px 0px 0px}}




.headerLASTCOLOR{color: #d06e01}

.textfalt{font-size: 20px; padding: 0px; width: 33.5%; margin: 40px auto 0px auto; text-align: left;font-family: source-sans-pro, sans-serif; font-weight: 400; font-style: normal;opacity:0.5}  
@media only screen and (max-width: 1599px) {.textfalt{width: 40%;}}
@media only screen and (max-width: 1439px) {.textfalt{width: 45%;}}
@media only screen and (max-width: 1439px) {.textfalt{width: 55%;}}
@media only screen and (max-width: 1151px) {.textfalt{width: 58%;}}
@media only screen and (max-width: 767px) {.textfalt{width: 80%;margin:40px auto 0px auto}}


.tonadbakgrundBILD{text-align: center; margin: 40px 0px 0px 0px;padding:0px 10px 0px 10px }
.tonadbakgrundBILDbild{max-width: 33.5%}
@media only screen and (max-width: 1599px) {.tonadbakgrundBILDbild{max-width: 40%}}
@media only screen and (max-width: 1439px) {.tonadbakgrundBILDbild{max-width: 45%}}
@media only screen and (max-width: 1439px) {.tonadbakgrundBILDbild{max-width: 55%}}
@media only screen and (max-width: 1151px) {.tonadbakgrundBILDbild{max-width: 58%}}
@media only screen and (max-width: 767px) {.tonadbakgrundBILDbild{max-width: 100%;margin:0px auto 0px auto}.tonadbakgrundBILD{margin: 40px 0px 0px 0px;padding:20px 0px 20px 0px }}


.footerTRmob{display: none}
@media only screen and (max-width: 767px) {.footerTR{display: none}.footerTRmob{display: table-row}}

.footerDIVytter{border: 0px #000000 solid; display: flex;width: 100%; text-align: center; margin: 10px auto 10px auto;  }

.footerDIVytterMOB{border: 0px #000000 solid; display: inline-block;width: 100%; text-align: center; margin: 0px auto 10px auto;  }


.footerDIV{border: 0px #000000 solid; display: block; width: 30%;margin: 0px auto 0px auto;vertical-align: top;text-align: left}
@media only screen and (max-width: 767px) {.footerDIV{width: 100%; height: 115px}}
.footerDIVcenter{text-align: center}


.footerloggaDIV{text-align: center; background-color: #000000 }
.footerlogga{width: 200px}
@media only screen and (max-width: 767px) {.footerlogga{width: 110px}}

.footerTEXT{font-family: degular, sans-serif; font-weight: 400; font-style: normal;font-size: 25px; margin: auto 0px auto 0px }
@media only screen and (max-width: 767px) {.footerDIVcenter{margin: -40px 0px 0px 0px}}
.footerRUBRIK{font-size: 30px; color: #d06e01}
@media only screen and (max-width: 767px) {.footerRUBRIK{display: none}}
.footerRUBRIKsmall{font-size: 20px; color: #d06e01}
.footerADRESS{margin: auto 0px auto 0px; text-align: center}
.footerEPOST{margin: -7px 0px 2px 0px }

.adminINLOGG{position:absolute; right:0; top:0; padding:10px 10px 10px 10px; text-align:right; background-color:rgba(0,0,0,0.8); color:white;border-radius: 0px 0px 0px 20px; font-size:13px}
.adminEMAIL{font-size:20px; color:white; margin: -5px 0px 0px 0px }
.adminLOGGAUT{font-size: 15px; color: red; font-weight:600}

.uppdateraknapp{font-size:16px; font-weight: bold}

.galleriDIV{display: inline-block; vertical-align: top; max-width: 500px; background-image: linear-gradient(180deg,rgba(255,248,241,0.7),rgba(255,248,241,1),rgba(255,248,241,1),rgba(255,248,241,1),rgba(255,248,241,1),rgba(255,248,241,1),rgba(255,248,241,0.7));  margin: 0px 7px 20px 7px;}
.galleriTEXT{margin:-20px 5px 0px 5px; padding: 10px 20px 5px 20px; text-align: left; max-width: 500px; }
.galleriBILD{max-height:300px;margin: 15px 15px 10px 15px}


@media only screen and (max-width: 767px) {
.galleriDIV{display: block;width: 100%; margin: 0px 0px 20px 0px}
.galleriTEXT{max-width: 100%;width: 78%;margin:-20px 0px 0px 0px; padding: 10px 0px 5px 0px; }
.galleriBILD{max-height: auto; width:80%}
	

}













