@charset "utf-8";
/** fraunhofer33.css ************************
    Copyright 2015-2016 cleop Bilddatenbank Systeme GmbH & Co. KG
    mailto:info@cleop.com
    All rights reserved.
*****************************************/
@import url(bootstrap.min.css);
@import url(fonts.css);


@media all {

.continueBtn::after {
  content: "Weiter...";
}

.editBtn::after {
  content: "Bearbeiten";
}

.revokeBtn::after {
  content: "Widerrufen";
}

.txAGBuse::before {
  content: "Bitte bestätigen Sie die ";
}

.agbUrl::after {
  content: "Geschäftsbedingungen";
}

.txAGBuse::after {
  content: " zur Nutzung unserer Bilddatenbank.";
}

.agbConfirmChkCnt::after {
  content: "Die Geschäftsbedingungen habe ich gelesen und erkenne sie an";
}

.txOwnerName::after {
  content: " Bilddatenbank";
}

.txShareFor::before {
  content: "Freigabe für \201e";
}

.txShareFor::after {
  content: "\201c";
}

.txSharesFor::before {
  content: "Freigaben für \201e";
}

.txSharesFor::after {
  content: "\201c";
}

.txNewShareExtern::before {
  content: "Neue externe Freigabe für \201e";
}

.txNewShareExtern::after {
  content: "\201c";
}

.uploadChk::before {
  content: "Upload";
}

.txIsShared::after {
  content: "freigegeben";
}

.txIsNotShared::before {
  content: "nicht";
}

.txIsNotShared::after {
  content: " freigegeben";
}

.txAgbIsRequiredForShare::after {
  content: "Zur Nutzung der Freigabe müssen die Geschäftsbedingungen bestätigt werden.";
}

.newWWWShareBtn::after {
  content: "Einbettungs-Freigabe";
}

.newClusterShareBtn::after {
  content: "Cluster-Freigabe";
}

.newShareBtn::after {
  content: "Neue Freigabe";
}

.sharePermanent::after {
  content: "unbefristet";
}

.thShareType::after {
  content: "Freigabe";
}

.thShareName::after {
  content: "Zweck";
}

.thShareTimeout::after {
  content: "Frist";
}

.txZipDownload::after {
  content: "Sie können die ausgewählten Bilder in einer ZIP Datei herunterladen:";
}

.txZipDownloads::after {
  content: "Die Datenmenge ist zu groß für eine ZIP-Datei. Sie können die ausgewählten Bilder in mehreren ZIP Dateien herunterladen:";
}

.fileCount::after {
  content: " Dateien";
}

.fileCount1::after {
  content: "1 Datei";
}

.fileCount0::after {
  content: "keine Datei";
}

.txClickOnZip::after {
  content: "Klicken Sie auf die ZIP-Datei um den Download zu starten!";
}

.txClickOnZips::after {
  content: "Klicken Sie auf die ZIP-Dateien um die Downloads zu starten!";
}

.txSelected::after {
  content: "Ausgewählt:";
}

.txDownload::after {
  content: "Download";
}

.txViewOriginal::after {
  content: "Ansicht";
}

.txOriginal::after {
  content: "Original";
}

.txPreview::after {
  content: "Vorschau Bild";
}

.txWebImg::after {
  content: "Web Bild";
}

.txUserManagement::before {
  content: "Nutzerverwaltung für \201e";
}

.txUserManagement::after {
  content: "\201c";
}

.txUsersAdmin::after {
  content: "Administrator";
}

.txUsersStaff::after {
  content: "Hauptnutzer";
}

.txUsersGuest::after {
  content: "Gastnutzer";
}

.txUsersSupport::after {
  content: "Cleop Support";
}

.txNewStaff::after {
  content: "-> Neuer Hautpnutzer";
}

.txNewGuest::after {
  content: "-> Neuer Gastnutzer";
}

.txNewAdmin::after {
  content: "-> Neuer Administrator";
}

.txUserAdmin::before {
  content: "Administrator \201e";
}

.txUserAdmin::after {
  content: "\201c";
}

.txUserStaff::before {
  content: "Hauptnutzer \201e";
}

.txUserStaff::after {
  content: "\201c";
}

.txUserGuest::before {
  content: "Gastnutzer \201e";
}

.txUserGuest::after {
  content: "\201c";
}

.txUserEdit::after {
  content: "Nutzer bearbeiten";
}

.txNewUserStaff::after {
  content: "Neuer Hauptnutzer";
}

.txNewUserGuest::after {
  content: "Neuer Gastnutzer";
}

.txEditPrivileges::before {
  content: "Rechte ändern: ";
}

.txOfTotal::after {
  content: " von ";
}

.txDescrAdmin::after {
  content: "kann Nutzer verwalten und Bilder hochladen, bearbeiten und herunterladen";
}

.txDescrStaff::after {
  content: "kann Bilder hochladen, bearbeiten und herunterladen";
}

.txDescrGuest::after {
  content: "kann Bilder ansehen und herunterladen";
}

.txUserExtendStaff::before {
  content: "Ihr Nutzerkontingent ist ausgeschöpft (";
}

.txUserExtendStaff::after {
  content: " Hauptnutzer).";
}

.txUserExtendGuest::before {
  content: "Ihr Nutzerkontingent ist ausgeschöpft (";
}

.txUserExtendGuest::after {
  content: " Gastnutzer).";
}

.txUserExtendCosts::after {
  content: "Durch die Registrierung des Nutzers können weitere Kosten entstehen.";
}

.contractExtendChkCnt::after {
  content: "Ich bestelle weitere Nutzer gemäß des bestehenden Servicevertrages.";
}

.txNewUserNotify::after {
  content: "Der Nutzer wird per E-Mail aufgefordert, ein Passwort zu vergeben.";
}

.txUserEditSupport::after {
  content: "Cleop-Support Rechte";
}

.txRevise::before {
  content: "Korrektur für \201e";
}

.txRevise::after {
  content: "\201c";
}

.deleteInstancesChk::after {
  content: "Bilder und alle zugehörigen Dateien und Verknüpfungen löschen";
}

.txNoUndo::after {
  content: "Dieser Vorgang kann nicht rückgängig gemacht werden!";
}

.txRemovePictures::before {
  content: "Bilder aus ";
}

.txRemovePictures::after {
  content: " entfernen (die Bilder werden nicht gelöscht)";
}

.rdoTabRotate::after {
  content: "Drehen";
}

.rdoTabMove::after {
  content: "Verschieben";
}

.rdoTabRemove::after {
  content: "Entfernen";
}

.rdoTabDelete::after {
  content: "Löschen";
}

.rdoTabAdmin::after {
  content: "Administration";
}

.txMoveTo::after {
  content: "Markierte Bilder verschieben nach...";
}

.txRotatePictures::after {
  content: "Markierte Bilder drehen...";
}

.hDownload::before {
  content: "Download: \201e";
}

.hDownload::after {
  content: "\201c";
}

.txIsNotShared::before {
  font-style: italic;
}

.pageWidth {
  position: relative;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

#MenuStart,#MobileMenu {
  display: none;
}

h1,h2,h3,h4,h5,h6,p,div,span,ul,li,table,th,td,input,textarea {
  font-family: inherit;
}

h1,h2,h3,h4,h5,h6 {
  text-align: left;
}

h1 {
  color: #1f82c0;
  font-size: 1.5em;
}

h2 {
  color: #1f82c0;
  font-size: 1.25em;
}

body {
  width: 100%;
  min-height: 350px;
  color: #555;
  background-color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
}

#Bg0,#Bg1,#Bg2,#HlBg0,#HlBg1,#FtBg0,#FtBg1 {
  display: none;
}

#Body {
  padding-top: 50px;
}

body.FullScreen #Body {
  padding-top: 0;
}

#PageArea {
  background-color: #fff;
}

#PageMargins {
  position: relative;
  padding-bottom: 40px;
}

#PageBg {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}

#HeadLine {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  overflow: visible;
  -webkit-overflow-scrolling: touch;
  color: #555;
  background-color: #e5e5e5;
}

#Header {
  position: relative;
  height: 50px;
  color: #000;
  overflow: visible;
}

#CLogo {
  display: none;
}

a.cLogo {
  display: block;
  z-index: 20;
}

a.cLogo > img {
  display: inline-block;
  width: 63px;
  height: 25px;
}

#Logo {
  display: block;
  position: absolute;
  left: 10px;
  top: 4px;
  width: 241px;
  height: 40px;
}

#Logo a {
  display: block;
  height: 100%;
  background-image: url(../images/custom/logo.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
}

#PageTitle {
  display: none;
  position: relative;
  text-align: center;
  top: 28px;
}

#PageTitle h1 {
  margin: 0;
  font-size: 19px;
}

#LocalNav {
  position: fixed;
  bottom: 0;
  right: 0;
  height: 0;
  overflow: visible;
  z-index: -1;
}

#LocalNav #LNavCnt {
  position: absolute;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 20px;
  right: 10px;
  bottom: 10px;
  z-index: 2;
  font-size: 20px;
  color: #fff;
  padding: 6px;
  opacity: 0.4;
}

#LocalNav #LNavCnt:hover,#LocalNav #LNavCnt:focus,#LocalNav #LNavCnt:active {
  opacity: 1;
}

body.Login #LocalNav,body.Form #LocalNav,body.FullScreen #LocalNav,body.Public #LocalNav {
  display: none;
}

#Nav {
  position: absolute;
  left: 250px;
  bottom: 2px;
  right: 250px;
}

#FormTitle h1,#FormTitle h2,#FormTitle h3 {
  color: #000;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
}

.btCancel,.btDone {
  position: absolute;
  left: 10px;
  top: 3px;
}

.btCommit {
  margin-left: 16px;
}

#FormArea {
  position: relative;
  overflow: visible;
  margin-left: 90px;
  text-align: right;
  padding-right: 16px;
}

#FormArea select {
  height: 32px;
  width: 240px;
}

#BottomLine {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 42px;
  background-color: #179c7d;
  border-top: 2px solid #b1b3b5;
  z-index: 100;
  overflow: visible;
  -webkit-overflow-scrolling: touch;
}

#BottomLine #BottomCnt {
  position: relative;
  min-height: 42px;
  padding-top: 4px;
  padding-bottom: 4px;
  color: #000;
  overflow: visible;
}

#BottomLine .btn {
  padding-left: 12px;
  padding-top: 0px;
  padding-right: 12px;
  padding-bottom: 1px;
  line-height: 29px;
  color: #000;
  background-color: inherit;
}

#BottomLine .btn:hover,#BottomLine .btn:focus,#BottomLine .btn:active {
  background-color: #333;
}

#BottomLine .btn:focus,#BottomLine .btn:active {
  border-left: 1px solid rgba(0,0,0,0.5);
  border-top: 1px solid rgba(0,0,0,0.5);
  border-bottom: 1px solid rgba(255,255,255,0.8);
  border-right: 1px solid rgba(255,255,255,0.8);
}

#BottomLine .btn:focus:hover,#BottomLine .btn:active:hover {
  border-left: 1px solid rgba(0,0,0,0.5);
  border-top: 1px solid rgba(0,0,0,0.5);
  border-bottom: 1px solid rgba(255,255,255,0.8);
  border-right: 1px solid rgba(255,255,255,0.8);
}

#BottomLine .btn.commitBtn,#BottomLine .btn.saveBtn,#BottomLine .btn.downloadBtn {
  background-color: #5cb85c;
}

#BottomLine .btn.commitBtn:hover,#BottomLine .btn.saveBtn:hover,#BottomLine .btn.downloadBtn:hover {
  background-color: #449d44;
  border-left: 1px solid rgba(255,255,255,0.8);
  border-top: 1px solid rgba(255,255,255,0.8);
  border-bottom: 1px solid rgba(0,0,0,0.5);
  border-right: 1px solid rgba(0,0,0,0.5);
}

#BottomLine .btn.commitBtn:focus,#BottomLine .btn.commitBtn:active,#BottomLine .btn.saveBtn:focus,#BottomLine .btn.saveBtn:active,#BottomLine .btn.downloadBtn:focus,#BottomLine .btn.downloadBtn:active {
  background-color: #449d44;
  border-left: 1px solid rgba(0,0,0,0.5);
  border-top: 1px solid rgba(0,0,0,0.5);
  border-bottom: 1px solid rgba(255,255,255,0.8);
  border-right: 1px solid rgba(255,255,255,0.8);
}

#BottomLine .btn.commitBtn:focus:hover,#BottomLine .btn.commitBtn:active:hover,#BottomLine .btn.saveBtn:focus:hover,#BottomLine .btn.saveBtn:active:hover,#BottomLine .btn.downloadBtn:focus:hover,#BottomLine .btn.downloadBtn:active:hover {
  border-left: 1px solid rgba(0,0,0,0.5);
  border-top: 1px solid rgba(0,0,0,0.5);
  border-bottom: 1px solid rgba(255,255,255,0.8);
  border-right: 1px solid rgba(255,255,255,0.8);
}

#BottomLine .btn.commitBtn .symbol,#BottomLine .btn.saveBtn .symbol,#BottomLine .btn.downloadBtn .symbol {
  display: none;
}

#Path {
  padding-left: 4px;
  padding-bottom: 0;
  padding-top: 0;
  padding-right: 4px;
}

#Path a {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 4px;
  padding-right: 4px;
}

#Path a:hover,#Path a:focus,#Path a:active {
  color: #009474;
}

#A_Body {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#NavLine {
  background-color: #179c7d;
  background-image: url(../images/bg-gray.png);
  background-position: bottom;
  background-repeat: repeat-x;
}

#NavLine h1,#NavLine h2 {
  margin: 0;
  padding: 0;
}

#NavMargins {
  position: relative;
}

#ToolBox {
  position: absolute;
  right: 28px;
  bottom: 1px;
  color: #fff;
  border: none;
  background-color: transparent;
  padding-left: 14px;
  padding-top: 1px;
  padding-right: 14px;
  padding-bottom: 1px;
}

#ToolBox a:hover,#ToolBox a:focus,#ToolBox a:active {
  text-decoration: none;
}

#ToolBox label + a,#ToolBox a + a {
  margin-left: 20px;
}

#ToolBox span.symbol.sGlyph {
  color: #e5e5e5;
  font-size: 22px;
  cursor: pointer;
}

#ToolBox span.symbol.sGlyph:hover,#ToolBox span.symbol.sGlyph:focus,#ToolBox span.symbol.sGlyph:active {
  color: #33b8ca;
}

#TabNav {
  position: relative;
  min-height: 37px;
  padding-right: 56px;
}

#NavTitle {
  width: auto;
}

#NavTabs {
  position: absolute;
  bottom: 0;
  left: 10px;
}

.tmItem {
  float: left;
  color: #c7cacc;
  width: auto;
  height: 32px;
  border-bottom: 2px solid transparent;
  font-weight: 600;
}

.tmItem[disabled] {
  color: #c3c3c3;
  border-bottom-color: transparent;
}

a.tmItem:hover,a.tmItem:focus,a.tmItem:active {
  color: #fff;
  text-decoration: none;
  border-bottom-color: #33b8ca;
}

a.tmItem:hover[disabled],a.tmItem:focus[disabled],a.tmItem:active[disabled] {
  color: #c3c3c3;
  border-bottom-color: transparent;
}

#TmCurrent.tmItem {
  color: #fff;
  text-decoration: none;
  border-bottom-color: #1f82c0;
}

.tmText {
  line-height: 2em;
  margin-left: 16px;
  margin-right: 16px;
}

#PagePane {
  position: relative;
  width: 100%;
  background-color: #fff;
  margin-bottom: 100px;
  padding-top: 8px;
}

body.Public.FullScreen #PagePane {
  padding-top: 0;
}

#Page {
  position: relative;
  min-height: 300px;
  padding-bottom: 60px;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover,a:focus,a:active {
  text-decoration: none;
  outline: none;
  color: #009474;
}

h1 a,#TopMenu a,#Path a,#LocalNav a {
  color: inherit;
  text-decoration: none;
}

#TopMenu a:hover,#TopMenu a:focus,#TopMenu a:active,#Path a:hover,#Path a:focus,#Path a:active,#Page a:hover,#Page a:focus,#Page a:active,#Page p a:hover,#Page p a:focus,#Page p a:active {
  text-decoration: none;
  outline: none;
  color: #009474;
}

#descendants a {
  symbol-color: inherit;
}

a.Hi {
  font-weight: 700;
}

.clearLeft {
  clear: left;
}

.clearRight {
  clear: right;
}

.clearBoth {
  clear: both;
}

.TextInfo,#PublicContent .cntText {
  text-align: justify;
  margin-top: 10px;
  margin-bottom: 15px;
  max-width: 640px;
  padding-top: 2px;
  padding-left: 5px;
  padding-right: 10px;
  padding-bottom: 4px;
  border-radius: 4px;
}

#PublicContent .cntText {
  margin-left: 12px;
}

#PublicContent .RIGHT {
  position: relative;
  float: right;
  max-width: 300px;
  padding: 20px;
  z-index: 1;
}

#PublicContent .text_normal {
  white-space: pre-line;
}

.cntPictures {
  clear: both;
  margin-top: 18px;
  position: relative;
}

#FolderImg {
  float: right;
  margin: 10px;
}

#ButtonRow {
  line-height: 170%;
}

.ctrlbt {
  display: none;
}

.A,.a {
  position: absolute;
  z-index: -1000;
  visibility: hidden;
}

body.Public .A,body.Public .a {
  top: -58px;
}

body.Custom .A,body.Custom .a,body.Shared .A,body.Shared .a {
  top: -103px;
}

body.FullScreen .A,body.FullScreen .a {
  top: -8px;
}

body.FullScreen div#A_Body.A,body.FullScreen div#A_Body.a {
  top: -58px;
}

div.thumb.iconTh div.frm {
  background-color: #e5e5e5;
}

div.thumb.iconTh div.viewp {
  background-color: #fff;
}

div.thumb.iconTh .symbol {
  color: inherit;
}

div.thumb.imgThumb div.cnt,div.thumb.folderThumb div.cnt,div.thumb.goto div.cnt {
  background-color: #ddd;
}

div.folderThumb .symbol:hover,div.folderThumb .symbol:focus,div.folderThumb .symbol:active {
  color: #009474;
}

#LNavCnt {
  color: #fff;
  background-color: #e5e5e5;
}

div.thumb.docThumb div.viewp span.symbol.sFiles,div.img500 span.symbol.sFiles,div.hImg500 span.symbol.sFiles {
  line-height: 72px;
  font-size: 72px;
  color: #444;
}

div.thumb.docThumb div.viewp {
  top: 8px;
}

div.thumb.imgThumb.current div.frm,div.thumb.docThumb.current div.frm {
  background-color: #c3c3c3;
}

div.thumb {
  float: left;
  position: relative;
  margin-top: 9px;
  margin-left: 9px;
  text-align: center;
}

div.thumb div.viewp {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

div.thumb div.viewp.symbolImg {
  position: relative;
  width: auto;
  height: auto;
}

div.thumb a {
  text-decoration: none;
}

div.thumb div.cnt {
  position: relative;
  width: 144px;
  height: 96px;
}

#Rotate div.thumb div.cnt {
  width: 144px;
  height: 96px;
}

div.thumb div.viewp img {
  display: block;
}

#Rotate div.thumb div.viewp img {
  width: 144px;
  height: 96px;
}

div.thumb div.viewp label {
  display: block;
  height: 100%;
  width: 100%;
}

div.thumb.current {
  box-shadow: 0 0 4px 1px #333;
}

div.thumb.imgThumb a.vl {
  cursor: zoom-in;
}

div.thumb.iconTh {
  float: left;
  position: relative;
  margin-top: 12px;
  margin-left: 12px;
}

div.thumb.iconTh div.frm {
  padding-top: 7px;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  border: 1px solid transparent;
}

div.thumb.iconTh div.cnt {
  height: 135px;
  width: 144px;
  overflow: hidden;
}

div.thumb.iconTh div.viewp {
  width: 144px;
  height: 96px;
  overflow: hidden;
}

div.thumb.iconTh img {
  box-shadow: none;
}

div.thumb.iconTh .symbol {
  font-size: 60px;
}

div.thumb.iconTh .symbol:hover,div.thumb.iconTh .symbol:focus,div.thumb.iconTh .symbol:active {
  color: #009474;
}

.va5 div.viewp {
  padding-top: 1%;
}

.va10 div.viewp {
  padding-top: 3%;
}

.va15 div.viewp {
  padding-top: 5%;
}

.va20 div.viewp {
  padding-top: 6%;
}

.va25 div.viewp {
  padding-top: 8%;
}

.va30 div.viewp {
  padding-top: 10%;
}

.va35 div.viewp {
  padding-top: 11%;
}

.va40 div.viewp {
  padding-top: 13%;
}

.va45 div.viewp {
  padding-top: 15%;
}

.va50 div.viewp {
  padding-top: 16%;
}

.va55 div.viewp {
  padding-top: 18%;
}

.va60 div.viewp {
  padding-top: 20%;
}

.va65 div.viewp {
  padding-top: 21%;
}

.va70 div.viewp {
  padding-top: 23%;
}

.va75 div.viewp {
  padding-top: 25%;
}

.va80 div.viewp {
  padding-top: 26%;
}

.va85 div.viewp {
  padding-top: 28%;
}

.va90 div.viewp {
  padding-top: 30%;
}

.va95 div.viewp {
  padding-top: 31%;
}

div.thumb.folderThumb div.viewp {
  padding-top: 0;
}

div.title {
  overflow: hidden;
  padding-left: 2px;
  padding-right: 2px;
  text-align: center;
}

div.title label {
  display: inline;
}

div.title a.lS {
  display: block;
  position: absolute;
  right: 2px;
  bottom: 0;
}

div.title a.lS::before {
  font-family: 'Glyphicons Regular';
  content: "\e154";
}

div.title a.lS:hover {
  color: #88ff00 !important;
}

div.title a.lS:hover::before {
  content: "\e153";
}

div.thumb.noTh div.title {
  margin-left: 1px;
  margin-right: 1px;
}

div.thumb div.title {
  font-size: 13px;
  box-sizing: content-box;
  max-height: 2.6em;
  line-height: 1.3em;
}

div.thumb.imgThumb div.title {
  visibility: hidden;
}

body.Form div.thumb.imgThumb div.title {
  visibility: visible;
}

div.thumb.imgThumb div.title,div.thumb.docThumb div.title {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  background-color: rgba(0,0,0,0.5);
  text-shadow: 0 0 3px #000;
}

div.thumb.folderThumb div.title {
  position: absolute;
  height: auto;
  box-sizing: content-box;
  bottom: 12%;
  left: 0;
  right: 0;
  top: auto;
  color: #000;
  background-color: rgba(255,255,255,0.6);
  text-shadow: 1px 1px 4px #fff, 1px -1px 4px #fff, -1px -1px 4px #fff, -1px 1px 4px #fff;
  text-align: left;
  padding: 8px;
  padding-top: 4px;
  font-size: 15px;
  min-height: 3.54em;
}

div.thumb.folderThumb div.title .txt {
  white-space: pre-line;
  background-color: rgba(255,255,255,0.5);
  box-shadow: 0 0 7px 1px rgba(255,255,255,0.8);
}

div.thumb.goto div.title {
  width: 100%;
  font-size: 48px;
  line-height: 86px;
  padding: 0;
  text-align: center;
  overflow: visible;
}

div.thumb.imgThumb:hover div.title,div.thumb.imgThumb:focus div.title,div.thumb.imgThumb:active div.title {
  visibility: visible;
}

span.txt::before {
  font-size: 12px;
  font-weight: 700;
}

body.Archive div.folderThumb span.txt::before {
  content: "Archivordner \000D\000A";
}

body.Topics div.folderThumb span.txt::before {
  content: "Thema \000D\000A";
}

body.Topics div.folderThumb.fldTh span.txt::before {
  content: "Schlagwort \000D\000A";
}

body.Projects div.folderThumb span.txt::before {
  content: "Ordner \000D\000A";
}

body.Projects div.folderThumb.fldTh span.txt::before {
  content: "Kollektion \000D\000A";
}

.workArea {
  background-color: #eee;
  padding: 4px;
  border-radius: 3px;
}

.workArea > h1:first-child,.workArea > h2:first-child,.workArea > h3:first-child,.workArea > h4:first-child {
  margin-top: 0;
}

.column {
  float: left;
}

.rcolumn {
  float: right;
}

.cols2 .column,.cols2 .rcolumn {
  width: 50%;
}

.cols2 .column {
  width: 50%;
}

.cols2 .column.col2 {
  float: none;
  width: 50%;
  margin-left: 50%;
}

.cols2 .rcolumn.col1 {
  float: none;
  width: 50%;
  margin-right: 50%;
}

.img500 {
  position: relative;
  width: 500px;
  height: 414px;
}

div.hImg500,div.hImg1000,div.vImg500,div.vImg1000 {
  position: relative;
  display: none;
  width: auto;
  height: auto;
}

.imgMx {
  background-image: url(../images/loading.png);
  background-position: 50% 25%;
  background-repeat: no-repeat;
}

#Page .imgMx a:hover,#Page .imgMx a:focus,#Page .imgMx a:active {
  color: transparent;
}

div.hImg500 .imgMx,div.vImg500 .imgMx {
  min-height: 384px;
}

div.hImg500 img.pict,div.hImg500 .imgMx {
  max-width: 500px;
}

div.vImg500 img.pict,div.vImg500 .imgMx {
  max-height: 414px;
}

div.hImg1000 imgMx,div.vImg1000 .imgMx {
  min-height: 510.720px;
}

div.hImg1000 img.pict,div.hImg1000 imgMx {
  max-width: 1000px;
}

div.vImg1000 img.pict,div.vImg1000 .imgMx {
  max-height: 665px;
}

div.hImg500 img.pict,div.hImg1000 img.pict,div.vImg500 img.pict,div.vImg1000 img.pict {
  width: auto;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

div.vImg500 img.pict.vPict,div.vImg1000 img.pict.vPict {
  width: auto;
}

.img1000 {
  position: relative;
  width: 1000px;
  height: 665px;
}

.imgSubR {
  position: absolute;
  right: 1px;
  bottom: 0;
  z-index: 20;
}

#Info .imgSubR {
  max-width: 40%;
  height: 42px;
  overflow: hidden;
}

#Info .imgSubR > a {
  display: inline-block;
  float: left;
  margin-right: 100px;
  z-index: 1;
}

.imgSubL {
  display: inline-block;
  position: relative;
  left: 0;
  bottom: 0;
  max-width: 400px;
  z-index: 21;
}

.imgSub {
  position: relative;
  z-index: 21;
  width: 50%;
}

.imgSub span.customName {
  display: inline-block;
  width: auto;
  max-width: 66%;
  white-space: nowrap;
  overflow: hidden;
}

.sVauthor {
  display: inline-block;
  max-width: 70%;
  white-space: nowrap;
  overflow: hidden;
}

.logicName,.logicCode {
  font-family: Courier,Fixed,monospace;
}

div.ItemInfo h2,div.itemInfo h2 {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

hr.hrPage {
  clear: both;
  margin-top: 12px;
  margin-bottom: 12px;
}

body.FullScreen #HeadLine {
  position: relative;
}

body.FullScreen #TabNav {
  padding-top: 8px;
}

body.FullScreen div#A_Img.A {
  top: 0;
}

.symbol {
  color: #1f82c0;
  font-family: 'Glyphicons Regular';
}

.symbol:hover,.symbol:focus,.symbol:active {
  color: inherit;
}

#Header .symbol,#TabNav .symbol,.input-group .symbol,#FormArea .symbol {
  color: inherit;
}

#Path .symbol {
  color: inherit;
  margin: 0;
  height: 14px;
  line-height: 16px;
  font-size: 12px;
}

#Path .symbol:hover,#Path .symbol:focus,#Path .symbol:active {
  text-decoration: none;
  color: inherit;
}

#NavTabs .symbol {
  font-size: 12px;
  line-height: 2em;
}

p .symbol {
  font-size: 12px;
}

.symbol.sArial {
  font-family: 'Arial';
}

.symbol.sGlyph {
  font-family: 'Glyphicons Regular';
}

.symbol.sHalf {
  font-family: 'Glyphicons Halflings';
}

.symbol.sSocial {
  font-family: 'Glyphicons Social';
}

.symbol.sFiles {
  font-family: 'Glyphicons Filetypes';
}

a.symbol.GotoNext,a.symbol.GotoPrev,a.symbol.goNext,a.symbol.goPrev {
  color: #1f82c0;
}

.ItemInfo .symbol.btn,.itemInfo .symbol.btn {
  margin: 4px;
}

.linkEdit {
  font-size: 12px;
  font-weight: 100;
}

.linkEdit .symbol {
  margin: 0;
}

#Path .icon img {
  position: relative;
  top: 3px;
}

.symbolCommit {
  color: green;
  font-family: Arial,sans-serif;
  font-size: 20px;
}

.symbolCancel {
  color: red;
  font-family: Arial,sans-serif;
  font-size: 20px;
}

.ItemInfo,.itemInfo {
  position: relative;
}

a.GotoPrev:hover img,a.GotoPrev:focus img,a.GotoPrev:active img,a.goPrev:hover img,a.goPrev:focus img,a.goPrev:active img {
  background-image: url(../images/thumb-prev-hi.png);
  background-repeat: no-repeat;
}

a.GotoPrev img,a.goPrev img {
  background-image: url(../images/thumb-prev.png);
  background-repeat: no-repeat;
}

a.GotoNext:hover img,a.GotoNext:focus img,a.GotoNext:active img,a.goNext:hover img,a.goNext:focus img,a.goNext:active img {
  background-image: url(../images/thumb-next-hi.png);
  background-repeat: no-repeat;
}

a.GotoNext img,a.goNext img {
  background-image: url(../images/thumb-next.png);
  background-repeat: no-repeat;
}

a.symbol.GotoNext,a.symbol.GotoPrev,a.symbol.goNext,a.symbol.goPrev {
  font-size: 40px;
}

a.symbol.GotoNext:hover,a.symbol.GotoNext:focus,a.symbol.GotoNext:active,a.symbol.GotoPrev:hover,a.symbol.GotoPrev:focus,a.symbol.GotoPrev:active,a.symbol.goNext:hover,a.symbol.goNext:focus,a.symbol.goNext:active,a.symbol.goPrev:hover,a.symbol.goPrev:focus,a.symbol.goPrev:active {
  color: inherit;
}

.folderContent {
  position: relative;
}

.folderCount {
  position: absolute;
  top: -14px;
}

.cntText {
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  text-align: justify;
}

.cntText label {
  text-align: left;
}

.iconBar {
  margin-bottom: 20px;
}

.pArea {
  position: relative;
  width: 1000px;
  max-width: 100%;
  height: 667px;
  line-height: 667px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.pArea video {
  display: block;
  width: 100%;
  height: 100%;
}

.pArea audio {
  position: absolute;
  bottom: 15%;
  width: 100%;
}

.pArea img.pict {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: auto;
}

.pArea span.symbol.sFiles {
  font-size: 200px;
}

.pArea.video {
  background-image: url(../library/glyphicons/glyphicons-9-film.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}

.pArea.audio {
  background-image: url(../library/glyphicons/glyphicons-18-music.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}

.pArea.va5 {
  padding-top: 1%;
}

.pArea.va10 {
  padding-top: 3%;
}

.pArea.va15 {
  padding-top: 5%;
}

.pArea.va20 {
  padding-top: 6%;
}

.pArea.va25 {
  padding-top: 8%;
}

.pArea.va30 {
  padding-top: 10%;
}

.pArea.va35 {
  padding-top: 11%;
}

.pArea.va40 {
  padding-top: 13%;
}

.pArea.va45 {
  padding-top: 15%;
}

.pArea.va50 {
  padding-top: 16%;
}

.pArea.va55 {
  padding-top: 18%;
}

.pArea.va60 {
  padding-top: 20%;
}

.pArea.va65 {
  padding-top: 21%;
}

.pArea.va70 {
  padding-top: 23%;
}

.pArea.va75 {
  padding-top: 25%;
}

.pArea.va80 {
  padding-top: 26%;
}

.pArea.va85 {
  padding-top: 28%;
}

.pArea.va90 {
  padding-top: 30%;
}

.pArea.va95 {
  padding-top: 31%;
}

.pArea.relV img.pict {
  height: 100%;
  width: auto;
}

.pict500,.pict1000 {
  position: relative;
}

.pArea.relH > img {
  display: block;
  width: 100%;
  height: auto;
}

.pArea.relV > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  height: 100%;
}

#PictPaneI .cols2 .col2 {
  width: 500px;
}

#PictPaneI .cols2 .col1 {
  max-width: 45%;
}

#PictPaneI .pArea {
  height: 414px;
}

div.thumb img {
  display: block;
  width: 100%;
  height: auto;
}

div.thumb.relV img {
  width: auto;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

div.thumb.folderThumb img {
  display: block;
  position: absolute;
  width: auto;
  height: 100%;
}

div.thumb.folderThumb.relV img {
  width: 100%;
  height: auto;
}

div.folderThumb.va5 img {
  left: -2%;
}

div.folderThumb.va10 img {
  left: -5%;
}

div.folderThumb.va15 img {
  left: -7%;
}

div.folderThumb.va20 img {
  left: -10%;
}

div.folderThumb.va25 img {
  left: -12%;
}

div.folderThumb.va30 img {
  left: -15%;
}

div.folderThumb.va35 img {
  left: -17%;
}

div.folderThumb.va40 img {
  left: -20%;
}

div.folderThumb.va45 img {
  left: -22%;
}

div.folderThumb.va50 img {
  left: -25%;
}

div.folderThumb.va55 img {
  left: -27%;
}

div.folderThumb.va60 img {
  left: -30%;
}

div.folderThumb.va65 img {
  left: -32%;
}

div.folderThumb.va70 img {
  left: -35%;
}

div.folderThumb.va75 img {
  left: -37%;
}

div.folderThumb.va80 img {
  left: -40%;
}

div.folderThumb.va85 img {
  left: -42%;
}

div.folderThumb.va90 img {
  left: -45%;
}

div.folderThumb.va95 img {
  left: -47%;
}

div.folderThumb.relV.ha5 img {
  bottom: -5%;
}

div.folderThumb.relV.ha10 img {
  bottom: -10%;
}

div.folderThumb.relV.ha15 img {
  bottom: -15%;
}

div.folderThumb.relV.ha20 img {
  bottom: -20%;
}

div.folderThumb.relV.ha25 img {
  bottom: -25%;
}

div.folderThumb.relV.ha30 img {
  bottom: -30%;
}

div.folderThumb.relV.ha35 img {
  bottom: -35%;
}

div.folderThumb.relV.ha40 img {
  bottom: -40%;
}

div.folderThumb.relV.ha45 img {
  bottom: -45%;
}

div.folderThumb.relV.ha50 img {
  bottom: -50%;
}

div.folderThumb.relV.ha55 img {
  bottom: -55%;
}

div.folderThumb.relV.ha60 img {
  bottom: -60%;
}

div.folderThumb.relV.ha65 img {
  bottom: -65%;
}

div.folderThumb.relV.ha70 img {
  bottom: -70%;
}

div.folderThumb.relV.ha75 img {
  bottom: -75%;
}

div.folderThumb.relV.ha80 img {
  bottom: -80%;
}

div.folderThumb.relV.ha85 img {
  bottom: -85%;
}

div.folderThumb.relV.ha90 img {
  bottom: -90%;
}

div.folderThumb.relV.ha95 img {
  bottom: -95%;
}

.thChk {
  display: none;
}

.thChk + div label {
  cursor: pointer;
}

div.thumb label {
  display: block;
  width: 100%;
  height: 100%;
}

div.thumb input ~ label {
  display: inline;
  width: auto;
  height: auto;
}

div.frm label:hover div.chk,div.frm label:focus div.chk {
  color: #88ff00;
}

div.frm label div.chk {
  display: block;
  position: relative;
  top: 20%;
  margin-left: auto;
  margin-right: auto;
  width: 40px;
  font-family: 'Glyphicons Regular';
  font-size: 40px;
  color: rgba(255,255,255,0.3);
  text-align: center;
}

div.frm label div.chk::before {
  content: "\e154";
}

.thChk:checked + div.frm label div.chk {
  color: #88ff00;
}

.thChk:checked + div.frm label div.chk::before {
  content: "\e153";
}

.tNew .trText {
  font-style: italic;
}

.tNew .trText::before {
  font-style: normal;
  content: "<";
}

.tNew .trText::after {
  font-style: normal;
  content: ">";
}

#SlideAnchor {
  position: relative;
  height: 0;
}

#SlideSwitch {
  display: none;
}

#SlideSwitch:checked + #SlidePane {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
}

#SlidePane {
  display: none;
  z-index: -1;
  color: #fff;
  background-color: #000;
}

#SlidePane #Close {
  position: absolute;
  top: 8px;
  right: 16px;
  z-index: 999999;
  cursor: pointer;
}

#SlidePane #Close span.symbol {
  color: #fff;
  font-size: 30px;
  opacity: 0.5;
}

#SlidePane #Close span.symbol:hover,#SlidePane #Close span.symbol:focus,#SlidePane #Close span.symbol:active {
  opacity: 1;
}

#SlideReel {
  background-color: #000;
}

#SlideReel .pArea {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 1;
  background-color: #000;
}

td.labelCell,th.labelCell {
  text-align: right;
  vertical-align: top;
  padding-right: 2px;
}

#UserMsg {
  background-color: #5C5;
  padding: 8px;
  color: #fff;
  font-weight: 600;
}

#Page h1,#Page h2 {
  margin-top: 0.4em;
  margin-bottom: 0.2em;
}

#Page p a {
  text-decoration: none;
}

#Page p a:hover,#Page p a:focus,#Page p a:active {
  text-decoration: underline;
}

code {
  color: inherit;
  border: none;
  background-color: transparent;
}

.LongURL,.longUrl {
  width: 100%;
  overflow: scroll;
}

.inputCell,.labelCell {
  padding-top: 5px;
}

.chooseList li {
  list-style-type: none;
}

div.downloadClient {
  padding-top: 40px;
  text-align: center;
}

div.downloadClient .symbol {
  font-size: 32px;
}

div.downloadClient span.title {
  font-size: 20px;
  vertical-align: top;
}

div.downloadClient span.text {
  font-size: 12px;
}

div.downloadClient p.comment {
  margin-top: 20px;
}

div.downloadClient p.footnote {
  font-size: 82%;
}

div.downloadClient p.alt {
  margin-top: 60px;
  margin-bottom: 8px;
}

div.downloadClient p a span.symbol {
  font-size: 22px;
}

span.cleop {
  color: #407699;
  font-style: italic;
}

span.cleop span.reg {
  font-style: normal;
  font-size: 50%;
  vertical-align: super;
}

#Footer {
  position: relative;
  border-top: 1px solid #fff;
}

#FooterFrame {
  position: relative;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 28px;
  color: #000;
}

#FooterLeft {
  float: left;
  padding-right: 24px;
}

#FooterRight {
  text-align: right;
  white-space: nowrap;
}

#FooterContent::after {
  clear: both;
}

div.Selector li {
  list-style-type: none;
}

span.currentItem {
  font-weight: 700;
}

#LoginDlg {
  white-space: nowrap;
}

#FindLabel {
  display: block;
}

#FindField {
  display: block;
}

table.data td,table.data th {
  border: 1px solid black;
  padding: 3px;
}

.colD_quota,.colD_useCount,.colD_free,.colD_percent {
  text-align: right;
}

div.pictNav a,div.pictNav a img {
  display: block;
  width: 100%;
  height: 100%;
}

.pictNav {
  position: absolute;
  height: 100%;
  z-index: 10;
}

.fadeOut {
  visibility: hidden;
}

.navFade {
  position: absolute;
  top: 50%;
  z-index: -1;
  background-color: rgba(255,255,255,0.5);
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-family: 'Glyphicons Regular';
  font-size: 32px;
  color: #444;
  border-radius: 25px;
}

.pictNav:hover .navFade,.pictNav:focus .navFade,.pictNav:active .navFade {
  visibility: visible;
}

.navFade.fadeOut:hover,.navFade.fadeOut:focus,.navFade.fadeOut:active {
  visibility: visible;
}

.pictNavC {
  width: 100%;
}

.pictNavL {
  left: 0;
  width: 25%;
}

.pictNavL .navFade {
  left: 24px;
}

.pictNavR {
  right: 0;
  width: 25%;
}

.pictNavR .navFade {
  right: 24px;
}

.pictNavU {
  top: 0;
  width: 100%;
  height: 50px;
}

.pictNavU .navFade {
  position: relative;
  top: 0;
  margin-left: auto;
  margin-right: auto;
}

.pictNavU .pictNavLink {
  position: absolute;
  top: 0;
}

.pictNavS {
  top: 50%;
  width: 100%;
  height: 80px;
  overflow: visible;
}

.pictNavS a.navFade {
  display: block;
  position: relative;
  top: 0;
  margin-left: auto;
  margin-right: auto;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-family: 'Glyphicons Regular';
  font-size: 40px;
  text-align: center;
  background-color: transparent;
  color: rgba(255,255,255,0.3);
}

.pictNavS a.navFade::before {
  content: "\e154";
}

.pictNavS a.navFade:hover,.pictNavS a.navFade:focus,.pictNavS a.navFade:active {
  color: #88ff00;
}

#Page .pictNavS a.navFade:hover,#Page .pictNavS a.navFade:focus,#Page .pictNavS a.navFade:active {
  color: #88ff00;
}

.pictNavS a.navFade:active::before {
  content: "\e153";
}

.pictNavLink {
  z-index: 2;
}

.navFade img {
  position: relative;
  top: -24px;
  width: 50px;
  height: 48px;
}

.img500 .navFade,.hImg500 .navFade,.vImg500 .navFade {
  visibility: hidden;
}

label {
  font-weight: 100;
  margin: 0;
}

span.btstrp-spanfix {
  display: table-cell;
}

span.btstrp-spanfix input.form-control {
  display: block;
}

textarea.form-control {
  resize: vertical;
}

select.form-control {
  display: inline;
  width: auto;
}

input.chkHd {
  display: none;
}

input.chkHd:checked + .chkNb .chkCnt::before,input.chkHd:checked + .chkCnt::before {
  content: "\e153";
}

input.chkHd:checked + .chkNb .chkCnt::after,input.chkHd:checked + .chkCnt::after {
  font-weight: 700;
}

.chkCnt::before {
  font-family: 'Glyphicons Regular';
  font-size: 127%;
  content: "\e154";
}

.chkCnt::after {
  font-weight: 400;
}

label.labelChk:hover .chkCnt::after {
  font-weight: 700;
}

input#LOADING:checked ~ div.folderContent {
  display: none;
}

.drop-zone {
  border: 2px dashed #0087F7;
  border-radius: 5px;
  background: #FFF;
}

div.table {
  display: table;
}

div.table .file-row {
  display: table-row;
}

div.table .file-row > div {
  display: table-cell;
  vertical-align: top;
  border-top: 1px solid #ddd;
  padding: 8px;
}

#total-progress {
  opacity: 0;
  transition: opacity 0.3s linear;
}

#previews .file-row.dz-success .progress {
  opacity: 0;
  transition: opacity 0.3s linear;
}

.dropzone-text p {
  padding: 10px;
}

#ImgPreview {
  display: none;
}

#UploadForm {
  padding: 8px;
}

#UploadForm .dropText:after {
  content: "Ziehen Sie die Dateien in diese Box oder klicken Sie auf den Button";
}

#UploadForm .dropButtons .fileinput-button:after {
  content: " Bilder hochladen";
}

#UploadForm .documentsChkCnt::after {
  content: "Videos und Dokumente hochladen";
}

#UploadForm div.moviesChk {
  color: #c3c3c3;
}

#UploadForm .moviesChkCnt::after {
  content: "große Dateien (Filme etc.)";
}

#UploadForm .replaceChkCnt::after {
  content: "Dateien ersetzen";
}

#UploadForm input#Idocuments:checked ~ #AlternateText .dropButtons .fileinput-button::after {
  content: " Bilder, Videos und Dokumente hochladen";
}

#UploadForm input#Idocuments:checked ~ #UploadOptions .documentsChkCnt::before {
  content: "\e153";
}

#UploadForm input#Idocuments:checked ~ #UploadOptions .documentsChkCnt::after {
  font-weight: 700;
}

#UploadForm input#Idocuments:checked ~ #UploadOptions div.moviesChk {
  color: inherit;
}

div.table.dropzone-previews div.file-row:nth-child(odd) {
  background-color: #fff;
}

div.table.dropzone-previews div.file-row:nth-child(even) {
  background-color: #eee;
}

div.table.dropzone-previews p.name,div.table.dropzone-previews p.size {
  display: inline;
}

div.table.dropzone-previews div.progress {
  display: inline-block;
  width: 160px;
  margin-bottom: 0;
}

div.table.dropzone-previews .file-row div.file-buttons .preview,div.table.dropzone-previews .file-row div.file-buttons .btn {
  display: none;
}

div.table.dropzone-previews .file-row div.file-buttons .preview img {
  width: 40px;
  height: 40px;
}

div.table.dropzone-previews .file-row.dz-success div.file-buttons .preview {
  display: inline-block;
}

div.table.dropzone-previews div.file-row.dz-complete .progress-bar {
  animation-name: progress-bar-stripes;
  animation-duration: 0s;
}

div.table.dropzone-previews div.progress-striped {
  display: none;
}

div.table.dropzone-previews .error.text-danger:empty + div.progress-striped {
  display: inline-block;
}

#UploadedPicts img {
  margin: 1.5px;
}

#DropProgress,#reload-button {
  margin-top: 8px;
}

#AlternateText.progress-done .progress-bar {
  animation-name: progress-bar-stripes;
  animation-duration: 0s;
}

select,#FormArea select {
  font-family: "Arial Unicode MS",Arial,sans-serif;
}

p.customText {
  max-width: 640px;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

#Page a[target="_blank"]::before {
  margin-left: 0.3em;
  margin-right: 0.3em;
  font-family: 'Glyphicons Halflings';
  font-size: inherit;
  font-weight: normal;
  content: "\e164";
}

#Page a[href^="tel:"]::before {
  margin-left: 0.3em;
  margin-right: 0.3em;
  font-family: 'Glyphicons Halflings';
  font-size: inherit;
  font-weight: normal;
  content: "\e182";
}

#Page a[href^="mailto:"]::before {
  margin-left: 0.3em;
  margin-right: 0.3em;
  font-family: 'Glyphicons Halflings';
  font-size: inherit;
  font-weight: normal;
  content: "\e004";
}

#Page a.link_download[href]::before {
  margin-left: 0.3em;
  margin-right: 0.3em;
  font-family: 'Glyphicons Halflings';
  font-size: inherit;
  font-weight: normal;
  content: "\e022";
}

#Page a[href="#FAX"]::before {
  margin-left: 0.3em;
  margin-right: 0.3em;
  font-family: 'Glyphicons Halflings';
  font-size: inherit;
  font-weight: normal;
  content: "\e045";
}

#Page a[href^="fax:"]::before {
  margin-left: 0.3em;
  margin-right: 0.3em;
  font-family: 'Glyphicons Halflings';
  font-size: inherit;
  font-weight: normal;
  content: "\e045";
}

#Page a.link_img::before,#Page a.symbol[target]::before,#Page a.symbol[href]::before,#Page .filesList a[target="_blank"]::before,#Page .FilesList a[target="_blank"]::before {
  content: none;
}

#Welcome {
  position: relative;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
}

#Welcome .loginH {
  display: none;
}

#Welcome input[type="text"] {
  color: #555;
}

#Welcome input[type="submit"] {
  background-color: #1f82c0;
}

#Welcome p {
  margin-top: 12px;
  margin-bottom: 12px;
}

#Welcome a.cLogo {
  position: absolute;
  top: 7px;
  right: 62px;
}

#LoginForm {
  background-color: #179c7d;
  padding-top: 40px;
  padding-left: 60px;
  padding-right: 60px;
  padding-bottom: 16px;
  border-radius: 10px;
}

#LoginForm .txCustomTitle {
  display: none;
}

#LoginForm a.loginAlt {
  display: inline-block;
  padding-top: 12px;
}

#LoginForm form[method="get"] {
  display: block;
  float: right;
}

#LoginForm form.loginForm {
  display: block;
  clear: both;
}

