html, body {
    height: 100%;
}

body {
    font-family: Helvetica, Arial, sans-serif;
    /*font-size: 0.813rem;*/
    color: rgba(94, 94, 94,1);
}


.screen-size {
    position: fixed;
    top: 0;
    right: 0;
    font-size: 0.5em;
    font-weight: bold;
    z-index: 9999;
    display: none;
    color: #333333;
}


.Administrasie_Inskrywings, .Administrasie_Beleide, .Administrasie_Fondse, .Administrasie_Koshuis, .Administrasie_Kalender, .Administrasie_Nuusbrief,
.Tuis, .Personeel, .Akademie, .Sport, .Springbokke, .Sportpresteerders, .Kultuur, .Leierskap, .Ander, .KontakOns {
}
    .Administrasie_Inskrywings .c, .Administrasie_Beleide .c, .Administrasie_Fondse .c, .Administrasie_Koshuis .c, .Administrasie_Kalender .c, .Administrasie_Nuusbrief .c,
    .Tuis .c, .Personeel .c, .Akademie .c, .Sport .c, .Springbokke .c, .Sportpresteerders .c, .Kultuur .c, .Leierskap .c, .Ander .c, .KontakOns .c {
        padding: 0px 10px;
    }

    .Administrasie_Inskrywings h2, .Administrasie_Beleide h2, .Administrasie_Fondse h2, .Administrasie_Koshuis h2, .Administrasie_Kalender h2, .Administrasie_Nuusbrief h2,
    .Tuis h2, .Personeel h2, .Akademie h2, .Sport h2, .Springbokke h2, .Sportpresteerders h2, .Kultuur h2, .Leierskap h2, .Ander h2, .KontakOns h2 {
        font-size: 1rem;
        background-color: rgba(40,38,38,1);
        color: rgba(255,255,255,1);
        text-align: center;
        text-transform: uppercase;
        padding: 5px;
    }

    .Administrasie_Inskrywings h3, .Administrasie_Beleide h3, .Administrasie_Fondse h3, .Administrasie_Koshuis h3, .Administrasie_Kalender h3, .Administrasie_Nuusbrief h3,
    .Tuis h3, .Personeel h3, .Akademie h3, .Sport h3, .Springbokke h3, .Sportpresteerders h3, .Kultuur h3, .Leierskap h3, .Ander h3, .KontakOns h3 {
        font-size: 0.9rem;
        background-color: rgba(40,38,38,1);
        color: rgba(255,255,255,1);
        text-align: center;
        padding: 5px;
    }

    .Administrasie_Inskrywings h4, .Administrasie_Beleide h4, .Administrasie_Fondse h4, .Administrasie_Koshuis h4, .Administrasie_Kalender h4, .Administrasie_Nuusbrief h4,
    .Tuis h4, .Personeel h4, .Akademie h4, .Sport h4, .Springbokke h4, .Sportpresteerders h4, .Kultuur h4, .Leierskap h4, .Ander h4, .KontakOns h4 {

    }
    .Administrasie_Inskrywings h5, .Administrasie_Beleide h5, .Administrasie_Fondse h5, .Administrasie_Koshuis h5, .Administrasie_Kalender h5, .Administrasie_Nuusbrief h5,
    .Tuis h5, .Personeel h5, .Akademie h5, .Sport h5, .Springbokke h5, .Sportpresteerders h5, .Kultuur h5, .Leierskap h5, .Ander h5, .KontakOns h5 {

    }


    .Administrasie_Inskrywings p, .Administrasie_Beleide p, .Administrasie_Fondse p, .Administrasie_Koshuis p, .Administrasie_Kalender p, .Administrasie_Nuusbrief p,
    .Tuis p, .Personeel p, .Akademie p, .Sport p, .Springbokke p, .Sportpresteerders p, .Kultuur p, .Leierskap p, .Ander p, .KontakOns p {
    }

    .Administrasie_Inskrywings a, .Administrasie_Beleide a, .Administrasie_Fondse a, .Administrasie_Koshuis a, .Administrasie_Kalender a, .Administrasie_Nuusbrief a,
    .Tuis a, .Personeel a, .Akademie a, .Sport a, .Springbokke a, .Sportpresteerders a, .Kultuur a, .Leierskap a, .Ander a, .KontakOns a {
        color: rgba(90,120,16,1);
        /*text-decoration: none;*/
    }

        .Administrasie_Inskrywings a:hover, .Administrasie_Beleide a:hover, .Administrasie_Fondse a:hover, .Administrasie_Koshuis a:hover, .Administrasie_Kalender a:hover, .Administrasie_Nuusbrief a:hover,
        .Tuis a:hover, .Personeel a:hover, .Akademie a:hover, .Sport a:hover, .Springbokke a:hover, .Sportpresteerders a:hover, .Kultuur a:hover, .Leierskap a:hover, .Ander a:hover, .KontakOns a:hover,
        .Administrasie_Inskrywings a:active, .Administrasie_Beleide a:active, .Administrasie_Fondse a:active, .Administrasie_Koshuis a:active, .Administrasie_Kalender a:active, .Administrasie_Nuusbrief a:active,
        .Tuis a:active, .Personeel a:active, .Akademie a:active, .Sport a:active, .Springbokke a:active, .Sportpresteerders a:active, .Kultuur a:active, .Leierskap a:active, .Ander a:active, .KontakOns a:active,
        .Administrasie_Inskrywings a:focus, .Administrasie_Beleide a:focus, .Administrasie_Fondse a:focus, .Administrasie_Koshuis a:focus, .Administrasie_Kalender a:focus, .Administrasie_Nuusbrief a:focus,
        .Tuis a:focus, .Personeel a:focus, .Akademie a:focus, .Sport a:focus, .Springbokke a:focus, .Sportpresteerders a:focus, .Kultuur a:focus, .Leierskap a:focus, .Ander a:focus, .KontakOns a:focus {
            color: rgba(35,37,32,1);
        }

    .Administrasie_Inskrywings #c-left a, .Administrasie_Beleide #c-left a, .Administrasie_Fondse #c-left a, .Administrasie_Koshuis #c-left a, .Administrasie_Kalender #c-left a, .Administrasie_Nuusbrief #c-left a,
    .Tuis #c-left a, .Personeel #c-left a, .Akademie #c-left a, .Sport #c-left a, .Springbokke #c-left a, .Sportpresteerders #c-left a, .Kultuur #c-left a, .Leierskap #c-left a, .Ander #c-left a, .KontakOns #c-left a {
        color: rgba(90,120,16,1);
        text-decoration: none;
    }

        .Administrasie_Inskrywings #c-left a:hover, .Administrasie_Beleide #c-left a:hover, .Administrasie_Fondse #c-left a:hover, .Administrasie_Koshuis #c-left a:hover, .Administrasie_Kalender #c-left a:hover, .Administrasie_Nuusbrief #c-left a:hover,
        .Tuis #c-left a:hover, .Personeel #c-left a:hover, .Akademie #c-left a:hover, .Sport #c-left a:hover, .Springbokke #c-left a:hover, .Sportpresteerders #c-left a:hover, .Kultuur #c-left a:hover, .Leierskap #c-left a:hover, .Ander #c-left a:hover, .KontakOns #c-left a:hover,
        .Administrasie_Inskrywings #c-left a:active, .Administrasie_Beleide #c-left a:active, .Administrasie_Fondse #c-left a:active, .Administrasie_Koshuis #c-left a:active, .Administrasie_Kalender #c-left a:active, .Administrasie_Nuusbrief #c-left a:active,
        .Tuis #c-left a:active, .Personeel #c-left a:active, .Akademie #c-left a:active, .Sport #c-left a:active, .Springbokke #c-left a:active, .Sportpresteerders #c-left a:active, .Kultuur #c-left a:active, .Leierskap #c-left a:active, .Ander #c-left a:active, .KontakOns #c-left a:active,
        .Administrasie_Inskrywings #c-left a:focus, .Administrasie_Beleide #c-left a:focus, .Administrasie_Fondse #c-left a:focus, .Administrasie_Koshuis #c-left a:focus, .Administrasie_Kalender #c-left a:focus, .Administrasie_Nuusbrief #c-left a:focus,
        .Tuis #c-left a:focus, .Personeel #c-left a:focus, .Akademie #c-left a:focus, .Sport #c-left a:focus, .Springbokke #c-left a:focus, .Sportpresteerders #c-left a:focus, .Kultuur #c-left a:focus, .Leierskap #c-left a:focus, .Ander #c-left a:focus, .KontakOns #c-left a:focus {
            color: rgba(35,37,32,1);
        }




