@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
 */

#hybridmenu ul, #hybridmenu li, #mobile-menu ul, #mobile-menu li, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}



/* ----------------------------- JQuery UI ----------------------------- */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}

/* ----------------------------- Custom Code ----------------------------- */



* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}



 



h1 {
  font-size: 23px;
  line-height: 26px;
  padding-bottom: 20px;
}

p {
  padding-bottom: 5px;
}

/* ----------------------------- Menu Code ----------------------------- */
.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;
 
}

#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;
}
.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;
 }
.mMenyCloseButton
{
      text-align:center;
  border:1px solid red;
    display: block;
    position:relative;
    float:left;
   color:white;
    font-size: 1.0em;
    font-family: 'Open Sans', sans-serif;
 
}

                                    .SurveyButtonGreen
                                    {
                                    height:40px;
                                    width: 70px;
                                    text-align:center;
                                    background-color: #1ea90e;
                                    border-radius:3px;
                                    line-height:35px;
                                    color:white;
                                    display: block;
                                    position:relative;
                                    float:left;
                                    font-variant-caps:unicase;
                                    font-size: 1.0em;
                                    font-family: 'Open Sans', sans-serif;
                                    }

                                    .SurveyButtonGreen:hover

                                    {
                                    height:40px;
                                    width: 70px;
                                    text-align:center;
                                    background-color: #1ea90e;
                                    border-radius:3px;
                                    line-height:35px;
                                    color:white;
                                    display: block;
                                    position:relative;
                                    float:left;
                                    font-variant-caps:unicase;
                                    font-size: 1.0em;
                                    font-family: 'Open Sans', sans-serif;
                                     }

                                    .SurveyButtonRed

                                    {
                                    height:40px;
                                    width: 70px;
                                    text-align:center;
                                    background-color: #800d22;
                                    border-radius:3px;
                                    line-height:35px;
                                    color:white;
                                    font-weight:bold;
                                    display: block;
                                    position:relative;
                                    float:left;
                                    font-variant-caps:unicase;
                                    font-size: 1.0em;
                                    font-family: 'Open Sans', sans-serif;
                                     }
                                       
                                    .SurveyButtonRed:hover
                                    {
                                    height:40px;
                                    width: 70px;
                                    text-align:center;
                                    background-color: #800d22;
                                    border-radius:3px;
                                    line-height:35px;
                                    color:white;
                                    font-weight:bold;
                                    display: block;
                                    position:relative;
                                    float:left;
                                    font-variant-caps:unicase;
                                    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;
 
}
.mMenyKat1Text
{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	font-style: normal;
	color: White;
	text-decoration: none;
}
.mMenyKat2Text
{
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
	color: White;
    text-decoration: none;

}
.mMenyKat2Text:link
{
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
	color: White;
    text-decoration: none;
}

#hybridmenu {
    -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    position: fixed;
    width: 100%;
    font-family: arial, 'Open Sans' , sans-serif;
    background-color: #5c669a;
    top: 0;
    z-index: 1000;
    left: 0;
    height: 103px;
    padding-top:60px;
    padding-left:2%;
    background-color: #5c669a;
    white-space: nowrap;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #b0b0b0;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
 
 
     
}
#mhybridmenu {
    -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);
    position: fixed;
    width: 100%;
    font-family: Arial, Tahoma, Verdana;
    background-color: white; /* Default intense grey color of menu */
    top: 0;
    z-index: 1000;
    left: 0;
     height: 110px;
     
    padding-top:20px;
    padding-left:5%;
  background-color: #5c669a;
    white-space: nowrap;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #b0b0b0;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
 
 
     
}

#hybridmenu ul {
    margin: 0 auto;
    width: 100%;
    padding-left:5%;
    padding-right:5%;
}

#hybridmenu ul li {
    float: left;
    height: 40px;
}

#hybridmenu ul li a,
#mobile-menu ul li a {
       font-family: 'Open Sans', sans-serif;
    font-size: 1.1em;
    color: white;
    
    line-height:35px;
    text-decoration: none;
    font-weight: lighter;
    text-transform: uppercase;
    width: 100%;
    height: 42px;
    display: block;
    white-space:nowrap;
    position:relative;
    text-decoration: none;    
    padding: 5px;
 
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0.94;

}

#mobile-menu ul li a {
  height: auto;
  

}

 

#hybridmenu ul li:hover a {
    background-color: transparent; /* Hover color of menu */
    color:white;
    height:42px;
    width: 100%;
    padding: 5px;
    display: block;
}

#hybridmenu ul li:after {
    content: "";
    display: block;
    clear: both;
}

#hybridmenu li.logo a {
    margin-top:-50px;
    margin-left:-5px ;
}

#hybridmenu .logo,
#hybridmenu ul li.logo:hover a {
    background: none;
}
 
#hybridmenu ul li.menu-right {
    float: right;  
}

#hybridmenu ul li.menu-right a {
  font-size: 14px;
}

#hybridmenu ul li.parent {
  position: relative;
  
}

#hybridmenu ul li.parent.hidden {
  overflow: hidden;
}

#hybridmenu ul li.parent.opened {
  overflow: visible;
}




#hybridmenu ul.sub-menu {
  background-color: #3d4467; /* Default intense green color of menu */
  position: absolute;
  width:240px;
  height:auto;
  border-bottom:1px solid #cdcdcd;
  border-left:1px solid #cdcdcd;
  border-right:1px solid #cdcdcd;
  opacity: 0.95;
  display: none;
  -moz-box-shadow: 4px 1px 1px rgba(0.8, 0.2, 0.2, 0.5); 
  -webkit-box-shadow: 4px 1px 1px rgba(0.8, 0.2, 0.2, 0.5);
  box-shadow: 4px 1px 1px rgba(0.8, 0.2, 0.2, 0.8); 
}

#hybridmenu ul.sub-menu li {
  height: auto;
  width: 100%;
}

#hybridmenu ul li i,
#hybridmenu ul li.mobile-menu-item {
  display: none;
  font-size: 22px;
  color: white;
}

#hybridmenu ul.sub-menu li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height:35px;
    min-height:45px;
    background-color: transparent;
    color:White;
    border-bottom:1px solid #60657e;
    font-size: 1.0em;
}

#hybridmenu ul.sub-menu li:hover a {
  background-color: #47507b;  /* Hover color of menu */
  
  
}



@media screen and (max-width: 961px) { /* Stage 1: Hide menu text and show corresponding CSS font icons (from Fontawesome) instead */


    #ReqAFM{
        vertical-align:top;min-width:250px;width:98%;padding-top:30px;border:1px solid white;padding-left:10px;margin-bottom:10px;margin-top:20px:
        }

    #newMMeny{
        height:35px;
        width:80px;
        cursor:pointer;
        display:none;
        float:left;
        position:relative;
        background-image: url('../images/openMImage.png');
        background-repeat: no-repeat;      
        content:'☰'  ;
        background-color:transparent;
        }

      #newMMenyClose{
        height:35px;
        width:80px;
        cursor:pointer;
        display:none;
        float:left;
        position:relative;
        background-image: url('../images/closeMImage.png');
        background-repeat: no-repeat;      
        content:'☰'  ;
        background-color:transparent;
        }

/* Text till mMeny Kat 1 */                      
    .sidenav{
        min-height:650px;
        display:block;
        height: 100%;   
        width: 0;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #3e4568;
        border-right:2px solid #586294;
        overflow-y: auto;
        transition: 0.5s;
        margin-top: 1110px;

    }
    /*
    .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 0.9em;
   font-family: 'Open Sans', sans-serif, arial;
    color:white;
    display: block;
    transition: 0.3s;
    
    }
.MobilMenyButtonText{
 font-family: 'Open Sans', sans-serif, arial;
    font-size:0.9em;
    color: white;
    cursor:pointer;
}
.sidenav a:hover {
    color: #f1f1f1;
}*/

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;

    font-size: 36px;
    margin-left: 50px;
}

#main {
    transition: margin-left .5s;
    padding: 16px;

}

@media screen and (max-height: 800px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
 
}


    #hybridmenu ul li.mobile-menu-item i {
        margin-top: 2px;
        padding-left: 20px;
    }

    #hybridmenu ul li.mobile-menu-item {
        width: 20%;
        height: 40px;
        cursor: pointer;
        background-color: transparent;
    }

        #hybridmenu ul li.mobile-menu-item:hover {
            background-color: transparent;
        }

    #mobile-menu {
        position: absolute;
        top: 0;
        left: -5%;
        overflow: hidden;
        width: 100%;
        min-width: 150px;
        z-index: 50;
        height: 50px;
        max-height: 60px;
    }

        #mobile-menu ul li {
            background-color: transparent; /* Default intense green color of menu */
            border-top: 1px solid #787878;
            max-height: 60px;
            padding-left: 10px;
        }

            #mobile-menu ul li:hover {
                background-color: transparent; /* Hover color of menu */
                height: 60px;
            }

            #mobile-menu ul li a {
                background-color: #e0e0e0; /* Default intense green color of menu */
                height: 60px;
                padding-left: 15px;
                border: 1px solid white;
                float: left;
            }

                #mobile-menu ul li a span {
                    padding-left: 5px;
                    height: 30px;
                }

                #mobile-menu ul li a i {
                    font-size: 23px;
                    vertical-align: top;
                    height: 60px;
                }

    .fa-chevron-right { /* arrow style */
        float: left;
        color: #dbdbdb;
    }

    li:not(.hassub) .fa-chevron-right { /* hide arrow inside LIs with no sub menus */
        display: none;
    }

    .fa-chevron-left { /* arrow style */
        color: red;
    }

    #wrapper.mobile-opened,
    nav#hybridmenu.mobile-opened {
        left: 62%;
        background-color: black;
    }

        nav#hybridmenu.mobile-opened ul {
            margin: 0;
        }

    .fa-chevron-left {
        padding-right: 15px;
    }

    .fa-chevron-right {
        padding-right: 15px;
    }
           #justMeny
        {display:none;}

    .mobile-heading,
    #mobile-menu ul.sub-menu {
        background-color: transparent; /* Default intense green color of menu */
    }

    #mobile-menu ul.sub-menu {
        position: absolute;
        width: 80%;
        z-index: 999;
        left: -80%;
        top: 0;
        height: 100%;
    }

        #mobile-menu ul.sub-menu .fa-chevron-right {
            display: none; /* hide right arrow for 2nd level LIs */
        }

        #mobile-menu ul.sub-menu.opened {
            left: 0;
            width: 100%;
        }

    .mobile-heading i.fa-chevron-right {
        display: inline;
    }
}
  
@media screen and (min-width: 320px) { /* Stage 1: Hide menu text and show corresponding CSS font icons (from Fontawesome) instead */

    #Page-Desc-Header {font-family: 'Open Sans', sans-serif;max-width:200px;font-size: 1.2em;line-height:25px;white-space:normal;color: white;text-decoration: none;font-weight: lighter;background-color:transparent;border: 0px solid transparent;cursor:pointer;}                                    
    #Page-Desc-News {font-family: 'Open Sans', sans-serif;max-width:200px;font-size: 1.0em;line-height:20px;white-space:normal;color: white;text-decoration: none;font-weight: lighter;background-color:transparent;border: 0px solid transparent;cursor:pointer;}                  

    #djrkWeatherLarge{display:none;}
    #djrkWeatherSmall{display:block;width:100%;position:relative;float:left;}

    #hogboteWeatherLarge{display:none;}
    #hogboteWeatherSmall{display:block;width:100%;position:relative;float:left;}

    .surveyPage-Header-1 {
 
    font-family: 'Open Sans', sans-serif;
    font-size: 1.0em;
    color: white;
    line-height: 25px;
    display:block;
    margin-top:15%;
    text-decoration: none;
    font-weight: lighter;
    text-transform: uppercase;
}
        #hybridmenu
        {display:none;}

        #mySidenav{
            display:block;
            height:100%;
          overflow-y:auto;
        }
        
        #NewMenu{
            display:block;
        }
        
        #menyTextBoxBlank{
            display:block;
        }
  #inclBasepInfoMain{

      min-width:290px;width:100%;float:left;position:relative;display:block;z-index:1;
 }
  #inclBasepInfoRight{

    min-width:320px;width:100%;max-width:28%;float:left;position:relative;display:block;z-index:1;margin-left:2px;
 }

