/* Responsive.css */

@media (max-width: 1625px){
    body { width: 1200px; }
    section p img, section div img { /*max-width: 150px;*/ }
}


@media (max-width: 1325px){
    body { width: 900px; }
    section p img { /*max-width: 125px; */}
}


@media (max-width: 1000px){
    body { width: 600px; padding: 10px; }
    header form { top: 38px; }

    nav, header form { right: 20px; }
    header { margin-bottom: 40px; }

    .route, #intro.intro { float:none; height: auto; width:auto; }
    .route img, #intro.intro img { position: relative; width: 100%; }
    /*#intro.intro { background:#fff; padding:25px; }*/
    #intro.intro .csc-textpic-imagewrap * { height:auto !important; }

    section p img { /*max-width: 75px;*/ }

    .intro { width: 240px; float: left; }
    .intro + .highlight { width: 236px; }

    header a {
        background: none;
        width: auto;
        height: auto;

        -o-transition: none;
        -ms-transition: none;
        -moz-transition: none;
        -webkit-transition: none;
        transition: none;
    }

    header a:hover { background: none; }
    header img { /*width: 290px;*/ display: block; margin-bottom: -20px; }

    .news-single-item { width:auto; }
}


/* ::   Small screen  */
@media (max-width: 610px){
    body { width: auto; padding: 15px; }
    header form { position: static; margin: -20px 0; }
    h1, h2, h3, p, ol, dl { line-height: 1em; }
    section, article { margin-right:0; }

    .csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding:0; overflow:inherit; }

    .news-single-item,
    .highlight, .content, section { width:84% !important; float:left;   }

    .intro {
        width: auto;
        float: none;
        height: 200px;
    }

    blockquote {
        float: none;
        margin: -20px 0 15px 0;
        padding: 10px;
        width: auto;
        display:none;
    }

    section, .focus li, .highlight li { height: auto; }
    section p img, .focus li img, .highlight li img, blockquote img, .route img, section .csc-textpic-imagewrap { display: none; }

    .route, #intro.intro { border: 2px dotted #bbb; }
    .route div { position: relative; padding: 0 20px; }
    .leesverder, .news-more a { padding:5px 25px 0 10px; width:auto;}

    header a { margin-bottom: 70px; }
    footer a img { margin: 0; }

    nav {
        left:0px;
        top: 78px;
        font-size: 0.85em;
        width:100%;
    }
    nav ul, #home nav ul { margin:0; }
    nav a { white-space:nowrap; }
    #skip { display:none;}

    button { margin: 0; }

    form { margin:0 0 1em 0; }
    form p { margin: 0; }
    label { border:none; margin:0 0 10px 0; }
    label input, label textarea,
    input, textarea,
    .tx_powermail_pi1_fieldwrap_html input,
    .tx_powermail_pi1_fieldwrap_html textarea,
    .tx-comments-pi1 input, .tx-comments-pi1 textarea {
        display: block;
        width: 100%;
        margin: 0;
        max-width: 300px;
        position: static;
    }

    /* extensions */
    .news-single-img { display:none; }

    input.powermail_submit,  .tx-comments-pi1 input.submit { margin:0 !important; width:auto; }
    .powermail_fieldwrap { margin:5px 0; }
    .tx_powermail_pi1_fieldwrap_html,
    .tx-comments-pi1 form div { margin-bottom:20px; }
    .tx_powermail_pi1_fieldwrap_html_submit { margin-bottom:0; }
    .tx_powermail_pi1_fieldwrap_html label,
    .tx-comments-pi1 label { margin:0; }
    .tx-powermail form input[type="submit"] { margin: 40px 0 0 0px;}

    .tx-comments-pi1 .reaction { height: auto;}

dl.powermail_all dt, dl.powermail_all dd { float:none; }
dl.powermail_all + .clear + form,
dl.powermail_all + .clear + form + form { float:none; }
dl.powermail_all + .clear + form input,
dl.powermail_all + .clear + form + form input[type="submit"] { margin:0 !important; }
dl.powermail_all + .clear + form input, dl.powermail_all + .clear + form + form input[type="submit"] { margin-bottom:5px !important; }

    #intro.intro .csc-textpic { padding:25px; }
    #intro.intro .csc-textpic-text { padding:0; top:auto; right:auto; position:relative; }
    .csc-textpic-intext-right-nowrap-margin-left-900 { margin:0 !important;}
    footer .csc-textpic-imagewrap { height:100px;}

}