/*#region .Tuis*/
.Tuis {
}
    .Tuis #c-left {
        padding-top: 10px;
        padding-right: 10px;
    }
    .Tuis #c-right {
        padding-top: 10px;
        padding-left: 10px;
    }


    .Tuis .gallery {
        padding-bottom:10px;
    }
    .Tuis #carouselGallery {
        width:70%;
    }
    /*.Tuis .missie {
        padding-right:0px;
    }
    .Tuis .skoolied {
        padding-left: 0px;
    }*/
    .Tuis .simboliek img {
        max-width: 220px;
    }
	.Tuis #prysuitdeeling{
		background-image: url("/pics/prysuitdeelingBG.jpg");
		background-size: cover;
		background-color: rgba(0,0,0,1);
		height:225px;
		transform: rotate(0);
		display:none;
	}
		.Tuis #prysuitdeeling .h3{
			font-size:3.4rem;
			background:none;
			color: rgba(255,255,255,1);
			text-align: center;
			padding: 5px;
		}

    .Tuis .advertensieBanier {

    }

    .Tuis .vakantePosteBanier {
    }


/*#endregion .Tuis*/

/*#region .Administrasie_Inskrywings*/
.Administrasie_Inskrywings {
}

    .Administrasie_Inskrywings #c-left {
        padding-top: 10px;
        padding-right: 10px;
    }
    .Administrasie_Inskrywings #c-right {
        padding-top: 10px;
        padding-left: 10px;
    }


