@-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: #ffffff;
	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;
}

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;
}


.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%;
}
.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 div {outline: 1px solid black;outline-offset: -1px;} ********************/


	/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  START  DESKTOPS    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ 
/*xxxxxxxxxxxxxxxxx  DIVS ********************/



.collapscontentc {
  display: none;
}
.collapscontento {
  display: block;
}




.content {
        position: absolute;
        top: 0px;
        left: 0px;
        width: calc(100vw - 1px);
        height:  100%;
        margin: 0px 0px;
	overflow-y:auto;
        background: #ccffff;/* xx light blue xx*/
}
.lngicon {
        width: 1.5em;
        height:  1.5em;
        margin: 0px 0px;
        outline: 0px solid black;
}

#mapholderOLDXXXX {
  position: relative;
  outline: 5px solid green;
  height: 500px;
  /* The height is 400 pixels */
  width: 100%;
}
#mapholder {
  position: relative;
  outline: 1px solid green;
  height: 500px;
  /* The height is 400 pixels */
  width: 100%;
}
#mapholder2 {
  position: relative;
  outline: 5px solid green;
  height: 700px;
  /* The height is 400 pixels */
  width: 100%;
}
.mijnmess {
  position: relative;
  outline: 1px solid black;
  height: 500px;
  width: 100%;
overflow-y: scroll;
}
/* Set the size of the div element that contains the map */
#map01 {
  outline: 0px solid blue;
  height: 500px;
  /* The height is 400 pixels */
  width: 100%;
  /* The width is the width of the web page */
}
/* Set the size of the div element that contains the map */
#map02 {
  outline: 2px solid blue;
  height: 700px;
  /* The height is 400 pixels */
  width: 100%;
  /* The width is the width of the web page */
}
#mapjobsholder {
  position: relative;
  outline: 5px solid green;
  height: 800px;
  /* The height is 400 pixels */
  width: 100%;
}
#mapjobs {
  outline: 2px solid blue;
  height: 800px;
  /* The height is 400 pixels */
  width: 100%;
  /* The width is the width of the web page */
}

.map01 {
  outline: 1px solid black;
  height: 400px;
  /* The height is 400 pixels */
  width: 100%;
  /* The width is the width of the web page */
}

.mapdim {
  outline: 0px solid blue;
  height: 500px;
  /* The height is 400 pixels */
  width: 100%;
  /* The width is the width of the web page */
}
  /* for bootstrap datepicker */
.icon-arrow-left:before{content:  "<<";}
.icon-arrow-right:after{content:  ">>";}
.maintop {
	height:7vh;
	width:100%;
	margin:auto;
}
.main {
	min-height:92vh;
	width:100vw;
	margin: 0 auto;
}
.maintest {
	min-height:92vh;
	width:100%;
	margin: 0 auto;
}
.footer {
	height:0px;
}

.inner-outline {
        outline: 1px solid black;
        outline-offset: -1px;
}
.rot1{
transform: rotateZ(-90deg);
}
.bt{
font-weight: bold;
}

.cp{
text-transform: capitalize;
}
.uc{
text-transform: uppercase;
}
.fxtb{
border-bottom: 1px solid;
border-left: 1px solid;
border-color: #000000;
}
.fxtbr{
border-bottom: 1px solid;
border-left: 1px solid;
border-right: 1px solid;
border-color: #000000;
}
.fxbr{
border-bottom: 1px solid;
border-right: 1px solid;
border-color: #000000;
}
.fxtblack{
border-color: #000000;
}
.fxttop{
border-top: 1px solid black;
}
.fxtl{
border-left: 1px solid black;
}
.fxul{
border-bottom: 1px solid black;
}
.fxuldot{
border-bottom: 1px black dotted;
}
.fxb{
border: 1px solid black;
}
.qb {
        outline: 1px solid black;
}
.stdpd{
padding:1px 2px 1px 2px;
}
.stdpdx{
padding:2px 2px 2px 2px;
}
.outpad{
margin: 2px 2px 2px 2px;
}

