/* ------------ Edition global.css ------------ */

/* ---  e-dition kundenspezifische Stile ------ */



HTML 
{ 
   color: #00387D; 
   font-size: 11px; 
   line-height: 14px; 
   font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
   text-align: justify; 
}

BODY 
{
   margin:0px 0px 0px 0px;
   background-color: #DEE4E9;
}


#header-table
{
   background-color:#0064AA;
}
#head_navi
{
   position:relative;
   clear:left;
}
      
/* Breiten */
.whole         { width:1024px;}
.left          { width:250px;}
.middle        { width:550px;}
.headerIcon    { width:50px;}
.clickable     { cursor:pointer;}

/* Überschriften */
H1, H2, H3, H4, H5, H6     { color: #000; background-color: transparent }
H1  { color: black; font-weight: normal; font-size: 18px; line-height: 22px }
H2  { color: #000; font-size: 16px }
H3  { color: #fff; font-size: 18px }
H4  { color: #f00; font-size: 20px }
H5  { }
H6  { }

/* Trennlinie  */
div#editions hr      { color: #003a7b; margin-right: 5px; height: 1px; border-bottom: 1px #003a7b }
H1.ausgabe           { color: #003a7b; font-weight: bold; font-size: 12px; line-height: 16px }
H2.ausgabe           { color: #000; font-size: 16px }
H3 .ausgabe          { color: #fff; font-size: 18px }
H4 .ausgabe          { color: #f00; font-size: 20px }


/* Link Styles */
A:link            { color: #003A7B; text-decoration: none; background-color: transparent }
A:visited         { color: #003A7B; text-decoration: none; background-color: transparent }
A:hover           { color: #F76210; text-decoration: none; background-color: transparent }
A:active          { color: #F76210; background-color: transparent }

/*Diverses*/
.pdflink_seite    { font-size: 11px; font-weight: bold; list-style-image: url(../images/pdf_seite.png) }
.pdflink_ausgabe  { font-size: 11px; font-weight: bold; list-style-image: url(../images/pdf_ausgabe.png) }
.BorderOn         { text-align: left; border-style: solid; border-width: 0px 0px 8px 0px; border-color: #dadada #dadada #faebd7 #dadada; width: 160px }
.BorderOff        { text-align: left; border-style: solid; border-width: 0px 0px 8px 0px; border-color: #c0c081 #c0c081 #faebd7 #c0c081; width: 160px }


/*Navigation Ressorts*/
A.ressorts            { color: #003a7b;  line-height: 16px; text-decoration: none }
A.ressorts:hover      { color: #f76210; text-decoration: none }
P.a                   { font-size: 8px; line-height: 8px;  margin-top: 3px; margin-bottom: 0px; padding-right: 2px }

/*Navigation Ausgaben*/
A.ausgaben           { color: black;   text-decoration: none }
A.ausgaben:hover     { color: #f76210; text-decoration: none }


/* Allgemeines */
a     {cursor:pointer;}
ul    { list-style-type: none; }


/******** 

div#hmenu     { display: inline; height: 2.4em; }
div#hmenu ul li {
   display: inline;
}
   


div#left {
   float:left;
   /* border-right: 1px solid #ddd; */
   display: block;
}

div#center { 
   float:left; 
   background: #ffffff;
   /* border: 1px solid #aaa; */
}

div#page {
    position: absolute;
}

#vergroesserung  .tableRow {
    display: inline-flex;
    height: 300px;
    margin-top: -5px;
}
#vergroesserung  .tableColumn {
    height: 300px;
    width: 300px;
}

div#center_page { 
   cursor:default; 
   overflow:hidden;
   position:relative;
}

div#right {
   float:left; 
}



/* Ausgaben */
div#editions_title   { color: #fff; font-weight: bold; text-align: left; text-indent: 6px; margin-bottom: 5px; padding: 4px }
div#editions .editionEntry     { font-size: 13px; line-height: 18pt; list-style-image: url(../images/custom/dart_navi_rechts.gif); margin-bottom: 5px;  }
div#editions .editionEntry.selected { font-weight: bold; color:#F76013; }


div#editions hr      { color: #003a7b; margin-right: 5px; margin-left: 5px; padding-top: 0; height: 1px; border-bottom: 1px #003a7b }

div#editions { display:block;}
ul.pagelist    {display:none;padding-left: 25px; color: #000000;}

/* Kopf */
#e-paper    {  }
/* #glocke  { position: absolute; top: 8px; left: 200px } */ 
/* #epaper  { position: absolute; top: 20px; left: 720px } */


/*Navi rechts*/

div#edda  { color: #fff; font-weight: bold; background-color: #00387d; text-align: left; text-indent: 6px; padding: 4px; width: 210px }


/* Zur Steuerung der Druckausgabe */
.artikel_head {display:block}
#bild_custom {display:none}
#menueleiste_text {display:block}
#text_custom {display:none}


 

/* Abstand Suchfeld mitte */
#center_center { overflow: auto;}
#center_page   { padding: 10px; width=500px; }
#center_page_search {width:500px;}

/*Links zu Ausgaben -Gifs */
.edition_show{ margin-top: 10px;margin-bottom:10px;margin-left:10px}

div#center_page #mediaLayer .mediaSymbol
{
      background-image  : url(../images/crown.png);
      background-color  : transparent;
      background-repeat : no-repeat;
      background-size   : 24px 24px;
      width             : 24px;
      height            : 24px;
      cursor            : pointer;
}


/* Hmenu / overrides für mbz_mitte.css */
/** #search4content { display: inline; } **/
input.search_chars {  
                        background-repeat: no-repeat;
                        background-color: transparent;
                        background-image: url(../images/custom/suchfeld.png); 
                        border-width: 0px;
                        width: 239px; 
                        }
                   
input#search-glass { border-width: 0px;}
                      

/* Seiten Ausgaben */
div.pagenavi { 
               background-repeat: no-repeat;
               width:238px; 
               }

   
.pagenavi input { 
            background-repeat: no-repeat; 
            background-color: transparent; 
            border-color: #003A7B;
            border-width: 0px; 
            }

input.page_chars  { 
                     background-image: url(../images/custom/blaettern.png); 
                  }
                  
img#firstpage     {   }
img#previouspage  {   }
img#nextpage      {   }
img#lastpage      {   }

/* Datum */
#datenavi input { 
            background-repeat: no-repeat; 
            background-color: transparent; 
            border-color: #003A7B }

input.two_chars    
            { 
            width: 25px;
            }
input.monat_chars    
            { 
            width: 20px; }
            
input.four_chars    
            { 
            width: 42px; outline-style: none }


.bgcolor_input_area { background-color: transparent; }
li.aktiv_nav { background-color: transparent; }


/* leserbrief  Verwaltungsdaten ausblenden */
#table1 {display:none; }

#archiv_hinweis {line-height: 18px; width: 210px; padding-left: 4px; margin-top: 50px;}
l#archiv_hinweis div {line-height: 12px; padding-left: 8px;}

#lupe_aktiv  { background-color: transparent; }
#lupe_passiv { background-color: transparent; }
#page_all    { background-color: transparent; }

#logout_pos  {}
#logout  { font-size: 15px; font-weight: bold }
#verbreitung {display:none;}

#leftSelect {    height: 40px;    width: 200px; font-size:19px; font-weight: bold; color: #00387d; 
               border-top-width: 0px;
               border-left-width: 0px;
               border-right-width: 0px;
          -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
          outline: 0 none;}
#leftSelect:hover {  color: #ff0000; }
#leftSelect:hover option {  color: #00387d; }
/*****#leftSelect option:hover { color: #00387d;}***/

.pagelist .pageEntry {height:18px; font-size: 11px;  list-style-type:none; line-height: 15px;cursor:pointer; overflow: hidden;text-align: left;}
.pagelist .pageEntry:hover  { font-weight: bold; background-color: #99ccff; color:#ff6600; }
.pagelist .selected { font-weight: bold; background-color: #99ccff; color:#ff6600; }
.pagelist .pageEntry span { margin-right: 5px;}


.pagelist .pagePreviewEntry {height: auto; width: 70px; position:absolute;}
.pagelist .pagePreviewEntry.pano {width: 100%;}
.row {    display: inline-flex;    width: 100%; 
position: relative;
  width: 250px;
  height: 120px;}
.pagelist .pagePreviewEntry.pageright {
  left: 75px;
  top: 0px;
}
.pageTitle {
  max-height: 16px;   text-align: left;
}
.pageTitle span {padding-right: 5px;}

.pagePreviewEntry img{ width: 70px; border: 1px solid #7e7e7e;}
.pagePreviewEntry.pano img {  width: 140px; }
#editions  .editionlist, #editions .freeeditionlist { padding-left:16px;}
ul.pagelist .pagePreviewEntry.selected, div li.pagePreviewEntry:hover,
ul#editions .editionPreviewEntry.selected, div li.editionPreviewEntry:hover{
    background-color: #7e7e7e;
    color: #b60610;}
ul.pagelist .pagePreviewEntry.selected img, 
div li.pagePreviewEntry:hover img,
ul#editions .editionPreviewEntry.selected .editionPreview, 

.editionPreview:hover            {    border: 1px solid #b60610; cursor:pointer;}
.editionPreview                  {    border: 1px solid  #7e7e7e;}
.editionPreviewEntry:hover       {  cursor:pointer; color:#ff0000;}
.editionEntry:hover              {  cursor:pointer;}

ul.pagelist .pagePreviewEntry img, 
div li.pagePreviewEntry img,
ul#editions .editionPreviewEntry .editionPreview, 
.editionDates .editionTitle {  font-weight:bold;  font-size: 16px;}
div.editionPreviewEntry {  display: inline-block;  padding: 2px 2px 2px 2px; cursor:pointer;}
div.editionPreviewEntry img.editionPreview{  min-width:160px; min-height:201px;}
div.editionPreviewEntry img.editionPreview.emptyPage {
    max-height: 180px;
    width: 40px;
}

#editions .next {padding-top:4px; padding-bottom:4px; }

.next          {    float: right; }
.next:hover, .back:hover     {cursor:pointer;    }
.articleEntry  {  width: 100%; display: inline-flex; padding: 5px;  border-style: solid;
    border-width: 0 0 1px; cursor:pointer;}
img.articlePreview {  float: left; margin-right: 5px; max-width: 181px;  max-height: 60px;}

div#left {
overflow:auto;
}

#overview {margin-left:10px}
#getpdf_table {padding-bottom:5px; margin-left:10px; text-align:left;}


#pageOverview .page             {float:left;padding: 2px 2px 2px; min-height: 200px;}


***************************/





.progresstext { color:#000000; font-family:Arial,sans-serif; font-size: 11px; font-weight:bold; }
.progressactive { background-color:#cfcfcf; }
.progresspassive { background-color:#e4e4e4; }

#text_hover .tooltipMiddle,
#text_hover .tooltipTop, 
#text_hover .tooltipBottom{
   white-space: pre-wrap;
   }   


.dateButton
{
   border-style: solid;
   border-width: 1px;
   cursor: pointer;
   background-repeat: no-repeat; 
   color: white;
   width: 15px; height:15px;
   background-color:#cfcfcf;
}
.spanSelectToday{border-color: #000000;padding:5px;}

.dateButton:hover
{
   border-color: #F76210;
   color: #F76210;
}


.spanYear, .spanMonth { background: url("../images/drop1.gif") no-repeat ;
                        background-position: right 2px center;
             padding-right: 12px;
}
.spanYear:hover,.spanMonth:hover{ background-image: url("../images/drop2.gif") ;
}
.spanLeft { background: url("../images/left1.gif") no-repeat center center;
margin-left: 2px;
    margin-right: 2px;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 12px;
    width:12px;}
.spanLeft:hover{ background-image: url("../images/left2.gif") ;
}

.spanRight { background: url("../images/right1.gif") no-repeat center center;
margin-left: 2px;
    margin-right: 2px;
    padding-bottom: 0;
    padding-left: 12px;
    padding-top: 0;}
.spanRight:hover{ background-image: url("../images/right2.gif") ;
}

.closeCal { background: url("../images/close.gif") no-repeat center center;
padding-right: 16px;}

/* popupcalender */
#searchBody #popCal {
  left: 150px;
  top: 250px;
}

#popCal {
    left: 590px;
    position: absolute;
    top: 125px;
    z-index: 1000;
    width:230px;
}
#calendarContainer {
    position: relative;
}
.calendar {
}
.calTable {
            font-size: 11px; 
            background-color: #ffffff; 
            border-style: solid;
            border-width:1px;
            border-color:#003A7B; 
            padding: 0px;
       width:100%;
            }
            
.calTable td {
              padding: 0px;
         width:20px;
         text-align: center;
}

.calHeader, .calFooter
{
padding: 1px;
background-color: #003A7B;
height:28px;

}
.calHeader td {
              padding: 1px;
         width: 100%;
         
}

.calFooter td {
    border-top: 2px solid red;
    text-align: center;
}
.calHeader > td {
    border-bottom: 2px solid red;
 
}
.calContentTable {    border-collapse: collapse; width: 100%;}
.calContentTable tr:first-child td {    
    border-bottom: 1px solid grey;
   }
.calContentTable tr:nth-child(1)  td:nth-child(8), .calContentTable tr:nth-child(1)  td:nth-child(9) {
    color: #e30613;
}
.calContentTable tr:nth-child(1n+2)  td:nth-child(7), .calContentTable tr:nth-child(1n+2)  td:nth-child(8) {
    color: #e30613;
}
.calContentTable tr:nth-child(1n+2)  td:nth-child(7) a, .calContentTable tr:nth-child(1n+2)  td:nth-child(8) a {
    color: #a10001;
}
.calContentTable td:nth-child(1) {
    width: 30px;
}
.calTable td.weekLine        { background-color: grey;
                  width:2px;
                  padding: 0px;}

.calHeaderInside
{
padding: 2px 2px 2px 2px;
font-family: Verdana, Arial;
color: #ffffff;
}
.calHeaderInside .caption
{
display:inline-block;
}
.calContentColumn
{
   padding: 5px;
   font-family:verdana;
   font-size:10px;
}
.calday
{
   text-decoration:none;
   color:black;
}
table td.selected {
  background-color: #ff5555;
}

.selectDateTable, .selectMonthTable
{
   border-width:     1px;
   border-style:     solid;
   border-color:     #303030;
   background-color: #DEE4E9;
}
.calDropDown:hover
{
   background-color: #99CCFF;
}

.calHeaderLine { 
    background-color: #FF0000;
    height: 2px;
    padding: 0px;
}

a.calday.daySelBackground {
  background-color: #dddddd;
}

#selectYear, #selectMonth {
  position: absolute;
  top: 30px;
  z-index: 100;
}

#selectMonth {
  left: 30px;
}

#selectYear {
  left: 110px;
}

.sunday        { color: #909090; }
.availDay     {
                  color: #000000;
                  background-color: #BDBCBF;
                  font-weight: bold;
}


#now           { color: #F76210; }


#calendar a:hover {
    border: 1px solid #4E4E4E;
    color: #FF0000;
}


.headerIcon    { width:24px;      
                  height: 24px;
                  position: absolute;
                  display: inline-flex;
}
.headerIcon img
{
   position       : absolute;
   left:0px; top:0px;
   height         : 24px;
   width          : 24px;
   vertical-align : middle; 
   border         : 0;
   padding        : 0 0 0 0;
}



#lupe_aktiv  ,
#lupe_passiv,
#page_all         { left: 530px;}
#lupe_aktiv,  #lupe_passiv     { top: 30px;} 
#page_all         { top: 65px;} 
#headHelp            { top: 100px;}

#headHelp  ,
#headEditionPdf,
#headPagePdf         { left: 620px;}
#headEditionPdf      { top: 30px;} 
#headPagePdf         { top: 65px;} 
#headHelp            { top: 100px;}

#logout_pos          {left       : 810px;
                        top: -35px; }
 
#headBookmark  ,
#headImpressum,
#headFaq,
#headAgb        { left: 810px;}

#headImpressum         { top: 65px;} 
#headFaq            { top: 100px;}
#headAgb            { top: 130px;}

#headBookmark { 
      background-image: url("../images/bookmark_glass.png");
      background-size: 100% 100%;
      background-repeat: no-repeat;
    height: 48px;
        left: 900px;
        top: 80px;
        width: 48px;
 }
#headBookmark a{ width:100%;height:100%;
    }
 
#pageBookmark {
     left: 920px;
     top: 150px;
     z-index: 300;
}
.pdfBoxicon {
    background-image: url("../images/pdf_box.png");
    background-repeat: no-repeat;
     background-size: 100% 100%;
         height: 32px;
    width: 32px;
}
.pdfBoxicon.pdfboxset{
    background-image: url("../images/pdf_box.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
}

.bookmarkicon {
    background-image: url("../images/bookmark_unset.png");
     background-size: 100% 100%;
        height: 100%;
    width: 100%;
}
.bookmarkicon.bookmarkset{
    background-image: url("../images/bookmark.png");
     
}
#headImpressum,
#headFaq,
#headAgb        { display:none;}



.errortext {
   color : #f76210;
   }
   



#pageOverview .page img         {border: solid 1px #7FA9D6;}
#pageOverview .page img:hover   {border: solid 1px #FF0000;}

#rahmenElement
{
   border-width:2; 
   border-style:solid; 
   border-color:#8080ff; 
}

#mediaLayer .mediaContainer { width: 32px; height: 32px;  background-image: url("../images/star_yellow.png");
    background-repeat: no-repeat;
    background-size: 32px 32px;
    cursor:pointer;
    }

    
#mediaLayer .mediaContainer a { display:inline-block; width: 32px; height: 32px;}
#mediaLayer .mediaContainer.audio, .mediaMenuContainer.audio { background-image: url("../images/audio.png");    }
#mediaLayer .mediaContainer.image, .mediaMenuContainer.image { background-image: url("../images/image.png");    }
#mediaLayer .mediaContainer.video, .mediaMenuContainer.video { background-image: url("../images/video.png");    }
#mediaLayer .mediaContainer.link, .mediaMenuContainer.link { background-image: url("../images/link.png");    }


 div.mediaTooltip {   
  background-color: #FEFFAD;
  color: #9a9a9a;
  z-index: 6;
  border-radius: 5px;
  border-solid: #FC6542;
  border-width: 2px;
  border-style: solid;
  padding:5px 5px 5px 5px;
  display:inline-block;
}
div.mediaTooltip img{   
  float:left;
  margin-right: 5px;
  height: 16px;
  width: 16px;
   z-index           : 5;

}

div.mediaTooltip div{   
  text-align: left;;

}

div.mediaDescr
{   
  margin-bottom:5px;
  clear:left;
}


div.mediaTooltip:before{
  border-solid: transparent #3D6199 transparent transparent;
  border-right: 6px solid #3D6199;
  border-style: solid;
  border-width: 6px 6px 6px 0px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  line-height: 0;
  position: absolute;
  top: 40%;
  left: -6px;
}
#headAdmin 
{
   background-image: url("../images/settings.png");
    background-repeat: no-repeat;
    background-size: 30px 30px;
    position: absolute;
    right: 56px;
    top: 2px;
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    padding: 0px;
}
#headAdmin:hover {
background-image: url("../images/settings_over.png");
    background-size: 32px 32px;
} 

#newview a{
   width: 32px;
   height: 32px;
   position: absolute;
}

#newview {
background-image: url("../images/plus.png");
    background-repeat: no-repeat;
    background-size: 30px 30px;
    position: absolute;
    right: 0px;
    top: 2px;
}
#newview:hover {
 // background-image: url("../images/settings_over.png");
    background-size: 32px 32px;
}  

#back_pos {
    left: 10px;
    top: 53px;
}

/*    Administration */
#head_navi #adminTitle {
    content: "Administration";
    font-size: 40px;
    left: 250px;
    position: absolute;
    top: 60px;
}
#head_navi #adminTitle:after { 
  content: "Epaper - Administration";
}

#admin #left {
    background-color: #ffebeb;
    height: 100%;
}
#admin #center {
    background-color: #ebffeb;
    height: 100%;
}