/*#endregion .Administrasie_Fondse*/

/*#region .Administrasie_Fondse*/
.Administrasie_Fondse {
}
    .Administrasie_Fondse #c-left {
        padding-top: 10px;
        padding-right: 10px;
    }
    .Administrasie_Fondse #c-right {
        padding-top: 10px;
        padding-left: 10px;
    }

    .Administrasie_Fondse .Skoolfonds, .Administrasie_Fondse .Busgeld, .Administrasie_Fondse .Koshuisgeld {
        border: 2px solid rgba(169,169,169,1);
        padding: 15px;
        margin: 10px 0px 10px 0px;
    }

/*#endregion .Administrasie_Fondse*/

/*#region .Administrasie_Beleide*/
.Administrasie_Beleide {
}
    .Administrasie_Beleide #c-left {
        padding-top: 10px;
        padding-right: 10px;
    }
    .Administrasie_Beleide #c-right {
        padding-top: 10px;
        padding-left: 10px;
    }

    .Administrasie_Beleide .btn {
        margin-bottom: 10px;
        color:rgba(255,255,255,1);
    }
        .Administrasie_Beleide .btn:hover,
        .Administrasie_Beleide .btn:active,
        .Administrasie_Beleide .btn:focus{
            color: rgba(255,255,255,1);
        }
    .Administrasie_Beleide .skooldrag {
        border: 2px solid rgba(169,169,169,1);
        padding: 15px;
    }


/*#endregion .Administrasie_Beleide*/

/*#region .Administrasie_Koshuis*/
.Administrasie_Koshuis {
}
    .Administrasie_Koshuis #c-left h2, .Administrasie_Koshuis #c-right h2 {
        background: none; 
        
        /* Hide the text. */
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
    }
    .Administrasie_Koshuis #c-left img, .Administrasie_Koshuis #c-right img {
        padding-bottom: 10px;
    }

