/* ALL PRESET */

* {
 color: rgb(95,105,115);
 font-family: Arial;
 font-size: 13pt;
 font-weight: normal;
 /*border: 1px solid rgb(210,210,210);*/
}
.disableselect {
 -webkit-touch-callout: none; /* iOS Safari */
 -webkit-user-select: none;   /* Chrome/Safari/Opera */
 -moz-user-select: none;      /* Firefox */
 -ms-user-select: none;       /* Internet Explorer/Edge */
 user-select: none;           /* Non-prefixed version, currently supported by any browser but < IE9 */
}

/* CURRENT DOCUMENT POSITION & HEADER & FOOTER */
.ui-mobile-viewport {
 overflow: hidden !important;
}
.ui-overlay-a {
 background-color: #FFFFFF !important;
}
.ui-page,
.ui-page .ui-header,
.ui-page .ui-footer {
 margin: 0 auto !important;
 min-width: 300px !important;
 max-width: 640px !important;
 border: none !important;
 background: #FFFFFF !important;
}
.cidpid {
 display: inline-block !important;
 display: none !important;
 font-size: 10px;
}
#header {
 margin: 20px 6px 0 6px !important;
 padding-left: 10px;
 height: 44px !important;
 border-bottom: 1px solid rgb(210,210,210) !important;
}
#footer {
 margin: 0 6px 0 6px !important;
 padding: 4px 0 0 10px;
 height: 44px !important;
 border-top: 1px solid rgb(210,210,210);
}
.navleft {
 float: left;
}
.navcenter, .navright {
 float: right;
}
.navcenter .ui-input-text,
.navcenter .ui-input-text input {
 margin: 4px 0 0 0 !important;
 width: 160px !important;
 min-height: 26px !important;
}
.navsearch {
 height: 20px !important;
 font-size: 12pt !important;
}
.marginleft {
 margin-left: 12px;
}

/* PANEL */
#panel {
 position: fixed;
 top: 76px;
 left: 10px;
 right: 10px;
 margin: 0 auto;
 padding: 0 20px;
 bottom: 60px;
 overflow: scroll;
 -webkit-overflow-scrolling: touch;
 max-width: 600px;
}

/* STANDARDS */
h1 {
 margin:0 0 10px 0;
 font-size: 24pt;
 color: #0B0B61;
}
h2 {
 margin:0 0 10px 0;
 font-size: 16pt;
 font-weight: bold;
}
h3 {
 margin: 6px 0;
 font-size: 13pt;
 font-weight: bold;
}
h4 {
 margin: 6px 0;
 font-size: 11pt;
 font-weight: bold;
}
p {
 margin: 0 0 2px 0;
 padding: 0;
}
ul {
 list-style-type:decimal;
 padding-left: 20px;
}
ul.bar {
 list-style-type:square;
}
li {
 margin: 6px 0;
}
span {
 font: inherit;
 font-size: inherit;
}

