@media (min-width: 599px) and (max-width: 980px) {
    .span7 {
        width: 300px;
    }

    [class*="span"], .row-fluid [class*="span"] {
        -moz-box-sizing: border-box;
        display: inline;
        margin-left: 0;
        width: 100%;
    }
}


@media (min-width: 2px) and (max-width: 480px) {

    li.followUs a {
        line-height: 0;
        font-size: 0;
        color: transparent;
    }

    #newsDiv, #followSvidDiv h3 {
        height: auto;
    }

    #fixeddiv {
        visibility: visible;
    }


    .container {
        padding: 0.3em;
    }

    .startlogo {
        position: relative;
        display: inline-block;
        width: 50%;
        z-index: 15;
    }

    .showInMobile {
        visibility: visible;
    }

    .marginleft {
        margin-left: 1.0em;
    }

    .stickymenurow {
        margin-bottom: 50px;
    }

    .stickymenurowhidden {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .stickymenu {
        position: fixed;
        width: 99%;
        height: 90px;
        padding: 0px;
        background: none repeat scroll 0% 0% rgb(255, 255, 255);
        top: 0px;
        right: 0px;
        margin-left: 0px;
        z-index: 20;
    }

    .stickymenunotfixed {
        position: absolute;
    }

    .notShowInMobile {
        display: none;
    }

    .inlineblock {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
        margin-left: 0px;
        margin-right: 0px;
        z-index: 15;
        position: relative;
    }

    .quicksearchmobile {
        background-image: url(/Templates/SVID/2012/Images/mobilbilder/icon_seek.png);
        display: inline-block;
        padding-top: 60px;
        background-repeat: no-repeat;
        width: 61px;
        position: relative;
        z-index: 15;
        text-align: center;
    }

    .quicksearch input[type='text'] {
        font-size: 16px;
    }

    .quicksearch {
        display: inline-block;
        z-index: 15;
        position: relative;
    }


    .mobilenavigation {
        background-image: url(/Templates/SVID/2012/Images/mobilbilder/icon_menu.png);
        background-repeat: no-repeat;
        width: 61px;
        display: inline-block;
        padding-top: 60px;
        position: relative;
        z-index: 15;
        text-align: center;
    }

    .topmenu {
        padding-top: 5em;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

        .topmenu li {
            margin-right: 0px;
            border-bottom: 1px solid #999A8C;
            background-image: url(/Templates/SVID/2012/Images/mobilbilder/arrow.png);
            background-position: center right;
            background-repeat: no-repeat;
            display: block;
            margin-top: 0.2em;
            padding-bottom: 1.0em;
            padding-top: 1.0em;
        }

            .topmenu li:hover {
                background-color: #E6E7E8;
            }

            .topmenu li:focus {
                background-color: #E6E7E8;
            }

            .topmenu li.active {
                border-bottom: 1px solid #999A8C;
                text-decoration: none;
                background-color: #E6E7E8;
            }


                .topmenu li.active a:hover {
                    color: #333333;
                    text-decoration: none;
                    background-color: #E6E7E8;
                }

    .right {
        float: right;
    }

    .white {
        color: #FFFFFF;
    }

    .topmenu a {
        font-size: 14pt;
    }

    .slideHeader {
        visibility: hidden;
    }

    #Slideshow {
        display: none;
    }

    #calendarItems {
        display: none;
    }

    #newsItems {
        display: none;
    }

    .orangepuffheader {
        background-size: 100% 100%;
    }

    .greenpuffheader {
        background-size: 100% 100%;
    }

    .mobilemarginbottom {
        margin-bottom: 50px;
    }

    .who {
        background-repeat: no-repeat;
        background-image: url(/Templates/SVID/2012/Images/mobilbilder/square_vem.png);
        background-size: 100% 80%;
        height: 100px;
        width: 30%;
        display: inline-block;
    }

    .how {
        background-repeat: no-repeat;
        background-image: url(/Templates/SVID/2012/Images/mobilbilder/square_hur.png);
        background-size: 100% 80%;
        height: 100px;
        width: 30%;
        display: inline-block;
        margin-right: 1.0em;
    }

    .what {
        background-repeat: no-repeat;
        background-image: url(/Templates/SVID/2012/Images/mobilbilder/square_vad.png);
        background-size: 100% 80%;
        height: 100px;
        width: 30%;
        display: inline-block;
        margin-right: 1.0em;
    }


    .socialmedia {
        display: none;
    }

    /*---------- Slideshow Start ----------*/
    #Slideshow {
        width: 99%;
        display: block;
        overflow: hidden;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        padding-top: 1em;
        position: relative;
        z-index: 0;
    }

        #Slideshow a:focus {
            border: 0!important;
        }

    a#Slideshow-previous {
        width: 39px;
        height: 39px;
        display: block;
        position: relative;
        z-index: 14;
        float: left;
        text-indent: -9999px;
        background-repeat: no-repeat;
        background-image: url(/Templates/SVID/2012/Images/slide-left.png);
    }

    a#Slideshow-next {
        width: 39px;
        height: 39px;
        display: block;
        position: relative;
        z-index: 14;
        float: right;
        text-indent: -9999px;
        background-repeat: no-repeat;
        background-image: url(/Templates/SVID/2012/Images/slide-right.png);
    }

    div#Slideshow-nav {
        z-index: 0;
        position: relative;
    }

    #Slideshow-nav a {
    }

        #Slideshow-nav a.activeSlide {
            background-color: #646565;
        }

    #Slideshow-container {
        width: 100%;
        height: 300px;
        display: block;
        overflow: hidden;
        position: relative;
    }

    .slide {
        width: 100%;
        height: 300px;
        background-color: #eee;
        background-repeat: no-repeat;
        background-position: left top;
    }

    .slide-content {
        visibility: hidden;
    }

    .mobileSlideTexts {
        display: block;
    }

    .mobileSlideHeaderTexts {
        display: block;
    }

    .show {
        visibility: visible;
    }

    .hide {
        visibility: hidden;
    }

    .slide-content a {
        text-decoration: none;
    }

        .slide-content a:hover {
            text-decoration: underline;
            color: #fff;
        }

    .slide-content h2 {
        color: #ffffff;
        margin: 0;
        padding: 0;
        font-family: Arial, Verdana;
        font-weight: normal;
        font-size: 20px;
    }

    .slide-content p {
        color: #ffffff;
        margin: 0;
        padding: 0;
        font-family: Arial, Verdana;
        font-size: 14px;
    }
    /*---------- Slideshow End ----------*/



    .footerdiv {
        text-align: left;
    }

        .footerdiv ul {
            margin: 0px;
        }

    .footer {
        text-align: left;
    }

    .followUs a {
        margin-left: 0px;
    }

    .followUs:first-child {
        display: block;
    }

    .followUsContentHeader {
        padding-top: 15px;
    }

    .footertext {
        text-align: center;
    }

    li.followUs a.emptyicon {
        display: block;
        padding-left: 0px;
    }

    .footerspacer {
        border-top: 1px solid #979FA1;
        margin-top: 0.5em;
        padding-bottom: 0.5em;
    }

    .input {
        width: 70%;
        border: 1px solid #979FA1;
        padding-top: 0.1em;
        padding-bottom: 0.1em;
    }

    .quicksearch {
        width: 100%;
    }

    .search {
        width: 78%;
        margin-top: 0px;
        padding-top: 0px;
    }

    .topmenuspacing {
        display: none;
    }

    .sharethissubpagediv {
        display: none;
    }

    .sharethissubpage {
        display: none;
    }

    .sharethisarticlepagediv {
        display: none;
    }

    .sharethisMobile {
        background-image: url(/Templates/SVID/2012/Images/mobilbilder/icon_dela.png);
        background-position: center right;
        background-repeat: no-repeat;
        height: 32px;
        width: 32px;
        display: block;
    }

    .stButton .sharethis {
        background-image: none !important;
    }

    .sharethisMobileText {
        padding-left: 35px;
        display: inline-block;
        margin-top: 0.3em;
    }







    .leftMenu {
        background-color: #FAFAF7;
        font-family: Arial, sans-serif;
    }

        .leftMenu li {
            list-style-type: none;
            border-bottom: none;
            padding-top: 0.4em;
            margin-bottom: 0.4em;
        }

    #afteractive {
        padding-top: 0px;
    }

    .leftMenu li a:hover {
        color: #73BE1E;
        background-color: #E6E7E8;
    }

    .leftmenu-background {
        background-color: #E6E7E8;
    }

    .LeftMenuLink1 {
        font-size: 13pt;
        padding-top: 3px;
        padding-bottom: 3px;
        margin-top: 3px;
        margin-bottom: 3px;
    }

        .LeftMenuLink1 a {
            color: #72BE1E;
        }



    li.LeftMenuLink1.expanded a {
        text-decoration: none;
        border-bottom: none;
        background-image: none;
    }


    .LeftMenuLink2 {
        font-size: 13pt;
        padding: 0px;
        margin: 0px;
    }

        .LeftMenuLink2 .selected {
            font-weight: bold;
        }

    .LeftMenuLink3 {
        font-size: 13pt;
        padding: 0px;
        margin: 0px;
    }

    .LeftMenuLink4 {
        font-size: 13pt;
        padding: 0px;
        margin: 0px;
    }

    .LeftMenuLink5 {
        font-size: 13pt;
        padding: 0px;
        margin: 0px;
    }

    .LeftMenuLink6 {
        font-size: 13pt;
        padding: 0px;
        margin: 0px;
    }

    .leftMenu ul {
        margin-left: 0px;
    }

    .leftMenu li {
        padding-left: 0px;
    }

    .leftMenu > li {
        margin-right: 0px;
    }

    .leftMenu .expanded li {
        padding-left: 0px;
    }

        .leftMenu .expanded li a {
            padding-left: 0.5em;
        }



    li.expanded a {
        border-bottom: none;
        padding-bottom: 2pt;
    }

    .leftMenu li a {
        padding-left: 0em;
        display: block;
    }

    .LeftMenuLink2.expanded a {
        padding-bottom: 1pt;
    }

    li.expanded {
        background-image: none;
        background-repeat: no-repeat;
        padding: 0px;
        margin: 0px;
    }

    .leftMenu .expanded li.active {
        background-color: #E6E7E8;
        border-bottom: none;
        background-image: none;
    }


    li.active a {
        border-bottom: none;
        background-image: none;
    }

    li.active {
        border: none;
        border-bottom: none;
        padding-top: 1em;
        padding-bottom: 1em;
    }


    .LeftMenuLink1 a {
        margin-left: 0em;
    }

    .LeftMenuLink2 a {
        margin-left: 0.5em;
    }

    .LeftMenuLink3 a {
        margin-left: 1.0em;
    }

    .LeftMenuLink4 a {
        margin-left: 1.5em;
    }

    .LeftMenuLink5 a {
        margin-left: 2.0em;
    }

    .LeftMenuLink6 a {
        margin-left: 2.5em;
    }

    ul.expanded li.LeftMenuLink1 {
        border-top: 1px solid #999A8C;
    }

    ul.expanded li.LeftMenuLink2 {
        border-top: 1px solid #999A8C;
    }

    ul.expanded li.LeftMenuLink3 {
        border-top: 1px solid #999A8C;
    }

    ul.expanded li.LeftMenuLink4 {
        border-top: 1px solid #999A8C;
    }

    ul.expanded li.LeftMenuLink5 {
        border-top: 1px solid #999A8C;
    }

    ul.expanded li.LeftMenuLink6 {
        border-top: 1px solid #999A8C;
    }

    .borderbottom {
        border-bottom: 1px solid #999A8C;
    }

    .navbar-inner {
        z-index: 15;
        position: relative;
    }

    .container-fluid {
        z-index: 15;
        position: relative;
        height: 80px;
    }

        .container-fluid .right {
            position: absolute;
            right: 0;
            top: 0;
        }

    .PageHeading {
        display: inline-block;
        width: 99% !important;
        word-wrap: break-word;
    }

    .archiveBtn {
        width: 11em;
    }

    ul li li.expanded {
        background-image: none;
        background-position: 5% 100%;
        background-repeat: no-repeat;
        padding-bottom: 3px;
    }


    .slideHeaderText {
        color: #4e860d;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .slide-content-header {
        color: #333333;
        font-size: 16pt;
        padding-top: 0.7em;
    }

    .slide-content-text {
        color: #333333;
        font-size: 12pt;
    }


    div#centerColumnWide {
        padding: 0px 0px 12px 0px;
    }

    .calendarFilter {
        clear: left;
    }

    div#col2SearchCalendar {
        width: 60%;
    }

    .breadcrumb {
        margin: 0px;
    }

    .start-puff-text {
        color: #333333;
        padding-left: 0px;
        padding-top: 5px;
    }

    .PuffImageLarge {
        float: none;
    }

    .puff {
        width: auto;
        max-width: inherit;
    }

    #puffsrow div a .clickArea {
        display: none;
    }

    #puffsrow div a .lastClickAreaPadding {
        display: none;
    }

    .svidstart #LeftMainPuffHref, .svidstart #MiddleMainPuffHref, .svidstart #RightMainPuffHref {
        display: table;
        height: 100px;
        width: 30%;
    }

    .svidstart #LeftMainPuffHref, .svidstart #MiddleMainPuffHref {
        float: left;
        margin-right: 1em;
    }

    #LeftMainPuffHref .pinkpuffheader {
        background-repeat: no-repeat;
        background-image: none;
        background-color: #CB378D;
        background-size: 100% 80%;
        display: table-cell;
        margin-right: 1.0em;
        text-align: center;
        padding-left: 0px;
        padding-top: 0px;
        vertical-align: middle;
    }

    #MiddleMainPuffHref .bluepuffheader {
        background-repeat: no-repeat;
        background-image: none;
        background-color: #3D68AD;
        background-size: 100% 80%;
        display: table-cell;
        margin-right: 1.0em;
        text-align: center;
        padding-left: 0px;
        padding-top: 0px;
        vertical-align: middle;
    }

    #RightMainPuffHref .purplepuffheader {
        background-repeat: no-repeat;
        background-image: none;
        background-color: #8D489B;
        background-size: 100% 80%;
        display: table-cell;
        text-align: center;
        padding-left: 0px;
        padding-top: 0px;
        vertical-align: middle;
    }

    [class*="span"] {
        min-height: 0px;
    }
}