/*#endregion .Administrasie_Koshuis*/



/*#region .Administrasie_Nuusbrief*/
.Administrasie_Nuusbrief {
}
    .Administrasie_Nuusbrief #c-left {
        padding-top: 10px;
        padding-right: 10px;
    }
    .Administrasie_Nuusbrief #c-right {
        padding-top: 10px;
        padding-left: 10px;
    }
        .Administrasie_Nuusbrief #c-left h2, .Administrasie_Nuusbrief #c-right h2 {
            background: none;
            /* Hide the text. */
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
        }

    .Administrasie_Nuusbrief .btn {
        margin-bottom: 10px;
        color: rgba(255,255,255,1) !important;
    }

        .Administrasie_Nuusbrief .btn:hover,
        .Administrasie_Nuusbrief .btn:active,
        .Administrasie_Nuusbrief .btn:focus {
            color: rgba(255,255,255,1);
        }

/*#endregion .Administrasie_Nuusbrief*/

/*#region .Administrasie_Kalender*/
.Administrasie_Kalender {
}

    .Administrasie_Kalender #c-left {
        padding-top: 10px;
        padding-right: 10px;
    }
    .Administrasie_Kalender #c-right {
        padding-top: 10px;
        padding-left: 10px;
    }

        .Administrasie_Kalender #c-left h2, .Administrasie_Kalender #c-right h2 {
            background: none;
            /* Hide the text. */
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
        }

    .Administrasie_Kalender .btn {
        margin-bottom: 10px;
        color: rgba(255,255,255,1) !important;
    }

        .Administrasie_Kalender .btn:hover,
        .Administrasie_Kalender .btn:active,
        .Administrasie_Kalender .btn:focus {
            color: rgba(255,255,255,1);
        }

/*#endregion .Administrasie_Kalender*/


/*#region .Personeel*/
.Personeel {
}
    .Personeel #c-left {
        padding-top: 10px;
        padding-right: 10px;
    }

    .Personeel #c-right {
        padding-top: 10px;
        padding-left: 10px;
    }

    .Personeel .PerosneelHolder img {
        max-width: 200px;
    }
    .Personeel .card {
        border:none;
    }

/*#endregion .Personeel*/


/*#region .Akademie*/
.Akademie {
}

    .Akademie #c-left {
        padding-top: 10px;
        padding-right: 10px;
    }
    .Akademie #c-right {
        padding-top: 10px;
        padding-left: 10px;
    }

.Akademie table {
    border-top: 2px solid rgba(40,38,38,1);
    border-left: 2px solid rgba(40,38,38,1);
}
.Akademie table thead tr {
    background-color: rgb(253,217,101);
}
.Akademie table tbody th {
    display: none;
}

.Akademie table td, .Akademie table th {
    border-right: 2px solid rgba(40,38,38,1);
    border-bottom: 2px solid rgba(40,38,38,1);
}

.Akademie .btn {
    width:80%;
    margin-bottom: 10px;
    color: rgba(255,255,255,1);
}

    .Akademie .btn:hover,
    .Akademie .btn:active,
    .Akademie .btn:focus {
        color: rgba(255,255,255,1);
    }


/*#endregion .Akademie*/




/*#region .Sport*/
.Sport {
}

    .Sport #c-left {
        padding-top: 10px;
        padding-right: 10px;
    }
    .Sport #c-right {
        padding-top: 10px;
        padding-left: 10px;
    }

    .Sport .c-right {
        margin-bottom:10px;
    }


/*#endregion .Sport*/