#wrapper {
    min-width:250px;
  width: 100%;
  margin: 0px;
  min-height: 600px;  
  display:block;
  background-color: #5c669a;
  padding-left:0%;
  padding-right:0%;
  left: 0;
}
 
 #inclpNews1{min-width:220px;width:100%;float:left;position:relative;display:block;background-color:#454c73;border:1px solid #636881;margin-bottom:5px;height:auto;margin-right:4px;}

       /* STARTSIDA */

       #StartPageTopNews{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
       }  

       #StartPageSvenskaSjo{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
       }  

    #StartPageDjurgardshamnen{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }
 

        #StartPageHogbote{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

    #StartPageCalendar{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

    #StartPageEvent{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

   #StartPageMemberOffer{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

    #inclYouTube{
        min-width:260px;
        width:100%;
        padding-right:0px;
        float:left;
        position:relative;
        display:block;
    }

    /* KMK:U */
    #StartPageKMKU{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:relative;
        display:block;
         
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* KMK Eskader */
    #StartPageEskader{
        vertical-align:top;
        min-width:260px; 
        width:100%;
        float:left;
        position:relative;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

        /* KMK:R */
    #StartPageKMKR{
      vertical-align:top;
      min-width:260px;
      width:100%;
      float:left;
      position:relative;
      display:block;
      background-color:#455077;
      margin-bottom:10px;
      border:1px solid #636881;
    }
             /* StartPageCalendar */
    #StartPageCalendarLeft{min-width:50px; width:30%;display:block;float:left;position:relative;padding:10px;}
    #StartPageCalendarRight{min-width:60px;width:60%;float:left;position:relative;display:block;}
    #calendarImage1{width:auto;height:110px;display:block;margin:10px;text-align:center;}

    /* Tidningen */
    #StartPageNewspaper{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Prenumerera */
    #StartPageSubscribe{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Partner */
    #StartPagePartners{
        vertical-align:top;
        min-width:260px; 
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }
    

        #footern {
            display: block;
            position: relative;
            float: left;
            width: 100%;
            min-height: 260px;
            height: auto;
            padding-top: 10px;
            background-color: #3f456a;
            text-align:center;
            padding-left: 10%;
            padding-right: 10%;

        }
         #footernxtra1
        {
            display:block;
        }
        #footernxtra
        {
            display:none;
        }

    
}

@media screen and (min-width: 360px) { /* Stage 1: Hide menu text and show corresponding CSS font icons (from Fontawesome) instead */

    #Page-Desc-Header {font-family: 'Open Sans', sans-serif;max-width:200px;font-size: 1.2em;line-height:25px;white-space:normal;color: white;text-decoration: none;font-weight: lighter;background-color:transparent;border: 0px solid transparent;cursor:pointer;}                                    
    #Page-Desc-News {font-family: 'Open Sans', sans-serif;max-width:200px;font-size: 1.0em;line-height:20px;white-space:normal;color: white;text-decoration: none;font-weight: lighter;background-color:transparent;border: 0px solid transparent;cursor:pointer;}                  


        #hybridmenu
        {display:none;}

        #mySidenav{
            display:block;
            
        }
        
        #NewMenu{
            display:block;
        }
        
        #menyTextBoxBlank{
            display:block;
        }
  #inclBasepInfoMain{

      min-width:290px;width:100%;float:left;position:relative;display:block;z-index:1;
 }
  #inclBasepInfoRight{

    min-width:320px;width:100%;max-width:28%;float:left;position:relative;display:block;z-index:1;margin-left:2px;
 }

#wrapper {
    min-width:300px;
  width: 100%;
  margin: 0px;
  min-height: 600px;  
  display:block;
  background-color: #5c669a;
  padding-left:0%;
  padding-right:0%;
  left: 0;
}
 


       /* STARTSIDA */

       #StartPageTopNews{
        vertical-align:top;
        min-width:300px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
       }  

       #StartPageSvenskaSjo{
        vertical-align:top;
        min-width:300px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
       }  

    #StartPageDjurgardshamnen{
        vertical-align:top;
        min-width:300px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

        #StartPageHogbote{
        vertical-align:top;
        min-width:300px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

    #StartPageCalendar{
        vertical-align:top;
        min-width:300px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

    #inclYouTube{
        min-width:300px;
        width:100%;
        padding-right:0px;
        float:left;
        position:relative;
        display:block;
    }

    /* KMK:U */
    #StartPageKMKU{vertical-align:top;min-width:300px;width:100%;float:left;position:relative;display:block; margin:1px;background-color:#455077;margin-bottom:10px;border:1px solid #636881;}

    /* KMK Eskader */
    #StartPageEskader{
        vertical-align:top;
        min-width:300px; 
        width:100%;
        float:left;
        position:relative;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

        /* KMK:R */
    #StartPageKMKR{
      vertical-align:top;
      min-width:300px;
      width:100%;
      float:left;
      position:relative;
      display:block;
      background-color:#455077;
      margin-bottom:10px;
      border:1px solid #636881;
    }


    /* Tidningen */
    #StartPageNewspaper{
        vertical-align:top;
        min-width:300px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Prenumerera */
    #StartPageSubscribe{
        vertical-align:top;
        min-width:300px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Partner */
    #StartPagePartners{
        vertical-align:top;
        min-width:300px; 
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }
    
    #footern{
        display:block;
        position:relative;
        float:left;
        width:100%;
        min-height:320px;
        height:auto;
        padding-top:10px;
        background-color:#3f456a;
        padding-left:0%;
        padding-right:0%;
    }

        
    
}

@media screen and (min-width: 375px) { /* Stage 1: Hide menu text and show corresponding CSS font icons (from Fontawesome) instead */

    #Page-Desc-Header {font-family: 'Open Sans', sans-serif;max-width:200px;font-size: 1.2em;line-height:25px;white-space:normal;color: white;text-decoration: none;font-weight: lighter;background-color:transparent;border: 0px solid transparent;cursor:pointer;}                                    
    #Page-Desc-News {font-family: 'Open Sans', sans-serif;max-width:200px;font-size: 1.0em;line-height:20px;white-space:normal;color: white;text-decoration: none;font-weight: lighter;background-color:transparent;border: 0px solid transparent;cursor:pointer;}                  



    #kmkKommitte1{
        min-width:278px;width:100%;display:block;position:relative;float:left;height:auto;margin-top:10px;border:1px solid #6f7491;background-color:#454c73;
    }  
    /* Styrelse */
    #kmkBoard1{
        min-width:298px;width:100%;display:block;position:relative;float:left;height:auto;margin-top:10px;border:1px solid #6f7491;background-color:#454c73;
    }

    /* Kansli */
    #kmkKansli1{
        min-width:298px;width:100%;display:block;position:relative;float:left;height:auto;margin-top:10px;border:1px solid #6f7491;background-color:#454c73;
    }
    #inclAllNewsMain{
         margin-top:110px;
        }
    #inclAllNews{
            min-width:294px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
        }
    
    #inclspNews1{
        min-width:240px;width:100%;float:left;position:relative;display:block;background-color:#454c73;border:1px solid #636881;margin-bottom:5px;height:auto;margin-right:4px;
    }
    #inclBasepInfo{
        min-width:268px;width:320px;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:110px;
    }
    #inclBasespInfo{
        min-width:268px;width:320px;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
    }
  
      #inclKMKNewspaper{
        min-width:268px;width:320px;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
    }
       #inclKMKNewspaperdiv{
        min-width:110px;width:110px;height:auto;float:left;position:relative;display:block;margin:5px;
    }
        #inclKMKNewspaperImgW { 
        min-width:110px;width:110px;height:130px;padding:3px 3px 3px 3px;
    }
    /* Nattvaktsbokning*/
        #inclNightWatchBooking{
        min-width:268px;width:auto;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:0px;margin-bottom:10px;padding-top:50px;

    }
    
    /* Ansökningar*/
    #inclRegAFM{
         min-width:268px;width:320px;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:0px;margin-bottom:10px;padding-top:50px;
    }
        #inclRegBoat{
         min-width:268px;width:320px;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
      #inclRegAFBS{
        min-width:268px;width:320px;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
    #inclRegCMI{
        min-width:268px;width:320px;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }

       
      /* Anmälningar*/

    #inclRegPilotCamp{
        min-width:268px;width:320px;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }

          #inclRegCamp{
        min-width:268px;width:320px;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }


   #inclpPartner{
         min-width:268px;width:320px;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }

      #inclpPartnerLinks{
         min-width:268px;width:320px;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
      #inclpAdverts{
          min-width:268px;width:320px;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }

      /* Kalendersidan */
    #inclBigCalendar{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
      .front-Page-Desc-09-calendar {
            font-family: 'Open Sans', sans-serif;font-size: 1.0em;color: white;line-height:18px;text-decoration: none;font-weight: lighter;white-space:normal;
        }
        .front-Page-Desc-calendar-09{
            font-family: 'Open Sans', sans-serif;font-size:0.9em;color: white;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
        .front-Page-Desc-calendar-09:hover{
            font-family: 'Open Sans', sans-serif;font-size: 0.9em;color:#e4e6f4;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
        .front-Page-Desc-calendar-08{
            font-family: 'Open Sans', sans-serif;font-size: 0.8em;color: white;text-decoration: none;font-weight: normal;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-calendar-085{
            font-family: 'Open Sans', sans-serif;font-size: 0.85em;color: white;text-decoration: none;font-weight: normal;cursor:pointer;
        }
        .front-Page-Desc-calendar-085:hover{
            font-family: 'Open Sans', sans-serif;font-size: 0.85em;color:#e4e6f4;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
    #BigCalenderBoxDateSize{
        min-width:20px;width:13%;float:left;position:relative;display:block;background-color:#393f61;border:1px solid #636881;
    }
    #BigCalenderEmptyBoxSize{
        min-width:30px;width:13%;min-height:95px;float:left;position:relative;display:block;background-color:#393f61;border:1px solid #636881;margin:1px;
    }
    #BigCalenderBoxMainSize{
       min-width:30px;width:13%;min-height:93px;float:left;position:relative;display:block;background-color:#393f61;border:1px solid #636881;margin:1px;
    }
    #BigCalenderBoxSize{
        width:20px;background-color:transparent;border:0px solid transparent;white-space:nowrap;
    }


        #hybridmenu
        {display:none;}

        #mySidenav{
            display:block;
        }
        
        #NewMenu{
            display:block;
        }
        
        #menyTextBoxBlank{
            display:block;
        }
           #newMMeny{
        height:35px;
        width:70px;
        cursor:pointer;
        display:none;
        float:left;
        position:relative;
        background-image: url('../images/openMImage.png');
        background-repeat: no-repeat;      
        content:'☰'  ;
        background-color:transparent;
        }

      #newMMenyClose{
        height:35px;
        width:70px;
        cursor:pointer;
        display:block;
        float:left;
        position:relative;
        background-image: url('../images/closeMImage.png');
        background-repeat: no-repeat;      
        content:'☰'  ;
        background-color:transparent;
        }


  #inclBasepInfoMain{

      min-width:290px;width:100%;float:left;position:relative;display:block;z-index:1;
 }
  #inclBasepInfoRight{

    min-width:320px;width:100%;max-width:28%;float:left;position:relative;display:block;z-index:1;margin-left:2px;
 }


        #wrapper {
            min-width:270px;
        width: 100%;
    margin: 0px;
  min-height: 600px;  
  display:block;
  background-color: #5c669a;
  padding-left:0%;
  padding-right:2%;

  left: 0;
}
 


       /* STARTSIDA */

       #StartPageTopNews{
        vertical-align:top;
        min-width:325px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
       }  

       #StartPageSvenskaSjo{
        vertical-align:top;
        min-width:325px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
       }  

    #StartPageDjurgardshamnen{
        vertical-align:top;
        min-width:325px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

        #StartPageHogbote{
        vertical-align:top;
        min-width:325px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

    #StartPageCalendar{
        vertical-align:top;
        min-width:325px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

    #inclYouTube{
        min-width:325px;
        width:100%;
        padding-right:0px;
        float:left;
        position:relative;
        display:block;
    }

    /* KMK:U */
    #StartPageKMKU{
        vertical-align:top;
        min-width:325px;
        width:100%;
        float:left;
        position:relative;
        display:block;
         
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* KMK Eskader */
    #StartPageEskader{
        vertical-align:top;
        min-width:325px; 
        width:100%;
        float:left;
        position:relative;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

        /* KMK:R */
    #StartPageKMKR{
      vertical-align:top;
      min-width:325px;
      width:100%;
      float:left;
      position:relative;
      display:block;
      background-color:#455077;
      margin-bottom:10px;
      border:1px solid #636881;
    }


    /* Tidningen */
    #StartPageNewspaper{
        vertical-align:top;
        min-width:325px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Prenumerera */
    #StartPageSubscribe{
        vertical-align:top;
        min-width:325px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Partner */
    #StartPagePartners{
        vertical-align:top;
        min-width:325px; 
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

        #footern {
            display: block;
            position: relative;
            float: left;
            width: 100%;
            min-height: 320px;
            height: auto;
            padding-top: 10px;
            background-color: #3f456a;
            text-align:center;
            padding-left: 15%;
            padding-right: 15%;

        }
         #footernxtra1
        {
            display:block;
        }
        #footernxtra
        {
            display:none;
        }



    
}

