/* CSS voor responsiveness van KiesvoorjeZorg.nl  */

@media (min-width: 601px) and (max-width: 767px) {
    .container {
        width: 580px !important;
        margin: 0 auto;
    }
    #premium-banner {
        width: 580px!important;
    }
}

@media (min-width: 980px) and (max-width: 1199px) {

    .home-widget .prev {
        left: 240px!important;
    }
    .centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {
        top: 313px;
    }

    .footerBox, .footerBox.white .row-fluid  {
        width: 940px;
    }


    .footerBox ul:not(last-child) {
        margin-right: 18px;
    }

    span.logo {
        font-size: 26px;
    }

    .footerBox.white .span6 {
        width: 45%!important;
    }

    .footerBox.white #samenwerken img {
        max-width:40px;
    }

    .footerBox {
        font-size: 82%;
    }

    .footerBox.white img {
        max-width:90px;
    }

    #premium-banner {
        width: 940px!important;
    }

    .fourth.column {
        display: none;
    }
    #right-widget-area {
        width: 35%; 
    }
    #fysiotherapie-grid, #ouderenzorg-grid, #ziekenhuis-grid, #thuiszorg-grid, #medische-kliniek-grid, #esthetische-kliniek-grid {
        width: 62%;
        float: left;
    }

    .spotlightText {
        float: none;  
    }

    #content-wrapper .right {
        width: 38%;
    }

    #content-wrapper .left {
        width: 62%;
    }

    .general-details span:nth-child(2n), .general-details span:nth-child(1n) {
        width: 130px;
    }

    .nav.persist-header {
        position: absolute;
        width: 935px;
    }

    .nav.persist-header.floatingHeader {
        height: 50%; 
    }

    .row input {
        width: 100%;
    }

    [class*="span3"],.uneditable-input[class*="span3"],.row-fluid [class*="span3"] {
        float: left !important;
        width: 32% !important;
        margin-right: 2% !important;
        margin-left: 0 !important;
        margin-bottom: 10px !important;
    }

    [class*="span3"]:nth-child(3n+0),.uneditable-input[class*="span3"]:nth-child(3n+0),.row-fluid [class*="span3"]:nth-child(3n+0) {
        margin-right: 0 !important;
    }

    [class*="span6"],.uneditable-input[class*="span6"],.row-fluid [class*="span6"] {
        float: left !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 10px !important;
    }

    [class*="span6"]:nth-child(6n+1),.uneditable-input[class*="span6"]:nth-child(6n+1),.row-fluid [class*="span6"]:nth-child(6n+1) {
        margin-right: 0 !important;
    }


}

/* de vierde span3 rechtzetten */
@media (min-width: 980px) {
    .span3:nth-child(4n+1) {
        margin-left: 0 !important;
    }
}

/* Tablet fixer */
@media (min-width: 450px) and (max-width: 767px) {
    [class*="span3"],.uneditable-input[class*="span3"],.row-fluid [class*="span3"] {
        float: left !important;
        width: 48% !important;
        margin-right: 4% !important;
        margin-left: 0 !important;
        margin-bottom: 10px !important;
    }

    [class*="span3"]:nth-child(even),.uneditable-input[class*="span3"]:nth-child(even),.row-fluid [class*="span3"]:nth-child(even) {
        margin-right: 0 !important;
    }

    .second.column {
        display:none;
    }


}

@media (min-width: 601px) and (max-width: 767px) {
    .container {
        width: 580px;
    }
    .home-widget .prev {
        left: 230px!important;
    }

    #fysiotherapie-grid, #ouderenzorg-grid, #ziekenhuis-grid, #thuiszorg-grid, #medische-kliniek-grid, #esthetische-kliniek-grid {
        width: 55%;
        float: left;
    }

    #right-widget-area {
        width: 42%;
    }

    .footerBox, .footerBox.white .row-fluid  {
        width: 580px;
    }

    .footerBox.white .span6 {
        width: 100%!important;
        clear: both; 
    }

    .footerBox.white #samenwerken img {
        max-width:140px;
    }

    .footerBox {
        font-size: 82%;
    }

    .footerBox.white img {
        max-width:90px;
    }
}

/* alles met een normaal menu */ 
@media (min-width: 601px) {
    .brand {
        display: none!important;
    }
    .navbar-inner {
        padding-left: 0px!important;
        padding-right: 0px!important;
        background-color: inherit!important;
        background-image: none!important;
        filter: none!important;
        border: 0!important;
        -webkit-border-radius: 0!important;
        -moz-border-radius: 0!important;
        border-radius: 0!important;
        -webkit-box-shadow: 0!important;
        -moz-box-shadow: 0!important;
        box-shadow: none!important;
    }


    .navbar {
        overflow: visible;
        margin-bottom: 0px!important;
    }

    .navbar-inner {
        min-height: 20px!important;
    }
    .navbar .nav {
        margin: 0!important;
    }
    #mainmenu {
        margin-left: 10px;
        clear: both;
    }
}

