body {
 	background-image: url(../images/bg/aurora-s.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-color: #000000;
	font-family:"Maiandra GD","Lucida Bright", "Bodoni MT";
	font-size: 13pt;
	color: #FFFFdd;
	font-style: italic;
	font-weight: lighter;
	line-height: 1.3em;
}

p  {
	font-weight: lighter;
	margin: 10px;
}

h1 {
	font-size: 16pt;
	font-weight: bold;
	margin: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}
h2 {
	font-size: 13pt;
	font-style: italic;
	font-weight: normal;
	line-height: 1.3em;
	margin: 10px;

}
h3 {
	font-size: 14pt;
	font-weight: bolder;
	margin: 1px;
}
h4 {
	font-size: 14pt;
	font-weight: bold;
	margin: 1px;
	font-style: italic;
}
h6 {
	font-size: 120pt;
	font-weight: bold;
	margin: 1px;
	font-style: italic;
}
img {
		margin: 5px 25px 10px 10px;
		border: 1px solid #999;
		border:30px;
		border:outset #666;   
		width:100%;
}

html {overflow-y: scroll;}

/*regular link not visited*/
a:link {
	font-style: italic;
	color: #ffffdd;
	font-weight: bold;
	text-decoration: none;
		}
		
		
/*regular link already visited*/
a:visited {
	font-style: italic;
	color: #ffffdd;
	font-weight: bold;
	text-decoration: none;
		}
		
/*any link with the mouse cursor currently over it*/
a:hover {
	font-style: normal;
	font-weight: bolder;
	color: #FFFFFF;
		}		
		
/*List */

UL  {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 11px;
	/* [disabled]font-weight: normal; */
	color: #EEEEEE;
	list-style-position: inside;
	}
P.left{
		float:left;
		clear:left;
}

/* Nog niet gebruikt maar voor eventueel 4kant plaatjse voor slideshow Square en square.after horen bij elkaar*/
.square {
  position: relative;
  width: 90%;
}
.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

/*make text wrap around image https://codepen.io/bhennink/pen/yzYNXO*/
.wrapper-r {
  position: relative;
}
.rpic {
  height: auto;
  width:60%;
  margin-left:20%;
  align-content: center;
}
@media screen and (min-width: 34em) {
  .wrapper-r:before {
    content: '';
    float: right;
    display: block;
    width: 40%;
		max-width:400px;
    height: 0;
    padding-bottom: 61%; /* must fit with image ratio and slightly bigger  */
		

    margin: 0 0 15px 15px;
  }
  .rpic{
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40%;		
		max-width:400px;
  }
}
/* HPIC for landscape images*/
.wrapper-h {
  position: relative;
}
.hpic {
  height: auto;
  width:90%;
  margin-left:4%;
  align-content: center;
}
@media screen and (min-width: 34em) {
  .wrapper-h:before {
    content: '';
    float: right;
    display: block;
    width: 52%;
    height: 0;
    padding-bottom: 40%; /* some extra height to keep text free on all screensizes*/
    margin: 0 0 15px 15px;
  }
  .hpic{
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50%;		
		max-width:400px;
  }
}
/*SPIC is used for slideshows make text wrap around image https://codepen.io/bhennink/pen/yzYNXO*/
.wrapper-s {
  position: relative;
}

.spic {
  height: auto;
  width:60%;
  margin-left:20%;
  align-content: center;
}
@media screen and (min-width: 34em) {
  .wrapper-s:before {
    content: '';
    float: right;
    display: block;
    width: 40%;
		max-width:400px;
    height: 0;
    padding-bottom: 67%; /* must fit with image ratio and slightly bigger  */
		

    margin: 0 0 15px 15px;
  }
  .spic{
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40%;		
		max-width:400px;
  }
}
/* Vanaf hier flex design definitions*/

.flex-container {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
 	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
  flex-direction: column;
	
}
.flex_nav{
	order: 1;
	padding-bottom: 5px;
	  justify-content: center;
}

.flex_article{
	order: 2;
}
.flex_footer{
	order: 3;

}
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;	
}
/* first mobile sizes*/
.column  {
  flex-basis: 100%;
}
.blok4{
	width:100%;
}
.blok4b{
	flex: 4 1 0;
	max-width:800px;
}
.blok3{
	width:100%;
}

.blok1{
	flex: 1 0 0;
	min-width:80%;
	max-width: 400px;
}
.blokvlag{
	flex: 0 0 5em;
		margin: .5em;
/*	0 = don't grow (shorthand for flex-grow)
	0 = don't shrink (shorthand for flex-shrink)
	100px = start at 230px (shorthand for flex-basis)
	*/
}
.bloksocial{
	flex: 0 0 2em;
		margin: .5em;
/*	0 = don't grow (shorthand for flex-grow)
	0 = don't shrink (shorthand for flex-shrink)
	100px = start at 230px (shorthand for flex-basis)
	*/
}
.blok200{

	flex: 0 0 200px;

}
.cblok1{
	flex: 1 0 0;
	min-width :300px;
  justify-content: center;
	margin: 20px;
}
.blok{
	flex: 1 0 0;
}

@media screen and (min-width:600px) {
.blok4{
	flex: 4 0 0;
	max-width:800px;
}
.blok3{
	flex: 3 0 0;

}
.blok2{
	flex: 2 0 0;
	min-width:600px;
	flex-wrap: wrap;
}
.blok1{
	flex: 1 0 0;
	min-width:30%;
	max-width: 400px;
	margin :auto;
		flex-wrap: wrap;

}
.blok1 img{float:right;margin:0 10px 10px 0;}
.blok{
	flex: 1 0 0;
}


.cblok1{
	flex: 1 0 0;
	min-width: 300px;
  justify-content: center;
  margin: 20px;
}
}
/* EINDE flex design definitions*/
/* easymeny tweak high priority*/
#mbrfzqebul_hamburger_menu {
  z-index: 5000;
}
#mbrfzqebul_wrapper {
margin: 0 auto;
}