@media screen and (min-width: 414px) { /* Stage 1: Hide menu text and show corresponding CSS font icons (from Fontawesome) instead */

    #Page-Desc-Header {font-family: 'Open Sans', sans-serif;max-width:200px;font-size: 1.2em;line-height:25px;white-space:normal;color: white;text-decoration: none;font-weight: lighter;background-color:transparent;border: 0px solid transparent;cursor:pointer;}                                    
    #Page-Desc-News {font-family: 'Open Sans', sans-serif;max-width:200px;font-size: 1.0em;line-height:20px;white-space:normal;color: white;text-decoration: none;font-weight: lighter;background-color:transparent;border: 0px solid transparent;cursor:pointer;}                  

    #FrontHarbourLeft{min-width:220px;width:100%;float:left;position:relative;display:block;padding:10px;}
    #FrontHarbourRight{min-width:220px;width:100%;float:left;position:inherit;display:block;padding:8px;}

     #kmkKommitte1{
        min-width:288px;width:100%;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;background-color:#454c73;
    }  
    /* Styrelse */
    #kmkBoard1{
        min-width:288px;width:335px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;background-color:#454c73;
    }
    /* Kansli */
    #kmkKansli1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }
       
         #inclAllNewsMain{
         margin-top:110px;
        }
        #inclAllNews{
            min-width:294px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
        }
    #inclspNews1{
        min-width:320px;width:100%;float:left;position:relative;display:block;background-color:#454c73;border:1px solid #636881;margin-bottom:5px;height:auto;margin-right:4px;
    }
    #inclBasepInfo{
        min-width:320px;width:360px;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:110px;
    }
    #inclBasespInfo{
        min-width:320px;width:360px;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
    }
  
       #inclKMKNewspaper{
        min-width:320px;width:360px;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
    }
    #inclKMKNewspaperImgW {
        min-width:100px;width:45%;height:auto;padding:3px 3px 3px 3px;
    }

    
    /* Ansökningar*/
     #inclRegAFM{
         min-width:320px;width:360px;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:0px;margin-bottom:10px;padding-top:50px;
    }
        #inclRegBoat{
         min-width:320px;width:360px;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
      #inclRegAFBS{
        min-width:320px;width:360px;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
         #inclRegCMI{
        min-width:320px;width:360px;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }

    /* Anmälningar*/

    #inclRegPilotCamp{
        min-width:320px;width:360px;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }

            #inclRegCamp{
        min-width:320px;width:360px;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }

   #inclpPartner{
         min-width:320px;width:360px;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }

      #inclpPartnerLinks{
         min-width:320px;width:360px;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
      #inclpAdverts{
          min-width:320px;width:360px;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }


                /* StartPageCalendar */
    #StartPageCalendarLeft{min-width:50px; width:30%;display:block;float:left;position:relative;padding:10px;}
    #StartPageCalendarRight{min-width:60px;width:60%;float:left;position:relative;display:block;}
    #calendarImage1{width:auto;height:110px;display:block;margin:10px;text-align:center;}

        #hybridmenu
        {display:none;}

        #mySidenav{
            display:block;
        }
        
        #NewMenu{
            display:block;
        }
        
        #menyTextBoxBlank{
            display:block;
        }
           #newMMeny{
        height:35px;
        width:70px;
        cursor:pointer;
        display:none;
        float:left;
        position:relative;
        background-image: url('../images/openMImage.png');
        background-repeat: no-repeat;      
        content:'☰'  ;
        background-color:transparent;
        }

      #newMMenyClose{
        height:35px;
        width:70px;
        cursor:pointer;
        display:block;
        float:left;
        position:relative;
        background-image: url('../images/closeMImage.png');
        background-repeat: no-repeat;      
        content:'☰'  ;
        background-color:transparent;
        }


  #inclBasepInfoMain{

      min-width:290px;width:100%;float:left;position:relative;display:block;z-index:1;
 }
  #inclBasepInfoRight{

    min-width:320px;width:100%;max-width:28%;float:left;position:relative;display:block;z-index:1;margin-left:2px;
 }


        #wrapper {
            min-width:300px;
        width: 100%;
    margin: 0px;
  min-height: 600px;  
  display:block;
  background-color: #5c669a;
  padding-left:0%;
  padding-right:2%;

  left: 0;
}
 


       /* STARTSIDA */

       #StartPageTopNews{
        vertical-align:top;
        min-width:345px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
       }  

       #StartPageSvenskaSjo{
        vertical-align:top;
        min-width:345px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
       }  

    #StartPageDjurgardshamnen{
        vertical-align:top;
        min-width:345px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

        #StartPageHogbote{
        vertical-align:top;
        min-width:345px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

    #StartPageCalendar{
        vertical-align:top;
        min-width:345px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

    #inclYouTube{
        min-width:345px;
        width:100%;
        padding-right:0px;
        float:left;
        position:relative;
        display:block;
    }

    /* KMK:U */
    #StartPageKMKU{
        vertical-align:top;
        min-width:345px;
        width:100%;
        float:left;
        position:relative;
        display:block;
         
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* KMK Eskader */
    #StartPageEskader{
        vertical-align:top;
        min-width:345px; 
        width:100%;
        float:left;
        position:relative;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

        /* KMK:R */
    #StartPageKMKR{
      vertical-align:top;
      min-width:345px;
      width:100%;
      float:left;
      position:relative;
      display:block;
      background-color:#455077;
      margin-bottom:10px;
      border:1px solid #636881;
    }


    /* Tidningen */
    #StartPageNewspaper{
        vertical-align:top;
        min-width:345px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Prenumerera */
    #StartPageSubscribe{
        vertical-align:top;
        min-width:345px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Partner */
    #StartPagePartners{
        vertical-align:top;
        min-width:345px; 
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

        #footern {
            display: block;
            position: relative;
            float: left;
            width: 100%;
            min-height: 320px;
            height: auto;
            padding-top: 10px;
            background-color: #3f456a;
            text-align:center;
            padding-left: 15%;
            padding-right: 15%;

        }
         #footernxtra1
        {
            display:block;
        }
        #footernxtra
        {
            display:none;
        }


}

@media screen and (min-width: 600px) { /* Stage 1: Hide menu text and show corresponding CSS font icons (from Fontawesome) instead */

    #Page-Desc-Header {font-family: 'Open Sans', sans-serif;max-width:200px;font-size: 1.4em;line-height:25px;white-space:normal;color: white;text-decoration: none;font-weight: lighter;background-color:transparent;border: 0px solid transparent;cursor:pointer;}                                    
    #Page-Desc-News {font-family: 'Open Sans', sans-serif;max-width:200px;font-size: 1.2em;line-height:22px;white-space:normal;color: white;text-decoration: none;font-weight: lighter;background-color:transparent;border: 0px solid transparent;cursor:pointer;}                  



    /* Kommitteér */       
    #kmkKommitte1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }  
    /* Kansli */
    #kmkKansli1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }
    /* Styrelse */
    #kmkBoard1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }
    
       
         #inclAllNewsMain{
         margin-top:110px;
        }
        #inclAllNews{
            min-width:294px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
        }
    #inclpNews1{min-width:240px;width:280px;float:left;position:relative;display:block;background-color:#454c73;border:1px solid #636881;margin-bottom:5px;height:auto;margin-right:4px;}
    #inclspNews1{
        min-width:240px;width:280px;float:left;position:relative;display:block;background-color:#454c73;border:1px solid #636881;margin-bottom:5px;height:auto;margin-right:4px;
    }
    #inclBasepInfo{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:110px;
    }
    #inclBasespInfo{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
    }
    #inclBasepInfoImgW{
           float: right;vertical-align: top;position: inherit;min-width:308px;width:38%; display: block;
    }

     #inclKMKNewspaper{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
    }
       #inclKMKNewspaperdiv{
        min-width:130px;width:130px;height:auto;float:left;position:relative;display:block;margin:5px;
    }
        #inclKMKNewspaperImgW {
        min-width:130px;width:130px;height:160px;padding:3px 3px 3px 3px;
    }
        /* Ansökningar*/
    #inclRegAFM{
         min-width:288px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
  
    #inclRegBoat{
         min-width:288px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
      #inclRegAFBS{
        min-width:288px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
    #inclRegCMI{
        min-width:288px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
      /* Anmälningar*/

    #inclRegPilotCamp{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
      #inclRegCamp{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }


    #inclpPartner{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }

      #inclpPartnerLinks{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
      #inclpAdverts{
          min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
      }

          #inclBigCalendar{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
     }
     .front-Page-Desc-09-calendar {
            font-family: 'Open Sans', sans-serif;font-size: 1.0em;color: white;line-height:18px;text-decoration: none;font-weight: lighter;white-space:normal;
        }
        .front-Page-Desc-calendar-09{
            font-family: 'Open Sans', sans-serif;font-size:0.9em;color: white;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
        .front-Page-Desc-calendar-09:hover{
            font-family: 'Open Sans', sans-serif;font-size: 0.9em;color:#e4e6f4;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
        .front-Page-Desc-calendar-08{
            font-family: 'Open Sans', sans-serif;font-size: 0.8em;color: white;text-decoration: none;font-weight: normal;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-calendar-085{
            font-family: 'Open Sans', sans-serif;font-size: 0.85em;color: white;text-decoration: none;font-weight: normal;cursor:pointer;
        }
        .front-Page-Desc-calendar-085:hover{
            font-family: 'Open Sans', sans-serif;font-size: 0.85em;color:#e4e6f4;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
    #BigCalenderBoxSize{
        width:90px;background-color:transparent;border:0px solid transparent;white-space:nowrap;
    }


             /* StartPageCalendar */
    #StartPageCalendarLeft{min-width:50px; width:30%;display:block;float:left;position:relative;padding:10px;}
    #StartPageCalendarRight{min-width:60px;width:60%;float:left;position:relative;display:block;}
    #calendarImage1{width:auto;height:110px;display:block;margin:10px;text-align:center;}
    
        #hybridmenu
        {display:none;}

        #mySidenav{
            display:block;
        }
        
        #NewMenu{
            display:block;
        }
        
        #menyTextBoxBlank{
            display:block;
        }
           #newMMeny{
        height:35px;
        width:70px;
        cursor:pointer;
        display:none;
        float:left;
        position:relative;
        background-image: url('../images/openMImage.png');
        background-repeat: no-repeat;      
        content:'☰'  ;
        background-color:transparent;
        }

      #newMMenyClose{
        height:35px;
        width:70px;
        cursor:pointer;
        display:block;
        float:left;
        position:relative;
        background-image: url('../images/closeMImage.png');
        background-repeat: no-repeat;      
        content:'☰'  ;
        background-color:transparent;
        }


  #inclBasepInfoMain{

      min-width:290px;width:100%;float:left;position:relative;display:block;z-index:1;
 }
  #inclBasepInfoRight{

    min-width:320px;width:100%;max-width:28%;float:left;position:relative;display:block;z-index:1;margin-left:2px;
 }


        #wrapper {
            min-width:300px;
        width: 100%;
    margin: 0px;
  min-height: 600px;  
  display:block;
  background-color: #5c669a;
  padding-left:0%;
  padding-right:2%;

  left: 0;
}
 


       /* STARTSIDA */

       #ShowSearchInTop
       {display:none;}

     #StartPageTopNews{
        vertical-align:top;
        min-width:520px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
       }  

       #StartPageSvenskaSjo{
        vertical-align:top;
        min-width:520px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
       }  

    #StartPageDjurgardshamnen{
        vertical-align:top;
        min-width:520px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

        #StartPageHogbote{
        vertical-align:top;
        min-width:520px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }
    #StartPageCalendar{
        vertical-align:top;
        min-width:520px;
        width:100%;
        float:left;
      
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

    #inclYouTube{
        min-width:520px;
        width:100%;
        padding-right:0px;
        float:left;
          padding-top:10px;
        position:relative;
        display:block;
        z-index:5;
    
    }

    /* KMK:U */
    #StartPageKMKU{
        vertical-align:top;
        min-width:520px;
        width:100%;
        float:left;
        position:relative;
        display:block;
         
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* KMK Eskader */
    #StartPageEskader{
        vertical-align:top;
        min-width:520px; 
        width:100%;
        float:left;
        position:relative;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

        /* KMK:R */
    #StartPageKMKR{
      vertical-align:top;
      min-width:520px;
      width:100%;
      float:left;
      position:relative;
      display:block;
      background-color:#455077;
      margin-bottom:10px;
      border:1px solid #636881;
    }


    /* Tidningen */
    #StartPageNewspaper{
        vertical-align:top;
        min-width:520px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Prenumerera */
    #StartPageSubscribe{
        vertical-align:top;
        min-width:520px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Partner */
    #StartPagePartners{
        vertical-align:top;
        min-width:520px; 
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }


        #footern {
            display: block;
            position: relative;
            float: left;
            width: 100%;
            min-height: 320px;
            height: auto;
            padding-top: 10px;
            background-color: #3f456a;
            text-align:center;
            padding-left: 15%;
            padding-right: 15%;

        }
         #footernxtra1
        {
            display:block;
        }
        #footernxtra
        {
            display:none;
        }


}