.registerBtn {
  display: none;
}

div.TreeSelector ul {
  padding-left: 16px;
}

div.TreeSelector li.liChck {
  list-style-type: none;
}

div.TreeSelector input[type="checkbox"] {
  margin-right: 8px;
}

div.TreeSelector li.liUl {
  list-style-position: inside;
  padding-left: 3px;
}

#Find {
  position: absolute;
  right: 400px;
  top: 6px;
  color: #555;
}

#FormTitle {
  display: none;
  position: absolute;
  right: 400px;
  top: 10px;
  left: 320px;
  text-align: center;
}

#DlgHide {
  display: none;
}

.dlgAnchor {
  position: fixed;
  top: 50px;
  width: 100%;
  height: 0;
  z-index: 88;
}

input#DlgHide:checked + .dlgAnchor {
  display: none;
}

.dlgBorder {
  border-color: #fff;
  border-width: 3px;
  border-style: solid;
  border-radius: 5px;
}

.dlgBorder h1 {
  color: #fff;
  font-weight: 700;
}

#DlgOverlay {
  height: 100%;
  background-color: rgba(0,0,0,0.5);
}

#DlgOverlay #BodyBg {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #e5e5e5;
  background-repeat: no-repeat;
  background-size: cover;
}

#DlgOverlay .dlgPos {
  position: relative;
  height: 100%;
}

#DlgOverlay .dlgBorder {
  color: rgba(255,255,255,0.9);
  border-color: rgba(255,255,255,0.9);
  background-color: rgba(255,255,255,0.7);
}

#DlgOverlay .dlgBox {
  position: relative;
  top: 100px;
  border-radius: 8px;
  padding-top: 16px;
  padding-left: 32px;
  padding-right: 0px;
  padding-bottom: 44px;
}

#DlgOverlay .dlgBox.icons1 {
  width: 176px;
}

#DlgOverlay .dlgBox.icons2 {
  width: 352px;
}

#DlgOverlay .dlgBox.icons3 {
  width: 528px;
}

#DlgOverlay .dlgBox.icons4 {
  width: 704px;
}

#DlgOverlay .dlgBox.icons5 {
  width: 880px;
}

#DlgOverlay .dlgBox.icons6 {
  width: 1056px;
}

#DlgOverlay h1 {
  color: #222;
  text-shadow: 0px 0px 4px rgba(255,255,255,0.9), 0px -0px 4px rgba(255,255,255,0.9), -0px -0px 4px rgba(255,255,255,0.9), -0px 0px 4px rgba(255,255,255,0.9);
  margin-top: 20px;
  margin-bottom: 0;
  margin-right: 32px;
  font-size: 20px;
  font-weight: 700;
}

#DlgOverlay #DlgClose {
  top: 7px;
  right: 7px;
}

#DlgOverlay div.thumb.iconTh {
  margin-top: 24px;
  margin-right: 24px;
  margin-left: 0;
}

#DlgOverlay .iconTh .frm {
  background-color: rgba(255,255,255,0.9);
  border-radius: 8px;
}

#DlgOverlay .iconTh .frm .viewp {
  background-color: transparent;
}

#DlgOverlay .iconTh .frm .symbol {
  color: #444;
  font-size: 77px;
}

#DlgOverlay .iconTh .frm div.title {
  color: #444;
  margin-top: 8px;
  font-size: 20px;
}

#DlgOverlay ~ #DlgNav #DlgClose {
  display: none;
}

#DlgNav {
  background-color: #2ab72a;
  height: 37px;
}

#DlgNav h1 {
  display: inline;
  font-size: 18px;
  margin: 0;
}

#DlgNav .dlgBox {
  padding-bottom: 1px;
}

#DlgNav .dlgBorder {
  border: none;
  box-shadow: none;
  background: none;
  text-align: center;
  padding-top: 8px;
}

#DlgNav #DlgClose {
  top: 6px;
  right: 16px;
}

#DlgNav .dlgPos.pageWidth {
  height: 37px;
}

#DlgClose {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 16px;
  border-radius: 10px;
  font-size: 16px;
  text-align: center;
  border: 2px solid #fff;
  cursor: pointer;
}

#DlgClose:hover,#DlgClose:focus,#DlgClose:active {
  color: #000;
}

#DlgClose span.symbol {
  color: inherit;
}

.dlgBox {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  box-sizing: content-box;
  box-shadow: 0px 1px 4px 0px #333;
}

.icons1.dlgBox {
  width: 188px;
}

.icons2.dlgBox {
  width: 364px;
}

.icons3.dlgBox {
  width: 540px;
}

.icons4.dlgBox {
  width: 716px;
}

.icons5.dlgBox {
  width: 892px;
}

.icons6.dlgBox {
  width: 1068px;
}

#TopMenu,body.Public #TopMenu {
  position: absolute;
  top: 7px;
  right: 0;
  color: #555;
}

#TopMenu .symbol,#TopMenu span.symbol,#TopMenu input.symbol,body.Public #TopMenu .symbol,body.Public #TopMenu span.symbol,body.Public #TopMenu input.symbol {
  color: inherit;
  font-size: 20px;
  margin-left: 10px;
  margin-right: 10px;
  border: none;
  background-color: inherit;
}

#TopMenu form input.symbol,body.Public #TopMenu form input.symbol {
  margin-right: 0;
}

#TopMenu .symbol + .txt,body.Public #TopMenu .symbol + .txt {
  display: none;
}

#TopMenu ul.hList,body.Public #TopMenu ul.hList {
  display: block;
  height: 34px;
  font-size: inherit;
  margin: 0;
  padding: 0;
  background-color: #c7cacc;
}

#TopMenu ul.hList > li,body.Public #TopMenu ul.hList > li {
  display: inline-block;
  list-style-type: none;
  font-size: inherit;
}

#TopMenu ul.hList > li > div:only-child,#TopMenu ul.hList > li > span:only-child,#TopMenu ul.hList > li > a:only-child,#TopMenu ul.hList > li > form:only-child,body.Public #TopMenu ul.hList > li > div:only-child,body.Public #TopMenu ul.hList > li > span:only-child,body.Public #TopMenu ul.hList > li > a:only-child,body.Public #TopMenu ul.hList > li > form:only-child {
  display: inline-block;
  height: 100%;
  font-size: inherit;
}

#TopMenu ul.hList > li > form.findFrm:only-child,body.Public #TopMenu ul.hList > li > form.findFrm:only-child {
  display: block;
  position: relative;
  border-collapse: collapse;
  box-sizing: border-box;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  height: 34px;
  margin-left: 0;
  margin-right: 0;
}

#TopMenu ul.hList > li > form.findFrm:only-child::before,#TopMenu ul.hList > li > form.findFrm:only-child::after,body.Public #TopMenu ul.hList > li > form.findFrm:only-child::before,body.Public #TopMenu ul.hList > li > form.findFrm:only-child::after {
  content: none;
}

#TopMenu ul.hList > li > form.findFrm:only-child input,body.Public #TopMenu ul.hList > li > form.findFrm:only-child input {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  border-collapse: collapse;
}

#TopMenu ul.hList > li > form.findFrm:only-child input.symbol,body.Public #TopMenu ul.hList > li > form.findFrm:only-child input.symbol {
  margin: 0;
}

#TopMenu ul.hList > li > form.findFrm:only-child input.findInp,body.Public #TopMenu ul.hList > li > form.findFrm:only-child input.findInp {
  height: 34px;
  top: -2px;
  border: none;
  background-color: #c7cacc;
}

#TopMenu ul.hList > li > form.findFrm:only-child input.findInp:hover,#TopMenu ul.hList > li > form.findFrm:only-child input.findInp:focus,#TopMenu ul.hList > li > form.findFrm:only-child input.findInp:active,body.Public #TopMenu ul.hList > li > form.findFrm:only-child input.findInp:hover,body.Public #TopMenu ul.hList > li > form.findFrm:only-child input.findInp:focus,body.Public #TopMenu ul.hList > li > form.findFrm:only-child input.findInp:active {
  color: #000;
  background-color: #fff;
  outline: none;
}

body.Safari #TopMenu ul.hList > li > form.findFrm:only-child input.findInp,body.Safari body.Public #TopMenu ul.hList > li > form.findFrm:only-child input.findInp {
  top: -4px;
}

body.Edge #TopMenu ul.hList > li > form.findFrm:only-child input.findInp,body.Edge body.Public #TopMenu ul.hList > li > form.findFrm:only-child input.findInp {
  top: -3px;
}

#TopMenu ul.hList > li.boxTool,body.Public #TopMenu ul.hList > li.boxTool {
  display: none;
}

#TopMenu ul.hList input.symbol:hover,#TopMenu ul.hList input.symbol:focus,#TopMenu ul.hList input.symbol:active,body.Public #TopMenu ul.hList input.symbol:hover,body.Public #TopMenu ul.hList input.symbol:focus,body.Public #TopMenu ul.hList input.symbol:active {
  color: #009474;
}

input.trBranchOpen {
  display: none;
}

input.btCheck {
  margin-right: 2px;
}

ul.trBranch {
  display: block;
  padding-left: 8px;
  list-style-type: none;
}

li ul.trBranch {
  display: none;
  padding-left: 28px;
}

li input.trBranchOpen:checked ~ ul.trBranch {
  display: block;
}

label.trBranchLabel::before {
  font-family: 'Glyphicons Regular';
  font-size: inherit;
  font-weight: normal;
  content: "\e369";
}

h4 ~ label.trBranchLabel::before,input.trBranchOpen:checked ~ label.trBranchLabel::before {
  content: "\e368";
}

.trText:hover,.trText:focus,.trText:active,label.trBranchLabel:hover,label.trBranchLabel:focus,label.trBranchLabel:active {
  font-weight: 700;
  color: #009474;
}

input.btCheck:checked ~ .trText,input.btCheck:checked ~ label.trBranchLabel,input.trBranchOpen:checked ~ .trText,input.trBranchOpen:checked ~ label.trBranchLabel {
  font-weight: 700;
  color: #009474;
}

.chBOpenT {
  display: none;
}

.txList .txItem {
  positioN: relative;
  height: 1.4em;
  overflow: hidden;
  text-align: left;
}

.txList .txTitle {
  display: inline;
  font-weight: 700;
}

.txList .txCl::after {
  content: ": ";
}

.txList .txCnt {
  white-space: pre-wrap;
  display: inline;
}

.txList .txMr {
  position: absolute;
  background-color: #fff;
  top: 0;
  right: 0;
  font-weight: 700;
  cursor: pointer;
}

.txList .txMr:hover,.txList .txMr:focus,.txList .txMr:active {
  color: #009474;
}

.txList .txMr::after {
  content: "\00A0 ... \00A0";
}

.chBOpenT:checked ~ .txList .txItem {
  height: auto;
  margin-top: 0.7em;
  margin-bottom: 0.7em;
  animation: openText ease-in 0.5s;
}

.chBOpenT:checked ~ .txList .txTitle {
  display: block;
}

.chBOpenT:checked ~ .txList .txCl::after {
  content: " ";
}

.chBOpenT:checked ~ .txList .txMr {
  position: relative;
}

.chBOpenT:checked ~ .txList .txMr::after {
  content: "^";
}

body.Custom.Entry #Nav,body.Custom.Entry #TopMenu,body.Custom.Entry #LocalNav,body.Custom.Entry #MenuStart,body.Custom.Entry #BodyMargins {
  display: none;
}

body.Custom.Entry #HeadLine {
  border: none;
  background-color: transparent;
}

body.Custom.Entry #Header {
  height: 0;
}

body.Custom.Entry #Logo {
  position: fixed;
  left: 20px;
  top: 40px;
}

body.Custom.Entry #Logo img {
  width: 120px;
}

body.Custom.Entry #DlgOverlay {
  top: 0;
  background-color: #e5e5e5;
  background-repeat: no-repeat;
  background-size: cover;
}

ul.lTable {
  display: table;
  padding: 0;
}

ul.lTable > li {
  display: table-row;
  list-style-type: none;
  text-align: left;
}

ul.lTable > li > * {
  display: table-cell;
  padding: 4px;
}

ul.lTable > li:nth-child(odd) {
  background-color: #fff;
}

ul.lTable > li:nth-child(even) {
  background-color: #eee;
}

ul.lTable > li.lHead {
  text-align: center;
}

ul.lTable > li.lHead > * {
  font-weight: 700;
}

#Page ul.lTable > li > a[target="_blank"]::before {
  content: none;
}

div.buttonRow::after {
  clear: left;
}

div.buttonRow > * + .newShareBtn::after {
  content: "Neue externe Freigabe";
}

.btn::before {
  font-family: 'Glyphicons Regular';
}

.editBtn::before {
  color: green;
  content: "\e031";
}

.revokeBtn::before {
  color: red;
  content: "\e208";
}

.shareX::before {
  font-family: 'Glyphicons Regular';
  content: "\e223";
}

.shareWWW::before {
  font-family: 'Glyphicons Regular';
  content: "\e372";
}

.shareCluster::before {
  font-family: 'Glyphicons Regular';
  content: "\e508";
}

.agbConfirmChkCnt::before,.agbConfirmChkCnt::after {
  cursor: pointer;
}

div.shareParams ul.lTable > li > :first-child {
  text-align: right;
}

.doneBtn {
  display: none;
}

#Page ul.zipDownloadList li {
  list-style-type: none;
}

#Page ul.zipDownloadList a,#Page ul.zipDownloadList a[target] {
  display: inline-block;
  color: #111;
  background-color: #fff;
  font-size: 127%;
  padding-left: 12px;
  padding-top: 4px;
  padding-right: 12px;
  padding-bottom: 4px;
  border-radius: 12px;
}

#Page ul.zipDownloadList a::before,#Page ul.zipDownloadList a[target]::before {
  font-family: 'Glyphicons Regular';
  content: " \e365 ";
  color: green;
}

#Page ul.zipDownloadList a:hover,#Page ul.zipDownloadList a:focus,#Page ul.zipDownloadList a:active,#Page ul.zipDownloadList a[target]:hover,#Page ul.zipDownloadList a[target]:focus,#Page ul.zipDownloadList a[target]:active {
  color: #009474;
  background-color: #efd;
}

#Page ul.zipDownloadList .fileName {
  margin-left: 8px;
  font-weight: 700;
}

#Page ul.zipDownloadList .fileSize {
  font-family: Courier,Fixed,monospace;
  margin-left: 16px;
  margin-right: 16px;
}

#Banner {
  position: relative;
}

#Banner + .collectionPane > .cntText {
  display: none;
}

#Banner + .collectionPane > .folderContent .folderCount {
  display: none;
}

.logicName {
  font-family: Courier,Fixed,monospace;
}

a.btn {
  background-color: #c3c3c3;
  border-color: transparent;
}

a.btn:hover,a.btn:focus,a.btn:active {
  background-color: #ddd;
}

.linkNew {
  font-style: italic;
}

.txMaxUsers {
  margin-left: 24px;
}

label input[type="radio"],label input[type="checkbox"] {
  margin-right: 4px;
}

ul.userList {
  padding-left: 20px;
}

#UserMng h2 {
  margin-top: 1em;
}

#UserMng p {
  margin-bottom: 4px;
}

#UserMng ul {
  display: table;
  background-color: #fff;
  padding-left: 0;
  margin-left: 8px;
}

#UserMng li {
  display: table-row;
  list-style-type: none;
}

#UserMng li:nth-child(even) {
  background-color: #eee;
}

#UserMng .customName,#UserMng .logicName.cSupport,#UserMng .linkNew,#UserMng .tFill {
  display: table-cell;
}

#UserMng .tFill::after {
  content: " ";
}

#UserMng .logicName {
  padding-left: 8px;
}

.sSupport {
  font-style: italic;
}

#TabRevise::before {
  display: table-cell;
  width: 20px;
  content: " ";
}

#TabRevise > input[name="tab"] {
  display: none;
}

#TabRevise > input,#TabRevise > label {
  display: table-cell;
}

#TabRevise > label.rdo {
  position: relative;
  bottom: -1px;
  padding: 4px;
  border: 1px solid black;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

#TabRevise > input:checked + label.rdo {
  z-index: 10;
  border-bottom-color: #fff;
}

.tabCnt {
  display: none;
  padding: 4px;
  padding-bottom: 10px;
  border: 1px solid black;
  border-radius: 4px;
}

input#TabRotate:checked ~ div#TabCnt_rotate,input#TabMove:checked ~ div#TabCnt_move,input#TabRemove:checked ~ div#TabCnt_remove,input#TabDelete:checked ~ div#TabCnt_delete,input#TabAdmin:checked ~ div#TabCnt_admin {
  display: block;
}


}




@media (min-width:1040px) {

#Nav {
  right: 210px;
}


}

@media (min-width:1070px)  {

#Nav {
  right: 180px;
}


}

@media (min-width:1100px) {

#LocalNav #LNavCnt {
  right: -50px;
}

#Nav {
  right: 150px;
}


}

@media (min-width:1140px) {

#Nav {
  right: 110px;
}


}

@media (min-width:1200px) {

#Nav {
  right: 50px;
}


}

@media (min-width:1070px) {

#LocalNav {
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  left: auto;
  right: auto;
}

#LocalNav #LNavCnt {
  right: -40px;
}


}

@media (min-width:1000px) {

body {
  min-width: 1000px;
}

.pageWidth {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}


}

@media (min-width:1002px) {

.img1000 {
  margin-left: auto;
  margin-right: auto;
}


}

@media (max-width:1000px) {

.pArea {
  width: 100%;
}


}

@media (max-width:992px) {

div.img1000,div.img500 {
  display: none;
}

div.autoImg.hImg1000,div.autoImg.vImg1000,div.autoImg.hImg500,div.autoImg.vImg500 {
  display: none;
}

div.hImg1000,div.vImg1000,div.hImg500,div.vImg500 {
  display: block;
}

.sVauthor {
  display: none;
}

.imgSub {
  width: 70%;
}

div.hImg1000 img.pict.hPict {
  width: 100%;
}

.imgSubL .imgText {
  display: inline;
}

#PageTitle h1 {
  font-size: 11px;
}


}

@media (max-height:579px) {

body.Custom.Entry #Logo {
  position: fixed;
  left: 10px;
  top: 10px;
}

body.Custom.Entry #DlgOverlay .dlgBox {
  top: 60px;
}

#DlgOverlay .dlgBox {
  top: 20px;
}


}

@media (max-height:519px) {

#DlgOverlay {
  position: relative;
  padding-bottom: 24px;
}


}

@media (max-width:949px) {

#DlgOverlay div.dlgBox.icons6 {
  width: 540px;
}


}

@media (max-width:773px) {

#DlgOverlay div.dlgBox.icons6 {
  width: 540px;
}

#DlgOverlay div.dlgBox.icons4 {
  width: 364px;
}


}

@media (max-width:597px) {

#DlgOverlay div.dlgBox.icons3,#DlgOverlay div.dlgBox.icons5,#DlgOverlay div.dlgBox.icons6 {
  width: 364px;
}


}

@media (max-width:421px) {

body.Custom.Entry #Logo {
  position: fixed;
  left: 10px;
  top: 10px;
}

#DlgOverlay {
  position: absolute;
}

#DlgOverlay div.dlgBox {
  top: 16px;
}

#DlgOverlay div.dlgBox.icons2,#DlgOverlay div.dlgBox.icons3,#DlgOverlay div.dlgBox.icons4,#DlgOverlay div.dlgBox.icons5,#DlgOverlay div.dlgBox.icons6 {
  width: 188px;
}


}

@media (max-width:767px) {

#HeadLine {
  height: 40px;
}

#Header {
  height: 40px;
}

#Logo {
  height: 28px;
  width: 169px;
  left: 6px;
}

#Body {
  padding-top: 40px;
}

#DlgClose {
  width: 24px;
  height: 24px;
  line-height: 20px;
  border-radius: 12px;
  font-size: 20px;
}

#PictPaneI .cols2 .col2 {
  float: none;
  width: 500px;
}

#PictPaneI .cols2 .col1 {
  width: 100%;
  max-width: auto;
  margin-right: 0;
}

#PageTitle,#Nav,#LocalNav,#TabNav,.moreText2 {
  display: none;
}

#NavLine,#NavMargins {
  min-height: 0;
  height: 0;
}

#TopMenu,body.Public #TopMenu {
  top: 3px;
  right: 50px;
}

#TopMenu > ul.hList,body.Public #TopMenu > ul.hList {
  height: 32px;
  text-align: right;
  border-radius: 4px;
}

#TopMenu > ul.hList > li.cntLi,body.Public #TopMenu > ul.hList > li.cntLi {
  display: none;
}

#TopMenu > ul.hList > li.boxTool,body.Public #TopMenu > ul.hList > li.boxTool {
  display: inline-block;
}

#TopMenu > ul.hList > li.formLi > form.findFrm:only-child input.findInp,body.Public #TopMenu > ul.hList > li.formLi > form.findFrm:only-child input.findInp {
  display: none;
}

#TopMenu > ul.hList > li.formLi > form.findFrm:only-child input.symbol,body.Public #TopMenu > ul.hList > li.formLi > form.findFrm:only-child input.symbol {
  display: block;
  width: 32px;
  height: 32px;
  margin-left: 0;
  color: #000;
}

body.Form #TopMenu,body.Form body.Public #TopMenu {
  display: none;
}

#ToolBox {
  display: none;
}

#Find,#FormTitle {
  position: relative;
  text-align: center;
  left: auto;
  right: auto;
  top: 4px;
  bottom: auto;
  margin-left: auto;
  margin-right: auto;
  width: 200px;
}

div.hImg1000,div.vImg1000,div.hImg500,div.vImg500 {
  display: none;
}

div.autoImg.hImg1000,div.autoImg.vImg1000,div.autoImg.hImg500,div.autoImg.vImg500 {
  display: block;
}

div.autoImg img.pict.hPict {
  max-width: 100%;
}

div.autoImg img.pict.vPict {
  max-height: 100%;
}

div.hImg500,div.vImg500 {
  min-height: 240px;
}

div.hImg500 .imgMx,div.vImg500 .imgMx {
  min-height: 240px;
  margin-left: auto;
  margin-right: auto;
}

div.hImg1000 img.pict,div.vImg1000 img.pict,div.hImg1000 imgMx,div.vImg1000 .imgMx {
  min-height: 319.20px;
}

.imgSubL .imgText {
  display: none;
}

#MenuStart {
  display: block;
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 20px;
  z-index: 1000;
}

#MobileMenu {
  display: block;
  position: relative;
  top: -40px;
  z-index: 24;
  background-color: #66bfac;
}

#MMenu,#MobileMenuC {
  position: relative;
  top: 40px;
  background-color: #66bfac;
  background-image: url(../images/bg-white.png);
  background-position: bottom;
  background-repeat: repeat-x;
}

#Menu1 {
  z-index: 10;
  left: 0;
  width: 100%;
  padding-top: 4px;
}

#Menu1 li.tmWork {
  background-color: #99BABA;
}

.mMenu2 {
  background-color: #60b0e5;
}

.mMenu3 {
  background-color: #66baf2;
}

#DlgNav.dlgAnchor {
  top: 0;
  height: 40px;
  z-index: 1000;
}

#DlgOverlay.dlgAnchor {
  top: 50px;
}

.mDrop {
  display: none;
}

#Menu1 ul {
  margin: 0;
  padding: 0;
}

li.mItem {
  position: relative;
  display: block;
  list-style-type: none;
  margin: 0;
  line-height: 1.618em;
}

#Menu1 .mText {
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 20px;
}

#Menu1 #MPath1 .mText {
  padding-top: 2px;
}

#Menu1 li.tmWork .mText {
  padding-left: 60px;
}

#Menu1 li.mI2 .mText {
  padding-left: 60px;
}

#Menu1 li.mI3 .mText {
  padding-left: 100px;
}

#Menu1 li.mI4 .mText {
  padding-left: 140px;
}

#MPath {
  overflow: hidden;
  max-height: 1.618em;
}

.mPathItem {
  display: inline-block;
}

div.mText span.glyphicon {
  position: relative;
  top: 3px;
  margin-right: 10px;
}

.column,.rcolumn {
  float: none;
}

.cols2 .column,.cols2 .column.col2 {
  width: auto;
  margin-left: 0;
}

.cols2 .rcolumn,.cols2 .rcolumn.col1 {
  width: auto;
  margin-right: 0;
}

.cols2 #Info {
  border-top: 1px solid #fff;
  padding-top: 7px;
}

#FooterFrame {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

#Rotate div.thumb div.viewp {
  top: 0;
  bottom: auto;
}

#Rotate div.thumb div.viewp img {
  width: 96px;
  height: 64px;
}

#Rotate div.thumb div.title {
  width: 88px;
  top: 66px;
}

#Rotate div.thumb div.cnt {
  width: 96px;
  height: 108px;
}

div.dropDoneButton,div#DropDoneBt,#reload-button {
  display: block;
}

.btCancel,.btDone {
  display: none;
}

#FormArea {
  margin-left: 0;
}


}

@media (max-width: 660px) {

.imgSub span.customName {
  max-width: 50%;
}


}

@media (max-width:499px) {

#PictPaneI .cols2 .col2 {
  width: 100%;
}

#PictPaneI .colx2 .col1 {
  width: 100%;
  margin-right: 0;
}


}

@media (max-width:479px) {

#Find input[type="submit"] {
  background-color: #6fa6c9;
}

.moreText1 {
  display: none;
}

#FormArea .ctrlTitle {
  display: none;
}

#Find {
  width: 40px;
}

#Find input[type="text"] {
  display: none;
}

#Find input[type="submit"] {
  border-radius: 5px;
}

div.hImg500 img.pict,div.vImg500 img.pict,div.hImg500 .imgMx,div.vImg500 .imgMx {
  min-height: 160px;
}

div.hImg1000 img.pict,div.vImg1000 img.pict,div.hImg1000 imgMx,div.vImg1000 .imgMx {
  min-height: 212.80px;
}

#FormArea select {
  height: 32px;
  max-width: 180px;
}


}

@media (min-width:253px) {

.pArea {
  height: 169px;
  line-height: 169px;
}

#PictPaneI .pArea {
  height: 169px;
  line-height: 169px;
}

div.thumb div.cnt {
  width: 240px;
  height: 160px;
}

div.thumb.goto div.title {
  font-size: 80px;
  line-height: 150px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 136px;
  font-size: 136px;
}


}

@media (min-width:316px) {

.pArea {
  height: 211px;
  line-height: 211px;
}

#PictPaneI .pArea {
  height: 211px;
  line-height: 211px;
}

div.thumb div.cnt {
  width: 147px;
  height: 98px;
}

div.thumb.goto div.title {
  font-size: 49px;
  line-height: 88px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 74px;
  font-size: 74px;
}


}

@media (min-width:322px) {

.pArea {
  height: 215px;
  line-height: 215px;
}

#PictPaneI .pArea {
  height: 215px;
  line-height: 215px;
}

div.thumb div.cnt {
  width: 150px;
  height: 100px;
}

div.thumb.goto div.title {
  font-size: 50px;
  line-height: 90px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 76px;
  font-size: 76px;
}


}

@media (min-width:328px) {

.pArea {
  height: 219px;
  line-height: 219px;
}

#PictPaneI .pArea {
  height: 219px;
  line-height: 219px;
}

div.thumb div.cnt {
  width: 153px;
  height: 102px;
}

div.thumb.goto div.title {
  font-size: 51px;
  line-height: 92px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 78px;
  font-size: 78px;
}


}

@media (min-width:334px) {

.pArea {
  height: 223px;
  line-height: 223px;
}

#PictPaneI .pArea {
  height: 223px;
  line-height: 223px;
}

div.thumb div.cnt {
  width: 156px;
  height: 104px;
}

div.thumb.goto div.title {
  font-size: 52px;
  line-height: 94px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 80px;
  font-size: 80px;
}


}

@media (min-width:340px) {

.pArea {
  height: 227px;
  line-height: 227px;
}

#PictPaneI .pArea {
  height: 227px;
  line-height: 227px;
}

div.thumb div.cnt {
  width: 159px;
  height: 106px;
}

div.thumb.goto div.title {
  font-size: 53px;
  line-height: 96px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 82px;
  font-size: 82px;
}


}

@media (min-width:346px) {

.pArea {
  height: 231px;
  line-height: 231px;
}

#PictPaneI .pArea {
  height: 231px;
  line-height: 231px;
}

div.thumb div.cnt {
  width: 162px;
  height: 108px;
}

div.thumb.goto div.title {
  font-size: 54px;
  line-height: 98px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 84px;
  font-size: 84px;
}


}

@media (min-width:352px) {

.pArea {
  height: 235px;
  line-height: 235px;
}

#PictPaneI .pArea {
  height: 235px;
  line-height: 235px;
}

div.thumb div.cnt {
  width: 165px;
  height: 110px;
}

div.thumb.goto div.title {
  font-size: 55px;
  line-height: 100px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 86px;
  font-size: 86px;
}


}

@media (min-width:358px) {

.pArea {
  height: 239px;
  line-height: 239px;
}

#PictPaneI .pArea {
  height: 239px;
  line-height: 239px;
}

div.thumb div.cnt {
  width: 168px;
  height: 112px;
}

div.thumb.goto div.title {
  font-size: 56px;
  line-height: 102px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 88px;
  font-size: 88px;
}


}

@media (min-width:364px) {

.pArea {
  height: 243px;
  line-height: 243px;
}

#PictPaneI .pArea {
  height: 243px;
  line-height: 243px;
}

div.thumb div.cnt {
  width: 171px;
  height: 114px;
}

div.thumb.goto div.title {
  font-size: 57px;
  line-height: 104px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 90px;
  font-size: 90px;
}


}

@media (min-width:370px) {

.pArea {
  height: 247px;
  line-height: 247px;
}

#PictPaneI .pArea {
  height: 247px;
  line-height: 247px;
}

div.thumb div.cnt {
  width: 174px;
  height: 116px;
}

div.thumb.goto div.title {
  font-size: 58px;
  line-height: 106px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 92px;
  font-size: 92px;
}


}

@media (min-width:376px) {

.pArea {
  height: 251px;
  line-height: 251px;
}

#PictPaneI .pArea {
  height: 251px;
  line-height: 251px;
}

div.thumb div.cnt {
  width: 177px;
  height: 118px;
}

div.thumb.goto div.title {
  font-size: 59px;
  line-height: 108px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 94px;
  font-size: 94px;
}


}

@media (min-width:382px) {

.pArea {
  height: 255px;
  line-height: 255px;
}

#PictPaneI .pArea {
  height: 255px;
  line-height: 255px;
}

div.thumb div.cnt {
  width: 180px;
  height: 120px;
}

div.thumb.goto div.title {
  font-size: 60px;
  line-height: 110px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 96px;
  font-size: 96px;
}


}

@media (min-width:388px) {

.pArea {
  height: 259px;
  line-height: 259px;
}

#PictPaneI .pArea {
  height: 259px;
  line-height: 259px;
}

div.thumb div.cnt {
  width: 183px;
  height: 122px;
}

div.thumb.goto div.title {
  font-size: 61px;
  line-height: 112px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 98px;
  font-size: 98px;
}


}

@media (min-width:394px) {

.pArea {
  height: 263px;
  line-height: 263px;
}

#PictPaneI .pArea {
  height: 263px;
  line-height: 263px;
}

div.thumb div.cnt {
  width: 186px;
  height: 124px;
}

div.thumb.goto div.title {
  font-size: 62px;
  line-height: 114px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 100px;
  font-size: 100px;
}


}

@media (min-width:400px) {

.pArea {
  height: 267px;
  line-height: 267px;
}

#PictPaneI .pArea {
  height: 267px;
  line-height: 267px;
}

div.thumb div.cnt {
  width: 189px;
  height: 126px;
}

div.thumb.goto div.title {
  font-size: 63px;
  line-height: 116px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 102px;
  font-size: 102px;
}


}

@media (min-width:406px) {

.pArea {
  height: 271px;
  line-height: 271px;
}

#PictPaneI .pArea {
  height: 271px;
  line-height: 271px;
}

div.thumb div.cnt {
  width: 192px;
  height: 128px;
}

div.thumb.goto div.title {
  font-size: 64px;
  line-height: 118px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 104px;
  font-size: 104px;
}


}

