/* tablet style */
@media only screen and (min-width: 960px) {

    header {
        height: 80px;
        font-size: 20px;
    }

    .wrapper {
        width: 960px;
        margin: 0 auto;
    }

    #logo {
        background: url("../images/schuld-en-bewust-middel.png") left center no-repeat;
        width: 271px;
        height: 80px;
    }

    #sign-in {
        background: #99cc33;
        width: 191px;
        text-align: center;
        font-weight: 300;
        color: #0d0d0d;
        height: 80px;
        line-height: 80px;
    }

    .toggle-menu {
        float: left;
        height: 100%;
        width: 40px;
        background: #99cc33;
        border-right: 1px solid #FFFFFF;
    }

    .toggle-menu span:first-child {
        margin-top: 30px;
    }

    .toggle-menu span {
        height: 4px;
    }

    .nMobB {
        display: block;
    }
    .nMobI {
        display: inline;
    }

    #subscribe {
        background: #f5f3f4;
        display: block;
        height: 80px;
        line-height: 80px;
        width: 195px;
        text-align: center;
        position: absolute;
        right: 191px;
        color: #99cc33;
        font-weight: 400;
    }

    nav {
        top: 0;
    }

    #menu a {
        padding-top: 10px;
        padding-bottom: 6px;
        background-position-y: 50%;
    }
    
    #menu .panelContentHolder > a:first-child {
        padding-top: 30px;
        padding-bottom: 18px;
    }

    #menu a:hover {
        background-color: #99cc33;
        color: #0d0d0d;
        background-image: url('../images/arrow-black.png');
    }

    #menu ul > li a:hover {
        background-image: none;
    }
    
    #menu li a {
        padding-top: 5px;
        padding-bottom: 1px;
    }
    
    #slideshow {
        height: 550px;
        overflow: hidden;
    }

    #slideshow .captionContent {
        margin: 0 24px 0 24px;
        width: 40%;
    }

    #slideshow img {
        float: right;
        max-width: calc(60% - 112px);
        margin-right: 24px;
    }

    #slideshow .captionContent h3 {
        font-size: 40px;
    }

    .textBoxDG {
        width: 50%;
        display: block;
        float: left;
        margin-left: 0;
    }
    .textBoxGR {
        width: 50%;
        margin-left: 0;
        display: block;
        float: right;
    }

    .boxes {
        display: block;
        width: 960px;
        margin: 0 auto;
    }

    .boxesHolder {
        background: linear-gradient(90deg, #99cc33 50%, #f5f3f4 50%);
        margin-left: 40px;
        width: calc(100% - 40px);
        overflow: hidden;
    }

    .textBoxDG .contentHolder {
        padding: 40px 24px 50px 24px;
    }

    .textBoxGR .contentHolder {
        padding: 20px 24px 20px 24px;
    }

    .buttonGreen {
        width: calc(50% - 7px);
        float: left;
    }

    .buttonGreen:first-child {
        margin-right: 14px;
    }

    .buttonGreen:last-child {
        float: right;
    }

    .textBoxGRL .contentHolder {
        width: 95%;
    }

    .textBoxGRC {
        margin: 24px 0 4px 24px;
    }
    
    .textBlock {
        padding: 0 24px 0 24px;
        margin-bottom: 40px;
    }
    
    #MainTxt {
        background: linear-gradient(90deg, #ffffff 50%, #f5f3f4 50%);
        overflow-x: hidden;
    }
    
    #MainTxt .wrapper {
        background: #ffffff;
    }
    
    #MainTxt h1 { 
        font-size: 28px;
        padding-top: 40px;
    }
    
    #contactBox a {
        width: 33%;
    }
    
    #contactBox a:first-child {
        margin-right: 20px;
        width: calc(33% - 20px);
    }
    
    #contactBox a:nth-child(3) {
        margin-left: 20px;
        width: calc(33% - 20px);    
    }
    
    #contactBox {
        margin-left: 24px;
    }
    
    #footer-top {
        background: linear-gradient(90deg, #f5f3f4 50%, #99cc33 50%);
    }
    
    #footer-top .contentHolder {
        background: #99cc33;
        margin-left: 24px;
    }

    #footer-bottom {
        background: linear-gradient(90deg, #f5f3f4 50%, #636363 50%);
    }

    #footer-bottom .contentHolder {
        background: #636363;
        margin-left: 24px;
    }

    .boxesTable {
        display: table;
        width: 100%;
    }

    .boxesTable .box {
        display: table-cell;
        vertical-align: top;
    }

    .linkedin {
        margin-top: 0;
    }

    .pagePartLeft {
        float: left;
        width: 60%;
        padding-bottom: 75px;
    }

    .pagePartRight {
        float: right;
        width: 30%;
        padding-bottom: 75px;
        min-width: 330px;
    }

    .pagePartRight .buttonGreen {
        margin-right: 0;
        width: 100%;
        float: none;
        margin-bottom: 0;
        background-color: #99cc33;
        color: #0d0d0d;
    }

    .pagePartRightLightGreen {
        padding: 30px 0px 20px 0;
        position: relative;
    }

    .pagePartRightGrey {
        position: relative;
    }

    .pagePartRightGreen {
        position: relative;
    }

    .greyBG {
        margin-left: calc(100% - 40px);
        background: #99cc33;
        width: 100%;
        position: absolute;
        height: 100%;
        margin-top: -30px;
    }

    .greenBG {
        margin-left: calc(100% - 40px);
        background: #f5f3f4;
        width: 100%;
        position: absolute;
        height: 100%;
        margin-top: -30px;
    }

    .greenBGExtra {
        margin-left: 100%;
        background: transparent;
        width: 100%;
        position: absolute;
        height: 100%;
        margin-top: -30px;
    }

    #menu ul {

    }

    .headerSpacer {
        height: 80px;
    }

    .items .item .description {
        display: block;
    }

    .items .item .description p {
        margin: 0;
    }

    .items .item .button {
        display: block;
        height: 54px;
    }

    .items .item .button a {
        height: 30px;
        text-align: left;
        width: 100%;
        max-width: 215px;
        background: #99cc33 url("../images/arrow-black.png") 210px center no-repeat;
        background-size: auto 8px;
        display: block;
        color: #0d0d0d;
        padding: 13px 15px 7px 15px;
        font-weight: 500;
        text-decoration: none;
        font-size: 18px;
        position: relative;
        border-bottom: 4px solid #000000;
        float: right;
        margin-top: 5px;
    }

    .items .item .button a:hover {
        background-position-x: 215px;
        border-bottom: 2px solid #000000;
    }

    .items .item .mainPart {
        float: left;
        width: calc(100% - 317px);
    }

    #MainTxt .greenStroke h2 {
        width: calc(70% - 84px);
        float: left;
        background: #99cc33;
        display: block;
        font-size: 42px;
        padding: 38px 40px 38px 40px;
        margin: 0;
        border-right: 4px solid #FFFFFF;
    }

    .greenStroke {
        margin: 80px 24px 40px 24px;
    }

    .greenStroke .buttonGreen {
        float: right;
        width: calc(30% - 24px);
        padding-right: 24px;
        margin-bottom: 0;
    }

    #greyedOut .items .item .button a {
        background: #e0e0e0 url("../images/arrow.png") 210px center no-repeat;
        background-size: auto 8px;
        border-bottom: 4px solid #e0e0e0;
    }

    #greyedOut .items .item .button a:hover {
        background-position-x: 210px;
        border-bottom: 4px solid #e0e0e0;
    }

    #links .items .item .button {
        margin-top: 0;
    }

    #media iframe {
        height: 500px;
    }

    #my-account {
        background: #99cc33;
        height: 80px;
        width: 195px;
        text-align: center;
        position: absolute;
        right: 191px;
        color: #0d0d0d;
        font-weight: 400;
        display: table;
        padding: 0 40px 0 40px;
    }

    #my-account span {
        display: table-cell;
        vertical-align: middle;
    }

    #my-account span small {
        display: block;
        font-size: 16px;
    }

    .contactSide .greenBG {
        margin-top: -30px;
    }
    
    #breadcrumbs {
        padding: 40px 24px 0 24px;
    }
    
    #page-navigation-top {
        padding-top: 45px;
    }
    
    #slideshow .rslides_tabs {
        position: absolute;
        right: 40px;
        padding-right: 20px;
        float: none;
    }
    
    #___gcse_0 {
	    margin-top: -40px;
		padding: 0 6px 0 6px;
    }
    
    #pausePlay {
        padding-bottom: 42px;   
    }
}