@media screen and (min-width: 768px) { /* Stage 1: Hide menu text and show corresponding CSS font icons (from Fontawesome) instead */

    #Page-Desc-Header {font-family: 'Open Sans', sans-serif;max-width:200px;font-size: 1.2em;line-height:25px;white-space:normal;color: white;text-decoration: none;font-weight: lighter;background-color:transparent;border: 0px solid transparent;cursor:pointer;}                                    
    #Page-Desc-News {font-family: 'Open Sans', sans-serif;max-width:200px;font-size: 1.1em;line-height:22px;white-space:normal;color: white;text-decoration: none;font-weight: lighter;background-color:transparent;border: 0px solid transparent;cursor:pointer;}                  


    /* Kommitteér */       
    #kmkKommitte1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }  
    /* Kansli */
    #kmkKansli1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }
    /* Styrelse */
    #kmkBoard1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }
    
       
         #inclAllNewsMain{
         margin-top:110px;
        }
        #inclAllNews{
            min-width:294px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
        }
    #inclpNews1{
        min-width:240px;width:280px;float:left;position:relative;display:block;background-color:#454c73;border:1px solid #636881;margin-bottom:5px;height:auto;margin-right:4px;
    }
    #inclspNews1{
        min-width:240px;width:280px;float:left;position:relative;display:block;background-color:#454c73;border:1px solid #636881;margin-bottom:5px;height:auto;margin-right:4px;
    }
    #inclBasepInfo{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:110px;
    }
    #inclBasespInfo{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
    }
    #inclBasepInfoImgW{
           float: right;vertical-align: top;position: inherit;min-width:308px;width:38%; display: block;
    }

     #inclKMKNewspaper{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
    }
       #inclKMKNewspaperdiv{
        min-width:130px;width:130px;height:auto;float:left;position:relative;display:block;margin:5px;
    }
        #inclKMKNewspaperImgW {
        min-width:130px;width:130px;height:160px;padding:3px 3px 3px 3px;
    }
        /* Ansökningar*/
    #inclRegAFM{
         min-width:288px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
  
    #inclRegBoat{
         min-width:288px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
      #inclRegAFBS{
        min-width:288px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
    #inclRegCMI{
        min-width:288px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
      /* Anmälningar*/

    #inclRegPilotCamp{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
      #inclRegCamp{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }


    #inclpPartner{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }

      #inclpPartnerLinks{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
      #inclpAdverts{
          min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
      }
               /* StartPageCalendar 768px */
    #StartPageCalendarLeft{min-width:50px; width:30%;display:block;float:left;position:relative;padding:10px;}
    #StartPageCalendarRight{min-width:60px;width:60%;float:left;position:relative;display:block;}
    #calendarImage1{width:auto;height:110px;display:block;margin:10px;text-align:center;}

          #inclBigCalendar{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
     }
      .front-Page-Desc-09-calendar-black {
            font-family: 'Open Sans', sans-serif;font-size:0.8em;color: black;line-height:18px;text-decoration: none;font-weight: lighter;white-space:normal;
        }

       .front-Page-Desc-Small-NightWatch-iframe
{
            font-family: 'Open Sans', sans-serif;font-size: 1.0em;color: black;line-height:18px;text-decoration: none;font-weight: lighter;white-space:normal;
        }
       .front-Page-Desc-09-calendar {
            font-family: 'Open Sans', sans-serif;font-size: 1.0em;color: white;line-height:18px;text-decoration: none;font-weight: lighter;white-space:normal;
        }
        .front-Page-Desc-calendar-09{
            font-family: 'Open Sans', sans-serif;font-size:0.9em;color: white;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
        .front-Page-Desc-calendar-09:hover{
            font-family: 'Open Sans', sans-serif;font-size: 0.9em;color:#e4e6f4;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
        .front-Page-Desc-calendar-08{
            font-family: 'Open Sans', sans-serif;font-size: 0.8em;color: white;text-decoration: none;font-weight: normal;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-calendar-085{
            font-family: 'Open Sans', sans-serif;font-size: 0.85em;color: white;text-decoration: none;font-weight: normal;cursor:pointer;
        }
        .front-Page-Desc-calendar-085:hover{
            font-family: 'Open Sans', sans-serif;font-size: 0.85em;color:#e4e6f4;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
    #BigCalenderBoxSize{
        width:90px;background-color:transparent;border:0px solid transparent;white-space:nowrap;
    }



    
        #hybridmenu
        {display:none;}

        #mySidenav{
            display:block;
        }
        
        #NewMenu{
            display:block;
        }
        
        #menyTextBoxBlank{
            display:block;
        }
           #newMMeny{
        height:35px;
        width:70px;
        cursor:pointer;
        display:none;
        float:left;
        position:relative;
        background-image: url('../images/openMImage.png');
        background-repeat: no-repeat;      
        content:'☰'  ;
        background-color:transparent;
        }

      #newMMenyClose{
        height:35px;
        width:70px;
        cursor:pointer;
        display:block;
        float:left;
        position:relative;
        background-image: url('../images/closeMImage.png');
        background-repeat: no-repeat;      
        content:'☰'  ;
        background-color:transparent;
        }


  #inclBasepInfoMain{

      min-width:290px;width:100%;float:left;position:relative;display:block;z-index:1;
 }
  #inclBasepInfoRight{

    min-width:320px;width:100%;max-width:28%;float:left;position:relative;display:block;z-index:1;margin-left:2px;
 }


        #wrapper {
            min-width:300px;
        width: 100%;
    margin: 0px;
  min-height: 600px;  
  display:block;
  background-color: #5c669a;
  padding-left:0%;
  padding-right:2%;

  left: 0;
}
 


       /* STARTSIDA */

           #ShowSearchInTop
       {display:none;}

       
       #StartPageTopNews{
        vertical-align:top;
        min-width:270px;
        width:100%;
        float:left;
        position:relative;
        padding-top:63px;
        display:block;
        margin-bottom:2px;
       }  

       #StartPageSvenskaSjo{
        vertical-align:top;
        min-width:270px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
       }  

    #StartPageDjurgardshamnen{
        vertical-align:top;
        min-width:270px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

        #StartPageHogbote{
        vertical-align:top;
        min-width:270px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

    #StartPageCalendar{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        padding-top:60px;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

    #inclYouTube{
        min-width:260px;
        width:100%;
        padding-right:0px;
        float:left;
        position:relative;
        display:block;
        z-index:5;
    
    }

    /* KMK:U */
    #StartPageKMKU{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:relative;
        display:block;
         
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* KMK Eskader */
    #StartPageEskader{
        vertical-align:top;
        min-width:260px; 
        width:100%;
        float:left;
        position:relative;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

        /* KMK:R */
    #StartPageKMKR{
      vertical-align:top;
      min-width:260px;
      width:100%;
      float:left;
      position:relative;
      display:block;
      background-color:#455077;
      margin-bottom:10px;
      border:1px solid #636881;
    }


    /* Tidningen */
    #StartPageNewspaper{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Prenumerera */
    #StartPageSubscribe{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Partner */
    #StartPagePartners{
        vertical-align:top;
        min-width:260px; 
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }


        #footern {
            display: block;
            position: relative;
            float: left;
            width: 100%;
            min-height: 320px;
            height: auto;
            padding-top: 10px;
            background-color: #3f456a;
            text-align:center;
            padding-left: 15%;
            padding-right: 15%;

        }
         #footernxtra1
        {
            display:block;
        }
        #footernxtra
        {
            display:none;
        }


  #inclNightWatchBooking{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:150px;

    }

}