@media (min-width:412px) {

.pArea {
  height: 275px;
  line-height: 275px;
}

#PictPaneI .pArea {
  height: 275px;
  line-height: 275px;
}

div.thumb div.cnt {
  width: 195px;
  height: 130px;
}

div.thumb.goto div.title {
  font-size: 65px;
  line-height: 120px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 106px;
  font-size: 106px;
}


}

@media (min-width:418px) {

.pArea {
  height: 279px;
  line-height: 279px;
}

#PictPaneI .pArea {
  height: 279px;
  line-height: 279px;
}

div.thumb div.cnt {
  width: 198px;
  height: 132px;
}

div.thumb.goto div.title {
  font-size: 66px;
  line-height: 122px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 108px;
  font-size: 108px;
}


}

@media (min-width:424px) {

.pArea {
  height: 283px;
  line-height: 283px;
}

#PictPaneI .pArea {
  height: 283px;
  line-height: 283px;
}

div.thumb div.cnt {
  width: 201px;
  height: 134px;
}

div.thumb.goto div.title {
  font-size: 67px;
  line-height: 124px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 110px;
  font-size: 110px;
}


}

@media (min-width:430px) {

.pArea {
  height: 287px;
  line-height: 287px;
}

#PictPaneI .pArea {
  height: 287px;
  line-height: 287px;
}

div.thumb div.cnt {
  width: 204px;
  height: 136px;
}

div.thumb.goto div.title {
  font-size: 68px;
  line-height: 126px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 112px;
  font-size: 112px;
}


}

@media (min-width:436px) {

.pArea {
  height: 291px;
  line-height: 291px;
}

#PictPaneI .pArea {
  height: 291px;
  line-height: 291px;
}

div.thumb div.cnt {
  width: 207px;
  height: 138px;
}

div.thumb.goto div.title {
  font-size: 69px;
  line-height: 128px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 114px;
  font-size: 114px;
}


}

@media (min-width:442px) {

.pArea {
  height: 295px;
  line-height: 295px;
}

#PictPaneI .pArea {
  height: 295px;
  line-height: 295px;
}

div.thumb div.cnt {
  width: 210px;
  height: 140px;
}

div.thumb.goto div.title {
  font-size: 70px;
  line-height: 130px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 116px;
  font-size: 116px;
}


}

@media (min-width:448px) {

.pArea {
  height: 299px;
  line-height: 299px;
}

#PictPaneI .pArea {
  height: 299px;
  line-height: 299px;
}

div.thumb div.cnt {
  width: 213px;
  height: 142px;
}

div.thumb.goto div.title {
  font-size: 71px;
  line-height: 132px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 118px;
  font-size: 118px;
}


}

@media (min-width:454px) {

.pArea {
  height: 303px;
  line-height: 303px;
}

#PictPaneI .pArea {
  height: 303px;
  line-height: 303px;
}

div.thumb div.cnt {
  width: 216px;
  height: 144px;
}

div.thumb.goto div.title {
  font-size: 72px;
  line-height: 134px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 120px;
  font-size: 120px;
}


}

@media (min-width:460px) {

.pArea {
  height: 307px;
  line-height: 307px;
}

#PictPaneI .pArea {
  height: 307px;
  line-height: 307px;
}

div.thumb div.cnt {
  width: 219px;
  height: 146px;
}

div.thumb.goto div.title {
  font-size: 73px;
  line-height: 136px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 122px;
  font-size: 122px;
}


}

@media (min-width:466px) {

.pArea {
  height: 311px;
  line-height: 311px;
}

#PictPaneI .pArea {
  height: 311px;
  line-height: 311px;
}

div.thumb div.cnt {
  width: 222px;
  height: 148px;
}

div.thumb.goto div.title {
  font-size: 74px;
  line-height: 138px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 124px;
  font-size: 124px;
}


}

@media (min-width:472px) {

.pArea {
  height: 315px;
  line-height: 315px;
}

#PictPaneI .pArea {
  height: 315px;
  line-height: 315px;
}

div.thumb div.cnt {
  width: 147px;
  height: 98px;
}

div.thumb.goto div.title {
  font-size: 49px;
  line-height: 88px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 74px;
  font-size: 74px;
}


}

@media (min-width:481px) {

.pArea {
  height: 321px;
  line-height: 321px;
}

#PictPaneI .pArea {
  height: 321px;
  line-height: 321px;
}

div.thumb div.cnt {
  width: 150px;
  height: 100px;
}

div.thumb.goto div.title {
  font-size: 50px;
  line-height: 90px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 76px;
  font-size: 76px;
}


}

@media (min-width:490px) {

.pArea {
  height: 327px;
  line-height: 327px;
}

#PictPaneI .pArea {
  height: 327px;
  line-height: 327px;
}

div.thumb div.cnt {
  width: 153px;
  height: 102px;
}

div.thumb.goto div.title {
  font-size: 51px;
  line-height: 92px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 78px;
  font-size: 78px;
}


}

@media (min-width:499px) {

.pArea {
  height: 333px;
  line-height: 333px;
}

#PictPaneI .pArea {
  height: 333px;
  line-height: 333px;
}

div.thumb div.cnt {
  width: 156px;
  height: 104px;
}

div.thumb.goto div.title {
  font-size: 52px;
  line-height: 94px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 80px;
  font-size: 80px;
}


}

@media (min-width:508px) {

.pArea {
  height: 339px;
  line-height: 339px;
}

div.thumb div.cnt {
  width: 159px;
  height: 106px;
}

div.thumb.goto div.title {
  font-size: 53px;
  line-height: 96px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 82px;
  font-size: 82px;
}


}

@media (min-width:517px) {

.pArea {
  height: 345px;
  line-height: 345px;
}

div.thumb div.cnt {
  width: 162px;
  height: 108px;
}

div.thumb.goto div.title {
  font-size: 54px;
  line-height: 98px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 84px;
  font-size: 84px;
}


}

@media (min-width:526px) {

.pArea {
  height: 351px;
  line-height: 351px;
}

div.thumb div.cnt {
  width: 165px;
  height: 110px;
}

div.thumb.goto div.title {
  font-size: 55px;
  line-height: 100px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 86px;
  font-size: 86px;
}


}

@media (min-width:535px) {

.pArea {
  height: 357px;
  line-height: 357px;
}

div.thumb div.cnt {
  width: 168px;
  height: 112px;
}

div.thumb.goto div.title {
  font-size: 56px;
  line-height: 102px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 88px;
  font-size: 88px;
}


}

@media (min-width:544px) {

.pArea {
  height: 363px;
  line-height: 363px;
}

div.thumb div.cnt {
  width: 171px;
  height: 114px;
}

div.thumb.goto div.title {
  font-size: 57px;
  line-height: 104px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 90px;
  font-size: 90px;
}


}

@media (min-width:553px) {

.pArea {
  height: 369px;
  line-height: 369px;
}

div.thumb div.cnt {
  width: 174px;
  height: 116px;
}

div.thumb.goto div.title {
  font-size: 58px;
  line-height: 106px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 92px;
  font-size: 92px;
}


}

@media (min-width:562px) {

.pArea {
  height: 375px;
  line-height: 375px;
}

div.thumb div.cnt {
  width: 177px;
  height: 118px;
}

div.thumb.goto div.title {
  font-size: 59px;
  line-height: 108px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 94px;
  font-size: 94px;
}


}

@media (min-width:571px) {

.pArea {
  height: 381px;
  line-height: 381px;
}

div.thumb div.cnt {
  width: 180px;
  height: 120px;
}

div.thumb.goto div.title {
  font-size: 60px;
  line-height: 110px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 96px;
  font-size: 96px;
}


}

@media (min-width:580px) {

.pArea {
  height: 387px;
  line-height: 387px;
}

div.thumb div.cnt {
  width: 183px;
  height: 122px;
}

div.thumb.goto div.title {
  font-size: 61px;
  line-height: 112px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 98px;
  font-size: 98px;
}


}

@media (min-width:589px) {

.pArea {
  height: 393px;
  line-height: 393px;
}

div.thumb div.cnt {
  width: 186px;
  height: 124px;
}

div.thumb.goto div.title {
  font-size: 62px;
  line-height: 114px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 100px;
  font-size: 100px;
}


}

@media (min-width:598px) {

.pArea {
  height: 399px;
  line-height: 399px;
}

div.thumb div.cnt {
  width: 189px;
  height: 126px;
}

div.thumb.goto div.title {
  font-size: 63px;
  line-height: 116px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 102px;
  font-size: 102px;
}


}

@media (min-width:607px) {

.pArea {
  height: 405px;
  line-height: 405px;
}

div.thumb div.cnt {
  width: 192px;
  height: 128px;
}

div.thumb.goto div.title {
  font-size: 64px;
  line-height: 118px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 104px;
  font-size: 104px;
}


}

@media (min-width:616px) {

.pArea {
  height: 411px;
  line-height: 411px;
}

div.thumb div.cnt {
  width: 195px;
  height: 130px;
}

div.thumb.goto div.title {
  font-size: 65px;
  line-height: 120px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 106px;
  font-size: 106px;
}


}

@media (min-width:625px) {

.pArea {
  height: 417px;
  line-height: 417px;
}

div.thumb div.cnt {
  width: 198px;
  height: 132px;
}

div.thumb.goto div.title {
  font-size: 66px;
  line-height: 122px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 108px;
  font-size: 108px;
}


}

@media (min-width:634px) {

.pArea {
  height: 423px;
  line-height: 423px;
}

div.thumb div.cnt {
  width: 201px;
  height: 134px;
}

div.thumb.goto div.title {
  font-size: 67px;
  line-height: 124px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 110px;
  font-size: 110px;
}


}

@media (min-width:643px) {

.pArea {
  height: 429px;
  line-height: 429px;
}

div.thumb div.cnt {
  width: 204px;
  height: 136px;
}

div.thumb.goto div.title {
  font-size: 68px;
  line-height: 126px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 112px;
  font-size: 112px;
}


}

@media (min-width:652px) {

.pArea {
  height: 435px;
  line-height: 435px;
}

div.thumb div.cnt {
  width: 207px;
  height: 138px;
}

div.thumb.goto div.title {
  font-size: 69px;
  line-height: 128px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 114px;
  font-size: 114px;
}


}

@media (min-width:661px) {

.pArea {
  height: 441px;
  line-height: 441px;
}

div.thumb div.cnt {
  width: 210px;
  height: 140px;
}

div.thumb.goto div.title {
  font-size: 70px;
  line-height: 130px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 116px;
  font-size: 116px;
}


}

@media (min-width:670px) {

.pArea {
  height: 447px;
  line-height: 447px;
}

div.thumb div.cnt {
  width: 213px;
  height: 142px;
}

div.thumb.goto div.title {
  font-size: 71px;
  line-height: 132px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 118px;
  font-size: 118px;
}


}

@media (min-width:679px) {

.pArea {
  height: 453px;
  line-height: 453px;
}

div.thumb div.cnt {
  width: 216px;
  height: 144px;
}

div.thumb.goto div.title {
  font-size: 72px;
  line-height: 134px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 120px;
  font-size: 120px;
}


}

@media (min-width:688px) {

.pArea {
  height: 459px;
  line-height: 459px;
}

div.thumb div.cnt {
  width: 219px;
  height: 146px;
}

div.thumb.goto div.title {
  font-size: 73px;
  line-height: 136px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 122px;
  font-size: 122px;
}


}

@media (min-width:697px) {

.pArea {
  height: 465px;
  line-height: 465px;
}

div.thumb div.cnt {
  width: 222px;
  height: 148px;
}

div.thumb.goto div.title {
  font-size: 74px;
  line-height: 138px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 124px;
  font-size: 124px;
}


}

@media (min-width:706px) {

.pArea {
  height: 471px;
  line-height: 471px;
}

div.thumb div.cnt {
  width: 225px;
  height: 150px;
}

div.thumb.goto div.title {
  font-size: 75px;
  line-height: 140px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 126px;
  font-size: 126px;
}


}

@media (min-width:715px) {

.pArea {
  height: 477px;
  line-height: 477px;
}

div.thumb div.cnt {
  width: 228px;
  height: 152px;
}

div.thumb.goto div.title {
  font-size: 76px;
  line-height: 142px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 128px;
  font-size: 128px;
}


}

@media (min-width:724px) {

.pArea {
  height: 483px;
  line-height: 483px;
}

div.thumb div.cnt {
  width: 231px;
  height: 154px;
}

div.thumb.goto div.title {
  font-size: 77px;
  line-height: 144px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 130px;
  font-size: 130px;
}


}

@media (min-width:733px) {

.pArea {
  height: 489px;
  line-height: 489px;
}

div.thumb div.cnt {
  width: 234px;
  height: 156px;
}

div.thumb.goto div.title {
  font-size: 78px;
  line-height: 146px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 132px;
  font-size: 132px;
}


}

@media (min-width:742px) {

.pArea {
  height: 495px;
  line-height: 495px;
}

div.thumb div.cnt {
  width: 237px;
  height: 158px;
}

div.thumb.goto div.title {
  font-size: 79px;
  line-height: 148px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 134px;
  font-size: 134px;
}


}

@media (min-width:751px) {

.pArea {
  height: 501px;
  line-height: 501px;
}

div.thumb div.cnt {
  width: 240px;
  height: 160px;
}

div.thumb.goto div.title {
  font-size: 80px;
  line-height: 150px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 136px;
  font-size: 136px;
}


}

@media (min-width:760px) {

.pArea {
  height: 507px;
  line-height: 507px;
}

div.thumb div.cnt {
  width: 180px;
  height: 120px;
}

div.thumb.goto div.title {
  font-size: 60px;
  line-height: 110px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 96px;
  font-size: 96px;
}


}

@media (min-width:772px) {

.pArea {
  height: 515px;
  line-height: 515px;
}

div.thumb div.cnt {
  width: 183px;
  height: 122px;
}

div.thumb.goto div.title {
  font-size: 61px;
  line-height: 112px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 98px;
  font-size: 98px;
}


}

@media (min-width:784px) {

.pArea {
  height: 523px;
  line-height: 523px;
}

div.thumb div.cnt {
  width: 186px;
  height: 124px;
}

div.thumb.goto div.title {
  font-size: 62px;
  line-height: 114px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 100px;
  font-size: 100px;
}


}

@media (min-width:796px) {

.pArea {
  height: 531px;
  line-height: 531px;
}

div.thumb div.cnt {
  width: 189px;
  height: 126px;
}

div.thumb.goto div.title {
  font-size: 63px;
  line-height: 116px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 102px;
  font-size: 102px;
}


}

@media (min-width:808px) {

.pArea {
  height: 539px;
  line-height: 539px;
}

div.thumb div.cnt {
  width: 192px;
  height: 128px;
}

div.thumb.goto div.title {
  font-size: 64px;
  line-height: 118px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 104px;
  font-size: 104px;
}


}

@media (min-width:820px) {

.pArea {
  height: 547px;
  line-height: 547px;
}

div.thumb div.cnt {
  width: 195px;
  height: 130px;
}

div.thumb.goto div.title {
  font-size: 65px;
  line-height: 120px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 106px;
  font-size: 106px;
}


}

@media (min-width:832px) {

.pArea {
  height: 555px;
  line-height: 555px;
}

div.thumb div.cnt {
  width: 198px;
  height: 132px;
}

div.thumb.goto div.title {
  font-size: 66px;
  line-height: 122px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 108px;
  font-size: 108px;
}


}

@media (min-width:844px) {

.pArea {
  height: 563px;
  line-height: 563px;
}

div.thumb div.cnt {
  width: 201px;
  height: 134px;
}

div.thumb.goto div.title {
  font-size: 67px;
  line-height: 124px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 110px;
  font-size: 110px;
}


}

@media (min-width:856px) {

.pArea {
  height: 571px;
  line-height: 571px;
}

div.thumb div.cnt {
  width: 204px;
  height: 136px;
}

div.thumb.goto div.title {
  font-size: 68px;
  line-height: 126px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 112px;
  font-size: 112px;
}


}

@media (min-width:868px) {

.pArea {
  height: 579px;
  line-height: 579px;
}

div.thumb div.cnt {
  width: 207px;
  height: 138px;
}

div.thumb.goto div.title {
  font-size: 69px;
  line-height: 128px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 114px;
  font-size: 114px;
}


}

