/* caveat-regular - cyrillic_latin-ext_latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: url('../binaries/fonts/caveat-v4-cyrillic_latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Caveat Regular'), local('Caveat-Regular'),
       url('../binaries/fonts/caveat-v4-cyrillic_latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../binaries/fonts/caveat-v4-cyrillic_latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../binaries/fonts/caveat-v4-cyrillic_latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../binaries/fonts/caveat-v4-cyrillic_latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../binaries/fonts/caveat-v4-cyrillic_latin-ext_latin-regular.svg#Caveat') format('svg'); /* Legacy iOS */
}

/* caveat-700 - cyrillic_latin-ext_latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  src: url('../binaries/fonts/caveat-v4-cyrillic_latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Caveat Bold'), local('Caveat-Bold'),
       url('../binaries/fonts/caveat-v4-cyrillic_latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../binaries/fonts/caveat-v4-cyrillic_latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../binaries/fonts/caveat-v4-cyrillic_latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../binaries/fonts/caveat-v4-cyrillic_latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../binaries/fonts/caveat-v4-cyrillic_latin-ext_latin-700.svg#Caveat') format('svg'); /* Legacy iOS */
}


/*** 1         - Layout elements */ 
body {
  background-color:#E9E9E9;  
  background-image:url(../BIN/ELMIRADA_NATURAL_PAPER);
  color:#000000;
  font-family:Caveat, verdana, arial, sans-serif;
  font-size:12pt;
  text-align:left;
  width:100%;  
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  scrollbar-DarkShadow-Color:#ffffff;
  scrollbar-Track-Color:#ffffff;
  scrollbar-Face-Color:#ffffff;
  scrollbar-Shadow-Color:#12568F;
  scrollbar-Highlight-Color:#12568F;
  scrollbar-3dLight-Color:#ffffff;
  scrollbar-Arrow-Color:#12568F;
  }
   
  
  
/*** 1.1       - Layout elements - Area navigation */
.body_area_nav {
  width:100%;
  overflow:visible;
  position:relative;
  left:0px;
  top:0px;

  z-index:4;
  background-image: url(../BIN/ELMIRADA_MENU_BACK);
  background-repeat: no-repeat;
  background-size: 50% 50%;
  float: left;
  height: 100px;
}



/*** 1.1.1     - Layout elements - Area navigation - Main group buttons */
.groupbuttons {
  width:100%;
  height:100%;
  overflow:visible;
  position:absolute;  
  padding-left:10px;
  padding-bottom:0px;
  padding-top:70px;
  padding-right:0px; 
  margin:0px 0px 0px 0px;
}

.groupbuttons_left {
  width:1%;
  float:left;
  font-weight: bold;
  color: #5b90e0;
}

.groupbuttons_center {
  width:98%;
  float:left;    
}

.groupbuttons_right {
  width:1%;
  float:left;  
}

.groupbuttons_list {
  padding:0px;
  margin:0px;
  position:relative;
  float:left;
  padding-right:10px;
}