@media screen and (min-width: 800px) { /* Stage 1: Hide menu text and show corresponding CSS font icons (from Fontawesome) instead */

    /* Kommitteér */       
    #kmkKommitte1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }  
    /* Kansli */
    #kmkKansli1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }
    /* Styrelse */
    #kmkBoard1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }
    
      
         #inclAllNewsMain{
         margin-top:110px;
        }
        #inclAllNews{
            min-width:294px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
        }
    #inclpNews1{
        min-width:240px;width:280px;float:left;position:relative;display:block;background-color:#454c73;border:1px solid #636881;margin-bottom:5px;height:auto;margin-right:4px;
    }
    #inclspNews1{
        min-width:240px;width:280px;float:left;position:relative;display:block;background-color:#454c73;border:1px solid #636881;margin-bottom:5px;height:auto;margin-right:4px;
    }
    #inclBasepInfo{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:110px;
    }
    #inclBasespInfo{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
    }
    #inclBasepInfoImgW{
           float: right;vertical-align: top;position: inherit;min-width:308px;width:38%; display: block;
    }

     #inclKMKNewspaper{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
    }
       #inclKMKNewspaperdiv{
        min-width:130px;width:130px;height:auto;float:left;position:relative;display:block;margin:5px;
    }
        #inclKMKNewspaperImgW {
        min-width:130px;width:130px;height:160px;padding:3px 3px 3px 3px;
    }
        /* Ansökningar*/
    #inclRegAFM{
         min-width:288px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
  
    #inclRegBoat{
         min-width:288px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
      #inclRegAFBS{
        min-width:288px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
    #inclRegCMI{
        min-width:288px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
      /* Anmälningar*/

    #inclRegPilotCamp{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
      #inclRegCamp{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }


    #inclpPartner{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }

      #inclpPartnerLinks{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
      #inclpAdverts{
          min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
      }
          /* StartPageCalendar 800px */
    #StartPageCalendarLeft{min-width:50px; width:30%;display:block;float:left;position:relative;padding:10px;}
    #StartPageCalendarRight{min-width:60px;width:60%;float:left;position:relative;display:block;}
          #inclBigCalendar{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
     }
       .front-Page-Desc-09-calendar {
            font-family: 'Open Sans', sans-serif;font-size: 1.0em;color: white;line-height:18px;text-decoration: none;font-weight: lighter;white-space:normal;
        }
        .front-Page-Desc-calendar-09{
            font-family: 'Open Sans', sans-serif;font-size:0.9em;color: white;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
        .front-Page-Desc-calendar-09:hover{
            font-family: 'Open Sans', sans-serif;font-size: 0.9em;color:#e4e6f4;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
        .front-Page-Desc-calendar-08{
            font-family: 'Open Sans', sans-serif;font-size: 0.8em;color: white;text-decoration: none;font-weight: normal;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-calendar-085{
            font-family: 'Open Sans', sans-serif;font-size: 0.85em;color: white;text-decoration: none;font-weight: normal;cursor:pointer;
        }
        .front-Page-Desc-calendar-085:hover{
            font-family: 'Open Sans', sans-serif;font-size: 0.85em;color:#e4e6f4;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
    #BigCalenderBoxSize{
        width:90px;background-color:transparent;border:0px solid transparent;white-space:nowrap;
    }



    
        #hybridmenu
        {display:none;}

        #mySidenav{
            display:block;
        }
        
        #NewMenu{
            display:block;
        }
        
        #menyTextBoxBlank{
            display:block;
        }
           #newMMeny{
        height:35px;
        width:70px;
        cursor:pointer;
        display:none;
        float:left;
        position:relative;
        background-image: url('../images/openMImage.png');
        background-repeat: no-repeat;      
        content:'☰'  ;
        background-color:transparent;
        }

      #newMMenyClose{
        height:35px;
        width:70px;
        cursor:pointer;
        display:block;
        float:left;
        position:relative;
        background-image: url('../images/closeMImage.png');
        background-repeat: no-repeat;      
        content:'☰'  ;
        background-color:transparent;
        }


  #inclBasepInfoMain{

      min-width:290px;width:100%;float:left;position:relative;display:block;z-index:1;
 }
  #inclBasepInfoRight{

    min-width:320px;width:100%;max-width:28%;float:left;position:relative;display:block;z-index:1;margin-left:2px;
 }


        #wrapper {
            min-width:300px;
        width: 100%;
    margin: 0px;
  min-height: 600px;  
  display:block;
  background-color: #5c669a;
  padding-left:0%;
  padding-right:2%;

  left: 0;
}
 


       /* STARTSIDA */

          #ShowSearchInTop
       {display:none;}

       
       #StartPageTopNews{
        vertical-align:top;
        min-width:270px;
        width:100%;
        float:left;
        position:relative;
        padding-top:63px;
        display:block;
        margin-bottom:2px;
       }  

       #StartPageSvenskaSjo{
        vertical-align:top;
        min-width:270px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
       }  

    #StartPageDjurgardshamnen{
        vertical-align:top;
        min-width:270px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

        #StartPageHogbote{
        vertical-align:top;
        min-width:270px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

    #StartPageCalendar{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        padding-top:60px;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

    #inclYouTube{
        min-width:260px;
        width:100%;
        padding-right:0px;
        float:left;
        position:relative;
        display:block;
        z-index:5;
    
    }

    /* KMK:U */
    #StartPageKMKU{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:relative;
        display:block;
         
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* KMK Eskader */
    #StartPageEskader{
        vertical-align:top;
        min-width:260px; 
        width:100%;
        float:left;
        position:relative;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

        /* KMK:R */
    #StartPageKMKR{
      vertical-align:top;
      min-width:260px;
      width:100%;
      float:left;
      position:relative;
      display:block;
      background-color:#455077;
      margin-bottom:10px;
      border:1px solid #636881;
    }


    /* Tidningen */
    #StartPageNewspaper{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Prenumerera */
    #StartPageSubscribe{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Partner */
    #StartPagePartners{
        vertical-align:top;
        min-width:260px; 
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }


        #footern {
            display: block;
            position: relative;
            float: left;
            width: 100%;
            min-height: 320px;
            height: auto;
            padding-top: 10px;
            background-color: #3f456a;
            text-align:center;
            padding-left: 15%;
            padding-right: 15%;

        }
         #footernxtra1
        {
            display:block;
        }
        #footernxtra
        {
            display:none;
        }


}

@media screen and (min-width: 900px) { /* Stage 1: Hide menu text and show corresponding CSS font icons (from Fontawesome) instead */

   
    #kmkKommitte1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }  
    #kmkKansli1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }
    #kmkBoard1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }
      
         #inclAllNewsMain{
         margin-top:110px;
        }
        #inclAllNews{
            min-width:294px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
        }
    #inclpNews1{
        min-width:240px;width:280px;float:left;position:relative;display:block;background-color:#454c73;border:1px solid #636881;margin-bottom:5px;height:auto;margin-right:4px;
    }
    #inclspNews1{
        min-width:240px;width:280px;float:left;position:relative;display:block;background-color:#454c73;border:1px solid #636881;margin-bottom:5px;height:auto;margin-right:4px;
    }
    #inclBasepInfo{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:110px;
    }
    #inclBasespInfo{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
    }
    #inclBasepInfoImgW{
           float: right;vertical-align: top;position: inherit;min-width:308px;width:38%; display: block;
    }
    #inclKMKNewspaper{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
    }
    #inclKMKNewspaperdiv{
        min-width:130px;width:130px;height:auto;float:left;position:relative;display:block;margin:5px;
    }
    #inclKMKNewspaperImgW {
        min-width:130px;width:130px;height:160px;padding:3px 3px 3px 3px;
    }
    /* Ansökningar*/
    #inclRegAFM{
         min-width:288px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
    #inclRegBoat{
         min-width:288px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
    #inclRegAFBS{
        min-width:288px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
    #inclRegCMI{
        min-width:288px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
    /* Anmälningar*/
    #inclRegPilotCamp{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
    #inclRegCamp{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }

    #inclpPartner{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
    #inclpPartnerLinks{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
    #inclpAdverts{
          min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
      }
    #inclBigCalendar{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
     }
        .front-Page-Desc-09-calendar {
            font-family: 'Open Sans', sans-serif;font-size: 1.0em;color: white;line-height:18px;text-decoration: none;font-weight: lighter;white-space:normal;
        }
        .front-Page-Desc-calendar-09{
            font-family: 'Open Sans', sans-serif;font-size:0.9em;color: white;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
        .front-Page-Desc-calendar-09:hover{
            font-family: 'Open Sans', sans-serif;font-size: 0.9em;color:#e4e6f4;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
        .front-Page-Desc-calendar-08{
            font-family: 'Open Sans', sans-serif;font-size: 0.8em;color: white;text-decoration: none;font-weight: normal;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-calendar-085{
            font-family: 'Open Sans', sans-serif;font-size: 0.85em;color: white;text-decoration: none;font-weight: normal;cursor:pointer;
        }
        .front-Page-Desc-calendar-085:hover{
            font-family: 'Open Sans', sans-serif;font-size: 0.85em;color:#e4e6f4;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
    #BigCalenderBoxSize{
        width:90px;background-color:transparent;border:0px solid transparent;white-space:nowrap;
    }



    
        #hybridmenu
        {display:none;}

        #mySidenav{
            display:block;
        }
        
        #NewMenu{
            display:block;
        }
        
        #menyTextBoxBlank{
            display:block;
        }
           #newMMeny{
        height:35px;
        width:70px;
        cursor:pointer;
        display:none;
        float:left;
        position:relative;
        background-image: url('../images/openMImage.png');
        background-repeat: no-repeat;      
        content:'☰'  ;
        background-color:transparent;
        }

      #newMMenyClose{
        height:35px;
        width:70px;
        cursor:pointer;
        display:block;
        float:left;
        position:relative;
        background-image: url('../images/closeMImage.png');
        background-repeat: no-repeat;      
        content:'☰'  ;
        background-color:transparent;
        }


  #inclBasepInfoMain{

      min-width:290px;width:100%;float:left;position:relative;display:block;z-index:1;
 }
  #inclBasepInfoRight{

    min-width:320px;width:100%;max-width:28%;float:left;position:relative;display:block;z-index:1;margin-left:2px;
 }


        #wrapper {
            min-width:300px;
        width: 100%;
    margin: 0px;
  min-height: 600px;  
  display:block;
  background-color: #5c669a;
  padding-left:0%;
  padding-right:2%;

  left: 0;
}
 


       /* STARTSIDA */

       #ShowSearchInTop
       {display:none;}

       
       #StartPageTopNews{
        vertical-align:top;
        min-width:270px;
        width:100%;
        float:left;
        position:relative;
        padding-top:63px;
        display:block;
        margin-bottom:2px;
       }  

       #StartPageSvenskaSjo{
        vertical-align:top;
        min-width:270px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
       }  

    #StartPageDjurgardshamnen{
        vertical-align:top;
        min-width:270px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

        #StartPageHogbote{
        vertical-align:top;
        min-width:270px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }
            /* StartPageCalendar 900px */
    #StartPageCalendarLeft{min-width:50px; width:30%;display:block;float:left;position:relative;padding:10px;}
    #StartPageCalendarRight{min-width:60px;width:60%;float:left;position:relative;display:block;}
    #StartPageCalendar{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        padding-top:60px;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

    #inclYouTube{
        min-width:260px;
        width:100%;
        padding-right:0px;
        float:left;
        position:relative;
        display:block;
        z-index:5;
    
    }

    /* KMK:U */
    #StartPageKMKU{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:relative;
        display:block;
         
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* KMK Eskader */
    #StartPageEskader{
        vertical-align:top;
        min-width:260px; 
        width:100%;
        float:left;
        position:relative;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

        /* KMK:R */
    #StartPageKMKR{
      vertical-align:top;
      min-width:260px;
      width:100%;
      float:left;
      position:relative;
      display:block;
      background-color:#455077;
      margin-bottom:10px;
      border:1px solid #636881;
    }


    /* Tidningen */
    #StartPageNewspaper{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Prenumerera */
    #StartPageSubscribe{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Partner */
    #StartPagePartners{
        vertical-align:top;
        min-width:260px; 
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }


        #footern {
            display: block;
            position: relative;
            float: left;
            width: 100%;
            min-height: 320px;
            height: auto;
            padding-top: 10px;
            background-color: #3f456a;
            text-align:center;
            padding-left: 15%;
            padding-right: 15%;

        }
         #footernxtra1
        {
            display:block;
        }
        #footernxtra
        {
            display:none;
        }


}

