@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}
@viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video ,input, select {
    font-size:100%;
}
body {
background-color: #f6fff1;
	scrollbar-DarkShadow-Color: #ffffff;
	scrollbar-3dLight-Color: #ffffff;
	scrollbar-Face-Color: #ffffff;
	scrollbar-Track-Color: #ffffff;
	scrollbar-Base-Color: #ffffff;
	scrollbar-Arrow-Color: #000000;
	scrollbar-face-color: #ffffff;
	color: #000000;
	font-color: #000000;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: 1em;
	text-align: left;
   	height: 97%;
	overflow-wrap: normal;
	overflow-wrap: break-word;
}
.bg-image {
position: fixed;
top: 0px;
left: 0px;
opacity: 0.25;
width:100%;
height:  100%;
z-index: -10;

animation-name: example;
animation-timing-function: linear;
  animation-duration: 30s;
  animation-iteration-count: infinite;
}


a {
	cursor:pointer;
	text-decoration: none;
	font-weight: none;
	color: blue;
}
a:visited {
  border:none;
  outline:none;
  text-decoration:none;
  color:inherit;
}

.mplan02{
 position: fixed;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 z-index: 9998;
background-color: #b3b3b3;
  opacity: 0.5;
visibility:hidden;
}
.mplan02cont{
 position: fixed;
 left: 30vw;
 top: 5vw;
 width: 30vw;
 height: 40vw;
 z-index: 9999;
border: solid 1px;
background-color: #ffffff;
  opacity: 1.0;
padding:3px 3px 3px 3px;
overflow: auto;
visibility:hidden;
}

.main {
	min-height:100%;
	width:100%;
	margin: 0 auto;
}

.mobileshow{
height: 0vw;
width: 0vw;
visibility:hidden;
}
.mobilehide{
 height: auto;
visibility:visible;
}

.pvbfcw{
	color: white;
}
.pvbfs75{
	font-size: 75%;
}
.pvbfs100{
	font-size: 100%;
}
.pvbfs75const{
	font-size: 75%;
}
.pvbfs125{
	font-size: 125%;
}
.pvbfs150{
	font-size: 150%;
}
.pvbfs200{
	font-size: 200%;
}
.cur {
	cursor:pointer;
}

.cur:hover {
	 background-color: #b3b3b3;
}

.iconrow {
        height:  1em;
}

.imgtools {
        width: 1.5em;
        height:  1.5em;
}
.icon {
        width: 2em;
        height:  2em;
border-style:outset;
	 background-color: #ffffff;
}
.icon:visited {
        width: 2em;
        height:  2em;
border-style:outset;
	 background-color: #ffffff;
}
.icon75 {
        width: 3em;
        height:  3em;
}
.icon75:visited {
        width: 3em;
        height:  3em;
}
.icon50 {
        width: 2.5em;
        height:  2.5em;
}
.icon50:visited {
        width: 2.5em;
        height:  2.5em;
}


/*xxxxxxxxxxxxxxxxx  DIVS ********************/

.content {
        position: fixed;
        top: 0px;
        left: 0px;
        width: calc(100vw - 1px);
        height:  100%;
        margin: 0px 0px;
	overflow-y:auto;

outline: 4px solid black
 inner-outline1
}

.contentxx {
        position: absolute;
        top: 0px;
        left: 0px;
        width: calc(100vw - 1px);
        height:  100%;
        margin: 0px 0px;
	overflow-y:auto;
        background: #ffffff;/* xx light blue xx*/
outline: 1px solid black
}
.navbar-custom {
           background-color: rgba(144, 238, 144, .10)
}
 /* Modify brand and text color */
         
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
color: green;
}


.collapscontentc {
  display: none;
}
.collapscontento {
  display: block;
}
.logo{
	height:7vh;
	width:7vh;
}
.lngicon {
        width: 1.5em;
        height:  1.5em;
        margin: 0px 0px;
        outline: 0px solid black;
}

.pvbbutton{
border-radius: 4px;
background-color:blue;
margin: auto;
color: white;
text-align: center;cursor: pointer;
}
.pvbbutton:hover{
background-color:MediumBlue;
}


