html { overflow-y:scroll; }
body { margin:0px; background-color:rgba(230, 230, 230, 1); background-image:none; font-family:'Univers Next W1G', 'Verdana', 'Helvetica', 'Arial', sans-serif; color:rgb(32,32,32); padding:0; font-size:12px; }
.header > h1 { display:inline-block; margin: 0; padding:0; }
h1 { font-weight:unset; font-size:39px; }
h2 { font-weight:400; font-size:18px; margin-top:20px; margin-bottom:20px; }
h3 { font-weight:400; font-size:14px; }
@media only screen and (max-width: 640px) {
	.container { background-color:white;}
	.header > img { display:none; }
	.content {  }
	.box_list { margin-bottom:30px; width:auto; border-top: 1px solid #c0c0c0; }
	.box  { display:flex; height:277px; position:relative; font-size:14px; text-align:left; cursor:pointer; border-bottom:1px solid #c0c0c0; overflow: hidden;  }
	.dialog { width:80%; min-width:300px; }
	.inputline > label { display:block; }
	.inputline > input { width: 100%; } 
	.inputline > select { width: 100%; } 
	.infokey { display:block; margin-bottom:4px; }
	.infovalue { display:block; margin-bottom:12px; word-break: break-word; }
}
@media only screen and (min-width: 640px) and (max-width: 1024px) {
	.header > img { display:inline-block; width:120px; height:30px; margin-right:20px; }
	.container { background-color:white; }
	.content {  }
	.box_list { position:relative; display:flex; margin-bottom:30px; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; width:auto; }
	.box  { display: flex; width:33%; height:277px; position:relative; font-size:14px; text-align:left; cursor:pointer; border-right:1px solid #c0c0c0; overflow: hidden; }
}
@media only screen and (min-width: 1024px) {
	.container {position:relative; left:0px; width:939px; margin-left:auto; margin-right:auto; text-align:left;}
	.header > img { display:inline-block; width:120px; height:30px; margin-right:20px; }
	.content { border-width:0px; position:absolute; left:-1px; top:41px; width:941px; border:none; border-radius:0px; background:inherit; background-color:rgba(255, 255, 255, 1); -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
	.box_list { position:relative; display:flex; margin-bottom:30px; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; width:auto; }
	.box  { display: flex; width:293px; height:277px; position:relative; font-size:14px; text-align:left; cursor:pointer; border-right:1px solid #c0c0c0; overflow: hidden; }
}
@media only screen and (min-width: 640px) {
	.dialog { width:600px; }
	.inputline > label { display:inline-block; width: 224px; }
	.inputline > input { width: calc(100% - 224px); } 
	.inputline > select { width: calc(100% - 224px); } 
	.infokey { width:224px; display:inline-block; vertical-align:top; }
	.infovalue { display: inline-block; width:calc(100% - 224px); }
}
.header { margin-left:30px; margin-right:30px; border-bottom:1px solid #c0c0c0; margin-bottom:40px; padding:37px 0; }
.block > p { font-weight:400; font-size:12px; }
.block { padding-left:30px; padding-right:30px; }
.box:hover { background-color:#f0f0f0; }
.box > .title { border-width:0px; position:absolute; left:10px; top: 69px; width:180px; height:21px; display:flex; font-weight:400; font-style:normal; color:#000000;  border-width:0px; word-wrap:break-word; text-transform:none; }
.box > .descr { border-width:0px; position:absolute; left:10px; top:118px; width:calc(100% - 20px); height:66px; display:flex; font-weight:400; font-style:normal; font-size:12px; color:#ADABB1; }
.box > .url   { border-width:0px; position:absolute; left:10px; top:178px; width:265px; height:66px; display:flex; font-weight:400; font-style:normal; font-size:12px; color:#ADABB1; overflow: hidden; }
.box > .link  { border-width:0px; position:absolute; left:10px; top:246px; width:164px; height:21px; display:flex; font-weight:400; font-style:normal; font-size:12px; color:#969696; }
.hide { display: none; visibility: hidden; }
.label { font-size:14px; text-align:left; }
.footer1 { display:flex; background-color:#f5f5f5; padding: 10px 30px 10px 30px; font-size:14px; height:24px; line-height:24px; margin-top:30px; }
.footer1 > .left { display:inline; width:60%; }
.footer1 > .right { display:inline; width:40%; text-align:right; }
.langSelection { font-size:0.75em !important; height:24px !important; border:1px solid #e0e0e0; padding:0; border-radius:5px; background-color:rgba(0,0,0,0); box-sizing:box; color:rgb(29,29,27); padding:0 15px 0 15px; vertical-align: middle; }
.langSelection > option { background-color:white; }
.footer2 { background-color:rgba(230, 230, 230, 1); padding: 10px 30px 10px 30px; font-size:14px; color:#808080; }
.footer2 > a { color:inherit; text-decoration:none; margin-right:18px; }
.box_img { border-width:0px; position:absolute; left:10px; top:10px; width:24px; height:44px; }
.group {}
.box:nth-child(3) { border-right:0; }
.modal { background-color:rgba(40,46,49,0.5);position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000;cursor:default;padding:0;margin:0;pointer-events:none;}
.infoblock { margin-bottom:18px; }
.infoblock > h3 { font-size:16px; }
.port { display: none; visibility: hidden; }
.port.vis { display: block; visibility: visible; }
.dialogframe { position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; display: none; visibility: hidden; z-index: 5; background-color: rgba(0, 0, 0, 0.33); align-items: center; justify-content: center; align-content: center; justify-items: center; font-size:12px; }
.dialogframe.vis { display: flex; visibility: visible; }
.dialog { display: none; visibility: visible; z-index: 10; background-color: white; border: 1px solid #c0c0c0; box-shadow: 0 0 20px 5px #808080; }
.dialog > h2 { margin: 6px 0; padding: 6px; }
.dialog > .dialogcontent { padding: 6px; overflow: auto; }
.dialog.vis { display: block; visibility: visible; }
div { }
table { width: 100%; }
table td { padding: 2px 2px 2px 0; font-size:12px }
td.leftl { width: 250px; }
td.lefts { width: 150px; }
button { border-radius:25px; border:0; margin: 8px 8px 0 0; min-width: 100px; height: 36px; background-color:#505050; color:white; cursor: pointer; padding:0 16px; }
button:hover { background-color: #BACE00; color: #323232; } 
button:disabled { background-color: #d0d0d0; color: #505050; cursor: not-allowed; }
p { font-size:12px; }
a { color:#969696; text-decoration: none; }
a:hover { text-decoration: none; }
*:focus { outline: none; }
table.license { border-spacing: 0; border-collapse: collapse; border: 1px solid #f0f0f0; width: 100%; font-size: 12px; margin-bottom: 25px; }
table.license tr { }
table.license td { line-height: 48px; padding: 0 2.5em; }
table.license td:first-child { width: 15em; }
input[type="submit"] { border-radius:25px; border:0; margin: 8px 8px 0 0; min-width: 100px; height: 36px; background-color:#505050; color:white; cursor: pointer; padding:0 16px; }
input[type="submit"]:hover { background-color: #BACE00; color: #323232; }
input[type="submit"]:disabled { background-color: #d0d0d0; color: #505050; cursor: not-allowed; }
.inputline { margin:6px 0 6px 0; }
.buttonline  { margin:8px 0 6px 0; text-align:center; }
.buttonlinel  { margin:8px 0 6px 0; text-align:left; }
.inputline > input { box-sizing: border-box; }
.inputline > select { box-sizing: border-box; }