/*media query voor: linker balk 240px de rechter 80*/
@media screen and (min-width: 100px) {
#menulaag0{position: fixed; width: 100%; height: 25px; background: #800020; float: left; z-index: 10; text-align: center; padding: 5px 0px 5px 0px; }
#menulaag1{position: fixed; width: 100%; height: 99px; background: #FFFFFF; float: left; z-index: 10; text-align: center; padding: 5px 0px 20px 0px; top: 35px}
.menuthemakopje{position: relative; width: auto; height: auto; margin: 5px 0px 0px 30px;  font-weight: bold; color: #800020;  display: block; font-size: 17px; font-family:"Delius Swash Caps";}

.menu0kopje{position: relative; width: auto; height: auto; margin: 10px 0px 0px 10px; color:#FFD700; font-family: "Delius Swash Caps"; display: inline; }
.menu0kopje a{color: #FFD700; font-family: "Arial"}
.vlag{position: relative; float: right; height: 60%; width: auto; margin: 5px 10px 0px 0px;}
.vlag img{position: relative; max-height: 100%;}
#sitenaam{font-family:"Delius Swash Caps"; color:#FFD700; font-weight: bold; font-size: 35px;}
}

/*media query voor: linker balk 768px de rechter 192*/
@media screen and (min-width: 768px) {
#menulaag0{position: fixed; width: 100%; height: 35px; background: #800020; float: left; z-index: 10; text-align: center; padding: 15px 0px 5px 0px; top: 50px}
#menulaag1{position: fixed; width: 100%; height: 25px; background: #FFFFFF; float: left; z-index: 10; text-align: center; padding: 15px 0px 10px 0px; top:0px}
.menuthemakopje{position: relative; width: auto; height: auto; margin: 15px 20px 0px 20px; font-weight: bold; color: #800020; font-family:"Delius Swash Caps"; display: inline; font-size: 16px;}

.menu0kopje{position: relative; width: auto; height: auto; margin: 15px 0px 0px 30px;  color: #FFD700; font-family:"Arial"; display: inline; }
.menu0kopje a{color: #FFD700; font-family: "Arial"}
.vlag{position: relative; float: right; height: 70%; width: auto; margin: 0px 20px 0px 0px;}
.vlag img{position: relative; max-height: 100%;}
#sitenaam{font-family:"Delius Swash Caps"; color:##FFD700; font-weight: bold; font-size: 50px;}
}

/*media query voor: linker balk 900px de rechter 300*/
@media screen and (min-width: 1024px) {
#menulaag0{position: fixed; width: 100%; height: 35px; background: #800020; float: left; z-index: 10; text-align: center; padding: 15px 0px 15px 0px;top: 50px}
#menulaag1{position: fixed; width: 100%; height: 25px; background: #FFFFFF; float: left; z-index: 10; text-align: center; padding: 10px 0px 15px 0px; top: 0px}
.menuthemakopje{position: relative; width: auto; height: auto; margin: 15px 20px 0px 30px; font-weight: bold; color: #800020; font-family:"Delius Swash Caps"; display: inline; font-size: 22px;}

.menu0kopje{position: relative; width: auto; height: auto; margin: 15px 0px 0px 30px;  color: #FFD700; font-family:"Arial"; display: inline; }
.menu0kopje a{color: #FFD700; font-family: "Arial"}
.vlag{position: relative; float: right; height: 80%; width: auto; margin: 0px 20px 0px 0px;}
.vlag img{position: relative; max-height: 100%;}
#sitenaam{font-family:"Delius Swash Caps"; color:#FFD700; font-weight: bold; font-size: 60px;}
}

/*media query voor: linker balk 900px de rechter 300*/
@media screen and (min-width: 1200px) {
#menulaag0{position: fixed; width: 100%; height: 35px; background: #800020; float: left; z-index: 10; text-align: center; padding: 15px 0px 5px 0px; top:50px;}
#menulaag1{position: fixed; width: 100%; height: 25px; background: #FFFFFF; float: left; z-index: 10; text-align: center; padding: 10px 0px 15px 0px; top: 0px}
.menuthemakopje{position: relative; width: auto; height: auto; margin: 0px 20px 0px 30px; font-weight: bold; color: #800020; font-family:"Delius Swash Caps"; display: inline; font-size: 24px;}

.menu0kopje{position: relative; width: auto; height: auto; margin: 15px 0px 0px 30px; display: inline; }
.menu0kopje a{color: #FFD700; font-family: "Arial"}
.vlag{position: relative; float: right; height: 27px; width: auto; margin: 0px 20px 5px 0px;}
.vlag img{position: relative; max-height: 100%;}
#sitenaam{font-family:"Delius Swash Caps"; color:#FFD700; font-weight: bold; font-size: 80px;}
}


/*menu mijter elementen*/
/*tegeltje decoratie code*/
.lbm{position: absolute; width: 10%; float: left; top: 0px; left: 0px; } 
.lbm img{position: relative; max-width: 100%;}
.rbm{position: absolute; width: 10%; float: right; top: 0px; right: 0px;}
.rbm img{position: relative; max-width: 100%;}
.lom{position: absolute; width: 10%; float: left; bottom: 0px; left: 0px;} 
.lom img{position: relative; max-width: 100%;}
.rom{position: absolute; width: 10%; float: right; bottom: 0px; right: 0px;}
.rom img{position: relative; max-width: 100%;}