*{
margin:0px;
padding:0px;
}

body {
background-color: #ffffff;
height: 100%;
margin: 0 auto;
position: relative;
max-width: 1280px;
}


div.maincontent {
position:relative;
top:30px;
left:5px;
padding-right:8px;
background-color: #FFFFFF
}


     .fotogalerij {
            text-align: center;
            width: 1280px;
            max-width: 100%;
            margin: 20px auto;
        }

        .fotogalerij img {
            border: 1px solid darkgrey;
            margin: 4px;
        }
    
        .foto-popup {
            display: none;
        }

        .foto-popup:target {
            display: block;
            position: fixed;
            z-index: 999;
            width: 100%;
            height: 100%;
            text-align: center;
            top: 0;
            left: 0;
            right: 0;
            background: rgba(0,0,0,0.8);
            max-width: none;
        }

          .foto-popup img {
            max-width: 80%;
            position: relative;
            top: 43%;
            transform: translateY(-50%);  
        }


        .vorige, .volgende {
            position: fixed;
            top: 43%;
            transform: translateY(-50%);  
            text-decoration: none;
            color: darkgrey;
            font-size: 5em;
        }

        .vorige:hover, .volgende:hover {
            color: white;
        }
        .vorige {
            left: 1px;
        }

        .volgende {
            right: 1px;
        }

        @media screen and (max-width: 400px) {
            .vorige, .volgende { font-size: 3em; }
        }


    .fotoq {
            text-align: center;
            width: 850px;
            max-width: 100%;
            margin: 20px auto;
        }

        .fotoq img {
            margin: 4px;
        }
    
        .foto-q {
            display: none;
        }

        .foto-q:target {
            display: block;
            position: fixed;
            z-index: 999;
            width: 100%;
            height: 100%;
            text-align: center;
            top: 0;
            left: 0;
            right: 0;
            background: rgba(0,0,0,0.8);
            max-width: none;
        }

          .foto-q img {
            max-width: 80%;
            position: relative;
            top: 43%;
            transform: translateY(-50%);  
        }





ol, ul{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height:26px;
margin-top:3px;
margin-bottom:24px;
padding: 0px 0px 0px 0px;
margin-left:36px
}

ul li {
list-style-type:square;
margin-bottom:3px
}


a:hover { 
color:#b22;
}



P {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height:26px;
margin-bottom:0px;
padding:0 0 0 0
}

H1 {
font-family: Arial, helvetica, sans-serif;
font-size:28px;
line-height:28px;
margin-bottom:18px;
font-weight:normal;
font-style:normal;
padding:3px
}

H2 {
color: #B22222;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height:26px;
margin-bottom:1px;
font-weight:bold;
font-style:normal
}

H3 {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:25px;
font-weight:normal;
font-style:normal;
padding:0px
}

H4 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
font-style:normal;
line-height:25px
}

small {
line-height:15px
}

hr {
color:#0000AA;
border:none;
border-top:1px solid #0000AA;
height:1px
}