#admin #left li {
    cursor: pointer;
    font-size: 13px;
    height: 18px;
    line-height: 16px;
    list-style-type: none;
    overflow: hidden;
    text-align: left;
    padding-left: 5px;
    padding-top: 2px;
    width: 170px;
    height: 18px;
    margin-bottom: 3px;
    padding-left: 20px;
}

#admin #left li:hover {
    color: #FF0000;
    background-color: #33aa33;
    font-weight: normal;
}
#admin #left  .selected {
    color: #ff0000;
}

#admin #center iframe {
    height: 1900px;;
    width: 100%;
}



.language {
    float: right;
    margin-top: 10px;
    }
select#selLang option {width:30px; height:18px; background-size: 30px 18px; background-repeat: no-repeat;}
select#selLang option[value="de"]   { background-image:url(../images/de_DE.png);   }
select#selLang option[value="en"] { background-image:url(../images/en_EN.png); }
select#selLang option[value="sv"] { background-image:url(../images/sv_SV.png); }
select#selLang option[value="others"] { background-image:url(../images/de_DE.png); }


select#selLang {background-size: 30px 18px; 
               background-repeat: no-repeat;
               border-width: 0;
               height: 18px;
               width: 44px;}
               
select#selLang.de, select#selLang.de_de { background-image:url(../images/de_DE.png);  }
select#selLang.en, select#selLang.en_gb { background-image:url(../images/en_EN.png); }
select#selLang.sv, select#selLang.sv_SV { background-image:url(../images/sv_SV.png); }
select#selLang.others { background-image:url(../images/de_DE.png); }