.groupbutton_normal{
  float:left;
  list-style: none;  
}
.groupbutton_normal_left{
  visibility:hidden;
  float:left;
  overflow:visible;
  width:1px;
}
.groupbutton_normal_center {
  float:left;
  text-align:center;
  padding-top:2px; 
  padding-left:3px;
  padding-right:3px;
  overflow:visible;
  background-image: url(../BIN/ELMIRADA_STRIPE_GREY);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.groupbutton_normal_right {
  float:left;
  overflow:visible;
  width:1px;
}
.groupbutton_selected{
  float:left;
  list-style: none;  
}
.groupbutton_selected_left{
  float:left;
  overflow:visible;
  width:2px;
}
.groupbutton_selected_center {
  float:left;
  text-align:center;
  padding-top:2px; 
  padding-left:3px;
  padding-right:3px;
  overflow:visible;
  background-image: url(../BIN/ELMIRADA_STRIPE_GREEN);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.groupbutton_selected_right {
  float:left;
  overflow:visible;
  width:10px;
}
.groupbutton_special{
  float:left;
  list-style: none;  
}
.groupbutton_special_left{
  visibility:hidden;
  float:left;
  overflow:visible;
  width:1px;
}
.groupbutton_special_center {
  float:left;
  text-align:center;
  padding-top:2px; 
  padding-left:3px;
  padding-right:3px;
  overflow:visible;
  background-image: url(../BIN/ELMIRADA_STRIPE_RED);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.groupbutton_special_right {
  float:left;
  overflow:visible;
  width:1px;
}
  
  
  
/*** 1.2       - Layout elements - Group navigation */  
.body_group_nav {
  width:100%;
  height:30px;
  overflow:hidden;
  position:absolute;
  left:0;
  z-index:5;
  top: 100px;
  visibility: hidden;
  float: left;
}



/*** 1.2.1     - Layout elements - Group navigation - Site and subgroup buttons */  
.sitebuttons {
  position:relative;
  width:100%;
  height:100%;  
  overflow:hidden;
  padding-left:10px;
  padding-bottom:0px;
  padding-top:75px;
  padding-right:0px;   
  margin:0px 0px 0px 0px;
}

.sitebuttons_left {
  width:100%;
  float:none;
  font-weight: bold;
  color: #5b90e0;
}

.sitebuttons_center {
  width:100%;  
  float:none;
}

.sitebuttons_right {
  width:100%;
  float:none;
}

.sitebuttons_list {
  padding:0px;
  margin:0px;
  position:relative;
  float:none;
  padding-top:10px;
  clear:both;
}

.sitebutton_normal{
  float:none;
  list-style: none;
  clear:both;
}
.sitebutton_normal_left{
  visibility:hidden;
  float:left;
  overflow:visible;
  width:1px;
}
.sitebutton_normal_center {
  float:left;
  text-align:center;
  padding-top:2px; 
  padding-left:3px;
  padding-right:3px;
  overflow:visible;
  background-image: url(../BIN/ELMIRADA_STRIPE_GREY);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.sitebutton_normal_right {
  float:left;
  overflow:visible;
  width:1px;
}
.sitebutton_selected{
  float:none;
  list-style: none;
  clear:both;
}
.sitebutton_selected_left{
  float:left;
  overflow:visible;
  width:7px;  
}
.sitebutton_selected_center {
  float:left;
  text-align:center;
  padding-top:2px; 
  padding-left:0px;
  padding-right:4px;
  overflow:visible;
  background-image: url(../BIN/ELMIRADA_STRIPE_GREEN);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.sitebutton_selected_right {
  float:left;
  overflow:visible;
  width:10px;
}
.sitebutton_subgroup{
  float:none;
  list-style: none;
  clear:both;
}
.sitebutton_subgroup_left{
  visibility:hidden;
  float:left;
  overflow:visible;
  width:1px;
}
.sitebutton_subgroup_center {
  float:left;
  text-align:center;
  padding-top:2px; 
  padding-left:3px;
  padding-right:3px;
  overflow:visible;
  background-image: url(../BIN/ELMIRADA_STRIPE_YELLOW);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.sitebutton_subgroup_right {
  float:left;
  overflow:visible;
  width:1px;
}
.sitebutton_external{
  float:none;
  list-style: none;
  clear:both;
}
.sitebutton_external_left{
  visibility:hidden;
  float:left;
  overflow:visible;
  width:1px;
  background-image: url(../BIN/ELMIRADA_STRIPE_RED);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.sitebutton_external_center {
  float:left;
  text-align:center;
  padding-top:2px; 
  padding-left:3px;
  padding-right:3px;
  overflow:visible;
}
.sitebutton_external_right {
  float:left;
  overflow:visible;
  width:1px;
}
 

 
/*** 1.3       - Layout elements - Login area */    
.body_login{
  color:#ffffff;  
  position:absolute;
  top:35px;
  z-index:30;
  width: 350px;
  right: 10px;
}

.login_field{
  height:25px;
  overflow:hidden;
  position:relative;  
  width:350px;
}
.login_field_left {    
  visibility:hidden;
  float:left;  
  height:25px;  
  overflow:hidden;    
  padding-top:1px;
  padding-bottom:1px;
  white-space:nowrap;
  width:0px;  
  text-align:left;
}
.login_field_center {
  float:left;  
  height:25px;
  overflow:hidden;
  padding-top:1px;
  padding-bottom:1px;
  white-space:nowrap;
  width:275px;
  text-align:right;
}
.login_field_right {
  float:left;    
  height:25px;
  text-align:right;  
  overflow:hidden;
  padding-top:1px;
  padding-bottom:1px;
  padding-right:0px;
  width:75px;
}



/*** 1.4       - Layout elements - Info field (e.g. Alias existence) */    
.body_info{
  position:absolute;
  right:5%;
  top:110px;
  z-index:10;
  visibility: hidden;
}

.info_field{
  position:relative;
  right:175px;
  height:25px;
  overflow:hidden;  
  text-align:right;  
  vertical-align:middle;
  padding-top:1px;
  padding-bottom:1px;
}



/*** 1.5       - Layout elements - Alias area */    
.body_alias{
  color:#ffffff;  
  position:absolute;
  right:5%;
  top:32px;
  z-index:20;
}

.alias_field{    
  height:25px;
  overflow:hidden;
  position:relative;
  width:150px;
  white-space:nowrap;
}
.alias_field_left {  
  visibility:hidden;
  width:0px;
  height:25px;
  float:left;
  overflow:hidden;
  padding-top:1px;
  padding-bottom:1px;
}
.alias_field_center {
  height:25px;
  float:left;
  overflow:hidden;
  padding-top:1px;
  padding-bottom:1px;
  width:115px;
  text-align:right;
}
.alias_field_right {
  width:35px;
  height:25px;
  float:left;
  overflow:hidden;
  text-align:right;  
  vertical-align:middle;
  padding-right:0px;
  padding-top:1px;
  padding-bottom:1px;
}



/*** 1.6       - Layout elements - Body header */
.body_normal_header {
  position:relative;
  top:0px;
  right:0px;    
  width:100%;
  height:25px;
  z-index:10;
  text-align:right;  

  float: left;
}

.body_normal_header_field{
  height:25px;
  overflow:hidden;
  position:relative;  
  left:0px;
}
.body_normal_header_field_left {  
  height:25px;
  float:left;
  overflow:hidden;  
  width:5%;  
  padding-top:1px;
  padding-bottom:1px;
}
.body_normal_header_field_center {  
  float:left;  
  text-align:right;
  height:25px;
  overflow:hidden;
  padding-top:1px;
  padding-bottom:1px;  
  width:90%;  
}
.body_normal_header_field_right {
  width:0px;
  height:5%;
  text-align:right;  
  overflow:hidden;
  padding-top:1px;
  padding-bottom:1px;
  padding-right:0px;
}

.body_normal_header_field a {
    padding-left: 5px;
}



/*** 1.7       - Layout elements - Body */
.body_normal {  
  overflow:visible;
  position:relative;


  float:left;
  padding:0px;




  margin-bottom:1%;
  min-height:350px;
}



/*** 1.8       - Layout elements - Footer */
.body_footer {
  position:relative;
  width:100%;
  margin-bottom:0.5%;
  float: left;
}



/*** 1.9       - Layout elements - Language area */    
.body_language{
  color:#ffffff;  
  position:absolute;
  top:5px;
  z-index:30;
  width: 100px;
  right: 10px;
}

.language_field{
  height:25px;
  overflow:visible;
  position:relative;  
  width:100px;  
}
.language_field_left {    
  visibility:hidden;
  float:left;  
  height:25px;  
  overflow:hidden;
  padding-top:1px;
  padding-bottom:1px;
  white-space:nowrap;
  width:0px;  
  text-align:left;
}
.language_field_center {
  float:left;  
  height:25px;
  overflow:visible;
  padding-top:1px;
  padding-bottom:1px;
  white-space:nowrap;
  width:100px;
  text-align:right;
}
.language_field_right {
  visibility:hidden;
  float:left;    
  height:25px;
  text-align:right;  
  overflow:hidden;
  padding-top:1px;
  padding-bottom:1px;
  padding-right:0px;
  width:0px;
}



/*** 2.1       - Formatting elements - General */        
a {
  color:#FF0000;
  text-decoration:none;
}

a:link {
}

a:visited {
}

a:active {
}

a:hover {
  color:#FF0000;
  text-decoration:underline;
}

.small {
  font-size:85%;
}

.bold {
  font-weight:bold;
}

.justify {
  text-align:justify;
}

.right {
  text-align:right;
}

.left {
  text-align:left;
}

.center {
  text-align:center;
}

.icon_on_button {
  vertical-align:top;
  position:relative;
  top:-2px;
  height:16px;
  width:16px;
}

.icon_next_to_input {
  vertical-align:middle; 
  position:relative;
  top:-2px;  
  height:13px;
  width:14px;
}

.nobr {
  white-space:nowrap;
}

.unimportant {

}
  
  
  
/*** 2.2       - Formatting elements - Text formatting */        
h1 {
  font-size:135%;
  font-weight:bold;
  text-align:left;
}

h2 {
  font-size:125%;
  text-align:left;
}

h3 {
  font-size:150%;
  font-weight:900;
  text-align:center;
}



/*** 2.3       - Formatting elements - Table formatting */        
tr {
  font-size:12pt;
}

tr.framed {
  background-color:#E6E6E6;
}

tr.framed_important {
  background-color:#FF0000;
}

th {
  font-style:bold;
}

th.framed {
  background-color:#969696;
}

th.framed_important {
  background-color:#FF0000;
}

td {
  
}

td.framed {
  background-color:#E6E6E6;
}

td.framed_important {
  background-color:#FF0000;
}



/*** 2.4       - Formatting elements - Input fields formatting */        
.input_field {
  white-space:nowrap;  
}

.input_field_function {  
  position:relative;  
  left:-22px;  
  vertical-align:middle;
}

.input_field_additional_output {
}

.InputAdditionalOutput {
  color:#000000;
  background-color: transparent;
  font-size:125%;
  padding: 0px 0px 0px 0px;
  margin: 1px 1px 1px 1px;
  border: 0px;
  height: 20px;  
}

.InputField, .InputFieldWithSearchHelp{
  color:#000000;
  font-size:125%;
  background-color: #FFFFFF;
  margin: 1px 1px 1px 1px;
  border: 1px solid #12568F;
  height: 20px;
}

.InputField {
  padding: 0px 20px 0px 0px;
}

.InputFieldWithSearchHelp {
  padding: 0px 20px 0px 0px;
}

.InputCheckbox {
  color:#000000;
  font-size:125%;
  background-color: #FFFFFF;
  padding: 0px 0px 0px 0px;
  margin: 1px 8px 1px 1px;
  border: 1px solid #12568F;
}

.InputRadio {
  color:#000000;
  font-size:125%;
  padding: 0px 0px 0px 0px;
  margin: 1px 4px 1px 1px;
}

.InputList {
  color:#000000;
  font-size:125%;
  background-color: #FFFFFF;
  padding: 0px;
  margin: 1px 1px 1px 1px;
  border: 1px solid #12568F;
  height: 20px;
}

.InputList2 {
  color:#000000;
  font-size:125%;
  background-color: #FFFFFF;
  padding: 0px;
  margin: 1px 1px 1px 1px;
  border: 1px solid #12568F;
}

.InputButton {
  color:#000000;
  background-color: #FDFEDF;
  padding: 0px 3px 0px 3px;
  border: 1px solid #000000;
  margin: 1px 1px 1px 1px;
  height: 20px;
  vertical-align:middle;
  text-align:center;
}

.InputButton .icon_on_button {
  vertical-align:middle;
  top:0px;
  height:16px;
  width:16px;
}

.InvisibleButton {
  background-image:url(../BIN/EMPTY);
  background-color: transparent;
  padding: 0px 0px 0px 0px;
  border: 0px;
  margin: 0px;
}

.error {
  border-color:#ff0000;
  background-color:#ffdddd;
}

.readonly {
  background-color:#dddddd;
}



/*** 2.5       - Formatting elements - Special navigation*/      
.body_area_nav a {
  color:#000000;
  text-decoration:none;  
}

.body_area_nav a:hover {
  color:#888888;
  text-decoration:none;
}

.body_group_nav a {
  color:#000000;
  text-decoration:none;  
}

.body_group_nav a:hover {
  color:#888888;
  text-decoration:none;
}  

.body_login .input_field_function {    
}

.body_login .InputButton {
  color:#ffffff;
  font-size:85%;
  background-color: #6FA7CF;
  border-color: #888888;
  padding-bottom:2px;  
}

.body_login a.InputButton {
    display: inline-block;
    height: 18px;
    line-height: 16px;
    padding-bottom: 0;
    text-transform: uppercase;
    cursor: default;
}

.body_login a.InputButton:hover {
  text-decoration:none;
}

.body_login .InputField {
  color:#888888;
  background-color: #C7DCEC;
  border: 1px solid #888888;  
}

.body_login .InputFieldWithSearchHelp {
  color:#888888;
  background-color: #C7DCEC;
  border: 1px solid #888888;  
}

.body_language .InputButton {
  color:#ffffff;
  font-size:85%;
  background-color: #6FA7CF;
  border-color: #888888;
  padding-bottom:2px;  
}

.body_language a.InputButton {
    display: inline-block;
    height: 18px;
    line-height: 16px;
    padding-bottom: 0;
    text-transform: uppercase;
    cursor: default;
}

.body_language a.InputButton:hover {
  text-decoration:none;
}

.LanguageChooser {
    background-color: #e6e6e6;
    display: inline-block;
}

.LanguageChooser::after {
    clear: both;
    content: "";
    display: table;
}

.LanguageChooser ul li {
    background-color: #6fa7cf;
    background-image:url(../BIN/LAYOUT3_DROPDOWN_ARROW_WHITE);
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid #888888;
    color: #ffffff;
    display: inline-block;
    float: left;
    font-size: 85%;
    margin: 0 0 -1px;
    height: 20px;
    padding: 0 19px 0 3px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    vertical-align: bottom;
    line-height:20px;
}

.LanguageChooser a {
    display: block;
    text-decoration: none;
    color: #ffffff;
}

.LanguageChooser ul ul {
/*  display: none; */
    position: absolute;
    top: 20px;
/*  left: -1px; */
    left: -9999px;
}

.LanguageChooser ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
}

.LanguageChooser ul li:hover > ul {
/*  display: inherit; */
}

.LanguageChooser ul li a:active + ul {
    left: -1px;
}

.LanguageChooser ul li ul:hover {
    left: -1px;
}

.LanguageChooser ul li a:focus + ul {
    left: -1px;
}

.LanguageChooser ul ul li {
    display: list-item;
    float: none;
    overflow: hidden;
    position: relative;
    text-align: left;
    white-space: nowrap;
    background-image: none;
    padding: 3px 3px 0 3px;
    text-transform: none;
    color: #555555;
}

.LanguageChooser img {
  vertical-align:middle;
}

.body_alias .input_field_function {     
}

.body_alias .InputButton {
  color:#ffffff;
  font-size:85%;
  background-color: #6FA7CF;
  border-color: #888888;
  padding-bottom:2px;  
}

.body_alias .InputField {
  color:#888888;
  background-color: #C7DCEC;
  border: 1px solid #888888;  
}

.body_alias .InputFieldWithSearchHelp {
  color:#888888;
  background-color: #C7DCEC;
  border: 1px solid #888888;  
}



/*** 2.6       - Formatting elements - Module */        
.module {

}

.body_normal .module {
   margin-bottom: 25px;

}

.module .module_header {
    text-align: right;
    vertical-align: top;
}

.module .module_header a {
    padding-left: 5px;
}

.module .module_header .module_header_toolbar {    
    display: inline-block;
}

.module .module_header .module_header_config {    
    display: inline-block;
}

.module .module_header .DataSharing {
    background-color: #e6e6e6;
    display: inline-block;
}

.module .module_header .DataSharing::after {
    clear: both;
    content: "";
    display: table;
}

.module .module_header .DataSharing ul li {
    background-color: #6fa7cf;
    background-image:url(../BIN/LAYOUT3_DROPDOWN_ARROW_WHITE);
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid #888888;
    color: #ffffff;
    display: inline-block;
    float: left;
    font-size: 85%;
    margin: 0 0 -1px;
    min-height: 20px;
    padding: 0 19px 0 3px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    vertical-align: bottom;
    line-height:20px;
}

.module .module_header .DataSharing a {
    display: block;
    text-decoration: none;
    color: #ffffff;
}

.module .module_header .DataSharing ul ul {
/*  display: none; */
    position: absolute;
    top: 20px;
/*  left: -1px; */
    left: -9999px;
}

.module .module_header .DataSharing ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
}

.module .module_header .DataSharing ul li:hover > ul {
/*  display: inherit; */
}

.module .module_header .DataSharing ul li a:active + ul {
    left: -1px;
}

.module .module_header .DataSharing ul li ul:hover {
    left: -1px;
}

.module .module_header .DataSharing ul li a:focus + ul {
    left: -1px;
}

.module .module_header .DataSharing ul ul li {
    display: list-item;
    float: none;
    overflow: hidden;
    position: relative;
    text-align: left;
    white-space: nowrap;
    background-image: none;
    padding: 3px 3px 0 3px;
    text-transform: none;
    color: #555555;
}

.module .module_header .DataSharing img {
  vertical-align:middle;
}



.module .module_body {
    overflow-x: auto;
    padding-bottom: 5px;
}

.module .module_body .module_body {
    overflow: hidden;
}

.module .module_sidebar {
    float: left;
    width: 25%;
    margin-right: 5px;
    max-height: 500px;
    min-height: 75px;
    overflow-y: scroll;
    position: sticky;
    left: -0.5%;
    top: 0px;
}

.module .module_sidebar .module_sidebar_header {
    text-align: right;    
}

.module .module_footer {
    clear: both;
}

/* #ADD1EA = Body background blue top */
/* #DCDCDC = Body background grey bottom */



/* #12568F = Hintergrund-Blau   */
/* #969696 = Header-Cell        */
/* #C0C0C0 = Between :)         */
/* #E6E6E6 = Normal Cell        */
/* #FDFEDF = Gelb               */