/*#region .Springbokke*/
.Springbokke {
}
    .Springbokke #c-left {
        padding-top: 10px;
        padding-right: 10px;
    }

    .Springbokke #c-right {
        padding-top: 10px;
        padding-left: 10px;
    }

    .Springbokke .c {
        position: relative;
    }

    /*.Springbokke .c img {
        max-height: 330px;
    }*/

    .Springbokke .card {
        border: none;
    }

    .Springbokke #back {
        top: 0px;
        margin: 0;
        opacity: 0;
        position: absolute;
        /*left: 0px;*/
        z-index: 99999;
    }
    .Springbokke #back.show {
        opacity: 1;
    }

        .Springbokke #back a {
            color: #fff;
            background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
            display: flex;
            text-decoration: none;
            /*-webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            border-radius: 25px;
            height: 35px;
            width: 35px;*/
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            border-radius: 25px;
            height: 29px;
            width: 95px;
            line-height: 29px;
            padding: 0px 10px;
        }

        .Springbokke #back a:hover {
            background-color: rgba(168,171,55,1);
        }

            .Springbokke #back a i {
                color: #fff;
                font-size: 1em;
                display: table-cell;
                margin: 0 auto;
                text-align: center;
                line-height: 29px;
            }
            .Springbokke #back a i::before {
                font-size: 1.6em;
            }



/*#endregion .Springbokke*/


/*#region .Sportpresteerders*/
.Sportpresteerders {
}
    .Sportpresteerders #c-left {
        padding-top: 10px;
        padding-right: 10px;
    }

    .Sportpresteerders #c-right {
        padding-top: 10px;
        padding-left: 10px;
    }

    .Sportpresteerders .c {
        position: relative;
        padding: 0px 5px;
    }

        .Sportpresteerders .c img {
            border-radius: 0px;
            max-height: 220px;
        }

    .Sportpresteerders .card-holder {
        padding:0px 10px;
    }

        .Sportpresteerders .card-holder .card {
            border: none;
            /*max-height: 220px;*/
        }
        .Sportpresteerders .card-holder .card-body {
            padding:0px 5px;
        }

    .Sportpresteerders #back {
        top: 0px;
        margin: 0;
        opacity: 0;
        position: absolute;
        /*left: 0px;*/
        z-index: 99999;
    }

        .Sportpresteerders #back.show {
            opacity: 1;
        }

        .Sportpresteerders #back a {
            color: #fff;
            background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
            display: flex;
            text-decoration: none;
            /*-webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            border-radius: 25px;
            height: 35px;
            width: 35px;*/
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            border-radius: 25px;
            height: 29px;
            width: 95px;
            line-height: 29px;
            padding: 0px 10px;
        }

            .Sportpresteerders #back a:hover {
                background-color: rgba(168,171,55,1);
            }

            .Sportpresteerders #back a i {
                color: #fff;
                font-size: 1em;
                display: table-cell;
                margin: 0 auto;
                text-align: center;
                line-height: 29px;
            }

                .Sportpresteerders #back a i::before {
                    font-size: 1.6em;
                }



/*#endregion .Sportpresteerders*/


/*#region .Kultuur*/
.Kultuur {
}

    .Kultuur #c-left {
        padding-top: 10px;
        padding-right: 10px;
    }
    .Kultuur #c-right {
        padding-top: 10px;
        padding-left: 10px;
    }

    .Kultuur .c {
        position: relative;
    }
        .Kultuur .c .photo {
            padding:0px 10px 10px 10px;
            margin-top:-10px;
        }

        .Kultuur .c .Kultuurprestasies img {
            border-radius: 0px;
            max-height: 200px;
        }

        .Kultuur .c .Kultuurprestasies .card {
            border: none;
            /*max-height: 200px;*/
        }
        .Kultuur .c .Kultuurprestasies .card-body {
            padding: 0px 5px;
        }
        .Kultuur .c .wenners h4 {
        margin-bottom: 0px;
    }
    .Kultuur .c .wenners p {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .Kultuur .c .wenners ul {
        margin-bottom: 5px;
        margin-left: 20px;
        padding-left:0px;
    }

/*#endregion .Kultuur*/


/*#region .Leierskap*/
.Leierskap {
}
    .Leierskap #c-left {
        padding-top: 10px;
        padding-right: 10px;
    }
    .Leierskap #c-right {
        padding-top: 10px;
        padding-left: 10px;
    }

