@media print {

        .share, .pinned, .pin-wrapper, .separatorBottom, nav, .shadow2, .shadow,.webLink {
    
            display:none !important;

                }

    .separator {
    page-break-after:always;
    }
    }


@media only screen and (max-width: 400px) {
    .fancybutton, #newForm {
        max-width:90% !important;
    }
    #newForm {
        padding:0px !important;
    }

    #whenActive {
        display:block;
    }
    #contentdiv {
        margin-top:0px !important;
    }


    img {
        margin-bottom:10px;
    }



    input {
        max-width:180px !important;
    }
    .step div {
        margin-left: 0px !important;
    }
    div.mlstep {
        margin-left: 65px !important;
    }

    #txtDiv textarea, #txtDiv input, #helpdiv {
        width: 90% !important;
        margin-left: 2px;
    }
    #txtDiv {
        
width: 100% !important;

        
    }

    #news, #logocont, #xtrabr{
    
        display:none !important;
    }

    .step {
        width:100% !important;
        padding-left:0px !important;
    }
    nav {
        height: 48px;
    }
    #paperInfo {
        max-width: 235px;
    }
     
    .pinned {
        display: none !important;
    }

    .headerArticle {
        float: none;
        width: 100%;
        clear: both;
        margin: 10px;
        min-height: 40px;
    }

    #contentsub {
        margin-top: 40px;
        overflow-y: auto !important;
        max-height: 250px !important;
    }

    #subcontent {
        width: 100% !important;
    }

    #subscribe {
        margin-top: 110px !important;
    }

    #logon {
        float: none !important;
        width: 100% !important;
        border: none !important;
        padding-left: 0px !important;
        margin: 0px !important;
    }

        #logon input {
            width: 100% !important;
        }

    .fancybutton {
        width: 90% !important;
    }

    #register {
        width: 100% !important;
        float: none !important;
        border: none !important;
    }

    .streamer {
        margin: 0 auto;
        width: 100% !important;
        padding: 20px;
    }
    #newForm {
        border-right: none !important;
    }
    #existForm{
        width: 330px !important;
    }
}

@media only screen and (max-width: 1490px) and (min-width: 1040px) {

    .step {
        width:1000px !important;
    }



    .site-width {
        max-width: 100%;
    }

    .page {
        margin: 0px !important;
    }

    .pin-wrapper {
        left: 980px;
    }
}

@media only screen and (min-width: 1040px) and (max-width: 1100px) {

    .page {
        margin: 0 auto !important;
    }

    .pin-wrapper {
        display: none;
    }
}

@media only screen and (max-width: 1040px) {
    h6 span {
    font-size: .8em !important;
    }

    
h6 .menu {
font-size: 1.4em !important;
margin-top:0px !important;
}

    .pinned h6 img {
    
        width: auto !important;
        height: 20px !important;

    
    }
    
    
     .innerLink {
        display: none;
    }

     #innernav .innerLink {
        display: initial;
    }

    .pinned {
        position: fixed;
        right: 20px;
        bottom: 0px;
        display: none;
        z-index: 999;
    }

    .streamer {
        margin-right: 120px !important;
        margin-left: 60px !important;
        margin-bottom: 60px !important;
        font-size: 1.2em !important;
        width: 305px;
    }


    .pinned img {
        margin-top: 0px !important;
    }

    .pin-wrapper {
        display: none !important;
    }

    .story p {
        max-width: 39em !important;
    }

    #container {
         
    }


    #paperHeaderContent {
        max-height: 100px !important;
    }

    .smallarticle {
        max-width: 42%;
        margin: 15px;
        margin-left: 0px;
    }
    .pinned img {
        margin-top: 300px;
    }

    .pin-wrapper {
        right: 140px !important;
        left: auto !important;
        z-index: 9999;
    }
}

@media only screen and (min-width: 830px) {
    #navigation {
        margin: 0 auto;
        width: 830px;
    }
}

@media only screen and (max-width: 600px) {

h1 {
 font-size: 1.6em;
}

    .streamer {
        margin-right: auto !important;
    }

    .smallarticle {
        max-width: 100%;
        margin: 0px;
        width: 100%;
    }

    .kader {
        width: 100%;
    }

    .mediacontainer {
        width: 100% !important;
    }
}