@media (min-width:880px) {

.pArea {
  height: 587px;
  line-height: 587px;
}

div.thumb div.cnt {
  width: 210px;
  height: 140px;
}

div.thumb.goto div.title {
  font-size: 70px;
  line-height: 130px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 116px;
  font-size: 116px;
}


}

@media (min-width:892px) {

.pArea {
  height: 595px;
  line-height: 595px;
}

div.thumb div.cnt {
  width: 213px;
  height: 142px;
}

div.thumb.goto div.title {
  font-size: 71px;
  line-height: 132px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 118px;
  font-size: 118px;
}


}

@media (min-width:904px) {

.pArea {
  height: 603px;
  line-height: 603px;
}

div.thumb div.cnt {
  width: 216px;
  height: 144px;
}

div.thumb.goto div.title {
  font-size: 72px;
  line-height: 134px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 120px;
  font-size: 120px;
}


}

@media (min-width:916px) {

.pArea {
  height: 611px;
  line-height: 611px;
}

div.thumb div.cnt {
  width: 219px;
  height: 146px;
}

div.thumb.goto div.title {
  font-size: 73px;
  line-height: 136px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 122px;
  font-size: 122px;
}


}

@media (min-width:928px) {

.pArea {
  height: 619px;
  line-height: 619px;
}

div.thumb div.cnt {
  width: 222px;
  height: 148px;
}

div.thumb.goto div.title {
  font-size: 74px;
  line-height: 138px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 124px;
  font-size: 124px;
}


}

@media (min-width:940px) {

.pArea {
  height: 627px;
  line-height: 627px;
}

div.thumb div.cnt {
  width: 225px;
  height: 150px;
}

div.thumb.goto div.title {
  font-size: 75px;
  line-height: 140px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 126px;
  font-size: 126px;
}


}

@media (min-width:952px) {

.pArea {
  height: 635px;
  line-height: 635px;
}

div.thumb div.cnt {
  width: 228px;
  height: 152px;
}

div.thumb.goto div.title {
  font-size: 76px;
  line-height: 142px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 128px;
  font-size: 128px;
}


}

@media (min-width:964px) {

.pArea {
  height: 643px;
  line-height: 643px;
}

div.thumb div.cnt {
  width: 231px;
  height: 154px;
}

div.thumb.goto div.title {
  font-size: 77px;
  line-height: 144px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 130px;
  font-size: 130px;
}


}

@media (min-width:976px) {

.pArea {
  height: 651px;
  line-height: 651px;
}

div.thumb div.cnt {
  width: 234px;
  height: 156px;
}

div.thumb.goto div.title {
  font-size: 78px;
  line-height: 146px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 132px;
  font-size: 132px;
}


}

@media (min-width:988px) {

.pArea {
  height: 659px;
  line-height: 659px;
}

div.thumb div.cnt {
  width: 237px;
  height: 158px;
}

div.thumb.goto div.title {
  font-size: 79px;
  line-height: 148px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 134px;
  font-size: 134px;
}


}

@media (min-width:1000px) {

.pArea {
  height: 667px;
  line-height: 667px;
}

div.thumb div.cnt {
  width: 240px;
  height: 160px;
}

div.thumb.goto div.title {
  font-size: 80px;
  line-height: 150px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 136px;
  font-size: 136px;
}


}

@media (min-device-width:1024px) and (min-width:277px) {

.pArea {
  height: 185px;
  line-height: 185px;
}

#PictPaneI .pArea {
  height: 185px;
  line-height: 185px;
}

div.thumb div.cnt {
  width: 240px;
  height: 160px;
}

div.thumb.goto div.title {
  font-size: 80px;
  line-height: 150px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 136px;
  font-size: 136px;
}


}

@media (min-device-width:1024px) and (min-width:340px) {

.pArea {
  height: 227px;
  line-height: 227px;
}

#PictPaneI .pArea {
  height: 227px;
  line-height: 227px;
}

div.thumb div.cnt {
  width: 147px;
  height: 98px;
}

div.thumb.goto div.title {
  font-size: 49px;
  line-height: 88px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 74px;
  font-size: 74px;
}


}

@media (min-device-width:1024px) and (min-width:346px) {

.pArea {
  height: 231px;
  line-height: 231px;
}

#PictPaneI .pArea {
  height: 231px;
  line-height: 231px;
}

div.thumb div.cnt {
  width: 150px;
  height: 100px;
}

div.thumb.goto div.title {
  font-size: 50px;
  line-height: 90px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 76px;
  font-size: 76px;
}


}

@media (min-device-width:1024px) and (min-width:352px) {

.pArea {
  height: 235px;
  line-height: 235px;
}

#PictPaneI .pArea {
  height: 235px;
  line-height: 235px;
}

div.thumb div.cnt {
  width: 153px;
  height: 102px;
}

div.thumb.goto div.title {
  font-size: 51px;
  line-height: 92px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 78px;
  font-size: 78px;
}


}

@media (min-device-width:1024px) and (min-width:358px) {

.pArea {
  height: 239px;
  line-height: 239px;
}

#PictPaneI .pArea {
  height: 239px;
  line-height: 239px;
}

div.thumb div.cnt {
  width: 156px;
  height: 104px;
}

div.thumb.goto div.title {
  font-size: 52px;
  line-height: 94px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 80px;
  font-size: 80px;
}


}

@media (min-device-width:1024px) and (min-width:364px) {

.pArea {
  height: 243px;
  line-height: 243px;
}

#PictPaneI .pArea {
  height: 243px;
  line-height: 243px;
}

div.thumb div.cnt {
  width: 159px;
  height: 106px;
}

div.thumb.goto div.title {
  font-size: 53px;
  line-height: 96px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 82px;
  font-size: 82px;
}


}

@media (min-device-width:1024px) and (min-width:370px) {

.pArea {
  height: 247px;
  line-height: 247px;
}

#PictPaneI .pArea {
  height: 247px;
  line-height: 247px;
}

div.thumb div.cnt {
  width: 162px;
  height: 108px;
}

div.thumb.goto div.title {
  font-size: 54px;
  line-height: 98px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 84px;
  font-size: 84px;
}


}

@media (min-device-width:1024px) and (min-width:376px) {

.pArea {
  height: 251px;
  line-height: 251px;
}

#PictPaneI .pArea {
  height: 251px;
  line-height: 251px;
}

div.thumb div.cnt {
  width: 165px;
  height: 110px;
}

div.thumb.goto div.title {
  font-size: 55px;
  line-height: 100px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 86px;
  font-size: 86px;
}


}

@media (min-device-width:1024px) and (min-width:382px) {

.pArea {
  height: 255px;
  line-height: 255px;
}

#PictPaneI .pArea {
  height: 255px;
  line-height: 255px;
}

div.thumb div.cnt {
  width: 168px;
  height: 112px;
}

div.thumb.goto div.title {
  font-size: 56px;
  line-height: 102px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 88px;
  font-size: 88px;
}


}

@media (min-device-width:1024px) and (min-width:388px) {

.pArea {
  height: 259px;
  line-height: 259px;
}

#PictPaneI .pArea {
  height: 259px;
  line-height: 259px;
}

div.thumb div.cnt {
  width: 171px;
  height: 114px;
}

div.thumb.goto div.title {
  font-size: 57px;
  line-height: 104px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 90px;
  font-size: 90px;
}


}

@media (min-device-width:1024px) and (min-width:394px) {

.pArea {
  height: 263px;
  line-height: 263px;
}

#PictPaneI .pArea {
  height: 263px;
  line-height: 263px;
}

div.thumb div.cnt {
  width: 174px;
  height: 116px;
}

div.thumb.goto div.title {
  font-size: 58px;
  line-height: 106px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 92px;
  font-size: 92px;
}


}

@media (min-device-width:1024px) and (min-width:400px) {

.pArea {
  height: 267px;
  line-height: 267px;
}

#PictPaneI .pArea {
  height: 267px;
  line-height: 267px;
}

div.thumb div.cnt {
  width: 177px;
  height: 118px;
}

div.thumb.goto div.title {
  font-size: 59px;
  line-height: 108px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 94px;
  font-size: 94px;
}


}

@media (min-device-width:1024px) and (min-width:406px) {

.pArea {
  height: 271px;
  line-height: 271px;
}

#PictPaneI .pArea {
  height: 271px;
  line-height: 271px;
}

div.thumb div.cnt {
  width: 180px;
  height: 120px;
}

div.thumb.goto div.title {
  font-size: 60px;
  line-height: 110px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 96px;
  font-size: 96px;
}


}

@media (min-device-width:1024px) and (min-width:412px) {

.pArea {
  height: 275px;
  line-height: 275px;
}

#PictPaneI .pArea {
  height: 275px;
  line-height: 275px;
}

div.thumb div.cnt {
  width: 183px;
  height: 122px;
}

div.thumb.goto div.title {
  font-size: 61px;
  line-height: 112px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 98px;
  font-size: 98px;
}


}

@media (min-device-width:1024px) and (min-width:418px) {

.pArea {
  height: 279px;
  line-height: 279px;
}

#PictPaneI .pArea {
  height: 279px;
  line-height: 279px;
}

div.thumb div.cnt {
  width: 186px;
  height: 124px;
}

div.thumb.goto div.title {
  font-size: 62px;
  line-height: 114px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 100px;
  font-size: 100px;
}


}

@media (min-device-width:1024px) and (min-width:424px) {

.pArea {
  height: 283px;
  line-height: 283px;
}

#PictPaneI .pArea {
  height: 283px;
  line-height: 283px;
}

div.thumb div.cnt {
  width: 189px;
  height: 126px;
}

div.thumb.goto div.title {
  font-size: 63px;
  line-height: 116px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 102px;
  font-size: 102px;
}


}

@media (min-device-width:1024px) and (min-width:430px) {

.pArea {
  height: 287px;
  line-height: 287px;
}

#PictPaneI .pArea {
  height: 287px;
  line-height: 287px;
}

div.thumb div.cnt {
  width: 192px;
  height: 128px;
}

div.thumb.goto div.title {
  font-size: 64px;
  line-height: 118px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 104px;
  font-size: 104px;
}


}

@media (min-device-width:1024px) and (min-width:436px) {

.pArea {
  height: 291px;
  line-height: 291px;
}

#PictPaneI .pArea {
  height: 291px;
  line-height: 291px;
}

div.thumb div.cnt {
  width: 195px;
  height: 130px;
}

div.thumb.goto div.title {
  font-size: 65px;
  line-height: 120px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 106px;
  font-size: 106px;
}


}

@media (min-device-width:1024px) and (min-width:442px) {

.pArea {
  height: 295px;
  line-height: 295px;
}

#PictPaneI .pArea {
  height: 295px;
  line-height: 295px;
}

div.thumb div.cnt {
  width: 198px;
  height: 132px;
}

div.thumb.goto div.title {
  font-size: 66px;
  line-height: 122px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 108px;
  font-size: 108px;
}


}

@media (min-device-width:1024px) and (min-width:448px) {

.pArea {
  height: 299px;
  line-height: 299px;
}

#PictPaneI .pArea {
  height: 299px;
  line-height: 299px;
}

div.thumb div.cnt {
  width: 201px;
  height: 134px;
}

div.thumb.goto div.title {
  font-size: 67px;
  line-height: 124px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 110px;
  font-size: 110px;
}


}

@media (min-device-width:1024px) and (min-width:454px) {

.pArea {
  height: 303px;
  line-height: 303px;
}

#PictPaneI .pArea {
  height: 303px;
  line-height: 303px;
}

div.thumb div.cnt {
  width: 204px;
  height: 136px;
}

div.thumb.goto div.title {
  font-size: 68px;
  line-height: 126px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 112px;
  font-size: 112px;
}


}

@media (min-device-width:1024px) and (min-width:460px) {

.pArea {
  height: 307px;
  line-height: 307px;
}

#PictPaneI .pArea {
  height: 307px;
  line-height: 307px;
}

div.thumb div.cnt {
  width: 207px;
  height: 138px;
}

div.thumb.goto div.title {
  font-size: 69px;
  line-height: 128px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 114px;
  font-size: 114px;
}


}

@media (min-device-width:1024px) and (min-width:466px) {

.pArea {
  height: 311px;
  line-height: 311px;
}

#PictPaneI .pArea {
  height: 311px;
  line-height: 311px;
}

div.thumb div.cnt {
  width: 210px;
  height: 140px;
}

div.thumb.goto div.title {
  font-size: 70px;
  line-height: 130px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 116px;
  font-size: 116px;
}


}

@media (min-device-width:1024px) and (min-width:472px) {

.pArea {
  height: 315px;
  line-height: 315px;
}

#PictPaneI .pArea {
  height: 315px;
  line-height: 315px;
}

div.thumb div.cnt {
  width: 213px;
  height: 142px;
}

div.thumb.goto div.title {
  font-size: 71px;
  line-height: 132px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 118px;
  font-size: 118px;
}


}

@media (min-device-width:1024px) and (min-width:478px) {

.pArea {
  height: 319px;
  line-height: 319px;
}

#PictPaneI .pArea {
  height: 319px;
  line-height: 319px;
}

div.thumb div.cnt {
  width: 216px;
  height: 144px;
}

div.thumb.goto div.title {
  font-size: 72px;
  line-height: 134px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 120px;
  font-size: 120px;
}


}

@media (min-device-width:1024px) and (min-width:484px) {

.pArea {
  height: 323px;
  line-height: 323px;
}

#PictPaneI .pArea {
  height: 323px;
  line-height: 323px;
}

div.thumb div.cnt {
  width: 219px;
  height: 146px;
}

div.thumb.goto div.title {
  font-size: 73px;
  line-height: 136px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 122px;
  font-size: 122px;
}


}

@media (min-device-width:1024px) and (min-width:490px) {

.pArea {
  height: 327px;
  line-height: 327px;
}

#PictPaneI .pArea {
  height: 327px;
  line-height: 327px;
}

div.thumb div.cnt {
  width: 222px;
  height: 148px;
}

div.thumb.goto div.title {
  font-size: 74px;
  line-height: 138px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 124px;
  font-size: 124px;
}


}

@media (min-device-width:1024px) and (min-width:496px) {

.pArea {
  height: 331px;
  line-height: 331px;
}

#PictPaneI .pArea {
  height: 331px;
  line-height: 331px;
}

div.thumb div.cnt {
  width: 147px;
  height: 98px;
}

div.thumb.goto div.title {
  font-size: 49px;
  line-height: 88px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 74px;
  font-size: 74px;
}


}

@media (min-device-width:1024px) and (min-width:505px) {

.pArea {
  height: 337px;
  line-height: 337px;
}

div.thumb div.cnt {
  width: 150px;
  height: 100px;
}

div.thumb.goto div.title {
  font-size: 50px;
  line-height: 90px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 76px;
  font-size: 76px;
}


}

@media (min-device-width:1024px) and (min-width:514px) {

.pArea {
  height: 343px;
  line-height: 343px;
}

div.thumb div.cnt {
  width: 153px;
  height: 102px;
}

div.thumb.goto div.title {
  font-size: 51px;
  line-height: 92px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 78px;
  font-size: 78px;
}


}

@media (min-device-width:1024px) and (min-width:523px) {

.pArea {
  height: 349px;
  line-height: 349px;
}

div.thumb div.cnt {
  width: 156px;
  height: 104px;
}

div.thumb.goto div.title {
  font-size: 52px;
  line-height: 94px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 80px;
  font-size: 80px;
}


}

@media (min-device-width:1024px) and (min-width:532px) {

.pArea {
  height: 355px;
  line-height: 355px;
}

div.thumb div.cnt {
  width: 159px;
  height: 106px;
}

div.thumb.goto div.title {
  font-size: 53px;
  line-height: 96px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 82px;
  font-size: 82px;
}


}

@media (min-device-width:1024px) and (min-width:541px) {

.pArea {
  height: 361px;
  line-height: 361px;
}

div.thumb div.cnt {
  width: 162px;
  height: 108px;
}

div.thumb.goto div.title {
  font-size: 54px;
  line-height: 98px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 84px;
  font-size: 84px;
}


}

@media (min-device-width:1024px) and (min-width:550px) {

.pArea {
  height: 367px;
  line-height: 367px;
}

div.thumb div.cnt {
  width: 165px;
  height: 110px;
}

div.thumb.goto div.title {
  font-size: 55px;
  line-height: 100px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 86px;
  font-size: 86px;
}


}