.funactivegrey{color: #b3b3b3;font-color: #b3b3b3;}


.bgred{background-color: red;}
.bgtomato{background-color: tomato;color: #ffffff;}
.bgcrimson{background-color: crimson;}
.bgblueviolet{background-color: blueviolet;}
.bgaliceblue{background-color: aliceblue;}
.bgpalegreen{background-color: palegreen;}
.bgolivedrab{background-color: olivedrab;}
.bggold{background-color: gold;}
.bglavender{background-color: lavender;}
.bglightyellow{background-color: lightyellow;}
.bgora{background-color: orange;}
.bglb{background-color: lightblue;}
.bgdb{background-color: darkblue;}
.bgyl{background-color: yellow;}
.bggrn{background-color: #40bf40;}
.bgwht{background-color: white;}
.bgnone{background-color: palegreen;font-size: 150%;}
.tgblk{color: black;}
.tgred{color: red;}
.tgora{color: orange;}

 
.bgEquipa01{background-color: palegreen;}
.bgEquipa02{background-color: IndianRed;}
.bgEquipa03{background-color: lightblue;}
.bgEquipa04{background-color: lavender;}
.bgEquipa05{background-color: gold;}
.bgEquipa06{background-color: HotPink;}
.bgEquipa07{background-color: yellow;}
.bg{background-color: orange;}

/*
.bgEquipa01{box-shadow:0px 0px 0px 5px inset palegreen;padding:5px;}
.bgEquipa02{box-shadow:0px 0px 0px 5px inset IndianRed;padding:5px;}
.bgEquipa03{box-shadow:0px 0px 0px 5px inset lightblue;padding:5px;}
.bgEquipa04{box-shadow:0px 0px 0px 5px inset lavender;padding:5px;}
.bgEquipa05{box-shadow:0px 0px 0px 5px inset gold;padding:5px;}
.bgEquipa06{box-shadow:0px 0px 0px 5px inset HotPink;padding:5px;}
.bgEquipa07{box-shadow:0px 0px 0px 5px inset yellow;padding:5px;}
*/





.centro {
	text-align: center;
  align-items: center;
  justify-content: center;
}
.centrodiv {
	float:center;
}
.centrodivx {
	float:center;
}
.centrotxt {
	text-align: center;
}
.rechtstxt {
	text-align: right;
}
.linkstxt {
	text-align: left;
}
.rechts {
	text-align: right;
  align-items: flex-end;
  justify-content: flex-end;
	float:right;
}
.links {
	text-align: left;
  align-items: flex-start;
  justify-content: flex-start;
	float:left;
 margin: auto;
}
.rechtsdiv {
	float:right;
}
.linksdiv {
	float:left;
}
.rechtsdivx {
	float:right;
}
.linksdivx {
	float:left;
}
.topdiv{
position: relative; top: 1px; 
}


/*xxxxxxxxxxxxxxxxx  animation ********************/
.ranim {
 background: white;
  position: relative;
  animation: mymove 10s infinite;
}
@keyframes mymove {
  from {left: -99px;}
  to {left: 105%;}
}


/*xxxxxxxxxxxxxxxxx  FLEXES ********************/
.inpflex{
	width:100%;
}



.flex{
display: flex;
overflow-wrap: break-word;
word-break: break-all;
}
.flexwrap{
display: flex;
flex-wrap: wrap;
}


.frow{
   flex-direction: row;
}
.fcol{
  flex-direction: column;
}
.tfrow{
display: flex;
overflow-wrap: break-word;
flex-direction: row;
}
.tfcol{
display: flex;
overflow-wrap: break-word;
  flex-direction: column;
}

.frow1{
   flex-direction: row;
}
.fcol1{
   flex-direction: column;
}
.h1em{height:  1em;}
.h12em{height:  1.2em;}
.h2em{height:  2em;}
.h22em{min-height:  2.2em;}
.hw2em{height:  2em;width:  2em;}
.ch2em{height:  2em;}

.chkbox{height:  2em;}
.chkbox1{transform : scale(1);}
.chkbox2{transform : scale(2);}


.wdecimal{width:4vw;}
.wnummer{width:8vw;}
.wfnummer{width:12vw;}
.wlabel{width:12vw;}

.mw02{width:2vw;}
.mw04{width:4vw;}
.mw06{width:6vw;}
.mw07{width:7vw;}
.mw08{width:8vw;}
.mw10{width:10vw;}
.mw12{width:12vw;}
.mw66{width:66vw;}
.mw76{width:76vw;}
.mw82{width:82vw;}
.mw86{width:86vw;}
.mw90{width:90vw;}
.w04{
width:4vw;
}
.w02{
width:2vw;
}
.w03{
width:3vw;
}
.w05{
width:5vw;
}
.w05p{
width:5%;
}
.w06{
width:6vw;
}
.w08{
width:8vw;
}
.w09{
width:9vw;
}
.w10{
width:10vw;
}
.w12{
width:12vw;
}
.w13{
width:13vw;
}
.w14{
width:14vw;
}
.w15{
width:15vw;
}
.w16{
width:16vw;
}
.w17{
width:17vw;
}
.w18{
width:18vw;
}
.w19{
width:19vw;
}
.w20{
width:20vw;
}
.w24{
width:24vw;
}
.w25{
width:25vw;
}
.w26{
width:26vw;
}
.w25p{
width:25%;
}
.w28{
width:28vw;
}
.w30{
width:30vw;
}
.w32{
width:32vw;
}
.w34{
width:34vw;
}
.w33{
width:33vw;
}
.w35{
width:35vw;
}
.w36{
width:36vw;
}
.w40{
width:40vw;
}
.w42{
width:42vw;
}
.w45{
width:45vw;
}
.w46{
width:46vw;
}
.w47{
width:47vw;
}
.w48{
width:48vw;
}
.w50{
width:50vw;
}
.w56{
width:50vw;
}

.w60{
width:60vw;
}
.w62{
width:62vw;
}.w64{
width:64vw;
}
.w66{
width:66vw;
}
.w70{
width:70vw;
}
.w72{
width:72vw;
}
.w75{
width:75vw;
}
.w80{
width:80vw;
}
.w84{
width:84vw;
}
.w88{
width:88vw;
}
.w90{
   width:90vw;
}
.w92{
   width:92vw;
}
.w95{
   width:95vw;
}
.w95p{
   width:95%;
}
.w92{
   width:92vw;
}
.w96{
   width:96vw;
}
.w100{
   width:98vw;
}
.w100p{
   width:100%;
}
/*xxxxxxxxxxxxxxxxx  colours ********************/

/*xx silver xx*/
.cdivs{
background-color:#C0C0C0;
}
.cdivb{
background-color:lightblue;
}

/*xxxxxxxxxxxxxxxxx  FLEXES ********************/



.flexrow{
   display: flex;
   flex-direction: row;
overflow-wrap: break-word;
}
.flexcol{
   display: flex;
   flex-direction: column;
overflow-wrap: break-word;
}


/* flex divs */
.flexcontainer{
   display: flex;
   flex-direction: row;
   width:100%;
}
.flexcontrow{
   display: flex;
   flex-direction: row;
   width:100%;
}
.flexcontcol{
   display: flex;
   flex-direction: column;
   width:100%;
}

.flex3{
   display: flex;
   width:3%;
padding:1px 2px 1px 2px;
overflow-wrap: break-word;
}
.flex4{
   display: flex;
   width:4%;
padding:1px 2px 1px 2px;
overflow-wrap: break-word;
}
.flex5{
   display: flex;
   width:5%;
padding:2px 3px 2px 3px;
overflow-wrap: break-word;
}
.flex8{
   display: flex;
   width:8%;
padding:1px 2px 1px 2px;
overflow-wrap: break-word;
}
.flex9{
   display: flex;
   width:9%;
padding:1px 2px 1px 2px;
overflow-wrap: break-word;
}
.flex10{
   display: flex;
   width:10%;
padding:2px 3px 2px 3px;
overflow-wrap: break-word;
}
.flex12{
   display: flex;
   width:12%;
padding:2px 3px 2px 3px;
overflow-wrap: break-word;
}
.flex15{
   display: flex;
   width:15%;
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;
}
.flex40{
   display: flex;
   width:40%;
padding:2px 3px 2px 3px;
overflow-wrap: break-word;
}
.flex60{
   display: flex;
   width:60%;
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;
}

.flex90{
   display: flex;
   width:90%;
padding:2px 3px 2px 3px;
overflow-wrap: break-word;
}



.flex16{
   display: flex;
   width:16%;
padding:2px 3px 2px 3px;
overflow-wrap: break-word;
}


.flexmid{
   display: flex;
overflow-wrap: break-word;
}
.flex50{
   display: flex;
   width:50%;
padding:2px 3px 2px 3px;
overflow-wrap: break-word;
}
.flex50row{
    display: flex;
  width:50%;
   flex-direction: row;
padding:2px 3px 2px 3px;
overflow-wrap: break-word;
}
.flex50col{
   display: flex;
   width:50%;
   flex-direction: column;
padding:2px 3px 2px 3px;
overflow-wrap: break-word;
}
.mybox33{
   width:33vw;
padding:2px 3px 2px 3px;
overflow-wrap: break-word;
        outline: 1px solid black;
}
.mybox33tsml{
   width:33vw;
padding:2px 3px 2px 3px;
overflow-wrap: break-word;
font-size:75%;
        outline: 1px solid black;
}

.fl33r-100c{
   display: flex;
   width:33%;
   flex-direction: row;
   outline: 1px solid black;
}
.fl50c-100r{
   display: flex;
   width:50%;
   flex-direction: column;
   outline: 1px solid black;
}
.d100-33{
   width:100%;
   outline: 1px solid black;
padding:2px 3px 2px 3px;
}





.flex33col{
   display: flex;
   width:33vw;
   flex-direction: column;
}
.flex33row{
   display: flex;
   width:33vw;
   flex-direction: row;
}





.flex33{
   display: flex;
   width:10%;
padding:2px 3px 2px 3px;
overflow-wrap: break-word;
}
.flex75{
   width:75%;
padding:2px 3px 2px 3px;
overflow-wrap: break-word;
}
.flex12r{
   width:12vw;
padding:2px 3px 2px 3px;
overflow-wrap: break-word;
}

.flex12T{
   width:12%;
padding:2px 3px 2px 3px;
overflow-wrap: break-word;
border-bottom: 1px solid;
border-left: 1px solid;
}
.flextable{
   display: flex;
	flex-direction: row;
	justify-content: center;
}
.inputinflex{
	width:99%;
}
.flextablehead10{
   width:10%;
padding:2px 3px 2px 3px;
overflow-wrap: break-word;
}
.flextablecell10{
   width:10%;
overflow-wrap: break-word;
}
.flextablecell50{
   width:100%;
padding:2px 3px 2px 3px;
overflow-wrap: break-word;
}
.flextablecell50b{
   width:100%;
padding:2px 3px 2px 3px;
overflow-wrap: break-word;
}
.flextablecell50a{
   width:0px;
   height:0px;
visibility:hidden;
padding:2px 3px 2px 3px;
overflow-wrap: break-word;
}
.flexmenucontainer{
   display: flex;
   flex-direction: row;
   width:100%;
}
.flexmenucontainertext{
   display: flex;
   flex-direction: row;
	overflow: visible;
}
.flexmenulogo{
   width:7vh;
overflow-wrap: break-word;
}
.flexmenumid{
	cursor:pointer;
	overflow-wrap: break-word;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 20px;
  margin-left: 20px;}
.flexmenutext{
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

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

.logo{
	height:7vh;
	width:7vh;
}
.menuicon{
	height:0px;
	width:0px;
}


.img_sortarrows{
	height:2vh;
	width:2vh;
        margin: 0px 0px;
	cursor:pointer;
}
.img_icon{
	cursor:pointer;
}







	/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  END  DESKTOPS    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ 























	/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  START  TABLET   landscape    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ 

@media all and (hover: none) {
  
/*xxxxxxxxxxxxxxxxx  DIVS ********************/
.content {

/*
        background: green;
*/
	background-color: #ffffff;
}
/*xxxxxxxxxxxxxxxxx  DIVS ********************/
  
}
	/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  END  TABLET   landscape    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ 
	/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  START  TABLET   portrait    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ 
@media all and (hover: none) and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  
/*xxxxxxxxxxxxxxxxx  DIVS ********************/
.content {

        background: pink;
}
.flexcontainer{
   flex-direction: column;
   width:100%;
}
.mybox33{
   width:100vw;
}
.mybox33tsml{
   width:100vw;
}
.flex33{
   width:100%;
}
.flex25{
   width:100%;
}
.flex50{
   width:100%;
}
.flex50col{
   width:100%;
}
.flex33col{
   width:100%;
}
.flex50row{
   width:100vw;
   flex-direction: column;
}
.mybox33tsml{
   width:100vw;
}
/*;
/*}
.flex75{
   width:100%;
}
/*xxxxxxxxxxxxxxxxx  DIVS ********************/

/* Set the size of the div element that contains the map */
#mapholder {
  position: relative;
left:5vw;
  outline: 1px solid green;
  height: 90vw;
  width: 90vw;
}

#map01 {
-webkit-transform: scale(3);
-moz-transform: scale(3);
-o-transform: scale(3);
  outline: 2px solid red;
  position: relative;
top:30vw;
  height: 30vw;
  /* The height is 400 pixels */
left:30vw;
width: 30vw;
  /* The width is the width of the web page */
}

#map02 {
-webkit-transform: scale(3);
-moz-transform: scale(3);
-o-transform: scale(3);
  outline: 2px solid red;
  position: relative;
top:30vw;
  height: 30vw;
  /* The height is 400 pixels */
left:30vw;
width: 30vw;
  /* The width is the width of the web page */
}





.flextablehead10{
   width:0px;
   height:0px;
visibility:hidden;
}
.flextablecell50{
   width:50%;
}
.flextablecell50b{
   width:100%;
}
.flextablecell50a{
   width:50%;
height:auto;
visibility:visible;
}
.flextablecell10{
   display: flex;
   flex-direction: row;
   width:100%;
}

.menuicon{
	height:7vh;
	width:7vh;
}

/*xxxxxxxxxxxxxxxxx  DIVS ********************/
  
}
	/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  END  TABLET   portrait    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ 
	/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  START  MOBILE landscape    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ 
@media all and (hover: none) and (min-width: 481px) and (max-width: 767px) {
  
/*xxxxxxxxxxxxxxxxx  DIVS ********************/
.content {

        background: blue;
}
.flexcontainer{
   flex-direction: column;
   width:100%;
}
.flexcontrow{
   display: flex;
   flex-direction: column;
   width:100%;
}
.mybox33{
   width:100vw;
}
.mybox33tsml{
   width:100vw;
}
.flex33{
   width:100%;
}
.flex25{
   width:100%;
}
.flex50{
   width:100%;
}
.flex50col{
   width:100%;
}
.flex50row{
   width:100%;
}
.flex75{
   width:100%;
}
/*xxxxxxxxxxxxxxxxx  DIVS ********************/
.flextablehead10{
   width:0px;
   height:0px;
visibility:hidden;
}
.flextablecell50{
   width:50%;
}
.flextablecell50b{
   width:100%;
}
.flextablecell50a{
   width:50%;
height:auto;
visibility:visible;
}
.flextablecell10{
   display: flex;
   flex-direction: row;
   width:100%;
}  
.menuicon{
	height:7vh;
	width:7vh;
}
}
	/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  END  MOBILE landscape    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ 
	/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  START  MOBILE portrait    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ 
@media all and (hover: none) and (min-width: 320px) and (max-width: 480px) {
  
/*xxxxxxxxxxxxxxxxx  DIVS ********************/
.content {

        background: #ace600;
/*        background: #ffffff; */
}
body {
	font-size: 100%;
}


.mplan02cont{
 left: 1vw;
 top: 15vw;
 width: 97vw;
 height: 165vw;
}










.pvbfs75{
	font-size: 100%;
}

.iconrow {
        height:  4em;
}



.icon {
        width: 3em;
        height:  3em;
border:outset;
	 background:none;
}
.icon:visited {
        width: 3em;
        height:  3em;
border:outset;
	 background:none;
}
.mobileshow{
height: auto;
width: 100%;
visibility:visible;
}
.mobilehide{
 height: 0vw;
visibility:hidden;
}







.icon {
        width: 4em;
        height:  4em;
}
.ch2em{height:  4em;}

.frow{
   flex-direction: column;
}
.fcol{
   flex-direction: row;
}
.rechtsdiv {
	float:none;
}
.linksdiv {
	float:none;
}
.fxtb{
border-Right: 1px solid;
}
.wdecimal{width:12vw;}
.wnummer{width:32vw;}
.wfnummer{width:45vw;}
.wlabel{width:32vw;}

.w02{width:96vw;}
.w03{width:96vw;}
.w03p{width:100%;}
.w04{width:96vw;}
.w05{width:96vw;}
.w05p{width:100%;}
.w06{width:96vw;}
.w06p{width:100%;}
.w08{width:96vw;}
.w09{width:96vw;}
.w10{width:96vw;}
.w12{width:96vw;}
.w16{width:96vw;}
.w100{width:96vw;}
.w100p{width:100%;}
.w12{width:96vw;}
.w14{width:96vw;}
.w15{width:96vw;}
.w16{width:96vw;}
.w17{width:96vw;}
.w18{width:96vw;}
.w19{width:96vw;}
.w20{width:96vw;}
.w24{width:96vw;}
.w25{width:96vw;}
.w25p{width:100%;}
.w30{width:96vw;}
.w32{width:96vw;}
.w33{width:96vw;}
.w35{width:96vw;}
.w36{width:96vw;}
.w40{width:96vw;}
.w42{width:96vw;}
.w45{width:96vw;}
.w47{width:96vw;}
.w48{width:96vw;}
.w50{width:96vw;}
.w56{width:96vw;}
.w60{width:96vw;}
.w62{width:96vw;}
.w64{width:96vw;}
.w70{width:96vw;}
.w72{width:96vw;}
.w75{width:96vw;}
.w80{width:96vw;}
.w88{width:96vw;}
.w90{width:96vw;}
.w92{width:96vw;}
.w95{width:96vw;}
.w96{width:96vw;}
.w95p{width:100%;}



















.flexcontainer{
   flex-direction: column;
   width:100%;
}
.flexcontrow{
   display: flex;
   flex-direction: column;
   width:100%;
}
.flex10{
width:99%
}
.flex15{
width:99%
}
.flex40{
width:99%
}

.flex90{
width:99%
}


.flex33col{
   display: flex;
   width:99vw;
   flex-direction: row;
}
.flex33row{
   display: flex;
   width:99vw;
   flex-direction: column;
}
.mybox33{
   width:100vw;
}
.mybox33tsml{
   width:100vw;
}
.fl33r-100c{
   width:100%;
   flex-direction: column;
}
.fl50c-100r{
   width:100%;
   flex-direction: row;
}
.d100-33{
   width:33%;
padding:2px 3px 2px 3px;
}
.flex12r{
   width:95vw;
}


.flex12T{
   width:50%;
}


.flex33{
   width:100%;
}
.flex25{
   width:100%;
}
.flex50{
   width:100%;
}
.flex50col{
   width:100%;
}
.flex50row{
   width:100vw;
   flex-direction: column;
}
.flex75{
   width:100%;
}
/*xxxxxxxxxxxxxxxxx  DIVS ********************/
.flextablehead10{
   width:0px;
   height:0px;
visibility:hidden;
}
.flextablecell50{
   width:50%;
}
.flextablecell50b{
   width:100%;
}
.flextablecell50a{
   width:50%;
height:auto;
visibility:visible;
}
.flextablecell10{
   display: flex;
   flex-direction: row;
   width:100%;
}
.flexmenucontainertext{
	display: flex;
	flex-direction: column;
	width:0px;
	height:0px;
	overflow: hidden;
}
.menuicon{
	height:7vh;
	width:7vh;
}
 
}
	/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  END  MOBILE portrait    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */