/* font van de hele website */
body {max-width: 1080px; margin: 0 auto !important; float: none !important; color: #666666; background-color: black;
    background-image: url("foto/background2.jpg");background-position: top; background-repeat: no-repeat;
    background-attachment: fixed !important; /* background is not moving */ background-size: 100%;font-family: serif; /* Georgia, times, */ line-height: 1.4em;}

.flex-container { display: flex; flex-flow: row wrap; text-align: center; padding-left: 50px; padding-right: 50px;}
.flex-container > * {padding: 10px; flex: 50%; border-radius:10px; box-shadow: 5px 5px 5px grey;}
.login{text-align: center !important; float: left;}

header {background: #663366; color:white; position: inherit; top:0; max-width: 1080px; min-width: 1080px; max-height: 80px;}

.nav {background:#eee; color: white; text-align:left; max-width: 200px; min-height: 250px; float: left !important; margin: 0; padding: 15px; order:1;}
.nav ul { list-style: outside circle; padding: 0; display: block;}
.nav ul a {
    text-decoration: none;
    display: block;
    position: relative;
}
.nav ul a:hover{
    color: red;
}

.article-container { text-align: left; background: #f9f8f6; margin-right: -120px; padding: 15px; flex:5 0; order:2; display: inline;}
.article-head { padding: 15px; float: top; text-align: center;}
.article1 { float: left !important; margin-top: 20px;}
.article2 { text-align: center;}
.article3 { float: right !important; margin-top: 20px;}

footer { background: #663366; color:white; order:3; position: static; bottom:0; max-width: 1080px; min-width: 1080px; text-align: center;}

.h2 { font-family: Verdana,Arial,sans-serif; color: #663366;}

a { font-family: Verdana,Arial,sans-serif; color: #663366; border-radius:6px; transform: rotate(360deg);}

img a{ float: inherit; padding: 2px;}
img.align-left { float: left; margin-right: 10px;}
img.medium { height: 250px;}
figcaption { font-family: Verdana,Arial,sans-serif; color: #663366; border-radius:6px; transform: rotate(360deg);}

table, th, td { border: 1px solid black; border-collapse: collapse; padding-right: 10px; padding-left: 10px;}
table tr:nth-child(even) { background-color: #eee;}
table tr:nth-child(odd) { background-color:#fff;}
table th { background-color: gray; color: white;}

.fototabel{ border: 1px solid black; empty-cells: hide; border: 1px solid black; border-collapse: collapse; padding-right: 0; padding-left: 0; text-align: center;
    background-color:white;}

.kleur1{ font-family: bold, Verdana,Arial,sans-serif; font-size: 75px; padding: 5px; color: black; float: left;}
.kleur2 { color:greenyellow; float: left; font-size: 100px}
.kleur3 { color:red; float: left; font-size: 100px}
.kleur4 { color:blue; float: left; font-size: 100px}

.jarig{ font-size: 125%; font-family: bold, Georgia, times, serif; color: white; background-color: black;}
.jarig1{ font-family: Georgia, times, serif; color: limegreen;}

.reservering{ text-align: left; background: #f9f8f6; float: left !important; margin-right: 120px; padding: 0; flex:5 0; order: 1; display: inline;}