@font-face{
    font-family:"DIN";
    src:url("fonts/5426089/a397c752-ee83-47cf-b8a8-b476511dd2c9.eot?#iefix");
    src:url("fonts/5426089/a397c752-ee83-47cf-b8a8-b476511dd2c9.eot?#iefix") format("eot"),url("fonts/5426089/53fb9c60-2054-4c31-9283-5562244b4935.woff2") format("woff2"),url("fonts/5426089/45831ca8-93bd-4808-aa5f-3c915944f727.woff") format("woff"),url("fonts/5426089/429a3e29-88da-4603-94ff-c1450c089c88.ttf") format("truetype");
}
@font-face{
    font-family:"DINItalic";
    src:url("fonts/5426053/e72945c4-5029-4c68-859b-74bc6429ccd6.eot?#iefix");
    src:url("fonts/5426053/e72945c4-5029-4c68-859b-74bc6429ccd6.eot?#iefix") format("eot"),url("fonts/5426053/59fe4d12-8c74-457e-aa68-b9ad885f8f8f.woff2") format("woff2"),url("fonts/5426053/39432a06-ab95-4bf7-bbb6-cb84e51170e8.woff") format("woff"),url("fonts/5426053/e93afcb1-b4f4-4177-94ab-97c66a9bb9ee.ttf") format("truetype");
}				
@font-face{
    font-family:"DINMedium";
    src:url("fonts/5426076/9f48a411-8295-4ad8-b97a-f4cc38cef43d.eot?#iefix");
    src:url("fonts/5426076/9f48a411-8295-4ad8-b97a-f4cc38cef43d.eot?#iefix") format("eot"),url("fonts/5426076/79949f65-d692-489f-bd6b-b62647297229.woff2") format("woff2"),url("fonts/5426076/b9597dec-1d68-488e-87e0-d7824cf36028.woff") format("woff"),url("fonts/5426076/964c9b01-5d07-4ef1-8b71-3b173b54fbcc.ttf") format("truetype");
}
@font-face{
    font-family:"DINMediumItalic";
    src:url("fonts/5426038/74a919d5-7a40-4a51-982e-bae87c827481.eot?#iefix");
    src:url("fonts/5426038/74a919d5-7a40-4a51-982e-bae87c827481.eot?#iefix") format("eot"),url("fonts/5426038/3fd43eae-744c-4368-b386-94088f2e669b.woff2") format("woff2"),url("fonts/5426038/07222620-b566-4e53-8361-960b63754371.woff") format("woff"),url("fonts/5426038/091b2fc7-228b-4f55-9b43-78bfe1c8fde4.ttf") format("truetype");
}
@font-face{
    font-family:"DINBold";
    src:url("fonts/5426014/a94d5d16-cbe3-439e-b1a5-fbdfb180d789.eot?#iefix");
    src:url("fonts/5426014/a94d5d16-cbe3-439e-b1a5-fbdfb180d789.eot?#iefix") format("eot"),url("fonts/5426014/8beea44e-c2c9-4889-9123-13d0e8b8d1bc.woff2") format("woff2"),url("fonts/5426014/871e70ec-2f76-44c5-a2f1-77ee8cd0a5fe.woff") format("woff"),url("fonts/5426014/8fa83ec7-0734-49e5-b5ad-b13a41463328.ttf") format("truetype");
}
@font-face{
    font-family:"DINBoldItalic";
    src:url("fonts/5426025/31393c1c-3e18-4011-a98d-252b48422e6f.eot?#iefix");
    src:url("fonts/5426025/31393c1c-3e18-4011-a98d-252b48422e6f.eot?#iefix") format("eot"),url("fonts/5426025/4bfc9802-18e0-45f1-b221-721200906da1.woff2") format("woff2"),url("fonts/5426025/abff5174-3c28-4767-b3ba-8ec56b67064e.woff") format("woff"),url("fonts/5426025/f0b0175d-906e-433e-ab60-e60c0d0779f4.ttf") format("truetype");
}
                             
                    

html,
body,
div,
h1,
p,
a,
video {
  margin: 0;
  padding: 0;
  text-decoration: none;
}

html,
body {
  height: 100%;
}

body {
  font-size: 16px;
  font-family: 'DIN', Arial, sans-serif;  
}

table {

}

td {
	vertical-align: top;
	text-align: left;
}
.submitcell {
	padding-top:1em;
}

#back_image {
  display: block;
  width: 99%;
  height: 99%;
  object-fit: contain;	
}

.hide{
display:none;
}

.container::after {
    content:"";
    display:block;
    clear:both;
}

