/*css für Berichte
  hst 22.08.15
*/

/*Beginn style für Bericht.aspx*/
.imgBericht
{
    float:left;
    margin: 3px 15px 5px 5px;
}

.Berichtslink{
    max-width: 300px;
    overflow: hidden;
    float:left;
    white-space:nowrap;
    text-overflow: ellipsis;
}

.clear
{
    clear:both;
}

.titBericht {
    /*display:inline-block;*/
    padding-top: 0px;
    margin-top: 0px;
    font-weight: bolder;
    font-size: 1.5em;
    font-family: UniversLTStd-Bold;
}


a.morelink {
    text-decoration: none;
    outline: none;
    display: block;
    font-family: UniversLTStd;
}
.morecontent span {
    display: none;
}
.comment {
    width: 44%;
    float: left;
    min-height: 180px;
    background-color: #f0f0f0;
    margin: 10px 3% 10px 1%;
    padding: 1% 1% 1% 1%;
    list-style: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}

a.cssBLink:link, a.cssBLink:visited {
    display: block;
    font-weight: bold;
    color: #ffffff;
    background-color: #999;
    width: 120px;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
    font-family: 2Dumb;
}

/*a.cssBLink:hover
{
    background-color: #858585;
}

a.cssArchiv:link, a.cssArchiv:visited {
    float: right;
    display: block;
    font-weight: bold;
    color: #ffffff;
    background-color: #999;
    width: 120px;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    margin-bottom: 8px;
    margin-right: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
    font-family: MyRobiFont;
}

a.cssArchiv:hover
{
    background-color: #858585;
}*/
/*Ende style für Bericht.aspx*/

/*CssScript für grosses Bild bei Mouse Hover*/
@media screen and (min-width: 580px) {
    #preview {
        position: fixed;
        /*border:3px solid transparent;/*#ccc;*/
        background: transparent; /*#333;*/
        /*padding:5px;*/
        display: none;
        color: transparent;
        /*color:#fff;*/
        /*box-shadow: 4px 4px 3px rgba(103, 115, 130, 1);*/
    }
}

@media screen and (max-width: 580px) {
    .comment {
        width: 94%;
        padding: 1% 1% 1% 1%;
    }
}