@media (max-width: 979px) {

    #vergelijk-footer {
        display: none;
    }

    span.logo {
        display:none;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    [class*="span3"],.uneditable-input[class*="span3"],.row-fluid [class*="span3"] {
        float: left !important;
        width: 48% !important;
        margin-right: 4% !important;
        margin-left: 0 !important;
        margin-bottom: 10px !important;
    }


    .footerBox, .footerBox.white .row-fluid  {
        width: 724px;
    }

    .footerBox.white .span6 {
        width: 100%!important;
        clear: both; 
    }

    .footerBox.white #samenwerken img {
        max-width:140px;
    }

    .footerBox {
        font-size: 60%;
    }

    .footerBox ul:not(last-child) {
        margin-right: 5px;
    }

    .footerBox.white img {
        max-width:90px;
    }


    .spotlightText {
        float: none;  
    }



    [class*="span6"],.uneditable-input[class*="span6"],.row-fluid [class*="span6"] {
        float: left !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        margin-bottom: 10px !important;
    }

    .fourth.column, .first.column {
        display: none;
    }

    #fysiotherapie-grid, #ouderenzorg-grid, #ziekenhuis-grid, #thuiszorg-grid, #medische-kliniek-grid, #esthetische-kliniek-grid {
        width: 65%;
        float: left;
    }

    #result-header {
        width: 100%;
    }

    #right-widget-area {
        width: 33%; 
    }

    .small-photo > img {
        width: 27%;
    }
     
    #content-wrapper > div.right > div > div.small-photo .no-photo {
        margin: 0px!important;
    }

    #EGMapContainer1 {
        width: 205px!important;
    }

    .row input {
        width: 100%;
    }

    input#btn-submit {
        margin: 5px 0 5px -25px;
    }


    #premium-banner {
        width: 724px!important;
    }


    .home-widget .prev {
        left: 290px!important;
    }
    [class*="span3"]:nth-child(2n+0),.uneditable-input[class*="span3"]:nth-child(2n+0),.row-fluid [class*="span3"]:nth-child(2n+0) {
        margin-right: 0 !important;
    }

    #searchNav, #topmenu {
        margin-right: 10px!important;
    }

    .centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {
        display: none;
    }
    #prev-next-slider {
        display: block;
    }


}

@media (min-width: 450px) and (max-width: 768px) {
    #searchNav {
        width: 100%!important;
        position: relative!important;
        top: 0!important;
        margin-bottom: 20px!important;
    }
    .centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {
        display: none;
    }
    #prev-next-slider {
        display: block;
    }

    .row input {
        width: 100%;
    }

    input#btn-submit {
        margin: 5px 0 5px -25px;
    }

    .pager .page, .pager .first, .pager .last {
        display: none;
    }


}

/* Search nav responsive */
@media (max-width: 767px) {
    body {
        margin-left: 0px!important;
        margin-right: 0px!important;
    }

    #content-wrapper .right, #content-wrapper .left {
        width: 100%;
    }

    [class*="span"],
    .uneditable-input[class*="span"],
    .row-fluid [class*="span"] {
        float: left!important;
    }

    .centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {
        display: none;
    }

    #prev-next-slider {
        display: block;
    }

    .home-widget .prev {
        left: 80%!important;
    }

    .fourth.column, .first.column {
        display: none;
    }

    .footerBox, .footerBox.white .row-fluid  {
        width: 724px;
    }

    .footerBox.white .span6 {
        width: 100%!important;
        clear: both; 
    }

    .footerBox.white #samenwerken img {
        max-width:60px;
    }

    .footerBox address {
        clear: left;
    }

    div.copy {
        float: none;
    }

    .footerBox {
        font-size: 82%;
    }

    .footerBox.white img {
        max-width:100px;
    }



}

/* Search nav responsive */
@media (min-width: 505px) and (max-width: 600px) {

    .second.column {
        display:block;
    }


}

@media (min-width: 450px) and (max-width: 600px) {
    body {
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
    #mainmenu li a:hover, #mainmenu .active a {
        border-bottom: 0!important;
    }
    #premium-banner {
        width: 100%!important;
    }
    span.logo {
        display:none;
    }

    #right-widget-area {
        display:none;
    }

    #fysiotherapie-grid, #ouderenzorg-grid, #ziekenhuis-grid, #thuiszorg-grid, #medische-kliniek-grid, #esthetische-kliniek-grid {
        width: 100%;
        float: left;
    }

}

/* Phone fixer */
@media (max-width: 449px) {
    body {
        padding: 0!important;
        margin: 5px!important;
    }
    .navbar {
        overflow: visible;
        margin-bottom: 5px!important;
    }
    #mainmenu li.selected a,#mainmenu li a:hover {
        border-bottom: 0!important;
    }
    #searchNav {
        width: 100%!important;
        position: relative!important;
        top: 0!important;
        margin-bottom: 5px!important;
    }
    #mainmenu li a:hover, #mainmenu .active a {
        border-bottom: 0!important;
    }
    .centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {
        display: none;
    }
    #prev-next-slider {
        display: block;
    }

    .home-widget .prev {
        left: 86%!important;
    }

    #premium-banner {
        width: 100%!important;
    }
    span.logo {
        display:none;
    }

    #right-widget-area {
        display:none;
    }

    #fysiotherapie-grid, #ouderenzorg-grid, #ziekenhuis-grid, #thuiszorg-grid, #medische-kliniek-grid, #esthetische-kliniek-grid {
        width: 100%;
        float: left;
    }

    .second.column {
        display:none;
    }

}

/*
@media (max-width: 449px){
    body {
        padding-left: 5px!important;
        padding-right: 5px!important;
    }
}*/