@media screen and (min-width: 960px) { /* Stage 1: Hide menu text and show corresponding CSS font icons (from Fontawesome) instead */

   
    #kmkKommitte1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }  
    #kmkKansli1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }
    #kmkBoard1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }
      
         #inclAllNewsMain{
         margin-top:110px;
        }
        #inclAllNews{
            min-width:294px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
        }
    #inclpNews1{
        min-width:240px;width:280px;float:left;position:relative;display:block;background-color:#454c73;border:1px solid #636881;margin-bottom:5px;height:auto;margin-right:4px;
    }
    #inclspNews1{
        min-width:240px;width:280px;float:left;position:relative;display:block;background-color:#454c73;border:1px solid #636881;margin-bottom:5px;height:auto;margin-right:4px;
    }
    #inclBasepInfo{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:110px;
    }
    #inclBasespInfo{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
    }
    #inclBasepInfoImgW{
           float: right;vertical-align: top;position: inherit;min-width:308px;width:38%; display: block;
    }
    #inclKMKNewspaper{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
    }
    #inclKMKNewspaperdiv{
        min-width:130px;width:130px;height:auto;float:left;position:relative;display:block;margin:5px;
    }
    #inclKMKNewspaperImgW {
        min-width:130px;width:130px;height:160px;padding:3px 3px 3px 3px;
    }
    /* Ansökningar*/
    #inclRegAFM{
         min-width:288px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
    #inclRegBoat{
         min-width:288px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
    #inclRegAFBS{
        min-width:288px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
    #inclRegCMI{
        min-width:288px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
    /* Anmälningar*/
    #inclRegPilotCamp{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
    #inclRegCamp{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }

    #inclpPartner{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
    #inclpPartnerLinks{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
    #inclpAdverts{
          min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
      }
    #inclBigCalendar{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
     }
        .front-Page-Desc-09-calendar {
            font-family: 'Open Sans', sans-serif;font-size: 1.0em;color: white;line-height:18px;text-decoration: none;font-weight: lighter;white-space:normal;
        }
        .front-Page-Desc-calendar-09{
            font-family: 'Open Sans', sans-serif;font-size:0.9em;color: white;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
        .front-Page-Desc-calendar-09:hover{
            font-family: 'Open Sans', sans-serif;font-size: 0.9em;color:#e4e6f4;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
        .front-Page-Desc-calendar-08{
            font-family: 'Open Sans', sans-serif;font-size: 0.8em;color: white;text-decoration: none;font-weight: normal;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-calendar-085{
            font-family: 'Open Sans', sans-serif;font-size: 0.85em;color: white;text-decoration: none;font-weight: normal;cursor:pointer;
        }
        .front-Page-Desc-calendar-085:hover{
            font-family: 'Open Sans', sans-serif;font-size: 0.85em;color:#e4e6f4;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
    #BigCalenderBoxSize{
        width:90px;background-color:transparent;border:0px solid transparent;white-space:nowrap;
    }



    
        #hybridmenu
        {display:none;}

        #mySidenav{
            display:block;
        }
        
        #NewMenu{
            display:block;
        }
        
        #menyTextBoxBlank{
            display:block;
        }
           #newMMeny{
        height:35px;
        width:70px;
        cursor:pointer;
        display:none;
        float:left;
        position:relative;
        background-image: url('../images/openMImage.png');
        background-repeat: no-repeat;      
        content:'☰'  ;
        background-color:transparent;
        }

      #newMMenyClose{
        height:35px;
        width:70px;
        cursor:pointer;
        display:block;
        float:left;
        position:relative;
        background-image: url('../images/closeMImage.png');
        background-repeat: no-repeat;      
        content:'☰'  ;
        background-color:transparent;
        }


  #inclBasepInfoMain{

      min-width:290px;width:100%;float:left;position:relative;display:block;z-index:1;
 }
  #inclBasepInfoRight{

    min-width:320px;width:100%;max-width:28%;float:left;position:relative;display:block;z-index:1;margin-left:2px;
 }


        #wrapper {
            min-width:300px;
        width: 100%;
    margin: 0px;
  min-height: 600px;  
  display:block;
  background-color: #5c669a;
  padding-left:0%;
  padding-right:2%;

  left: 0;
}
 


       /* STARTSIDA */

       #ShowSearchInTop
       {display:none;}

       
       #StartPageTopNews{
        vertical-align:top;
        min-width:270px;
        width:100%;
        float:left;
        position:relative;
        padding-top:63px;
        display:block;
        margin-bottom:2px;
       }  

       #StartPageSvenskaSjo{
        vertical-align:top;
        min-width:270px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
       }  

    #StartPageDjurgardshamnen{
        vertical-align:top;
        min-width:270px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

        #StartPageHogbote{
        vertical-align:top;
        min-width:270px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }
            /* StartPageCalendar 960px */
    #StartPageCalendarLeft{min-width:50px; width:30%;display:block;float:left;position:relative;padding:10px;}
    #StartPageCalendarRight{min-width:60px;width:60%;float:left;position:relative;display:block;}
    #StartPageCalendar{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        padding-top:60px;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

    #inclYouTube{
        min-width:260px;
        width:100%;
        padding-right:0px;
        float:left;
        position:relative;
        display:block;
        z-index:5;
    
    }

    /* KMK:U */
    #StartPageKMKU{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:relative;
        display:block;
         
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* KMK Eskader */
    #StartPageEskader{
        vertical-align:top;
        min-width:260px; 
        width:100%;
        float:left;
        position:relative;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

        /* KMK:R */
    #StartPageKMKR{
      vertical-align:top;
      min-width:260px;
      width:100%;
      float:left;
      position:relative;
      display:block;
      background-color:#455077;
      margin-bottom:10px;
      border:1px solid #636881;
    }


    /* Tidningen */
    #StartPageNewspaper{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Prenumerera */
    #StartPageSubscribe{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Partner */
    #StartPagePartners{
        vertical-align:top;
        min-width:260px; 
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }


        #footern {
            display: block;
            position: relative;
            float: left;
            width: 100%;
            min-height: 320px;
            height: auto;
            padding-top: 10px;
            background-color: #3f456a;
            text-align:center;
            padding-left: 15%;
            padding-right: 15%;

        }
         #footernxtra1
        {
            display:block;
        }
        #footernxtra
        {
            display:none;
        }


}

@media screen and (min-width: 1024px) { /* Stage 1: Hide menu text and show corresponding CSS font icons (from Fontawesome) instead */

   .front-Page-Desc-09-calendar-black {
            font-family: 'Open Sans', sans-serif;font-size:1.0em;color: black;line-height:18px;text-decoration: none;font-weight: lighter;white-space:normal;
        }

                           .surveyPage-Header-1 {
 
    font-family: 'Open Sans', sans-serif;
    font-size: 1.6em;
    color: white;
    line-height: 25px;
    display:block;
    margin-top:1%;
    text-decoration: none;
    font-weight: lighter;
    text-transform: uppercase;
}                                                                                                                                              
    /* Kommitteér */       
    #kmkKommitte1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }  
    /* Kansli */
    #kmkKansli1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }
    /* Styrelse */
    #kmkBoard1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }
    
          #inclAllNewsMain{
         margin-top:110px;
        }
        #inclAllNews{
            min-width:294px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
        }
    #inclpNews1{
        min-width:240px;width:280px;float:left;position:relative;display:block;background-color:#454c73;border:1px solid #636881;margin-bottom:5px;height:auto;margin-right:4px;
    }
    #inclspNews1{
        min-width:240px;width:280px;float:left;position:relative;display:block;background-color:#454c73;border:1px solid #636881;margin-bottom:5px;height:auto;margin-right:4px;
    }
    #inclBasepInfo{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:110px;
    }
    #inclBasespInfo{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
    }
    #inclBasepInfoImgW{
           float: right;vertical-align: top;position: inherit;min-width:308px;width:38%; display: block;
    }

     #inclKMKNewspaper{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
    }
       #inclKMKNewspaperdiv{
        min-width:130px;width:130px;height:auto;float:left;position:relative;display:block;margin:5px;
    }
        #inclKMKNewspaperImgW {
        min-width:130px;width:130px;height:160px;padding:3px 3px 3px 3px;
    }
        /* Ansökningar*/
    #inclRegAFM{
         min-width:288px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
  
    #inclRegBoat{
         min-width:288px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
      #inclRegAFBS{
        min-width:288px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
    #inclRegCMI{
        min-width:288px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
      /* Anmälningar*/

    #inclRegPilotCamp{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
      #inclRegCamp{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }


    #inclpPartner{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }

      #inclpPartnerLinks{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
      #inclpAdverts{
          min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
      }
        /* StartPageCalendar 1024px */
    #StartPageCalendarLeft{min-width:50px; width:40%;display:block;float:left;position:relative;padding:10px 30px 10px 10px;}
    #StartPageCalendarRight{min-width:60px;width:55%;float:left;position:relative;display:block;}


          #inclBigCalendar{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
     }
       .front-Page-Desc-09-calendar {
            font-family: 'Open Sans', sans-serif;font-size: 1.0em;color: white;line-height:18px;text-decoration: none;font-weight: lighter;white-space:normal;
        }
        .front-Page-Desc-calendar-09{
            font-family: 'Open Sans', sans-serif;font-size:0.9em;color: white;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
        .front-Page-Desc-calendar-09:hover{
            font-family: 'Open Sans', sans-serif;font-size: 0.9em;color:#e4e6f4;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
        .front-Page-Desc-calendar-08{
            font-family: 'Open Sans', sans-serif;font-size: 0.8em;color: white;text-decoration: none;font-weight: normal;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-calendar-085{
            font-family: 'Open Sans', sans-serif;font-size: 0.85em;color: white;text-decoration: none;font-weight: normal;cursor:pointer;
        }
        .front-Page-Desc-calendar-085:hover{
            font-family: 'Open Sans', sans-serif;font-size: 0.85em;color:#e4e6f4;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
    #BigCalenderBoxSize{
        width:90px;background-color:transparent;border:0px solid transparent;white-space:nowrap;
    }
    #inclNightWatchBooking{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;

    }
                
    #hybridmenu
        {display:block;}

        #hybridmenu li.logo a {
            margin-top:-50px;
            margin-left:-65px ;
        }

        #mhybridmenu
        {display:none;}
        #mySidenav{
            display:none;
        }
               #justMeny
        {display:none;}
        #NewMenu{
            display:block;
        }
        
        #menyTextBoxBlank{
            display:none;
        }
 
 
        
       #LeftMainBox{
            min-width:320px;
            width:62%;
            display:block;
            float:left;
            position:relative;
        }

        #RightMainBox{
            min-width:320px;
            width:35%;
            margin-left:10px;
            display:block;
            float:left;
            position:relative;
        }
 
        #inclBasepInfoRight1{
            min-width:240px;width:100%;height:auto;float:left;position:relative;display:block;z-index:1;
        }

        #wrapper {
  width: 100%;
  margin: 10px auto;
  min-height: 600px;  
  position: relative;
  background-color: transparent;
  padding-left:4%;
  padding-right:4%;
  left: 0;
}
 
    #LeftColumn{
    min-width:320px;
    width:55%;
        height:auto;
        display:block;
        position:relative;
        float:left;
        margin-right:20px;
    }
    #RightColumn{
        min-width:320px;
        width:25%;
        height:auto;
        display:block;
        position:relative;
        float:left;
    }


    
       /* STARTSIDA */


       
       #ShowSearchInTop
       {display:block;}

     #StartPageTopNews{
        vertical-align:top;
        min-width:480px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        padding-top:60px;
        margin-bottom:2px;
       }  

       #StartPageSvenskaSjo{
        vertical-align:top;
        min-width:480px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
       }  

    #StartPageDjurgardshamnen{
        vertical-align:top;
        min-width:480px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

        #StartPageHogbote{
        vertical-align:top;
        min-width:480px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

    #StartPageCalendar{
        vertical-align:top;
        min-width:320px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

    #inclYouTube{
        min-width:320px;
        width:100%;
        padding-right:0px;
        float:left;
        position:relative;
        display:block;
        z-index:5;
    
    }

    /* KMK:U */
    #StartPageKMKU{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:relative;
        display:block;
         
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* KMK Eskader */
    #StartPageEskader{
        vertical-align:top;
        min-width:220px; 
        width:100%;
        float:left;
        position:relative;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

        /* KMK:R */
    #StartPageKMKR{
      vertical-align:top;
      min-width:260px;
      width:100%;
      float:left;
      position:relative;
      display:block;
      background-color:#455077;
      margin-bottom:10px;
      border:1px solid #636881;
    }


    /* Tidningen */
    #StartPageNewspaper{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Prenumerera */
    #StartPageSubscribe{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Partner */
    #StartPagePartners{
        vertical-align:top;
        min-width:220px; 
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }


        #footern{
        display:block;
        position:relative;
        float:left;
        width:100%;
        min-height:320px;
        height:auto;
        padding-top:10px;
        background-color:#3f456a;
        padding-left:2%;
        padding-right:0%;
    }
}

@media screen and (min-width: 1280px) { /* Stage 1: Hide menu text and show corresponding CSS font icons (from Fontawesome) instead */


                                                                                                                          /* Kommitteér */       
    #kmkKommitte1{
        min-width:305px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }  
    /* Styrelse */
    #kmkBoard1{
        min-width:305px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }

          #inclAllNewsMain{
         margin-top:110px;
        }
        #inclAllNews{
            min-width:294px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
        }

        #mySidenav{
            display:none;
        }
        
        #NewMenu{
            display:block;
        }
        
        #menyTextBoxBlank{
            display:none;
        }
 #hybridmenu li.logo a {
    margin-top:-50px;
    margin-left:-5px ;
}

               #footern{
        display:block;
        position:relative;
        float:left;
        width:100%;
        min-height:320px;
        height:auto;
        padding-top:10px;
        background-color:#3f456a;
        padding-left:13%;
        padding-right:6%;
    }

  #wrapper {
  width: 100%;
  margin: 10px auto;
  min-height: 600px;  
  position: relative;
  background-color: transparent;
  padding-left:8%;
  padding-right:12%;
  left: 0;
}
 
    #LeftColumn{
    min-width:320px;
    width:55%;
        height:auto;
        display:block;
        position:relative;
        float:left;
        margin-right:20px;
    }
    #RightColumn{
        min-width:320px;
        width:25%;
        height:auto;
        display:block;
        position:relative;
        float:left;
    }


    
    
     
       /* STARTSIDA */

         /* StartPageCalendar 1280px */
    #StartPageCalendarLeft{min-width:50px; width:30%;display:block;float:left;position:relative;padding:10px;}
    #StartPageCalendarRight{min-width:60px;width:60%;float:left;position:relative;display:block;}

    #StartPageCalendar{
        vertical-align:top;
        min-width:320px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

    #inclYouTube{
        min-width:320px;
        width:100%;
        padding-right:0px;
        float:left;
        position:relative;
        display:block;
        z-index:5;
    
    }

    /* KMK:U */
    #StartPageKMKU{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:relative;
        display:block;
         
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* KMK Eskader */
    #StartPageEskader{
        vertical-align:top;
        min-width:260px; 
        width:100%;
        float:left;
        position:relative;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

        /* KMK:R */
    #StartPageKMKR{
      vertical-align:top;
      min-width:260px;
      width:100%;
      float:left;
      position:relative;
      display:block;
      background-color:#455077;
      margin-bottom:10px;
      border:1px solid #636881;
    }


    /* Tidningen */
    #StartPageNewspaper{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Prenumerera */
    #StartPageSubscribe{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Partner */
    #StartPagePartners{
        vertical-align:top;
        min-width:260px; 
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }
    

          #footern{
        display:block;
        position:relative;
        float:left;
        width:100%;
        min-height:320px;
        height:auto;
        padding-top:10px;
        background-color:#3f456a;
        padding-left:2%;
        padding-right:0%;
    }

}

