﻿    
                

                                    @import url(https://fonts.googleapis.com/css?family=Open+Sans);

                                    /**
                                    * html5doctor.com Reset Stylesheet v1.6.1 (https://html5doctor.com/html-5-reset-stylesheet/)
                                    * Richard Clark (https://richclarkdesign.com)
                                    * https://cssreset.com
                                    */

                                    /* ----------------------------- Menu Code ----------------------------- */

                                    .Headerbig20White {font-family: Prata;font-size: 1.0em;color: white;line-height:50px;font-weight: lighter;white-space:normal;text-decoration:none;}
                                    .Headerbig40White {font-family: Prata;font-size: 1.5em;color: white;line-height:80px;font-weight: lighter;white-space:normal;text-decoration:none;}


                                       .mainPopup1{ width: 641px;position: fixed;height: 226px; top: 25%; right: 40%;z-index:150;}

                                        .slideanim {visibility:hidden;}
                                        .slide {animation-name: slide;-webkit-animation-name: slide;animation-duration: 1s;-webkit-animation-duration: 1s;visibility: visible;}
                                        @keyframes slide {0% {opacity: 0;transform: translateY(70%);} 100% {opacity: 1;transform: translateY(0%);}}
                                        @-webkit-keyframes slide {0% {opacity: 0;-webkit-transform: translateY(70%);} 100% {opacity: 1;-webkit-transform: translateY(0%);}}
                                        @media screen and (max-width: 768px) {.col-sm-4 {text-align: center;margin: 25px 0;}.btn-lg {width: 100%;margin-bottom: 35px;}}
                                        @media screen and (max-width: 480px) {.logo {font-size: 150px;}}

                                        .front-Page-Input-Login{font-family: 'Open Sans', sans-serif;font-size: 1.2em;color: #5d5d5c;line-height:25px;border: 2px solid #f1f1f1;border-radius:3px;text-decoration: none;font-weight: lighter;border-radius:3px;}
                                        .front-Page-Input-Login-PW{font-family: 'Open Sans', sans-serif;font-size:2.2em;color: #5d5d5c;line-height:25px;border: 2px solid #f1f1f1;text-decoration: none;font-weight: lighter;border-radius:3px;}
                                        .front-Page-Input-Login:focus{font-family: 'Open Sans', sans-serif;font-size: 1.2em;color: #5d5d5c;background-color:white;border:1px solid #0527e2;line-height:25px;text-decoration: none;font-weight: lighter;}
                                        .front-Page-Input-Login-Wrong{font-family: 'Open Sans', sans-serif;font-size: 1.2em;color: #5d5d5c;background-color:white;border:1px solid #ee0022;border-radius:3px;line-height:35px;text-decoration: none;font-weight: lighter;}

                                        .front-Page-Desc-Reg{font-family: 'Open Sans', sans-serif;font-size: 1.0em;color: #5d5d5c;line-height:25px;border:2px solid #f1f1f1;text-decoration: none;font-weight: lighter;border-radius:3px;}
                                        .front-Page-Desc-Reg:focus{font-family: 'Open Sans', sans-serif;font-size: 1.0em;color: #5d5d5c;background-color:white;border:2px solid #f1f1f1;line-height:25px;text-decoration: none;font-weight: lighter;}
                                        .front-Page-Desc-Reg-Wrong{font-family: 'Open Sans', sans-serif;font-size: 1.0em;color: #5d5d5c;background-color:white;border:2px solid #ee0022;border-radius:3px;line-height:35px;text-decoration: none;font-weight: lighter;}
                                     
                                        .menyTwoHeader{font-family: sans-serif;font-size: 1.0em;color: #34393c;line-height:18px;font-weight: lighter;white-space:normal;text-decoration:none;}
                                        .menyTwoHeader:link{font-family: sans-serif;font-size: 1.0em;color: #34393c;line-height:18px;font-weight: lighter;white-space:normal;text-decoration:none;}

                                        .menyTwoHeaderMedium{font-family: sans-serif;font-size: 3.0em;color: #34393c;line-height:18px;font-weight: lighter;white-space:normal;text-decoration:none;}
                                        .menyTwoHeaderMedium:link{font-family: sans-serif;font-size: 3.0em;color: #34393c;line-height:18px;font-weight: lighter;white-space:normal;text-decoration:none;}

                                        .menyTwoHeaderLarge15{font-family: sans-serif;font-size: 1.5em;color: #34393c;line-height:18px;font-weight: lighter;white-space:normal;text-decoration:none;}
                                        .menyTwoHeaderLarge15:link{font-family: sans-serif;font-size: 1.5em;color: #34393c;line-height:18px;font-weight: lighter;white-space:normal;text-decoration:none;}


                                        .menyTwoHeaderLarge{font-family: sans-serif;font-size: 2.2em;color: #34393c;line-height:18px;font-weight: lighter;white-space:normal;text-decoration:none;}
                                        .menyTwoHeaderLarge:link{font-family: sans-serif;font-size: 2.2em;color: #34393c;line-height:18px;font-weight: lighter;white-space:normal;text-decoration:none;}


                                        .front-Page-Desc-12{font-family: 'Open Sans', sans-serif;font-size: 1.0em;color: #605d5d;line-height:18px;text-decoration: none;font-weight: lighter;white-space:normal;}
                                        .front-Page-Desc-12:link{font-family: 'Open Sans', sans-serif;font-size: 0.8em;color: ##605d5d;line-height:18px;text-decoration: overline;font-weight: lighter;white-space:normal;}

                                        .front-Page-Desc-calendar-08{font-family: 'Open Sans', sans-serif;font-size: 0.8em;color: white;text-decoration: none;font-weight: lighter;cursor:pointer;}
                                        .front-Page-Desc-calendar-08:hover{font-family: 'Open Sans', sans-serif;font-size: 0.8em;color:#e4e6f4;text-decoration: none;font-weight: lighter;cursor:pointer;}

                                        .front-Page-Desc-08{font-family: 'Open Sans', sans-serif, arial;font-size: 0.8em;font-weight: normal;font-style: normal;color: #3c3e61;text-decoration: none;}
                                        .front-Page-Header20-blue{font-family: 'Open Sans', sans-serif;font-size: 1.6em;color: #403c61;line-height:24px;}

                                        .UpdateButtonSmall{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;min-width:10px;width:50px;height:20px;padding:0px 4px 6px 4px;float:left;font-family: 'Open Sans', sans-serif;border: 1px solid #e0e0e4;font-size:0.85em;font-style:normal;text-align:center;color:White;text-decoration: none;display: block;background-color:#309408;border-radius:3px;}
                                        

                                        .mainEventPopup{position: fixed;min-width: 320px;width:100%;left:25%;top:20%;max-width:410px;z-index: 1001;background-color:#454c73;-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 20px 5px rgba(0,0,0,0.5);box-shadow: 0px 2px 20px rgba(0,0,0,0.5);}
                                        .LineListmMenyBox{height:30px;width: 100%;text-align:center;background-color: transparent;display: block;position:relative;float:left;padding:4px;font-size: 1.0em;font-family: 'Open Sans', sans-serif;}
                                        .LineListmMenyBox:link{height:30px;width: 30px;text-align:center;background-color: transparent;display: block;position:relative;float:left;padding:4px;font-size: 1.0em;font-family: 'Open Sans', sans-serif;}
                                        .LineListmMenyBox:hover{height:30px;width: 30px;text-align:center;background-color: #47507b;display: block;position:relative;float:left;padding:4px;font-size: 1.0em;font-family: 'Open Sans', sans-serif;}
                                    
                                        #hivir{background-color:red;width:100px;height:100px;display:block;position:relative;float:left;}
                                        #hivir1 {background-color:yellow;width:100px;height:100px;display:block;position:relative;float:left;}
                                            .mMenyCloseButton{text-align:center;display: block;position:relative;float:left;color:white;font-size: 1.0em;font-family: 'Open Sans', sans-serif;}
                                            .LineListmMeny{height: 18px;width: 100%;background-color:transparent;display: block;position:relative;float:left;}
                                            .LineListmMeny:hover{height: 18px;width: 100%;background-color: #47507b;display: block;position:relative;float:left;}

                                        /* width */::-webkit-scrollbar {width: 4px;}
                                        /* Track */::-webkit-scrollbar-track {background: #e2e6f4; }
                                        /* Handle */::-webkit-scrollbar-thumb {background: #b3bcd6; }
                                        /* Handle on hover */::-webkit-scrollbar-thumb:hover {background: #b3bcd6; }



                                              .menyHeaderbox{background-color:#e09900;max-height:100px;display:block;position:sticky;z-index:100;}
                                        
                                        .InclNavBarText{font-family: 'Open Sans', sans-serif;font-size: 0.9em;color: white;line-height:18px;font-weight: lighter;white-space:normal;text-decoration:none;}
                                        .InclNavBarText:link{font-family: 'Open Sans', sans-serif;font-size: 0.9em;color: white;line-height:18px;text-decoration: overline;font-weight: lighter;white-space:normal;text-decoration:none;}

                                        .LogOutButtonNav{font-family: 'Open Sans', sans-serif;font-size: 0.85em;color: white;line-height:18px;display:block;float:left;position:relative;font-weight: lighter;white-space:normal;text-decoration:none;width:60px;height:20px;}
                                        .LogOutButtonNav:link{font-family: 'Open Sans', sans-serif;font-size: 0.85em;color: white;line-height:18px;font-weight: lighter;white-space:normal;text-decoration:none;width:60px;height:20px;}

                                        .CalendarButtonFront{min-width:35px;width:100%;display:block;height:35px;text-align:center;color: white;font-family: 'Open Sans', sans-serif, arial;text-decoration:none;font-size: 0.8em;font-weight: normal;background-color:rgba(0, 0, 0, 0.2);cursor:pointer;border-right: #ffffff 1px solid;border-top: #ffffff 1px solid;border-left: #ffffff 1px solid;border-bottom: #ffffff 1px solid; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
                                        .CalendarButtonFront:hover{display:block;height:35px;min-width:35px;width:100%;text-align:center;color: white;font-family: 'Open Sans', sans-serif, arial;text-decoration:none;font-size: 0.8em;font-weight: normal;border-right: #ffffff 2px solid;border-top: #ffffff 2px solid;border-left: #ffffff 2px solid;border-bottom: #ffffff 2px solid; background-color:#565656;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
                                        .CalendarButtonFront-Selected{min-width:55px;height:35px;min-width:35px;width:100%;text-align:center;color: white;font-family: 'Open Sans', sans-serif, arial;text-decoration:none;font-size: 0.8em;font-weight: normal;border: #565656 2px solid;background-color:#565656;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
    
                                        .Meny2Header{font-family: 'Open Sans', sans-serif, arial;font-size: 1.2em;font-weight: normal;font-style: normal;color: #3c3e61;text-decoration: none;}
                                        .Meny2Text{font-family: 'Open Sans', sans-serif, arial;font-size: 0.95em;font-weight: normal;font-style: normal;color: #3c3e61;text-decoration: none;}
                                        .Meny2Text:hover{font-family: 'Open Sans', sans-serif, arial;font-size: 0.95em;font-weight: normal;font-style: normal;color: #12143b;text-decoration: none;clear: both;}
                                        .Meny2TextSelected{font-family: 'Open Sans', sans-serif, arial;font-size: 0.95em;font-weight: bold;font-style: normal;color: #12143b;text-decoration: none;}
                                      
                                        .FormHeader8{font-family: 'Open Sans', sans-serif, arial;font-size: 0.8em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;}
                                        .FormHeader12{font-family: 'Open Sans', sans-serif, arial;font-size: 1.2em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;}
                                        
                                        .FormHeader{font-family: 'Open Sans', sans-serif, arial;font-size: 0.85em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;}
                                        .FormHeader:link{font-family: 'Open Sans', sans-serif, arial;font-size: 0.85em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;font-style:normal;}
                                            
                                        .FormHeaderWrong{font-family: 'Open Sans', sans-serif, arial;font-size: 0.95em;font-weight: normal;font-style: normal;color: red;text-decoration: none;}
             
                                        .ContactButtonSmall{font-family: 'Open Sans', sans-serif;	border: 1px solid #e0e0e4;font-size:0.9em;font-style:normal;font-weight:lighter;text-align:center;color:White;opacity:1;text-decoration: none;display: block;height:auto;padding:10px;background-color:#595f68;border-radius:3px;min-width:95px;width:90%;/*Transition*/-webkit-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;}
                                        .ContactButtonSmall:hover{ font-family: 'Open Sans', sans-serif;	border: 1px solid #595f68;font-size:0.9em;font-style:normal;font-weight:lighter;text-align:center;color:White;opacity:1;text-decoration: none;display: block;height:auto;padding:10px;background-color:#597499;border-radius:3px;min-width:95px;width:90%;/*Transition*/-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;}
                                        
                                        .front-Page-Newspaper-link{font-family: 'Open Sans', sans-serif;font-size: 1.2em;color: #9f8e5f;cursor:pointer;line-height:25px;text-decoration: none;font-weight: normal;}
                                        .front-Page-Newspaper-link:link{font-family: 'Open Sans', sans-serif;font-size: 1.2em;color: #9f8e5f;cursor:pointer;line-height:25px;text-decoration: none;font-weight: normal;}
                                        .front-Page-Newspaper-link:visited{font-family: 'Open Sans', sans-serif;font-size: 1.2em;color: #9f8e5f;cursor:pointer;line-height:25px;text-decoration: none;font-weight: lighter;}
                                             
                                                                 

                    @media screen and (min-width: 320px)  
                                    
                                    { 

                                    /* ----- Modal 320px ----- */
                                        .w3-modal{z-index:993;display:none;padding-top:60px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4); }
                                        .w3-modal-content{margin:auto;background-color:#000;overflow:hidden;position:relative;padding:0;display:block;outline:0;min-height:100px;height:auto;min-width:250px;width:92%; margin:0% 0% 0% 2%;}
                                        .w3-modal-content-info{background-color:transparent;overflow:hidden;position:relative;padding:0;outline:0;min-width:250px;width:80%;margin:5% 5% 25% 10%;padding:10% 0% 0% 0%;}
                                        .w3-modal-reg-content{margin:auto;overflow:hidden;position:relative;padding:0;display:block;outline:0;min-height:100px;height:auto;min-width:220px;width:100%; margin:0% 0% 0% 0%;padding:0px;}
                                        .w3-modal-AllNews-content{background-color:transparent;position:relative;padding:0;top:160px;overflow:hidden;top:100px;outline:0;min-width:250px;width:315px;max-width:315px;margin:12% 4% 25% 2%}
                                        .w3-modal-AllNews-image{background-color:transparent;position:fixed;padding:0;top:160px;overflow:hidden;top:100px;outline:0;min-width:250px;width:315px;max-width:315px;margin:12% 4% 25% 2%}
                                        .w3-modal-NightWatch-content{background-color:transparent;position:relative;padding:0;top:60px;overflow:hidden;outline:0;min-width:250px;width:315px;max-width:315px;margin:5% 15% 25% 5%;}
                                        .w3-modal-sp-content{margin:auto;background-color:#000;overflow:hidden;position:relative;padding:0;display:block;outline:0;min-height:100px;min-width:250px;width:92%; margin:0% 0% 0% 2%}
                                        .w3-modal-Header{font-family: 'Open Sans', sans-serif;font-size:1.2em;color:#3c3e61;text-decoration: none;font-weight: bold;cursor:pointer;text-transform: uppercase;}
                                        .w3-modal-Desc{font-family: 'Open Sans', sans-serif;font-size: 0.95em;color:black;text-decoration: none;font-weight: lighter;cursor:pointer;  }
                                                    
                                        .sidenav {height: 100%;width: 0;position: fixed;z-index: 1900;top: 172px;left: 0;background-color: white;overflow-x: hidden;transition: 0.5s;padding-top: 40px;border-right:1pt solid #e9f0f5; }
                                        .sidenav .closebtn {position: absolute;top: 0;right: 25px;top: 60px;font-size: 36px;margin-left: 50px;}
                                        
                                        .TopDist{top:180px;display:block;position:relative;z-index:10; }

                                    #inclSubPagesMaster{background-color:transparent;overflow:hidden;position:relative;padding:0;outline:0;min-width:250px;width:100%;margin:10% 0% 5% 0%;}

                                    #inclpNavBar{position:absolute;display:none;float:left;top:148px;left:60px;}
                                          
                                    /* ----- Privacybanner 320px ----- */
                                        .w3-modal-privacy{background-color:transparent;overflow:hidden;position:relative;padding:0;outline:0;min-width:250px;width:300px;margin:2% 10% 5% 6%;}
                                    
                                    #col1Pr{min-width:250px;width:100%;display:block;position:relative;float:left;margin:20px;}
                                    #privacyBannerLogoImage{min-width:90px;width:35%;height:auto;display:block;position:relative;float:left;}
                                    #col11Pr{width:45%;min-height:10px;height:30px;display:block;position:relative;float:left;top:45px;margin:0px 0px 0px 20px;}
                                    #col2Pr{min-width:250px;width:90%;display:block;position:relative;float:left;margin:0px 4% 0px 4%;padding:0px 0px 20px 0px;}
                                    #col3Pr{width:100%;display:block;position:relative;float:left;}

                                        .MemberRightBoxTextBulletBoxSmall{min-width:250px;width:90%;display:block;height:15px;position:relative;float:left;margin:0px 4% 0px 4%;}
                                        .startPage-privacyBanner-Header{font-family: 'Open Sans', sans-serif;font-size:2.0em;color:#605d5d;text-decoration: none;cursor:pointer;line-height:22px; }
                                        .startPage-privacyBanner-Header:link{font-family: 'Open Sans', sans-serif;font-size:2.0em;color:#605d5d;text-decoration: underline;cursor:pointer;line-height:25px; } 
                                        .startPage-privacyBanner-Desc{font-family: 'Open Sans', sans-serif;font-size:0.85em;color:#605d5d;text-decoration: none;cursor:pointer;line-height:14px; }
                                        .startPage-privacyBanner-Desc:link{font-family: 'Open Sans', sans-serif;font-size:0.85em;color:#605d5d;text-decoration: none;cursor:pointer;line-height:14px; }    

                                        .startPage-privacyBanner-button{-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor:pointer;text-align:center;min-width:75px;width:90%;height:50px;margin:2% 4% 2% 4%;font-family: 'Open Sans', sans-serif;border: 1px solid #e0e0e4;font-size:0.85em;font-style:normal;text-align:center;color:White;text-decoration: none;display: block;background-color:#309408;border-radius:5px;}
                                        .startPage-privacyBanner-button:hover{-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor:pointer;background-color:#36a709;}
                                                    
                              
                                    /* ----- SearchBox 320px ----- */
                                    #ShowSearchInTop{width: 210px;padding-top: 65px;height: 50px;float: right;position: relative;display: block;margin-right:0%;}

                                    /* ----- Startsida 320px ----- */
                                    #wrapper{width: 98%;min-height: 600px;height:auto;position: relative;padding:0% 0% 0% 0%;z-index:1;display:block;}
                                    #wrappern{width: 100%;min-height: 600px;height:auto;position: relative;display:block;background-color: transparent;padding:35% 2% 0% 2%;z-index:1;}
                                    #main{min-width:190px;width:96%;min-height:10px;height:100%;background-color:transparent;display:block;margin:5% 0% 0% 0% ;padding:0%;}
                                    
                                        .startPagemainBackground{width:100%; padding-top:10px;height:auto;display:block;z-index:4; background-color:white;}

                                    /* ----- Header 320px ----- */
                                    
                                    #MenyHeaderBox{width:100%;height:150px;top:0px;left:0px;display:block;position:fixed;float:left;z-index:99;background-color:white;border-bottom:20px solid #597499;padding:0% 5% 0% 2.5%;}
                                    #newMMeny{height:31px;width:31px;cursor:pointer;display:block;margin:22px;float:left;position:relative;top:20%;left:-1.2%;background-image: url('../Imgfavicon/tre-korv-bla-a.png');background-repeat: no-repeat;content:'&#9776;';background-color:transparent;}
                                    #newMMeny:hover{height:31px;width:31px;cursor:pointer;display:block;float:left;position:relative;top:20%;left:-1.2%;background-image: url('../Imgfavicon/tre-korv-bla-a.png');background-repeat: no-repeat;content:'&#9776;';background-color:transparent;}
                                    #newMMenyClose{height:31px;width:31px;cursor:pointer;display:block;margin:22px;float:left;position:relative;top:20%;left:-1.2%;background-image: url('../Imgfavicon/tre-korv-bla-a.png');background-repeat: no-repeat;content:'&#9776;';background-color:transparent;}
                                    #menyLogo {width: 100px;padding-top: 10px;height: auto;float: left;position: relative;display: block;margin-left:5%;}
                                    #menyLogoImage{min-width:100px;width:100px; display:block;position:relative;float:left;height:auto;}
                                    
                                    #menyTitleTextBox{min-width: 100px;width:80%; padding: 0;margin:60px 0px 0px 0px; min-height:10px;height: 30px;float: left;position: relative;display: block;}
                                    #menyTitleText{font-family: 'Open Sans', sans-serif;min-width:200px;width:auto;height:auto;font-size: 2.7em;line-height:20px;color: #84a0b8;text-decoration: none;font-weight: 900;cursor:pointer;margin:8% 12% 0% 0%}
                                    .surveyPage-Header-1 {font-family: 'Open Sans', sans-serif;font-size: 1.6em;color: white;line-height: 35px;text-decoration: none;font-weight: lighter;text-transform: uppercase;}
                        
                                    
                                    /* ----- MemberLoginBox 320px ----- */
                                    #memberLoginBox{min-width:230px;width:420px;min-height:280px;height:auto;margin:15% 10% 25% 40%;z-index:100;border-radius:1px;-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 20px 5px rgba(0,0,0,0.5);box-shadow: 0px 2px 20px rgba(0,0,0,0.5);display:block;position:fixed;float:left;background-color:white;border: 3px solid #d6e0e8;padding:10px;}

                                    /* ----- MemberRegistrationBox 320px ----- */
                                    #MemberRegistrationBox{min-width:275px;width:17%;min-height:280px;height:auto;margin:19% 5% 35% 5%;border-radius:5px;display:block;position:relative;float:left;background-color:white;border: 4px solid #b1c3d0;border-radius:3px;padding:10px;}

                                    /* ----- inclfrontSlider 320px ----- */
                                    #inclfrontSlider{display:none;}
                                    #meny1ContactInfo{min-width:190px;width:80%;height:auto;margin:5% 5% 5% 5%;float:left;position:relative;display:none;margin-top:40px;}
                                    
                                    /* ----- Startsida Huvudsida 320px ----- */
                                    #StartPageTopBox{min-width:190px;width:100%;height:auto;float:left;position:relative;display:block;padding-top:10px;z-index:99;background-color:white;}
                                        
                                     
                                    /* ----- Förstasidan rad 1 320px ----- */
                                    #StartPageRow1{min-width:190px;width:100%;height:auto;float:left;position:relative;display:block;margin-bottom:2%;}
                                        
                                    #startPageOuterBlockNews{min-width:190px;width:100%;min-height:0px;height:auto;float:left;display:block;position:relative;border:0px solid #f3f3f5;background-color:white;}
                                
                                  
               
                         
                
                                    /* ----- Startsidan rad 5 320px ----- */
                                    #StartPageRow5{min-width:190px;width:100%;height:auto;float:left;position:relative;display:block;}

                                    /* ----- Stor annons 320px ----- */
                                    #startPageBoxAdvertMain{min-width:190px;width:100%;min-height:10px;height:auto;float:left;position:relative;display:block;margin:2% 0% 0% 0%;}
                                        .AdvertMainOuterContainer{min-width:190px;width:96%;height:auto;float:left;position:relative;display:block;border:5px solid #eaf3f6;background-color:white;}
                                        .imageAdvertMain{display:block;width:100%;height:auto;}

                                    /* ----- Startsidan Högerkolumn 320px ----- */
                                    
                                    /* ----- Kalender 320px ----- */
                                    #startPageBoxCalendar {min-width:190px;width:100%;min-height:50px;height:auto;float:left;position:relative;display:block;margin:0% 0% 2% 0%;}

                                        .CalendarHeaderBox{min-width:190px;width:100%;min-height:38px;height:auto;height:auto;background-color:#597499;border:1px solid #e0e0e4;display:block;position:relative;float:left;}
                                        .CalendarHeaderText{ display:block;padding:10px 8px 8px 8px;font-family:  sans-serif,'Open Sans';font-size: 0.90em;font-weight: normal;font-style: normal;color: white;text-align:left;text-decoration: none;}
                                    
                                    #CalendarLeft{min-width:30px;width:15%;float:left;display:block;min-height:50px;height:auto;position:relative;padding:1.7% 0% 0% 0%;}
                                    #CalendarRight{min-width:60px;width:65%;float:left;display:block;min-height:50px;height:auto;position:relative;padding:3% 0% 0% 0%;}

                                        .CalendarInfoPlainRed{font-family: 'Open Sans', sans-serif;font-size: 0.85em;color: Red;text-decoration: none;font-weight: lighter;cursor:pointer;line-height:16px;text-align:center;}
                                        .CalendarInfoPlain{font-family: 'Open Sans', sans-serif;font-size: 0.85em;color: #3c3e61;text-decoration: none;font-weight: lighter;cursor:pointer;line-height:16px;text-align:center;}
                                        .CalendarInfoBoxDateRed{font-family: 'Open Sans', sans-serif;font-size: 0.85em;color: Red;text-decoration: none;font-weight: lighter;cursor:pointer;line-height:16px;text-align:center;}
                                                
                                        .CalendarInfoBoxDate{font-family: 'Open Sans', sans-serif;font-size: 0.90em;color: #3c3e61;text-decoration: none;font-weight: lighter;cursor:pointer;line-height:16px;text-align:center;}
                                        .CalendarInfoBoxText{font-family: 'Open Sans', sans-serif;font-size: 0.90em;color: #3c3e61;text-decoration: none;font-weight: lighter;cursor:pointer;line-height:16px;text-align:center;}
                                        
                                        .TextInputHeader{font-family: 'Open Sans', sans-serif;font-size:0.9em;color:#3c3e61;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;}
                                        
                                        .TextPaginationHeader{font-family: 'Open Sans', sans-serif;font-size:0.9em;color:#3c3e61;text-decoration: none;font-weight: normal;text-transform: none;}
                                        .TextPaginationHeaderBold{font-family: 'Open Sans', sans-serif;font-size:0.9em;color:#3c3e61;text-decoration: none;font-weight: bold;text-transform: none;}

                                        .TextInput{outline:none;font-family: 'Open Sans', sans-serif;color: #403c61;border: 1px solid #dddeec;height: 40px;width: auto;font-size:1.0em;font-style:normal;font-weight:lighter;overflow:inherit;outline:no;text-decoration: none;float:left; overflow: auto;display: block;line-height:100%;background-color: transparent;-webkit-border-radius: 0 2pt 2pt 0  ;-moz-border-radius:  2pt 0 2pt  0  ;border-radius: 3pt 0 0 3pt  ;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;}   
                                        .TextInput:focus{outline:none;font-family: 'Open Sans', sans-serif;	color: #403c61;border: 1px   solid #dddeec;height: 40px;width: auto;font-size:1.0em;font-style:normal;font-weight:lighter;overflow:hidden;opacity:1;text-decoration: none;padding: 8 10 11 20;overflow: auto;display: block;line-height:100%;-webkit-border-radius: 0 5pt 5pt 0  ;-moz-border-radius: 0 5pt  0  ;border-radius: 3pt 0 0 3pt  ;-webkit-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;}


                                        .SearchInput{outline:none;font-family: 'Open Sans', sans-serif;color: #403c61;border-left: 1px   solid #dddeec;border-bottom: 1px   solid #dddeec;border-top: 1px   solid #dddeec;border-right: 0px   solid #dddeec;height: 40px;width: 200px;font-size:1.0em;font-style:normal;font-weight:lighter;overflow:inherit;outline:no;text-decoration: none;float:right; overflow: auto;display: block;line-height:100%;background-color: transparent;-webkit-border-radius: 0 2pt 2pt 0  ;-moz-border-radius:  2pt 0 2pt  0  ;border-radius: 3pt 0 0 3pt  ;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;}   
                                        .SearchInput:focus{outline:none;font-family: 'Open Sans', sans-serif;	color: #403c61;border: 1px   solid #dddeec;height: 40px;width: 200px;font-size:1.0em;font-style:normal;font-weight:lighter;overflow:hidden;opacity:1;text-decoration: none;padding: 8 10 11 20;overflow: auto;display: block;line-height:100%;-webkit-border-radius: 0 5pt 5pt 0  ;-moz-border-radius: 0 5pt  0  ;border-radius: 3pt 0 0 3pt  ;-webkit-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;}

                                        .searchButton {border-radius: 0pt 3pt 3pt 0pt  ;border-left: 0px   solid #dddeec;border: 1px   solid #dddeec;background-color: transparent;background-image: url('../Imgfavicon/searchglass.png');position:relative;background-repeat:no-repeat;width:38px;height:40px;margin:0px 4px 4px 4px;padding:8px 8px 8px 8px;float:right;}


                                        .TextMenyHeader{font-family: 'Open Sans', sans-serif;font-size:0.9em;color:#3c3e61;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;}
               
                                        .pageHeaderStartPage{font-family: 'Open Sans', sans-serif;font-size:1.1em;color:#3c3e61;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;}
                                        
                                        .pageInfoStartPageOK{font-family: 'Open Sans', sans-serif;font-size:1.0em;color:#078705;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: bolder;cursor:pointer;text-transform: none;}
                                        .pageInfoStartPageNOK{font-family: 'Open Sans', sans-serif;font-size:1.0em;color:#ef2929;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: bolder;cursor:pointer;text-transform: none;}

                                        .pageHeader{font-family: 'Open Sans', sans-serif;font-size:2.2em;color:#3c3e61;min-height:10px;display:block;line-height:18px;text-decoration: none;font-weight: normal;cursor:pointer;text-transform: none;}

                                        .AdminButton{font-family: 'Open Sans', sans-serif, arial;color: #757575;font-size:0.85em;font-style:normal;font-weight:lighter;text-align:center;opacity:1;overflow: hidden;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;;text-decoration:none;}

                                        .AdminButton:hover{font-family: 'Open Sans', sans-serif, arial;color:Black;font-size:0.85em;font-style:normal;font-weight:lighter;text-align:center;opacity:1;overflow: hidden;text-decoration:none;}
 
                                        .AdminButton-selected{font-family: 'Open Sans', sans-serif, arial;color:#47507b;background-color:#b1c3d0;font-size:0.85em;font-style:normal;font-weight:bold;text-align:center;opacity:1;overflow: hidden;text-decoration:none;}}

                                        .AdminButtonMedium{font-family: 'Open Sans', sans-serif, arial;color: #757575;background-color:#9d9d9d;font-size:0.85em;font-style:normal;font-weight:lighter;text-align:center;opacity:1;overflow: hidden;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;;text-decoration:none;}

                                        .AdminDeleteButton{font-family: 'Open Sans', sans-serif, arial;color: white;background-color:#d91414;font-size:1.0em;font-style:normal;font-weight:lighter;text-align:center;opacity:1;overflow: hidden;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;;text-decoration:none;}

                                        .AdminDeleteButton:hover{font-family: 'Open Sans', sans-serif, arial;color:white;background-color:#e15050;font-size:1.0em;font-style:normal;font-weight:lighter;text-align:center;opacity:1;overflow: hidden;text-decoration:none;}
                                        .AdminDeleteButton-selected{font-family: 'Open Sans', sans-serif, arial;color:white;background-color:#e15050;font-size:1.0em;font-style:normal;font-weight:lighter;text-align:center;opacity:1;overflow: hidden;text-decoration:none;}
 
                                        .AdminUpdateButton{font-family: 'Open Sans', sans-serif, arial;color: white;background-color:#2fb60f;font-size:1.0em;font-style:normal;font-weight:lighter;text-align:center;opacity:1;overflow: hidden;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;;text-decoration:none;}

                                        .AdminUpdateButton:hover{font-family: 'Open Sans', sans-serif, arial;color:white;background-color:#70c85b;font-size:1.0em;font-style:normal;font-weight:lighter;text-align:center;opacity:1;overflow: hidden;text-decoration:none;}
                                        .AdminUpdateButton-selected{font-family: 'Open Sans', sans-serif, arial;color:white;background-color:#e15050;font-size:1.0em;font-style:normal;font-weight:lighter;text-align:center;opacity:1;overflow: hidden;text-decoration:none;}
 
                                        .AdminPushButton{font-family: 'Open Sans', sans-serif, arial;color: white;font-size:0.85em;font-style:normal;font-weight:lighter;text-align:center;min-height:20px;height:auto;min-width:10px;width:100%;background-color:#3c3e61;border-radius:3px;opacity:1;overflow: hidden;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;;text-decoration:none;}
                                        .AdminPushButton:hover{font-family: 'Open Sans', sans-serif, arial;color:white;font-size:0.85em;font-style:normal;font-weight:lighter;text-align:center;opacity:1;overflow: hidden;text-decoration:none;}
 
                                        .AdminPushButton-selected{font-family: 'Open Sans', sans-serif, arial;color:white;background-color:#a30c0c;font-size:0.85em;font-style:normal;font-weight:bold;text-align:center;opacity:1;overflow: hidden;text-decoration:none;border-radius:3px;}
                                        .AdminPushButton-selected:hover{font-family: 'Open Sans', sans-serif, arial;color:white;background-color:#e63434;font-size:0.85em;font-style:normal;font-weight:bold;text-align:center;opacity:1;overflow: hidden;text-decoration:none;border-radius:3px;}



                                         .ImageMember {min-width:150px;width: 10%;min-height:150px;height: 10%;background-repeat: no-repeat;background-size: contain;border-radius:80px;}
                                         .ImageMemberList {min-width:40px;width: 10%;min-height:40px;height: 10%;margin:0px 10px 10px 0px; background-repeat: no-repeat;background-size: contain;border-radius:80px;}


                                    /* ----- Popup Kontakt 320px ----- */
                                        .w3-modal-Popup{background-color:transparent;position:fixed;overflow:hidden;padding:0;outline:0;min-width:150px;width:87%;min-height:400px;height:90%;margin:5% 3% 25% 3%;}
                                    
                                    #inclSubPagePopmain{min-width:210px;width:95%;min-height:400px;height:auto;float:left;position:relative;z-index:99;top:40px;display:block;background-color:white;border: 4px solid #b1c3d0;border-radius:3px;margin:2% 2% 2% 2%;}
                                    #inclSubPagePopmainBox{min-width:210px;width:100%;min-height:10px;height:auto;float:left;position:relative;display:block;background-color:white;}
                                        .PopupContactLargeHeader{font-family: 'Open Sans', sans-serif, arial;font-size: 1.1em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;padding:4% 2% 2% 2%;}        
                                        .Popup-Reg{font-family: 'Open Sans', sans-serif;font-size: 0.90em;color: #403c61;line-height:18px;border:1px solid white;background-color:#cfd4e7;text-decoration: none;font-weight: lighter;border-radius:3px;min-width:150px;width:98%;height:40px;padding:4px}
                                        .Popup-Reg:focus{font-family: 'Open Sans', sans-serif;font-size: 0.90em;;color: #403c61;background-color:white;border:1px solid #0527e2;line-height:18px;text-decoration: none;font-weight: lighter;min-width:150px;width:98%;height:40px;padding:4px}
                                        .Popup-Wrong{font-family: 'Open Sans', sans-serif;font-size: 0.90em;color: #403c61;background-color:white;border:1px solid #ee0022;border-radius:3px;line-height:18px;text-decoration: none;font-weight: lighter;min-width:150px;width:98%;height:40px;padding:4px}
                                    
                                    #inclSubPagePopInfoImageBox{min-width:10px;width:100%;min-height:10px;height:auto;float:left;position:relative;display:none;}
                                        .inclSubPagePopInfoImage{min-width:110px;width:97%;min-height:150px;height:auto;border:2px solid #b1c3d0;margin:0% 1% 2% 1%;}
                                    
                                    #inclSubPagePopMessageBox{min-width:150px;width:100%;min-height:10px;height:auto;float:left;position:relative;display:block;margin:2% 1% 2% 3%;}
                                        .FormHeaderPop{font-family: 'Open Sans', sans-serif, arial;font-size: 0.90em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;line-height:16px;}
                                        .FormHeaderPop:link{font-family: 'Open Sans', sans-serif, arial;font-size: 0.90em;font-weight: normal;font-style: normal;color: #403c61;text-decoration: none;font-style:normal;}
                                    
                                 
                                  
                                    /* ----- Sökresultat 320px OK ----- */
                                    #SearchResultBox{min-width:230px;width:100%;min-height:450px;border:1px solid white;margin-bottom:10px;margin-top:10%;transition: margin-left .5s;background-color:#f3f3f5;}

                            
                                    /* ----- Fot 320px ----- */
                                    #footern{display:block;position:relative;float:left;width:100%;min-height:450px;height:auto;background-color:#5c7498;}
                                    #footerInnerBox{min-width:280px;width:95%;min-height:10px;height:auto;float:left;position:relative;display:block;margin:1% 10% 0% 2%;}
                                    #footerBox1{min-width:120px;width:100%;min-height:10px;height:auto;float:left;position:relative;display:block;margin:2% 0% 0% 0%;}
                                    #footerBox2{min-width:120px;width:100%;min-height:10px;height:auto;float:left;position:relative;display:block;margin:2% 0% 0% 0%;}
                                    #footerBox3{min-width:120px;width:100%;min-height:10px;height:auto;float:left;position:relative;display:block;margin:2% 0% 0% 0%;}
                                    #footerBox4{min-width:220px;width:100%;min-height:10px;height:auto;float:left;position:relative;display:block;margin:2% 0% 0% 0%;}
                                        .plainTextWhite10FooterHeader{font-family: 'Open Sans', sans-serif, arial;font-size: 0.90em;font-weight: normal;font-style: normal;color: white;text-decoration: none;text-align:center;}
                                        .plainTextWhite10FooterText{font-family: 'Open Sans', sans-serif, arial;font-size: 0.90em;font-weight: normal;font-style: normal;color: white;text-decoration: none;text-align:center;}
                                        .front-Page-footer-link{font-family: 'Open Sans', sans-serif;font-size: 0.85em;color: #e4c5a5;cursor:pointer;line-height:25px;text-decoration: none;font-weight: normal;text-align:center;}
                                        .front-Page-footer-link:link{font-family: 'Open Sans', sans-serif;font-size: 0.85em;color: #e4c5a5;cursor:pointer;line-height:20px;text-decoration: none;font-weight: normal;text-align:center;}
                                        .front-Page-footer-link:visited{font-family: 'Open Sans', sans-serif;font-size: 0.85em;color: #e4c5a5;cursor:pointer;line-height:20px;text-decoration: none;font-weight: lighter;text-align:center;}

                                    }
 
                    
                  