.flex{display: flex;overflow-wrap: break-word;word-break: break-all;}
.frow{flex-direction: row;}
.fcol{flex-direction: column;}
.stdpd{padding:1px 2px 1px 2px;}
.stdpdx{padding:2px 2px 2px 2px;}
.w100p{width:100%;}


@keyframes example {
 0% {background-image:url('../imgs/b0001.jpg');}
 8% {background-image:url('../imgs/b0002.jpg');}
 24% {background-image:url('../imgs/b0003.jpg');}
 40% {background-image:url('../imgs/b0004.jpg');}
 56% {background-image:url('../imgs/b0005.jpg');}
 75% {background-image:url('../imgs/b0006.jpg');}
 91% {background-image:url('../imgs/b0001.jpg');}
100% {background-image:url('../imgs/b0001.jpg');}

}

.gphotothumb{
max-width:22vw;
max-height:10vw;
border:solid 2px green;
padding:1vw;
margin:1vw;
cursor: pointer;
}
.centro {
	text-align: center;
  align-items: center;
  justify-content: center;
}
.links {
	text-align: left;
  align-items: left;
  justify-content: left;
}
.centrodiv {
	float:center;
}
.mijnblokker{position:fixed;top:0px;left:0px;width:100%;height:100%;background:black;opacity: 0.50;display:none;}

.myphotoscls{position:fixed;top:4vh;left:2vw;border-radius: 4px;border: solid 4px darkgreen;background-color:lightgreen;cursor: pointer;padding:5px;}

.myphotos{position:fixed;top:0vh;left:0px;width:98vw;height:98vh;border: solid 6px green;overflow:auto;margin:1vw;color:black;background:white;display:none;}
.myphotosview{width:100%;height:auto;}

.myphotosp{position:fixed;top:0vh;left:0px;width:auto;height:98vh;border: solid 6px green;overflow:auto;margin:1vw;color:black;background:white;display:none;}
.myphotosviewp{width:100%;height:auto;}


.mylogobwl {
position: fixed;
top: calc((96vh - 30vw)/2);
left: calc((96vw - 256px)/2);
opacity: 0.05;
width:auto;height:60vh;
z-index: -1;
}

.pgedit{cursor: pointer;position: fixed;top: 15vh;left: calc((96vw - 40px));width:20px;height:20px;}

.myndivconttext{text-align: left; word-break: break-word; width:60vw;}
/*xxxxxxxxxxxxxxxxx END DIVS ********************/

	/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  START  DESKTOPS    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ 

/*FLEXES*/
.frow1{flex-direction: row;}
.fcol1{flex-direction: column;}

.flexwrap{  display: flex;flex-wrap: wrap;}