.back_image {
	position:absolute;
  width:100%;
  height:100%;
  /*background-image: url(pics/001.jpg);*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.back {
  position: absolute;
  height:100%;
  width:100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  opacity:1;
}

.label {
	padding-right: 1em;
}

input[type='text'], input[type='email'], input[type='url'] {
  background-color:#f0f0f0;
  /*border: 0.25em solid #f0f0f0;*/
  border:none;
  padding:0.2em;
  width:80%;
}

textarea {
	font-family: 'DIN', Arial, sans-serif; 
	background-color:#f0f0f0;
  /*border: 0.25em solid #f0f0f0;*/
  border:none;
  padding:0.2em;
  resize: none;
  width:80%;
  height:4em;
}

input[type='button'], input[type='submit'] {
  background-color:#f0f0f0;
  border:none;
  padding:1em;
}
input[type='button']:hover, input[type='submit']:hover {
  background-color:#008cff;
  color:#fff;
}



.content input[type='text'], .content input[type='email'], .content input[type='url'] {
  font-size: 1.13vw;
  height:1.6vw;
  width:24vw;
  /*padding:0.2vw;*/
}

.content textarea {
	font-size: 1.13vw;
  width:24vw;
  /*padding:0.2vw;*/
}

.content input[type='button'], .content input[type='submit'] {
  font-size: 1.13vw;
  /*height:2vw;
  width:14vw;
  padding:0.2vw;*/
}
.content .label {
  padding-top: 0.6vw;
  padding-right: 0.8vw;
}
.checklabel {
  float: right;
}
.checktext {
	width:80%;
}




.content .nextbutton {
	width: 16vw;
	padding:0.8vw;
	background-color:#f0f0f0;
	text-align: center;
	font-family: 'DINMedium', Arial, sans-serif;
	cursor: pointer;
}
.content .nextbutton:hover {
	background-color:#008cff;
	color:#fff;
}