section section { margin-left: 0px;}
caption {
text-align: left;
}
#center {touch-action: pan-y pinch-zoom;}
#epaper-body{touch-action: pan-y pinch-zoom;}
#left{touch-action: pan-y pinch-zoom;}



iframe#article, iframe#dataAdminFrame, iframe#configAdminFrame, iframe#settingsFrame, iframe#bookmark, iframe#automaticMail{
 border : 0px solid #999; */
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;

  -moz-box-shadow: 4px 4px 14px #999;
  -webkit-box-shadow: 4px 4px 14px #999;
  box-shadow: 4px 4px 14px #999;

width: 100%;
height:100%;
} 
iframe#article #articlebody { min-width: auto;}
 iframe#article #artikel_text_html, iframe#article #mailheader, iframe#article #note
 {
 width: 100%;}
 
 

.scroll-left {
  height: 30px;
  overflow: hidden;
  position: relative;
  background: yellow;
  background-color: #ffff90;
  color: #930063;
  border: 1px solid orange;
  /* Move it (define the animation) */
}

.scroll-left p {
  position: absolute;
  height: 100%;
  margin: 0;
  line-height: 30px;
  text-align: center;
  /* Starting position */
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  /* Apply animation to this element */
  -moz-animation: scroll-left 60s linear infinite;
  -webkit-animation: scroll-left 60s linear infinite;
  animation: scroll-left 60s linear infinite;
  white-space: nowrap;
}
@-moz-keyframes scroll-left {
  0% {
    -moz-transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-100%);
  }
}
@-webkit-keyframes scroll-left {
  0% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
  }
}
@keyframes scroll-left {
  0% {
    -moz-transform: translateX(100%);
    /* Browser bug fix */
    -webkit-transform: translateX(100%);
    /* Browser bug fix */
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-100%);
    /* Browser bug fix */
    -webkit-transform: translateX(-100%);
    /* Browser bug fix */
    transform: translateX(-100%);
  }
}
@-moz-keyframes scroll-right {
  0% {
    -moz-transform: translateX(0%);
  }
  100% {
    -moz-transform: translateX(100%);
  }
}
@-webkit-keyframes scroll-right {
  0% {
    -webkit-transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
  }
}
@keyframes scroll-right {
  0% {
    -moz-transform: translateX(0%);
    /* Browser bug fix */
    -webkit-transform: translateX(0%);
    /* Browser bug fix */
    transform: translateX(0%);
  }
  100% {
    -moz-transform: translateX(100%);
    /* Browser bug fix */
    -webkit-transform: translateX(100%);
    /* Browser bug fix */
    transform: translateX(100%);
  }
}