.flex0{display: flex;width:0%;padding:0px 0px 0px 0x;overflow-wrap: break-word;}
.flex1{display: flex;width:1%;padding:1px 1px 1px 1x;overflow-wrap: break-word;}
.flex2{display: flex;width:2%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex3{display: flex;width:3%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex4{display: flex;width:4%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex5{display: flex;width:5%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex6{display: flex;width:6%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex7{display: flex;width:7%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex8{display: flex;width:8%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex9{display: flex;width:9%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex10{display: flex;width:10%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex11{display: flex;width:11%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex12{display: flex;width:12%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex13{display: flex;width:13%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex14{display: flex;width:14%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex15{display: flex;width:15%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex16{display: flex;width:16%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex17{display: flex;width:17%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex18{display: flex;width:18%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex19{display: flex;width:19%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex20{display: flex;width:20%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex25{display: flex;width:25%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex30{display: flex;width:30%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex35{display: flex;width:35%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex40{display: flex;width:40%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex45{display: flex;width:45%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex50{display: flex;width:50%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex55{display: flex;width:55%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex60{display: flex;width:60%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex65{display: flex;width:65%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex70{display: flex;width:70%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex75{display: flex;width:75%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex80{display: flex;width:80%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex85{display: flex;width:85%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex90{display: flex;width:90%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
.flex95{display: flex;width:95%;padding:2px 3px 2px 3px;overflow-wrap: break-word;}
/*END FLEXES*/


.vw2{width:2vw;}
.vw3{width:3vw;}
.vw4{width:4vw;}
.vw5{width:5vw;}
.vw6{width:6vw;}
.vw7{width:7vw;}
.vw8{width:8vw;}
.vw9{width:9vw;}
.vw10{width:10vw;}
.vw11{width:11vw;}
.vw12{width:12vw;}
.vw13{width:13vw;}
.vw14{width:14vw;}
.vw15{width:15vw;}
.vw16{width:16vw;}
.vw17{width:17vw;}
.vw18{width:18vw;}
.vw19{width:19vw;}
.vw20{width:20vw;}
.vw21{width:21vw;}
.vw22{width:22vw;}
.vw23{width:23vw;}
.vw24{width:24vw;}
.vw25{width:25vw;}
.vw30{width:30vw;}
.vw35{width:35vw;}
.vw40{width:40vw;}
.vw45{width:45vw;}
.vw50{width:50vw;}
.vw55{width:55vw;}
.vw60{width:60vw;}
.vw65{width:65vw;}
.vw70{width:70vw;}
.vw75{width:75vw;}
.vw80{width:80vw;}
.vw85{width:85vw;}
.vw90{width:90vw;}
.vw95{width:95vw;}
.vw96{width:96vw;}
.vw100{width:96vw;}
.vw100p{width:100%;}

	/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  END  DESKTOPS    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ 

	/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  START  MOBILE portrait    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ 
/* @media all and (hover: none) and (min-width: 320px) and (max-width: 480px)*/ 
@media screen and (orientation:portrait) and (min-width: 320px) and (max-width: 480px) {



@keyframes example {
 0% {background-image:url('../imgs/b0001b.jpg');}
 8% {background-image:url('../imgs/b0002b.jpg');}
 24% {background-image:url('../imgs/b0003b.jpg');}
 40% {background-image:url('../imgs/b0004b.jpg');}
 56% {background-image:url('../imgs/b0005b.jpg');}
 75% {background-image:url('../imgs/b0006b.jpg');}
 91% {background-image:url('../imgs/b0001b.jpg');}
100% {background-image:url('../imgs/b0001b.jpg');}
}

.gphotothumb{
max-width:46vw;
max-height:20vw;
}
.myphotos{height:90vh;}
.myphotosview{height:100%;width:auto;}

.mylogobwl {
position: fixed;
top: calc((96vh - 20vw)/2);
left: 2vw;
opacity: 0.25;
width:auto;height:76vh;
z-index: -1;
}


.myndivconttext{width:80vw;}


.frow{flex-direction: column;}
.fcol{flex-direction: row;}




/* FLEXES*/
.flex10{width:99%}
.flex15{width:99%}
.flex40{width:99%}
.flex90{width:99%}
 /*END FLEXES*/
.vw2{width:96vw;}
.vw3{width:96vw;}
.vw4{width:96vw;}
.vw5{width:96vw;}
.vw6{width:96vw;}
.vw7{width:96vw;}
.vw8{width:96vw;}
.vw9{width:96vw;}
.vw10{width:96vw;}
.vw11{width:96vw;}
.vw12{width:96vw;}
.vw13{width:96vw;}
.vw14{width:96vw;}
.vw15{width:96vw;}
.vw16{width:96vw;}
.vw17{width:96vw;}
.vw18{width:96vw;}
.vw19{width:96vw;}
.vw20{width:96vw;}
.vw21{width:96vw;}
.vw22{width:96vw;}
.vw23{width:96vw;}
.vw24{width:96vw;}
.vw25{width:96vw;}
.vw30{width:96vw;}
.vw35{width:96vw;}
.vw40{width:96vw;}
.vw45{width:96vw;}
.vw50{width:96vw;}
.vw55{width:96vw;}
.vw60{width:96vw;}
.vw65{width:96vw;}
.vw70{width:96vw;}
.vw75{width:96vw;}
.vw80{width:96vw;}
.vw85{width:96vw;}
.vw90{width:96vw;}
.vw95{width:96vw;}
.vw96{width:96vw;}
.vw100{width:96vw;}
.vw100p{width:100%;}

}
	/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  END  MOBILE portrait    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */