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

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

/* tab right */

#mopinion .Mbutton{
	position: fixed;
	right: 0px;
	bottom: 0px;
	z-index: 100000;
	/*cursor: pointer;*/
	/*margin-right: -5px!important;*/
}

#mopinion .MbuttonHover {
	position: fixed;
	right: 0px;
	bottom: 0px;
	z-index: 100000;
	/*cursor: pointer;*/
	/*margin-right: -3px!important;*/
}

#mopinion a#Mtab_right_grey {
 top: auto;
  left: auto;
  right: -1px; 
  bottom: -1px; 
  width: 120px;
  height: 120px;
  color: #FFF;
  cursor:pointer;
  text-indent:-100000px;
  overflow:hidden;
  position: fixed;
  z-index: 100000;
  background-image: url('//apg.mopinion.nl/custom/apg/img/bpf.f.btn2.png');
  _position: absolute;
  _background-image: url('//apg.mopinion.nl/custom/apg/img/bpf.f.btn2.png');
  background-repeat: no-repeat;
  margin-left: 0px;
  margin-right: 0px; 
  margin-top: 0px; 
  margin-bottom: 0px; 
  opacity:0.95;
    -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

#mopinion a#Mtab_right_grey:hover {

opacity:1;
}



/* screen */

#mopinion #Mscreen {
  width: 100%!important;
  height: 100%!important;
  top:0px!important;
  left:0px!important;
  z-index: 999995!important;
  position: absolute!important;
  _position: absolute!important;
 
}

#mopinion #Mbg {
  top:0!important;
  left:0!important;
  z-index:999991!important;
  width: 100%!important;
  height: 2000px!important;
  position: fixed!important;
  _position: absolute!important;
  background-color: #000!important;
  opacity: 0.45!important;
  -moz-opacity: 0.45!important;
  filter:alpha(opacity=45)!important;
}

#mopinion #Mcontainer {
width     : 75%;
min-width   : 300px;
max-width   : 510px;
min-height: 1100px;
height      : 100%;
  margin: 0 auto!important;
  z-index:999996!important;
  position:absolute!important;
  _position: absolute!important;
  -webkit-border-top-left-radius:5px!important;
	-webkit-border-bottom-left-radius:5px!important;
	-webkit-border-top-right-radius:5px!important;
	-webkit-border-bottom-right-radius:5px!important;
	-moz-border-radius-topleft:5px!important;
	-moz-border-radius-bottomleft:5px!important;
	-moz-border-radius-topright:5px!important;
	-moz-border-radius-bottomright:5px!important;
	border-top-left-radius:5px!important;
	border-bottom-left-radius:5px!important;
	border-top-right-radius:5px!important;
	border-bottom-right-radius:5px!important;
 left:0;
        right:0;

	
}

#mopinion #Mloader {

	z-index:9992!important;
	/* background: transparent url(https://cfms.mopinion.nl/2.0/img/loader.gif) no-repeat!important;*/
	background-color: white!important;
	width: 100%!important;
	height: 500px!important;

}

#mopinion #Mcontainer iframe {

width     : 100%;
height      : 100%;

	background: transparent!important;
	/* border: 1px solid #000!important; */
    /* background: transparent url(https://cfms.mopinion.nl/2.0/img/loader.gif) no-repeat!important;*/
}
#mopinion #Mcontainer iframe.loaded {
      background: transparent!important;
}



#mopinion a#Mclose {
  position: absolute!important;
  _position: absolute!important;
  cursor:pointer!important;
  outline:none!important;
  top: 0!important;
  left: 0!important;
  z-index: 999997!important;
  width:42px!important;
  height:42px!important;
  overflow:hidden!important;
  background-image: url(https://cfms.mopinion.nl/2.0/img/close.png)!important;
  _background: none!important;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cfms.mopinion.nl/2.0/img/close.png', sizingMethod='crop')!important;
}
#mopinion #Mclose:hover {
    background-position: -42px 0!important;
}


/* OPMAAK TABEL */

#mopinion .titel1 {
	color:#666!important;
	font-size:11pt!important;
	letter-spacing:-1px!important;
	font-weight:bold!important;
	font-family: arial!important;
}

#mopinion div#titel1 {	
	background:url('//apg.mopinion.nl/custom/apg/img/times.blue.png') 1px 0px no-repeat!important;
	position: absolute!important;
	_position: absolute!important;
	z-index:999998!important;
	font-size:13pt!important;
	font-style:italic!important;
	/* color:#F00!important; */
	height:22px!important;
	width:22px!important;
	top: 66px!important;
	right:20px;
	cursor: pointer;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

#mopinion div#titel1:hover {
	background-color: rgba(0,174, 239,0.2 )!important;
}

#mopinion a div#titel1 {

	border:0px!important;
	text-decoration:none!important;
}
#mopinion a:hover div#titel1 {

}

#mopinion .titelwit {
	color:#FFFFFF!important;
	font-size:18px!important;
	text-shadow:0 -1px 0 #666!important;
	font-weight:bold!important;
}

/* actiebutton voor verzenden etc */

#mopinion .but_grijs {
	color:#FFFFFF!important;
	font-size:18px!important;
	text-align:center!important;
	vertical-align:middle!important;
	text-shadow:0 -1px 0 #666!important;
}

#mopinion a.but_grijs {
	font-family:Arial, Helvetica, sans-serif!important;
	display: block!important;
	width: 120px!important;
	height: 34px!important;
	background: transparent url(https://cfms.mopinion.nl/2.0/img/but_grijs.png) no-repeat!important;
	text-decoration:none!important;
	color:#FFFFFF!important;
	font-size:16px!important;
	text-align:center!important;
	vertical-align:middle!important;
	padding-top:5px!important;

}

#mopinion a.but_grijs:hover {
	background-position: -120px 0!important;
	text-decoration:none!important;
} 

#mopinion a.but_grijs:visited { color:#FFF!important;text-decoration:none!important;}

#mopinion div.streepjes {
	height:10px!important;
	width:100%!important;
	border-bottom:1px dotted #999999!important;
}

#mopinion .nav {
	height:auto!important;
	margin:0 auto!important;
	padding-top:0px!important;
	padding-left:0px!important;
	width:100%!important;
	text-align:left!important;
	font-family: arial!important;
	font-size:10pt!important;
	color:#666!important;
}


/*
	@media only screen and (max-width : 480px) { 
#mopinion a#Mtab_right_grey {
		height:110px!important;
		width: 32px!important;
	background-size: 40px auto;

}

#mopinion a#Mtab_right_grey:hover {
	width:36px!important;
    margin-right: -2px!important;
}


	@media only screen and (max-width : 520px) { 
#mopinion div#titel1 { 
left: 75%!important;
	
}
}*/


@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) {
#mopinion #Mcontainer {
	position:fixed;
}

}



@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) {
	#mopinion #Mcontainer {
	position:fixed;
}
}

@media screen and (max-width:480px) {
	#mopinion a#Mtab_right_grey
	{
		height:80px;
		width:80px;
		background-size:100%;
	}
}