@charset "utf-8";
/* CSS Document */
/* vir fotos*/


/*vir pages*/


#myBox {
   border: 1px solid #999;
   -webkit-box-shadow: 1px 2px 5px 0 #000000;
   -moz-box-shadow: 1px 2px 5px 0 #000000;
   box-shadow: 1px 2px 5px 0 #000000;
   background-color:rgba(255,255,255,1.00);
   padding:2px;
   position:absolute;
}

.banner {
    position: fixed;
    right: 0%;
    top: 120px; /* Adjust this value to move it lower */
}

        /* Menu styles */
        .menu {
            display: flex;
            justify-content: center; /* Center the menu */
            align-items: center;
            position: fixed; /* Fix the menu at the top */
            top: 0;
            left: 0;
            width: 100%;
            background-color: white; /* White background for the menu */
            padding: 10px 0;
            z-index: 1000; /* Make sure menu is on top */
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Add subtle shadow */
        }

        .menu li {
            list-style: none;
            margin: 0 15px; /* Spacing between menu items */
        }

        .menu li a {
            display: inline-block;
        }

        .menu li img {
            width: 50px; /* Adjust the size of the images */
            height: auto; /* Maintain aspect ratio */
        }
		
		
		body {
    font-family: "Comic Sans MS", cursive, sans-serif !important;
    text-align: center;
    background-image: url(../adminprentjies/agtergrond2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100px; /* Adjust this value based on the menu height */
}
.tg td {
    text-align: center; /* Horizontal centering */
    vertical-align: middle; /* Vertical centering */
}

.tg img {
    width: auto; /* Maintain aspect ratio */
    height: 400px; /* Set height to 300px */
}