table.editablegrid { clear:both;border-collapse: collapse; border: 1px solid #CCB; width: 100%; }
table.editablegrid td, table.editablegrid th {word-break: break-all;word-wrap: break-word;padding: 5px; border: 1px solid #E0E0E0;height:20px;}
table.editablegrid th { background: #E5E5E5; text-align: left; }

input.invalid { background: red; color: #FDFDFD; }
table.editablegrid td.boolean { padding: 0px; }
.action { float: left;}

.delete {background-color:#3d3d3d;}
.message { display: none;}
    
.paginator {
       font-family:  Helvetica, Arial, sans-serif;
       margin: 10px 0;
       font-size: 12px;
       text-align: center;
       margin-bottom: 5px;
    }
    
.paginator a { color:  #0078cc; text-decoration: none; font-size: 12px; }           
.paginator a:hover { color: #000; }
.paginator a:active { color: #777; }
.paginator a:focus { outline: 1px; }
.descriptionCover {  background-color: lightblue; width: 100%;height:50px;}
.description {    padding: 5px; }
#bookmarkGrid .descriptionCover {display:none;}

.filterDiv {width:400px; margin-bottom:5px;float:left; }
.pagecontrol {float:right; }
.pagesize {height:23px; }


button.goto
{
background-repeat: no-repeat;
background-image: url("../images/gonext.png");
background-size: 100% 100%;
width: 20px; 
height: 20px;
}
#bookmarkBody button.close,#automaticMailBody button.close
{
background-repeat: no-repeat;
background-image: url("../images/close.gif");
background-size: 100% 100%;
width: 20px; 
height: 20px;
float: right;
margin-right:10px;
}
button.delete
{
background-repeat: no-repeat;
background-image: url("../images/close.gif");
background-size: 100% 100%;
width: 20px; 
height: 20px;
}
button.newsection
{
background-repeat: no-repeat;
background-image: url("../images/plus.png");
background-size: 100% 100%;
width: 20px; 
height: 20px;
}
button.deletesection
{
background-repeat: no-repeat;
background-image: url("../images/minus.png");
background-size: 100% 100%;
width: 20px; 
height: 20px;
}
th.paper, td.paper,
th.edition, td.edition,
th.pageident, td.pageident,
th.articleident, td.articleident, td.articleuuid
{
display: none;}


button{cursor:pointer;background-color:transparent;}
#automaticMailBody {
                     padding: 10px;
                     }
#automaticMailBody nav {
    display: inline-block;
    width: 100%;
}
#automaticMailBody .input {
    clear: both;
    width: 100%;
    margin-bottom:5px;
    display: inline-block;
}
#automaticMailBody label {
display: block;
float:left;
width: 200px; /* zum Beispiel */
}

#automaticMailBody input {
float:left;
}
#automaticMailBody .error {
color:red;
font-style:italic;
}
#automaticMailBody button.save
{
background-repeat: no-repeat;
background-image: url("../images/save.png");
background-size: 100% 100%;
width: 48px; 
height: 48px;
 background-color: transparent;
 float:right;
 margin-right:10px;
} 

.sectionentry {
    display: inline-flex;
    height: 50px;
    width: 100%;
}




body.shared { padding: 30px; max-width:400px;}
.buttonWrapper { float: right;}
.contentImage img { max-width:400px; max-height:400px;}
.title { font-weight: bold; font-size 14px;}
.description { max-width : 400px;}


 #map{
 background-color: transparent;
 background-color: RGBA(0,0,0,0);
 }
 
 #vergroesserung
 {
 background-color: #fff;
 }