@media screen and (min-width: 1366px) { /* Stage 1: Hide menu text and show corresponding CSS font icons (from Fontawesome) instead */


                                                                                                                          /* Kommitteér */       
    #kmkKommitte1{
        min-width:305px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }  
    /* Styrelse */
    #kmkBoard1{min-width:305px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;}
    #inclAllNewsMain{margin-top:110px;}
    #inclAllNews{min-width:294px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;}
    #mySidenav{display:none;}
    #NewMenu{display:block;}
    #menyTextBoxBlank{display:none;}
    #footern{display:block;position:relative;float:left;min-height:320px;height:auto;padding-top:10px;background-color:#3f456a;
        padding-left:13%;
        padding-right:6%;
    }

  #wrapper {
  width: 100%;
  margin: 10px auto;
  min-height: 600px;  
  position: relative;
  background-color: transparent;
  padding-left:8%;
  padding-right:12%;
  left: 0;
}
 
    #LeftColumn{
    min-width:320px;
    width:55%;
        height:auto;
        display:block;
        position:relative;
        float:left;
        margin-right:20px;
    }
    #RightColumn{
        min-width:320px;
        width:25%;
        height:auto;
        display:block;
        position:relative;
        float:left;
    }


    
       /* STARTSIDA */

    /* StartPageCalendar 1366px */
    #StartPageCalendarLeft{min-width:50px; width:30%;display:block;float:left;position:relative;padding:10px;}
    #StartPageCalendarRight{min-width:60px;width:60%;float:left;position:relative;display:block;}

    #StartPageCalendar{
        vertical-align:top;
        min-width:320px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

    #inclYouTube{
        min-width:320px;
        width:100%;
        padding-right:0px;
        float:left;
        position:relative;
        display:block;
        z-index:5;
    
    }

    /* KMK:U */
    #StartPageKMKU{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:relative;
        display:block;
         
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* KMK Eskader */
    #StartPageEskader{
        vertical-align:top;
        min-width:260px; 
        width:100%;
        float:left;
        position:relative;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

        /* KMK:R */
    #StartPageKMKR{
      vertical-align:top;
      min-width:260px;
      width:100%;
      float:left;
      position:relative;
      display:block;
      background-color:#455077;
      margin-bottom:10px;
      border:1px solid #636881;
    }


    /* Tidningen */
    #StartPageNewspaper{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Prenumerera */
    #StartPageSubscribe{
        vertical-align:top;
        min-width:260px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Partner */
    #StartPagePartners{
        vertical-align:top;
        min-width:260px; 
        width:100%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }
    
    
          #footern{
        display:block;
        position:relative;
        float:left;
        width:100%;
        min-height:320px;
        height:auto;
        padding-top:10px;
        background-color:#3f456a;
        padding-left:2%;
        padding-right:0%;
    }


}

@media screen and (min-width: 1440px) { /* Stage 1: Hide menu text and show corresponding CSS font icons (from Fontawesome) instead */

                                                                                   /* Kommitteér */       
    /* Kommitteér */       
    #kmkKommitte1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }  
    /* Kansli */
    #kmkKansli1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }
    /* Styrelse */
    #kmkBoard1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }
      #inclAllNewsMain{
         margin-top:110px;
        }
        #inclAllNews{
            min-width:294px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
        }
    #inclpNews1{
        min-width:240px;width:280px;float:left;position:relative;display:block;background-color:#454c73;border:1px solid #636881;margin-bottom:5px;height:auto;margin-right:4px;
    }
    #inclspNews1{
        min-width:240px;width:280px;float:left;position:relative;display:block;background-color:#454c73;border:1px solid #636881;margin-bottom:5px;height:auto;margin-right:4px;
    }
    #inclBasepInfo{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:110px;
    }
    #inclBasespInfo{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
    }
        #inclBasepInfoImgW{
            float: right;vertical-align: top;position: inherit;min-width:308px;width:38%; display: block;
        }


    #inclKMKNewspaper{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
    }
       #inclKMKNewspaperdiv{
        min-width:130px;width:130px;height:auto;float:left;position:relative;display:block;margin:5px;
    }
        #inclKMKNewspaperImgW {
        min-width:130px;width:130px;height:160px;padding:3px 3px 3px 3px;
    }

    #inclBigCalendar{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
     }
           .front-Page-Desc-09-calendar {
            font-family: 'Open Sans', sans-serif;font-size: 1.0em;color: white;line-height:18px;text-decoration: none;font-weight: lighter;white-space:normal;
        }
        .front-Page-Desc-calendar-09{
            font-family: 'Open Sans', sans-serif;font-size:0.9em;color: white;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
        .front-Page-Desc-calendar-09:hover{
            font-family: 'Open Sans', sans-serif;font-size: 0.9em;color:#e4e6f4;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
        .front-Page-Desc-calendar-08{
            font-family: 'Open Sans', sans-serif;font-size: 0.8em;color: white;text-decoration: none;font-weight: normal;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-calendar-085{
            font-family: 'Open Sans', sans-serif;font-size: 0.85em;color: white;text-decoration: none;font-weight: normal;cursor:pointer;
        }
        .front-Page-Desc-calendar-085:hover{
            font-family: 'Open Sans', sans-serif;font-size: 0.85em;color:#e4e6f4;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
        #BigCalenderBoxSize{
            width:100%;background-color:transparent;border:0px solid transparent;white-space:nowrap;
        }


    /* Ansökningar*/
    #inclRegAFM{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
    #inclRegBoat{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
    #inclRegAFBS{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
       #inclRegCMI{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }

  
    /* Anmälningar*/

    #inclRegPilotCamp{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }


    #inclRegCamp{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }


   
    #inclpPartner{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }

      #inclpPartnerLinks{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
      #inclpAdverts{
          min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
      }


        #mySidenav{
            display:none;
        }
        
        #NewMenu{
            display:block;
        }
        
        #menyTextBoxBlank{
            display:none;
        }
 

               #footern{
        display:block;
        position:relative;
        float:left;
        width:100%;
        min-height:320px;
        height:auto;
        padding-top:10px;
        background-color:#3f456a;
        padding-left:13%;
        padding-right:6%;
    }

  #wrapper {
  width: 100%;
  margin: 10px auto;
  min-height: 600px;  
  position: relative;
  background-color: transparent;
  padding-left:8%;
  padding-right:12%;
  left: 0;
}
 
    #LeftColumn{
    min-width:320px;
    width:55%;
        height:auto;
        display:block;
        position:relative;
        float:left;
        margin-right:20px;
    }
    #RightColumn{
        min-width:320px;
        width:25%;
        height:auto;
        display:block;
        position:relative;
        float:left;
    }


    
     /* STARTSIDA */
    #StartPageCalendar{
        vertical-align:top;
        min-width:290px;
        width:100%;
        float:left;
        position:inherit;
        display:block;
        margin-bottom:2px;
        margin-top:50px;
    }

    /* StartPageCalendar 1440px */
    #StartPageCalendarLeft{min-width:50px; width:30%;display:block;float:left;position:relative;padding:10px;}
    #StartPageCalendarRight{min-width:60px;width:60%;float:left;position:relative;display:block;}

    #calendarImage1{width:auto;height:110px;display:block;margin:10px;text-align:center;}
    #inclYouTube{
        min-width:490px;
        width:100%;
        padding-right:0px;
        float:left;
        position:relative;
        display:block;
        z-index:5;
        padding:10px 0px 10px 0px;
    }
    /* KMK:U */
    #StartPageKMKU{
        vertical-align:top;
        min-width:241px;
        min-height:280px;
        width:45%;
        float:left;
        position:relative;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }
    /* KMK Eskader */
    #StartPageEskader{
        vertical-align:top;
        min-width:241px; 
        min-height:280px;
        width:45%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }
    /* KMK:R */
    #StartPageKMKR{
      vertical-align:top;
      min-width:241px;
      min-height:280px;
      width:45%;
      float:left;
      position:inherit;
      display:block;
      padding:4px;
      margin:1px;
      background-color:#455077;
      margin-bottom:10px;
      border:1px solid #636881;
    }
    /* Tidningen */
    #StartPageNewspaper{
        vertical-align:top;
        min-width:241px;
        
        width:45%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }
    /* Prenumerera */
    #StartPageSubscribe{
        vertical-align:top;
        min-width:241px;
        width:45%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }
    /* Partner */
    #StartPagePartners{
        vertical-align:top;
        min-width:241px; 
        width:45%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }
    
    
          #footern{
        display:block;
        position:relative;
        float:left;
        width:100%;
        min-height:320px;
        height:auto;
        padding-top:10px;
        background-color:#3f456a;
        padding-left:4%;
        padding-right:0%;
    }



}

@media screen and (min-width: 1600px) { /* Stage 1: Hide menu text and show corresponding CSS font icons (from Fontawesome) instead */


        /* Kommitteér */       
    #kmkKommitte1{
        min-width:305px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }  
    /* Styrelse */
    #kmkBoard1{
        min-width:305px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }


        #mySidenav{
            display:none;
        }
        
        #NewMenu{
            display:block;
        }
        
        #menyTextBoxBlank{
            display:none;
        }
 

               #footern{
        display:block;
        position:relative;
        float:left;
        width:100%;
        min-height:320px;
        height:auto;
        padding-top:10px;
        background-color:#3f456a;
        padding-left:13%;
        padding-right:6%;
    }

  #wrapper {
  width: 100%;
  margin: 10px auto;
  min-height: 600px;  
  position: relative;
  background-color: transparent;
  padding-left:8%;
  padding-right:12%;
  left: 0;
}
 
    #LeftColumn{
    min-width:320px;
    width:55%;
        height:auto;
        display:block;
        position:relative;
        float:left;
        margin-right:20px;
    }
    #RightColumn{
        min-width:320px;
        width:25%;
        height:auto;
        display:block;
        position:relative;
        float:left;
    }


    
       /* STARTSIDA */

    #StartPageCalendar{
        vertical-align:top;
        min-width:320px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

    #inclYouTube{
        min-width:320px;
        width:100%;
        padding-right:0px;
        float:left;
        position:relative;
        display:block;
        z-index:5;
    
    }

    /* KMK:U */
    #StartPageKMKU{
        vertical-align:top;
        min-width:260px;
         min-height:280px;
        width:45%;
        float:left;
        position:relative;
        display:block;
         
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* KMK Eskader */
    #StartPageEskader{
        vertical-align:top;
        min-width:260px; 
          min-height:280px;
        width:45%;
        float:left;
        position:relative;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

        /* KMK:R */
    #StartPageKMKR{
      vertical-align:top;
      min-width:260px;
      min-height:280px;
      width:40%;
      float:left;
      position:relative;
      display:block;
      background-color:#455077;
      margin-bottom:10px;
      border:1px solid #636881;
    }


    /* Tidningen */
    #StartPageNewspaper{
        vertical-align:top;
        min-width:260px;
        max-height:280px;
        width:40%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Prenumerera */
    #StartPageSubscribe{
        vertical-align:top;
        min-width:260px;
        width:40%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Partner */
    #StartPagePartners{
        vertical-align:top;
        min-width:260px; 
        width:40%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }
    



}
 