/* COMMON CLASSES */
.rot { color:#e1000f; }
.grau { color:#5f6973; }
.grau1 { color:#313a3d; }
.grau2 { color:#d8dee4; }
.akzent { color:#0078c8; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.def {
 font: inherit;
 font-size: inherit;
 font-weight: inherit;
 color:#e1000f;
 text-decoration: underline;
 cursor: pointer;
}
.head {
 margin:0 0 10px 0;
 font-size: 12pt;
 font-weight: bold;
}

.qaq, .qaa {
 float: left;
 width: 20%;
 max-width: 32px;
 color: rgb(225,0,15);
 font-size: 32px;
 font-weight: bold;
}
.qaa {
 color:#0078c8;
}
.qaqtext, .qaatext {
 overflow: hidden;
 margin: 0 0 20px 0;
 padding-top: 15px;
}
.qaqtext {
 margin: 20px 0 40px 0;
 padding-top: 13px;
 /*font-size: 14pt;*/
 /*font-weight: bold;*/
}

.bggrey1 {
 font: inherit;
 display: inline-block;
 background-color:#313a3d;
}
.bggrey2 {
 font: inherit;
 display: inline-block;
 background-color:#d8dee4;
}
.iclick {
 cursor: pointer;
}
.aclick {
 display: inline-block;
 margin: 20px 0 40px 60px;
 padding: 4px 20px;
 font-size: 22px;
 background-color:#d8dee4;
 border: 1px solid rgb(210,210,210);
 cursor: pointer;
}
.btnicon {
 width: 60px;
 height: 60px;
}
.floatleft {
 float: left;
}
.floatright {
 float: right;
}
.floatclear {
 clear: both;
}
.pagetop {
 overflow: auto;
 height: 65%;
}
.pagebottom {
 margin-top: 20px;
}
.item {
 margin: 0 0 10px 0;
 padding: 0 0 0 26px;
 background-image: url(../images/info.png);
 background-repeat: no-repeat;
}
.bullet {
 margin: 10px 0 10px 20px;
 padding: 0 0 0 26px;
 background-image: url(../images/bullet.png);
 background-repeat: no-repeat;
}

.menuimg, .menutxt, .menuqa, .menusearch {
 margin: 0 0 6px 0;
 width: 100%;
 min-height: 32px;
 font-size: 11pt;
 font-weight: bold;
 text-align: left;
 background-color: rgb(230,230,230);
 background-repeat: no-repeat;
 border: none;
}
.menuimg:hover, .menutxt:hover, .menuqa:hover {
 color: rgb(95,105,115);
 background-color: rgb(210,210,210)
}
.menuimg {
 margin: 0 0 10px 0;
 padding: 6px 10px 6px 136px;
 min-height: 80px;
 background-size: 120px 80px;
 background-position: 1px center;
}
.menutxt {
 padding: 20px 20px 20px 60px;
 line-height: 26px;
 background-image: url(../images/navnext.png);
 background-position-y: 10px;
}
.menuqa {
}
.menuqaleft {
 float: left;
 padding: 6px;
 width: 24px;
 min-width: 24px;
 text-align: right;
}
.menuqaright {
 margin-left:32px;
 padding: 6px;
}
.menusearch {
 margin: 0;
 padding: 10px;
 width: 100%;
 font-size: 10pt;
 cursor: pointer;
}
.menulink {
 display: inline-block;
 padding: 0 0 0 20px;
 font-size: 10pt;
 line-height: 40px;
 cursor: pointer;
}
.menuqasubtitle {
 padding: 12px 4px 4px 4px;
}
.result {
 margin-top: 20px;
 border: 1px solid rgb(210,210,210);
}
.btnbookmark {
 background-image: url(../images/star-black.png);
 background-repeat: no-repeat;
}
.imprint {
 margin: 0;
 padding: 0;
 font-size: 10pt;
 font-weight: normal;
 line-height: 14px;
}

.bookmarkleft {
 float: left;
 margin-bottom: 20px;
 width:80%;
}
.bookmarkright {
 float: left;
 width:20%;
}
.bookmark button {
 width: 100%;
 padding: 0 8px 8px 8px;
 font-size: 10pt;
 text-align: left; 
 color: rgb(95,105,115);
 background-color: rgb(230,230,230);
 background-repeat: no-repeat;
 border: none;
}

.snippet {
 display: inline-block;
 padding: 10px;
 font-size: 10pt !important;
 font-weight: normal;
}
.snippet .head {
 font-size: 10pt !important;
 font-weight: bold;
 text-decoration: none;
}
.snippet .bullet {
 font-size: 10pt !important;
 background-size: 16px 16px;
}
.snippet .item {
 font-size: 10pt !important;
 background-size: 16px 16px;
}
.snippet .qsign {
 font-size: 10pt !important;
}
#searchresult li {
 font-size: 10pt !important;
}
.tmpinfo {
 font-size: 10px;
}