/*****************/
/*   Meldungen   */
/*****************/

.meldungen,
.meldungen_hidden{
   position: fixed;
   right: 0px;
   top: 80px;
   max-width: 230px;
    min-width: 230px;
   z-index:999;
   cursor:e-resize;
}

.meldungen p,
.meldungen_hidden p{
   width:100%;
}

.meldungen_hidden{
   right: -210px !important;
}

.meldungen_hidden .meldung:hover{
   position: relative !important;
   right: 210px;
   -webkit-transition: all 0s ease;
}

.meldung{
   max-width: 225px;
   margin-bottom:20px;
   padding: 8px;
   padding-left: 4px;
   padding-right: 2px;

   border: 0px solid rgba(255, 255, 255, 0.75);
   border-right:0px;

    border-top-left-radius:6px;
    border-bottom-left-radius:6px;

   -webkit-box-shadow:  0px 0px 4px #6B7982 !important;
   -moz-box-shadow:  0px 0px 4px #6B7982  !important;
   box-shadow:  0px 0px 4px #6B7982  !important;
}

.meldung:hover{
    padding-left: 18px;

}

.meldung table{
    width: 100%;
}

.meldung .meldung_icon{
    vertical-align:middle !important;
}

.meldung .meldung_icon img{
    width:12px;
    height:22px;
    padding-right:5px;
}

.meldung #meldung_icon_show img{
    float:left;
}

.meldung #meldung_icon_close img{
    float:right;
}

.meldung:hover #meldung_icon_show{
    display:none;
}

.meldung #meldung_icon_close{
    display: hidden;
}

.meldung:hover #meldung_icon_close{
    visibility: visible;
}


.meldung .text{
   color: #FFFFFF;
   padding-right:5px;
   font-size: 10px;
}

/* Meldungstitel */
.meldung .titel{
   font-size: 12px;
   font-weight: bold;
   padding-bottom:3px;
   font-variant: small-caps;
}

/* Links im Text */
.meldung .text a:link,
.meldung .text a:visited{
   color: #FFFFFF !important;
   text-decoration: underline;
}

/* Hintergrundfarben: grün */
.green{
   background-image: -webkit-linear-gradient(120deg, #61D35F 0%, #479946 100%) !important;
   background-image: -moz-linear-gradient(120deg, #61D35F 0%, #479946 100%) !important;
   background-image: -o-linear-gradient(120deg, #61D35F 0%, #479946 100%) !important;
   background-image: linear-gradient(120deg, #61D35F 0%, #479946 100%) !important;

   -webkit-box-shadow:  0px 0px 4px #479946 !important;
   -moz-box-shadow:  0px 0px 4px #479946  !important;
   box-shadow:  0px 0px 4px #479946  !important;
}

/* Hintergrundfarben: red */
.red{
   background-image: -webkit-linear-gradient(120deg, #C45E70 0%, #B54E62 100%) !important;
   background-image: -moz-linear-gradient(120deg, #C45E70 0%, #B54E62 100%) !important;
   background-image: -o-linear-gradient(120deg, #C45E70 0%, #B54E62 100%) !important;
   background-image: linear-gradient(120deg, #C45E70 0%, #B54E62 100%) !important;

   -webkit-box-shadow:  0px 0px 4px #B54E62 !important;
   -moz-box-shadow:  0px 0px 4px #B54E62  !important;
   box-shadow:  0px 0px 4px #B54E62  !important;
}

/* Hintergrundfarben: gelb */
.yellow{
   background-image: -webkit-linear-gradient(120deg, #D8D858 0%, #BFBF2D 100%) !important;
   background-image: -moz-linear-gradient(120deg, #D8D858 0%, #BFBF2D 100%) !important;
   background-image: -o-linear-gradient(120deg, #D8D858 0%, #BFBF2D 100%) !important;
   background-image: linear-gradient(120deg, #D8D858 0%, #BFBF2D 100%) !important;

   -webkit-box-shadow:  0px 0px 4px #BFBF2D !important;
   -moz-box-shadow:  0px 0px 4px #BFBF2D  !important;
   box-shadow:  0px 0px 4px #BFBF2D  !important;
}

/* Hintergrundfarben: blau */
.blue{
   background-image: -webkit-linear-gradient(120deg, #7FAEF4 0%, #6199ED 100%) !important;
   background-image: -moz-linear-gradient(120deg, #7FAEF4 0%, #6199ED 100%) !important;
   background-image: -o-linear-gradient(120deg, #7FAEF4 0%, #6199ED 100%) !important;
   background-image: linear-gradient(120deg, #7FAEF4 0%, #6199ED 100%) !important;

   -webkit-box-shadow:  0px 0px 4px #6199ED !important;
   -moz-box-shadow:  0px 0px 4px #6199ED  !important;
   box-shadow:  0px 0px 4px #6199ED  !important;
}

/* Hintergrundfarben: none */
.none{
   background-color:#FF00F6;

   -webkit-box-shadow:  0px 0px 4px #FF00F6 !important;
   -moz-box-shadow:  0px 0px 4px #FF00F6  !important;
   box-shadow:  0px 0px 4px #FF00F6 !important;
}