.menu {
	font-family: 'DINMedium', Arial, sans-serif;
	letter-spacing: 0.3em;
	position: fixed;
	z-index: 4;
	width:82.66vw;
	margin-top:-25vw;
	text-align:center;
	border-left: 0.2vw solid #000;
	border-right: 0.2vw solid #000;
  font-size: 1.2vw;
  top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.menuitem {
	display: inline-block;
	border-right: 0.2vw solid #000;
	cursor: pointer;
}
.menuitem_nl {
	padding: 0 2.5vw 0 2.5vw;
}
.menuitem_en {
	padding: 0 3.6vw 0 3.6vw;
}

.menuitem:last-child {
	border-right: none;
}
.menuitem:hover {
	color:#008CFF;
}

.submenu {
	font-family: 'DINMedium', Arial, sans-serif;  
	letter-spacing: 0.4em;
	position: fixed;
	z-index: 4;
	width:82.66vw;
	margin-top:22vw;
	text-align:right;
	color:#aaa;
	font-size: 0.8vw;
  top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.submenuitem {
	display: inline-block;
	padding: 0 2vw 0 2vw;
	cursor: pointer;
}
.submenuitem:hover {
	color:#555;
}

.flag {
	width: 2vw;
	background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
	height: 1vw;
	border-right: none;
}

.content {
	position: fixed;
	width: 54vw;
	height: 34vw;
	/*margin-left: 8vw;*/
	overflow: hidden;
	text-align: justify;
	font-size: 1.13vw;
	line-height: 1.33vw;
	z-index: 9;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.content H1 {
	font-family: 'DINMedium', Arial, sans-serif;  
	font-size: 1.6vw;
	line-height: 2.5vw;
	margin-bottom: 1vw;
}
.content H2 {
	font-size: 1.26vw;
}
.content p {
	margin-bottom: 1.5vw;
}

.content_home {
	width: 80vw;
	height: 44vw;
	cursor: pointer;
}
.content_what {
	margin-left: 6vw;
}
.content_how {
	margin-left:-4vw;
}
.content_who {
	height:18vw;
	width:45vw;
}
.content_users {
	overflow-y: auto;
	margin-left: 2.66vw;
	padding-right: 2em;
	width: 88vw;
	height: 48vw;
}
.content_price {
	margin-left: 10vw;
	width: 45vw;
	height: 27vw;
}
.content_join {
	margin-left: -10vw;
	margin-top: 1vw;
	height:40vw;
	width:45vw;
}
.content_joinmulti {
	margin-left: -10vw;
	margin-top: 1vw;
	height:40vw;
	width:45vw;
}
.content_thanks {
	margin-left: -10vw;
	height:36vw;
	width:45vw;
}
.content_error {
	margin-left: -10vw;
	height:36vw;
	width:45vw;
}
.content_about {
	width: 45vw;
	height:27vw;
	margin-left: 6vw;
}
.content_contact {
	margin-left: 10vw;
	height:28vw;
}
.content_ok {
	margin-left: 10vw;
	height:22vw;
}
.content_bywho {
	margin-left: 3vh;
}
.content_privacy {
	overflow-y: scroll;
	margin-left:initial;
	padding-right:2em;
	width:70vw;
}
.content_tos {
	overflow-y: scroll;
	margin-left:initial;
	padding-right:2em;
	width:70vw;
	font-size:1vw;
	line-height:1.13vw;
}
.content_design {
	margin-left: -10vw;
	height:30vw;
	width:45vw;
}

.aboutimage {
	position: fixed;
  height: 24vw;
  margin-left: -28vw;
  margin-top: -6vw;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.user {
	height: 14vw;
	margin: 1vw;
	/*border: 1px solid #fff;*/
	float: left;
	width: 26.2vw;
}
.user:hover {
	/*border: 1px solid #008cff;*/
	background-color:#f0f0f0;
}
.userimage {
	width: 26.2vw;
	position: absolute;
}
.username {
	position: relative;
	width: 26.2vw;
	top: 9vw;
	color: #000;
	text-align: center;
	font-size: 1.4vw;
	font-family: 'DINMedium', Arial, sans-serif;
}
.username3 {
	position: relative;
	width: 26.2vw;
	top: 9vw;
	color: #FFF;
	text-align: center;
	font-size: 1.4vw;
	font-family: 'DINMedium', Arial, sans-serif;
	text-shadow: 0px 0px 0.8vw #000;
}
.testimonial {
	float: left;
	position: relative;
	width: 40vw;
	left: 1.6vw;
	top: 0.2vw;
	color: #008cff;
	text-align: center;
	font-size: 1.4vw;
	line-height: 3.5vw;
}

#required {
	display:none;	
}

 @media screen and (min-aspect-ratio: 3/2) {
.content input[type='text'], .content input[type='email'], .content input[type='url']  {
  font-size: 1.7vh;
  height:2.4vh;
  width:36vh;
  /*padding:0.3vh;*/
}

.content textarea {
  font-size: 1.7vh;
  width:36vh;
  /*padding:0.3vh;*/
}
	  
.content input[type='button'], .content input[type='submit']  {
  font-size: 1.7vh;
  /*height:3vh;
  width:21vh;
  padding:0.3vh;*/
}

.content .label {
  padding-top: 0.9vh;
  padding-right: 1.2vh;
}
  
.content .nextbutton {
	width: 24vh;
	padding:1.2vh;
}
.menu {
	width:124vh;
	margin-top:-37.5vh;
  font-size: 1.8vh;
  border-left: 0.3vh solid #000;
	border-right: 0.3vh solid #000;
  
}
.menuitem {
	border-right: 0.3vh solid #000;
}
.menuitem_nl {
	padding: 0 3.75vh 0 3.75vh;
}
.menuitem_en {
	padding: 0 5.4vh 0 5.4vh;
}

.submenu {
	width:124vh;
	margin-top:33vh;
	font-size: 1.2vh;
}
.submenuitem {
	padding: 0 3vh 0 3vh;
}
.activelang {
	color:#008cff;
}

.flag {
	min-width: 3vh;
	height:1.5vh;
}

.content {
	width: 81vh;
	height: 51vh;
	/*margin-left: 12vh;*/
	font-size: 1.7vh;
	line-height: 2vh;
}
.content H1 {
	font-size: 2.4vh;
	line-height: 3.75vh;
	margin-bottom: 1.5vh;
}
.content H2 {
	font-size: 1.9vh;
}
.content p {
	margin-bottom: 2.25vh;
}

.content_home {
	width: 120vh;
	height: 66vh;
}
.content_what {
	margin-left: 9vh;
}
.content_how {
	margin-left:-6vh;
}
.content_who {
	height:27vh;
	width:67.5vh;
}
.content_users {
	width:90vh;
}
.content_users {
	margin-left: 4vh;
	width: 132vh;
	height: 72vh;
}
.content_price {
	margin-left: 15vh;
	width: 67.5vh;
	height: 40.5vh;
}
.content_join {	
	margin-left: -15vh;
	margin-top: 1.5vh;
	width:67.5vh;
	height:60vh;
}
.content_joinmulti {
 margin-left: -15vh;
 margin-top: 1.5vh;
 width:67.5vh;
 height:60vh;
}
.content_thanks {	
	margin-left: -15vh;
	width:67.5vh;
	height:54vh;
}
.content_error {	
	margin-left: -15vh;
	width:67.5vh;
	height:54vh;
}
.content_about {
	width: 67.5vh;
	height:40.5vh;
	margin-left: 9vh;
}
.content_contact {
	margin-left: 15vh;
	height:42vh;
}
.content_ok {
	margin-left: 15vh;
	height:33vh;
}
.content_bywho {
	margin-left: 3vh;
}
.content_privacy {
	width:105vh;
}
.content_tos {
	width:105vh;
	font-size:1.5vh;
	line-height:1.7vh;
}
.content_design {	
	margin-left: -15vh;
	width:67.5vh;
	height:45vh;
}

.aboutimage {
	position: fixed;
  height: 36vh;
  margin-left: -42vh;
  margin-top: -9vh;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.user {
	height: 21vh;
	margin: 1.5vh;
	width: 39.3vh;
}
.userimage {
	width: 39.3vh;
}

.username {
	width: 39.3vh;
	top: 13.5vh;
	font-size: 2.1vh;
}
.username3 {
	width: 39.3vh;
	top: 13.5vh;
	font-size: 2.1vh;
	text-shadow: 0px 0px 1.2vh #000;
}



.testimonial {
	width: 60vh;
	left: 2.4vh;
	font-size: 2.1vh;
	line-height: 5.25vh;
}

}


@media (max-width: 640px) {
.large {
 display: none;
}
.container {
  width: 100%;
  height: initial;
  background-color: #fff;
	font-size: 3vw;
}
input {
	font-size: 3vw;
}
}

@media (min-width: 641px) {
.small {
 display: none;
}
.container {
  position: fixed;
  z-index: 2;
  width: 99%;
  height: 99%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);	
  background-color: #fff;
}
}

.m_logo {
	position:absolute;
  width:100%;
  height:7em;
  min-height: 7em;
  background-image: url(pics/ARTCTRL_MED_008CFF.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}

.m_menu {
	position:absolute;
	width:100%;
	height:4em;
	min-height:4em;
	top:7em;
}

.m_content {
	position:absolute;
  width:100%;
  top:11em;
	box-sizing: border-box;
	padding: 2em;
}

.m_content p {
	margin-bottom: 1.5em;
}

.m_content H1 {
	font-family: 'DINMedium', Arial, sans-serif;
	font-size: 1.5em;
}

.m_content H2 {
	font-family: 'DINMedium', Arial, sans-serif;
	font-size: 1.25em;
}

.m_content .nextbutton {
	width:10em;
	margin-top:32px;
	margin-right:1em;
	padding:0.4em;
	background-color:#f0f0f0;
	text-align: center;
	font-family: 'DINMedium', Arial, sans-serif;
	cursor: pointer;
}
.m_content .nextbutton:hover {
	background-color:#008cff;
	color:#fff;
}

/*

.m_menu .menuitems {
 position: absolute;
 z-index: 1001;
 background-color: #103754;
 border-color: #cccccc;
 border-style: solid;
 border-width: 1px;
 padding: 4px;
 top: 32px;
 line-height: 36px;
}

.m_menu .menuitems a {
 color: #C3F0FF;
 font-weight: bold;
 text-decoration: none;
}

#m_menuicon {
 display: inline-block;
 padding: 6px 10px 0px 10px;
}

#m_menuitems .menuitems {
 display: none;
}

#m_menubutton:checked + .menuitems {
 display: inline-block;
}

#m_menulabel {
 z-index: 1001;
 display: inline-block;
}

#m_menulabel img {
 pointer-events: none;
}

#m_menu input[type="checkbox"] {
 display: none;
}
*/

.m_menuitems {
	position: absolute;
	z-index: 1002;
	background-color: #efefef;
	border-style: 0.1em solid #000;
	top: 32px;
	left: 32px;
	box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
	display:none;
}
.m_langmenuitems {
	position: absolute;
	z-index: 1002;
	background-color: #efefef;
	border-style: 0.1em solid #000;
	top: 32px;
	right: 32px;
	box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
	display:none;
}

.m_menuitem {
	padding: 0.5em;
	cursor:pointer;
}
.m_menuitem:hover {
	background-color: #008CFF;
	color:#fff;
}

#m_menu {
 /*display: inline-block;*/
 padding: 6px 10px 0px 10px;
}

#m_menubutton {
	position: absolute;
	top: 0px;
	left: 0px;
 	z-index: 1001;
	width: 64px; min-width: 64px;
 	height: 64px; min-height: 64px;
  background-image: url(pics/sets32b.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

#m_langmenu {
 /*display: inline-block;*/
 padding: 6px 10px 0px 10px;
}

#m_langmenubutton {
	position: absolute;
	top: 0px;
	right: 0px;
 	z-index: 1001;
	width: 64px; min-width: 64px;
 	height: 64px; min-height: 64px;
 	line-height: 64px;
	text-align: center;
  cursor: pointer;
}