@media screen and (min-width: 1680px) { /* Stage 1: Hide menu text and show corresponding CSS font icons (from Fontawesome) instead */


    /* Kommitteér */       
    #kmkKommitte1{
        min-width:305px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }  
    /* Styrelse */
    #kmkBoard1{
        min-width:305px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }
        #inclAllNewsMain{
         margin-top:110px;
        }
        #inclAllNews{
            min-width:294px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
        }

        #mySidenav{
            display:none;
        }
        
        #NewMenu{
            display:block;
        }
        
        #menyTextBoxBlank{
            display:none;
        }
 

               #footern{
        display:block;
        position:relative;
        float:left;
        width:100%;
        min-height:320px;
        height:auto;
        padding-top:10px;
        background-color:#3f456a;
        padding-left:13%;
        padding-right:6%;
    }

  #wrapper {
  width: 100%;
  margin: 10px auto;
  min-height: 600px;  
  position: relative;
  background-color: transparent;
  padding-left:8%;
  padding-right:12%;
  left: 0;
}
 
    #LeftColumn{
    min-width:320px;
    width:55%;
        height:auto;
        display:block;
        position:relative;
        float:left;
        margin-right:20px;
    }
    #RightColumn{
        min-width:320px;
        width:25%;
        height:auto;
        display:block;
        position:relative;
        float:left;
    }


    
       /* STARTSIDA */

    #StartPageCalendar{
        vertical-align:top;
        min-width:320px;
        width:100%;
        float:left;
        position:relative;
        display:block;
        margin-bottom:2px;
        
    }

    #inclYouTube{
        min-width:320px;
        width:100%;
        padding-right:0px;
        float:left;
        position:relative;
        display:block;
        z-index:5;
    
    }

    /* KMK:U */
    #StartPageKMKU{
        vertical-align:top;
        min-width:260px;
        width:49%;
        float:left;
        position:relative;
        display:block;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* KMK Eskader */
    #StartPageEskader{
        vertical-align:top;
        min-width:260px; 
        width:49%;
        float:left;
        position:relative;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

        /* KMK:R */
    #StartPageKMKR{
      vertical-align:top;
      min-width:260px;
      width:49%;
      float:left;
      position:relative;
      display:block;
      background-color:#455077;
      margin-bottom:10px;
      border:1px solid #636881;
    }


    /* Tidningen */
    #StartPageNewspaper{
        vertical-align:top;
        min-width:260px;
        max-height:420px;
        width:49%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Prenumerera */
    #StartPageSubscribe{
        vertical-align:top;
        min-width:260px;
        width:49%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

    /* Partner */
    #StartPagePartners{
        vertical-align:top;
        min-width:260px; 
        width:49%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }
    /* StartPageCalendar 1680 */
    #StartPageCalendarLeft{min-width:60px; width:25%;display:block;float:left;position:relative;padding:10px;}
    #StartPageCalendarRight{min-width:60px;width:60%;float:left;position:relative;display:block;}
      #calendarImage1{width:auto;height:110px;display:block;margin:10px;text-align:center;}



}

@media screen and (min-width: 1920px) { /* Stage 1: Hide menu text and show corresponding CSS font icons (from Fontawesome) instead */

    #Page-Desc-Header {font-family: 'Open Sans', sans-serif;max-width:200px;font-size: 1.6em;line-height:25px;white-space:normal;color: white;text-decoration: none;font-weight: lighter;background-color:transparent;border: 0px solid transparent;cursor:pointer;}                                    
    #Page-Desc-News {font-family: 'Open Sans', sans-serif;max-width:200px;font-size: 1.2em;line-height:20px;white-space:normal;color: white;text-decoration: none;font-weight: lighter;background-color:transparent;border: 0px solid transparent;cursor:pointer;}                  

    .surveyPage-Header-Grey-1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.6em;
    color: dimgrey;
    line-height: 35px;
    text-decoration: none;
    font-weight: lighter;
    text-transform: uppercase;
}
   .surveyPage-ingress-Grey-1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.0em;
    color: dimgrey;
    line-height: 1.1em;
    text-decoration: none;
    font-weight: lighter;
    text-transform: none;
}
  .surveyPage-text-Grey-1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.0em;
    color: dimgrey;
    line-height:  1.1em;
    text-decoration: none;
    font-weight: lighter;
    text-transform: none;
}
  .surveyPage-text-Grey-1-8 {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8em;
    color: dimgrey;
    line-height:  1.0em;
    text-decoration: none;
    font-weight: lighter;
    text-transform: none;
}
  .surveyPage-text-Grey-120 {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8em;
    color: Black;
    line-height:  1.4em;
    text-decoration: none;
    font-weight: normal;
    text-transform: none;
}
  .surveyPage-text-Grey-100 {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8em;
    color: Black;
    line-height:  1.4em;
    text-decoration: none;
    font-weight: bold;
    text-transform: none;
}

  .surveyPage-text-Grey-red-1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.0em;
    color: red;
    line-height:  1.1em;
    text-decoration: none;
    font-weight: lighter;
    text-transform: none;
}



    #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;
}
    /* Kommitteér */       
    #kmkKommitte1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }  
    /* Kansli */
    #kmkKansli1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }
    /* Styrelse */
    #kmkBoard1{
        min-width:294px;width:290px;display:block;position:relative;float:left;height:auto;margin-top:45px;border:1px solid #6f7491;margin-left:10px;background-color:#454c73;
    }

    #inclAllNewsMain{
         margin-top:110px;
        }
        #inclAllNews{
            min-width:294px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
        }
    #inclpNews1{
        min-width:240px;width:280px;float:left;position:relative;display:block;background-color:#454c73;border:1px solid #636881;margin-bottom:5px;height:auto;margin-right:4px;
    }
    #inclspNews1{
        min-width:240px;width:280px;float:left;position:relative;display:block;background-color:#454c73;border:1px solid #636881;margin-bottom:5px;height:auto;margin-right:4px;
    }
    #inclBasepInfo{
        min-width:294px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:110px;
    }
    #inclBasespInfo{
        min-width:294px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
    }
        #inclBasepInfoImgW{
            float: right;vertical-align: top;position: inherit;min-width:308px;width:38%; display: block;
        }


    #inclKMKNewspaper{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;margin-top:10px;
    }
       #inclKMKNewspaperdiv{
        min-width:130px;width:130px;height:auto;float:left;position:relative;display:block;margin:5px;
    }
        #inclKMKNewspaperImgW {
        min-width:130px;width:130px;height:160px;padding:3px 3px 3px 3px;
    }

    #inclBigCalendar{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
     }
        .front-Page-Desc-09-calendar {
            font-family: 'Open Sans', sans-serif;font-size: 1.0em;color: white;line-height:18px;text-decoration: none;font-weight: lighter;white-space:normal;
        }
        .front-Page-Desc-calendar-09{
            font-family: 'Open Sans', sans-serif;font-size:0.9em;color: white;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
        .front-Page-Desc-calendar-09:hover{
            font-family: 'Open Sans', sans-serif;font-size: 0.9em;color:#e4e6f4;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
        .front-Page-Desc-calendar-08{
            font-family: 'Open Sans', sans-serif;font-size: 0.8em;color: white;text-decoration: none;font-weight: normal;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-calendar-085{
            font-family: 'Open Sans', sans-serif;font-size: 0.85em;color: white;text-decoration: none;font-weight: normal;cursor:pointer;
        }
        .front-Page-Desc-calendar-085:hover{
            font-family: 'Open Sans', sans-serif;font-size: 0.85em;color:#e4e6f4;text-decoration: none;font-weight: lighter;cursor:pointer;
        }
        #BigCalenderBoxSize{
            width:100%;background-color:transparent;border:0px solid transparent;white-space:nowrap;
        }

    
    #inclNightWatchBooking{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:10px;margin-bottom:10px;padding-top:10px;

    }

    /* Ansökningar*/
    #inclRegAFM{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
    #inclRegBoat{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
    #inclRegAFBS{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
    #inclRegCMI{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }

  
    /* Anmälningar*/

    #inclRegPilotCamp{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }


    #inclRegCamp{
        min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }


   
    #inclpPartner{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }

      #inclpPartnerLinks{
         min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
    }
      #inclpAdverts{
          min-width:268px;width:100%;height:auto;display:block;position:relative;float:left;padding-top:30px;border:1px solid white;padding:20px;margin-bottom:10px;padding-top:50px;
      }



    /* Sidmeny */
    #mySidenav{
        display:none;
    }
    #menyTextBoxBlank{
        display:none;
    }
    #NewMenu{
        display:block;
    }
    
    #inclBasepInfoRight1{
            min-width:240px;width:100%;height:auto;float:left;position:relative;display:block;z-index:1;
    }

    #wrapper {
        width: 100%;
        margin: 10px auto;
        min-height: 600px;  
        position: relative;
        background-color: transparent;
        padding-left:8%;
        padding-right:12%;
        left: 0;
    }
    #inclBasepInfoMain{
            min-width:290px;width:100%;float:left;position:relative;display:block;z-index:1;
        }
        
        #inclBasepInfoRight1{
            min-width:320px;width:100%;height:auto;float:left;position:relative;display:block;z-index:1;margin-left:2px;
        }
 
    #LeftColumn{
    min-width:320px;
    width:55%;
        height:auto;
        display:block;
        position:relative;
        float:left;
        margin-right:20px;
    }
    #RightColumn{
        min-width:320px;
        width:25%;
        height:auto;
        display:block;
        position:relative;
        float:left;
    }


    /* STARTSIDA */


  /* StartPageCalendar 1920 */
    #StartPageCalendarLeft{min-width:60px; width:30%;display:block;float:left;position:relative;padding:10px 30px 0px 10px;}
    #StartPageCalendarRight{min-width:60px;width:65%;float:left;position:relative;display:block;}
      #calendarImage1{width:auto;height:110px;display:block;margin:10px;text-align:center;}


    /* youtube */
    #inclYouTube{
        min-width:630px;
        width:100%;
        padding-right:0px;
        float:left;
        position:relative;
        display:block;
        z-index:5;
        padding:10px 0px 10px 0px;
    }
    /* KMK:U 1920px */
    #StartPageKMKU{min-width:280px;min-height:250px;height:auto;width:49%;float:left;position:relative;display:block;padding:4px;margin:1px;background-color:#3f456a;margin-bottom:10px;border:1px solid #636881;}
    .StartPageRightTextBox{min-height:50px;min-width:200px;width:auto;height:auto;display:inline-block;margin:10px 10px 10px 10px;}

    
                                    /* KMK Eskader 1920px */
                                    #StartPageEskader{min-width:280px; min-height:250px;height:auto;width:49%;float:left;position:inherit;display:block;padding:4px;margin:1px;background-color:#3f456a;margin-bottom:10px;border:1px solid #636881;}
    
                                    /* KMK:R 1920px*/
                                    #StartPageKMKR{vertical-align:top;min-width:290px;width:49%;float:left;position:inherit;display:block;padding:4px;margin:1px;background-color:#455077;margin-bottom:10px;border:1px solid #636881;}
     /* Tidningen */
    #StartPageNewspaper{
          vertical-align:top;
        min-width:290px;
         max-height:480px;
        width:49%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }
    /* Prenumerera */
    #StartPageSubscribe{
        vertical-align:top;
        min-width:290px;
        width:49%;
        float:left;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }
    /* Partner */
    #StartPagePartners{
        vertical-align:top;
        min-width:290px; 
        width:49%;
        float:right;
        position:inherit;
        display:block;
        padding:4px;
        margin:1px;
        background-color:#455077;
        margin-bottom:10px;
        border:1px solid #636881;
    }

   .front-Page-Desc-header-20
{
    font-family: 'Open Sans', sans-serif;
    font-size: 2.0em;
    color: white;
    line-height:25px;
    text-decoration: none;
    font-weight: lighter;
}
    #boardBlock{

        min-width:220px;
        width:24%;
        min-height:375px;
        float:left;
        position:relative;
        display:block;
        background-color:#454c73;
        border:1px solid #636881;
        padding-top:5px;
        padding-right:5px;
        padding-left:5px;
        margin-top:5px;
        margin-right:6px;
    }
  
       #footern{
        display:block;
        position:relative;
        float:left;
        width:100%;
        min-height:320px;
        height:auto;
        text-align:left;
        padding-top:10px;
        background-color:#3f456a;
        padding-left:10%;
        padding-right:12%;
    }

       #footernxtra1
        {
            display:none;
        }
        #footernxtra
        {
            display:block;
        }
}