/*#endregion .Leierskap*/


/*#region .Ander*/
.Ander {
}
    .Ander #c-left {
        padding-top: 10px;
        padding-right: 10px;
    }
    .Ander #c-right {
        padding-top: 10px;
        padding-left: 10px;
    }

    .Ander .c img {
        max-width: 200px;
    }

        .Ander .card {
            border: none;
        }

/*#endregion .Ander*/





/*#region .ContactUs*/
.KontakOns {
}
    .KontakOns #c-left {
        padding-top: 10px;
        padding-right: 10px;
    }
    .KontakOns #c-right {
        padding-top: 10px;
        padding-left: 10px;
    }

    .KontakOns ul li i {
        padding-right: 5px;
        width: 25px;
    }

    /*.KontakOns .MapHolder .map-responsive {
        overflow: hidden;*/
        /*padding-bottom: 56.25%; Set in pageSize*/
        /*position: relative;
        height: 0;
        display: block;
        border: 1px solid
    }

        .KontakOns .MapHolder .map-responsive iframe {
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            position: absolute;
        }*/
/*#endregion .ContactUs*/











/*#region .DeviceFixes */

/* X-Small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .Tuis #carouselGallery {
        width: 45%;
    }
    .Springbokke .c img {
        max-width: 200px;
    }
    .Springbokke #back {
        left: 10px;
    }
    .Sportpresteerders .c img {
        max-width: 300px;
    }
    /*.Sportpresteerders .card-holder .card {
        max-height: 300px;
    }*/
    .Sportpresteerders #back {
        left: 10px;
    }
    .Kultuur .c .Kultuurprestasies img {
        max-width: 280px;
    }
    /*.Kultuur .card-holder .card {
        max-height: 280px;
    }*/
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .Tuis #carouselGallery {
        width: 50%;
    }
	.Tuis #prysuitdeeling .h3{
		font-size:5rem;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .Tuis #carouselGallery {
        width: 40.5%;
    }
	.Tuis #prysuitdeeling .h3{
		font-size:4rem;
	}

    .Tuis .missie {
        padding-right: 0px;
    }

    .Tuis .skoolied {
        padding-left: 0px;
    }
    .Springbokke #back {
        left:0px;
    }
    .Sportpresteerders #back {
        left: 0px;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .Administrasie_Inskrywings .c, .Administrasie_Beleide .c, .Administrasie_Fondse .c, .Administrasie_Koshuis .c, .Administrasie_Kalender .c, .Administrasie_Nuusbrief .c,
    .Tuis .c, .Personeel .c, .Akademie .c, .Sport .c, .Springbokke .c, .Sportpresteerders .c, .Kultuur .c, .Leierskap .c, .Ander .c, .KontakOns .c {
        padding: 0px;
    }
    .Tuis #carouselGallery {
        width: 40.5%;
    }
	.Tuis #prysuitdeeling .h3{
		font-size:4.5rem;
	}

    .Springbokke .c img {
        max-height: 330px;
    }

    .Sportpresteerders .c img {
        max-height: 350px;
    }
    /*.Sportpresteerders .card-holder .card {
        max-height: 350px;
    }*/

    .Kultuur .c .Kultuurprestasies img {
        max-height: 330px;
    }
    /*.Kultuur .card-holder .card {
        max-height: 330px;
    }*/
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .Administrasie_Inskrywings .c, .Administrasie_Beleide .c, .Administrasie_Fondse .c, .Administrasie_Koshuis .c, .Administrasie_Kalender .c, .Administrasie_Nuusbrief .c,
    .Tuis .c, .Personeel .c, .Akademie .c, .Sport .c, .Springbokke .c, .Sportpresteerders .c, .Kultuur .c, .Leierskap .c, .Ander .c, .KontakOns .c {
        padding: 0px;
    }
	.Tuis #prysuitdeeling .h3{
		font-size:5.5rem;
	}
}

/*#endregion */