@media (min-device-width:1024px) and (min-width:559px) {

.pArea {
  height: 373px;
  line-height: 373px;
}

div.thumb div.cnt {
  width: 168px;
  height: 112px;
}

div.thumb.goto div.title {
  font-size: 56px;
  line-height: 102px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 88px;
  font-size: 88px;
}


}

@media (min-device-width:1024px) and (min-width:568px) {

.pArea {
  height: 379px;
  line-height: 379px;
}

div.thumb div.cnt {
  width: 171px;
  height: 114px;
}

div.thumb.goto div.title {
  font-size: 57px;
  line-height: 104px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 90px;
  font-size: 90px;
}


}

@media (min-device-width:1024px) and (min-width:577px) {

.pArea {
  height: 385px;
  line-height: 385px;
}

div.thumb div.cnt {
  width: 174px;
  height: 116px;
}

div.thumb.goto div.title {
  font-size: 58px;
  line-height: 106px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 92px;
  font-size: 92px;
}


}

@media (min-device-width:1024px) and (min-width:586px) {

.pArea {
  height: 391px;
  line-height: 391px;
}

div.thumb div.cnt {
  width: 177px;
  height: 118px;
}

div.thumb.goto div.title {
  font-size: 59px;
  line-height: 108px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 94px;
  font-size: 94px;
}


}

@media (min-device-width:1024px) and (min-width:595px) {

.pArea {
  height: 397px;
  line-height: 397px;
}

div.thumb div.cnt {
  width: 180px;
  height: 120px;
}

div.thumb.goto div.title {
  font-size: 60px;
  line-height: 110px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 96px;
  font-size: 96px;
}


}

@media (min-device-width:1024px) and (min-width:604px) {

.pArea {
  height: 403px;
  line-height: 403px;
}

div.thumb div.cnt {
  width: 183px;
  height: 122px;
}

div.thumb.goto div.title {
  font-size: 61px;
  line-height: 112px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 98px;
  font-size: 98px;
}


}

@media (min-device-width:1024px) and (min-width:613px) {

.pArea {
  height: 409px;
  line-height: 409px;
}

div.thumb div.cnt {
  width: 186px;
  height: 124px;
}

div.thumb.goto div.title {
  font-size: 62px;
  line-height: 114px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 100px;
  font-size: 100px;
}


}

@media (min-device-width:1024px) and (min-width:622px) {

.pArea {
  height: 415px;
  line-height: 415px;
}

div.thumb div.cnt {
  width: 189px;
  height: 126px;
}

div.thumb.goto div.title {
  font-size: 63px;
  line-height: 116px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 102px;
  font-size: 102px;
}


}

@media (min-device-width:1024px) and (min-width:631px) {

.pArea {
  height: 421px;
  line-height: 421px;
}

div.thumb div.cnt {
  width: 192px;
  height: 128px;
}

div.thumb.goto div.title {
  font-size: 64px;
  line-height: 118px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 104px;
  font-size: 104px;
}


}

@media (min-device-width:1024px) and (min-width:640px) {

.pArea {
  height: 427px;
  line-height: 427px;
}

div.thumb div.cnt {
  width: 195px;
  height: 130px;
}

div.thumb.goto div.title {
  font-size: 65px;
  line-height: 120px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 106px;
  font-size: 106px;
}


}

@media (min-device-width:1024px) and (min-width:649px) {

.pArea {
  height: 433px;
  line-height: 433px;
}

div.thumb div.cnt {
  width: 198px;
  height: 132px;
}

div.thumb.goto div.title {
  font-size: 66px;
  line-height: 122px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 108px;
  font-size: 108px;
}


}

@media (min-device-width:1024px) and (min-width:658px) {

.pArea {
  height: 439px;
  line-height: 439px;
}

div.thumb div.cnt {
  width: 201px;
  height: 134px;
}

div.thumb.goto div.title {
  font-size: 67px;
  line-height: 124px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 110px;
  font-size: 110px;
}


}

@media (min-device-width:1024px) and (min-width:667px) {

.pArea {
  height: 445px;
  line-height: 445px;
}

div.thumb div.cnt {
  width: 204px;
  height: 136px;
}

div.thumb.goto div.title {
  font-size: 68px;
  line-height: 126px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 112px;
  font-size: 112px;
}


}

@media (min-device-width:1024px) and (min-width:676px) {

.pArea {
  height: 451px;
  line-height: 451px;
}

div.thumb div.cnt {
  width: 207px;
  height: 138px;
}

div.thumb.goto div.title {
  font-size: 69px;
  line-height: 128px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 114px;
  font-size: 114px;
}


}

@media (min-device-width:1024px) and (min-width:685px) {

.pArea {
  height: 457px;
  line-height: 457px;
}

div.thumb div.cnt {
  width: 210px;
  height: 140px;
}

div.thumb.goto div.title {
  font-size: 70px;
  line-height: 130px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 116px;
  font-size: 116px;
}


}

@media (min-device-width:1024px) and (min-width:694px) {

.pArea {
  height: 463px;
  line-height: 463px;
}

div.thumb div.cnt {
  width: 213px;
  height: 142px;
}

div.thumb.goto div.title {
  font-size: 71px;
  line-height: 132px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 118px;
  font-size: 118px;
}


}

@media (min-device-width:1024px) and (min-width:703px) {

.pArea {
  height: 469px;
  line-height: 469px;
}

div.thumb div.cnt {
  width: 216px;
  height: 144px;
}

div.thumb.goto div.title {
  font-size: 72px;
  line-height: 134px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 120px;
  font-size: 120px;
}


}

@media (min-device-width:1024px) and (min-width:712px) {

.pArea {
  height: 475px;
  line-height: 475px;
}

div.thumb div.cnt {
  width: 219px;
  height: 146px;
}

div.thumb.goto div.title {
  font-size: 73px;
  line-height: 136px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 122px;
  font-size: 122px;
}


}

@media (min-device-width:1024px) and (min-width:721px) {

.pArea {
  height: 481px;
  line-height: 481px;
}

div.thumb div.cnt {
  width: 222px;
  height: 148px;
}

div.thumb.goto div.title {
  font-size: 74px;
  line-height: 138px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 124px;
  font-size: 124px;
}


}

@media (min-device-width:1024px) and (min-width:730px) {

.pArea {
  height: 487px;
  line-height: 487px;
}

div.thumb div.cnt {
  width: 225px;
  height: 150px;
}

div.thumb.goto div.title {
  font-size: 75px;
  line-height: 140px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 126px;
  font-size: 126px;
}


}

@media (min-device-width:1024px) and (min-width:739px) {

.pArea {
  height: 493px;
  line-height: 493px;
}

div.thumb div.cnt {
  width: 228px;
  height: 152px;
}

div.thumb.goto div.title {
  font-size: 76px;
  line-height: 142px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 128px;
  font-size: 128px;
}


}

@media (min-device-width:1024px) and (min-width:748px) {

.pArea {
  height: 499px;
  line-height: 499px;
}

div.thumb div.cnt {
  width: 231px;
  height: 154px;
}

div.thumb.goto div.title {
  font-size: 77px;
  line-height: 144px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 130px;
  font-size: 130px;
}


}

@media (min-device-width:1024px) and (min-width:757px) {

.pArea {
  height: 505px;
  line-height: 505px;
}

div.thumb div.cnt {
  width: 234px;
  height: 156px;
}

div.thumb.goto div.title {
  font-size: 78px;
  line-height: 146px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 132px;
  font-size: 132px;
}


}

@media (min-device-width:1024px) and (min-width:766px) {

.pArea {
  height: 511px;
  line-height: 511px;
}

div.thumb div.cnt {
  width: 237px;
  height: 158px;
}

div.thumb.goto div.title {
  font-size: 79px;
  line-height: 148px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 134px;
  font-size: 134px;
}


}

@media (min-device-width:1024px) and (min-width:775px) {

.pArea {
  height: 517px;
  line-height: 517px;
}

div.thumb div.cnt {
  width: 240px;
  height: 160px;
}

div.thumb.goto div.title {
  font-size: 80px;
  line-height: 150px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 136px;
  font-size: 136px;
}


}

@media (min-device-width:1024px) and (min-width:784px) {

.pArea {
  height: 523px;
  line-height: 523px;
}

div.thumb div.cnt {
  width: 180px;
  height: 120px;
}

div.thumb.goto div.title {
  font-size: 60px;
  line-height: 110px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 96px;
  font-size: 96px;
}


}

@media (min-device-width:1024px) and (min-width:796px) {

.pArea {
  height: 531px;
  line-height: 531px;
}

div.thumb div.cnt {
  width: 183px;
  height: 122px;
}

div.thumb.goto div.title {
  font-size: 61px;
  line-height: 112px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 98px;
  font-size: 98px;
}


}

@media (min-device-width:1024px) and (min-width:808px) {

.pArea {
  height: 539px;
  line-height: 539px;
}

div.thumb div.cnt {
  width: 186px;
  height: 124px;
}

div.thumb.goto div.title {
  font-size: 62px;
  line-height: 114px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 100px;
  font-size: 100px;
}


}

@media (min-device-width:1024px) and (min-width:820px) {

.pArea {
  height: 547px;
  line-height: 547px;
}

div.thumb div.cnt {
  width: 189px;
  height: 126px;
}

div.thumb.goto div.title {
  font-size: 63px;
  line-height: 116px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 102px;
  font-size: 102px;
}


}

@media (min-device-width:1024px) and (min-width:832px) {

.pArea {
  height: 555px;
  line-height: 555px;
}

div.thumb div.cnt {
  width: 192px;
  height: 128px;
}

div.thumb.goto div.title {
  font-size: 64px;
  line-height: 118px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 104px;
  font-size: 104px;
}


}

@media (min-device-width:1024px) and (min-width:844px) {

.pArea {
  height: 563px;
  line-height: 563px;
}

div.thumb div.cnt {
  width: 195px;
  height: 130px;
}

div.thumb.goto div.title {
  font-size: 65px;
  line-height: 120px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 106px;
  font-size: 106px;
}


}

@media (min-device-width:1024px) and (min-width:856px) {

.pArea {
  height: 571px;
  line-height: 571px;
}

div.thumb div.cnt {
  width: 198px;
  height: 132px;
}

div.thumb.goto div.title {
  font-size: 66px;
  line-height: 122px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 108px;
  font-size: 108px;
}


}

@media (min-device-width:1024px) and (min-width:868px) {

.pArea {
  height: 579px;
  line-height: 579px;
}

div.thumb div.cnt {
  width: 201px;
  height: 134px;
}

div.thumb.goto div.title {
  font-size: 67px;
  line-height: 124px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 110px;
  font-size: 110px;
}


}

@media (min-device-width:1024px) and (min-width:880px) {

.pArea {
  height: 587px;
  line-height: 587px;
}

div.thumb div.cnt {
  width: 204px;
  height: 136px;
}

div.thumb.goto div.title {
  font-size: 68px;
  line-height: 126px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 112px;
  font-size: 112px;
}


}

@media (min-device-width:1024px) and (min-width:892px) {

.pArea {
  height: 595px;
  line-height: 595px;
}

div.thumb div.cnt {
  width: 207px;
  height: 138px;
}

div.thumb.goto div.title {
  font-size: 69px;
  line-height: 128px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 114px;
  font-size: 114px;
}


}

@media (min-device-width:1024px) and (min-width:904px) {

.pArea {
  height: 603px;
  line-height: 603px;
}

div.thumb div.cnt {
  width: 210px;
  height: 140px;
}

div.thumb.goto div.title {
  font-size: 70px;
  line-height: 130px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 116px;
  font-size: 116px;
}


}

@media (min-device-width:1024px) and (min-width:916px) {

.pArea {
  height: 611px;
  line-height: 611px;
}

div.thumb div.cnt {
  width: 213px;
  height: 142px;
}

div.thumb.goto div.title {
  font-size: 71px;
  line-height: 132px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 118px;
  font-size: 118px;
}


}

@media (min-device-width:1024px) and (min-width:928px) {

.pArea {
  height: 619px;
  line-height: 619px;
}

div.thumb div.cnt {
  width: 216px;
  height: 144px;
}

div.thumb.goto div.title {
  font-size: 72px;
  line-height: 134px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 120px;
  font-size: 120px;
}


}

@media (min-device-width:1024px) and (min-width:940px) {

.pArea {
  height: 627px;
  line-height: 627px;
}

div.thumb div.cnt {
  width: 219px;
  height: 146px;
}

div.thumb.goto div.title {
  font-size: 73px;
  line-height: 136px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 122px;
  font-size: 122px;
}


}

@media (min-device-width:1024px) and (min-width:952px) {

.pArea {
  height: 635px;
  line-height: 635px;
}

div.thumb div.cnt {
  width: 222px;
  height: 148px;
}

div.thumb.goto div.title {
  font-size: 74px;
  line-height: 138px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 124px;
  font-size: 124px;
}


}

@media (min-device-width:1024px) and (min-width:964px) {

.pArea {
  height: 643px;
  line-height: 643px;
}

div.thumb div.cnt {
  width: 225px;
  height: 150px;
}

div.thumb.goto div.title {
  font-size: 75px;
  line-height: 140px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 126px;
  font-size: 126px;
}


}

@media (min-device-width:1024px) and (min-width:976px) {

.pArea {
  height: 651px;
  line-height: 651px;
}

div.thumb div.cnt {
  width: 228px;
  height: 152px;
}

div.thumb.goto div.title {
  font-size: 76px;
  line-height: 142px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 128px;
  font-size: 128px;
}


}

@media (min-device-width:1024px) and (min-width:988px) {

.pArea {
  height: 659px;
  line-height: 659px;
}

div.thumb div.cnt {
  width: 231px;
  height: 154px;
}

div.thumb.goto div.title {
  font-size: 77px;
  line-height: 144px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 130px;
  font-size: 130px;
}


}

@media (min-device-width:1024px) and (min-width:1000px) {

.pArea {
  height: 667px;
  line-height: 667px;
}

div.thumb div.cnt {
  width: 234px;
  height: 156px;
}

div.thumb.goto div.title {
  font-size: 78px;
  line-height: 146px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 132px;
  font-size: 132px;
}


}

@media (min-device-width:1024px) and (min-width:1012px) {

.pArea {
  height: 675px;
  line-height: 675px;
}

div.thumb div.cnt {
  width: 237px;
  height: 158px;
}

div.thumb.goto div.title {
  font-size: 79px;
  line-height: 148px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 134px;
  font-size: 134px;
}


}

@media (min-device-width:1024px) and (min-width:1024px) {

.pArea {
  height: 683px;
  line-height: 683px;
}

div.thumb div.cnt {
  width: 240px;
  height: 160px;
}

div.thumb.goto div.title {
  font-size: 80px;
  line-height: 150px;
}

div.thumb.docThumb div.viewp span.symbol.sFiles {
  line-height: 136px;
  font-size: 136px;
}


}

@media (min-height:700px) {

#SlideReel {
  margin-top: 16px;
}


}

@media (min-height:768px) {

#SlideReel {
  margin-top: 50px;
}


}

@media (min-height:800px) {

#SlideReel {
  margin-top: 66px;
}


}

@media (min-height:900px) {

#SlideReel {
  margin-top: 116px;
}


}

@media (min-height:1000px) {

#SlideReel {
  margin-top: 166px;
}


}

@media (min-height:1200px) {

#SlideReel {
  margin-top: 266px;
}


}

@media (min-height:1440px) {

#SlideReel {
  margin-top: 386px;
}


}

@media (min-width:500px) {

#PictPaneI .pArea {
  height: 414px;
}


}

@media (max-width:339px) {

#PictPaneI .pArea,.pArea {
  height: 227px;
}

.imgSub span.customName {
  max-width: 40%;
}


}



@media all {

body.Public #Nav {
  display: none;
}

#Path .pathRoot {
  display: none;
}

#Path .accountName {
  color: #000;
  font-weight: 700;
  font-size: 16px;
}

#TopMenu ul.hList > li > form.findFrm:only-child input.findInp {
  display: none;
}


}




@media (min-width:1100px) {

#TopMenu ul.hList > li > form.findFrm:only-child input.findInp {
  display: inline-block;
}


}



/** fraunhofer33.css ************************************/