/* general mediaserver stylesheet - DO NOT MODIFY THIS FILE! */
body,html {
    min-height:100%;
    margin:0;
    padding:0;
}
body {
    font-family:Verdana,Helvetica,Arial,sans-serif;
    font-size:12px;
    background-color:#eee;
    background-image:url(../img/bg.jpg);
}
a {
    color:#c00000;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
#header {
    padding:10px;
    margin:5px;
    background-color:#fff;
    margin-bottom:10px;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.imagecontainer {
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align:center;
    background-color:#fff;
    padding:10px;
    margin:5px;
    position:relative;
}
.mainimage {
    width:100%;
    overflow:hidden;
}
.outtercol .mainimage {
    padding-bottom:103%;
    height:0;
    background-image: url(../img/ajax-loader.gif);
    background-position: center center;
    background-repeat: no-repeat;
}
.outerrow .mainimage {
    background-image: url(../img/ajax-loader.gif);
    background-position: 15px center;
    background-repeat: no-repeat;
    height:50px;
}
.outerrow {
    clear:both;
    position:relative;
}
.outerrow .mainimage {
    width:50px;
    float:left;
    margin-right:10px;
}
.outerrow table {
    display: block;
    width: 300px;
    float: left;
}

b {
    font-size:14px;
    display:block;
    margin-bottom:5px;
}

.imagecontainer > div > a > img, .outtercol .news img {
    /*
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
    */
    width:100%;
}
.outerrow .news img {
    float:right;
    margin-left:15px;
}

.news small {
    display:block;
    padding-bottom:5px;
}

#folders {
    color:#888;
    text-align:left;
}
#folders b {
    color:#000;
}
.folderkachel, .news {
    padding:10px;
    margin:5px;
    background-color:#fff;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow:hidden;
}

.folderkachel.withthumbbar {
    height:70px;
}

.outerrow .folderkachel {
    height:auto;
}

.folderkachel span.stats {
    display:block;
    position: absolute;
    right: 15px;
    top: auto;
    bottom:16px;
    background-color: white;
    padding-left: 5px;
}
.outerrow .folderkachel span.stats {
    top: auto;
    bottom: 11px;
}
#folderpath {
    padding:10px;
    margin:5px;
    background-color:#fff;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#footer {
    height:5px;
    padding:10px;
    margin:5px;
    clear:both;
}
#files {
    font-size:11px;
}
table td {
    text-align:left;
}
#files table td {
    vertical-align: top;
}
div#filter {
    float:right;
}
div#filter input {
    position: relative;
    top: 2px;
}

img.thumb {
    margin-top:10px;
    margin-right:11px;
}

div.clear {
    clear:both;
}
div.clearleft {
    clear:left;
}
div.clearright {
    clear:right;
}
.thumbbar {
    overflow: hidden;
    height: 60px;
    width: 96%;
}
#files .thumbbar {
    position:absolute;
    bottom:80px;
    background-color:#fff;
}
.outtercol {
    position:relative;
    width:100%;
    float:left;
}

.editicon {
    position:absolute;
    z-index:20;
    top:15px;
    right:15px;
    cursor:pointer;
}

div#view {
    float:right;
    text-align:right;
    position:relative;
    top:-2px;
    margin-left:15px;
}
div#view .active img {
    border: 1px solid #888;
}
div#view .inactive img {
    border: 1px solid #fff;
}

span.ampel, span.ampel2 {
    display:block;
    width:10px;
    height:10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color:#888;
    float: left;
    margin-right: 5px;
    position: relative;
    top: 3px;
}
span.ampel.grey { background-color:#888; }
span.ampel.green { background-color:green; }
span.ampel.yellow { background-color:rgb(211, 160, 0); }
span.ampel.red { background-color:red; }

.fancybox-title-float-wrap .child {
    line-height: 16px !important;
}

#adminLogin {
    position:absolute;
    width:65px;
    height:20px;
    top:10px;
    right:10px;
    font-size:12px;
    line-height:15px;
    color:#000099;
    background-image:url(../img/loginicon.png);
    background-repeat:no-repeat;
    padding-left:20px;
    cursor:pointer;
}

label {
    display:inline-block;
    width:150px;
}
form input[type=radio] {
    float:none;
}

/* icon sprite */

.icon {
    display: block;
    float: left;
    position: relative;
    top: -1px;
    margin-right: 2px;
    width: 16px;
    height: 16px;
    background-image: url(../img/icon_list.gif);
    background-position: -7px -214px;
}
.icon-ASF { background-position:-28px -10px; }
.icon-ASP { background-position:-28px -26px; }
.icon-AU  { background-position:-28px -42px; }
.icon-AVI { background-position:-28px -58px; }
.icon-BAT { background-position:-28px -74px; }
.icon-BMP { background-position:-28px -90px; }
.icon-CFM { background-position:-28px -106px; }
.icon-CGI { background-position:-28px -122px; }
.icon-DOC { background-position:-28px -138px; }
.icon-EXE { background-position:-28px -154px; }
.icon-GIF { background-position:-28px -170px; }
.icon-HTM { background-position:-28px -186px; }

.icon-HTML{ background-position:-123px -9px; }
.icon-INF { background-position:-123px -25px; }
.icon-JAR { background-position:-123px -41px; }
.icon-JPG { background-position:-123px -57px; }
.icon-MDB { background-position:-123px -73px; }
.icon-MID { background-position:-123px -89px; }
.icon-MP3 { background-position:-123px -105px; }
.icon-MPG { background-position:-123px -121px; }
.icon-MXI { background-position:-123px -137px; }
.icon-MXP { background-position:-123px -153px; }
.icon-PDF { background-position:-123px -169px; }
.icon-PHP { background-position:-123px -185px; }

.icon-PNG { background-position:-222px -8px; }
.icon-PPT { background-position:-222px -24px; }
.icon-QT, .icon-MOV { background-position:-222px -40px; }
.icon-RTF { background-position:-222px -56px; }
.icon-SIT { background-position:-222px -72px; }
.icon-SWF { background-position:-222px -88px; }
.icon-TXT { background-position:-222px -104px; }
.icon-WAV { background-position:-222px -120px; }
.icon-WMA { background-position:-222px -136px; }
.icon-WMV { background-position:-222px -152px; }
.icon-XLS { background-position:-222px -168px; }
.icon-ZIP { background-position:-222px -184px; }

.icon-ZIP { background-position:-322px -10px; }
.icon-EPS { background-position:-322px -26px; }
.icon-MP4 { background-position:-322px -42px; }
.icon-EXE { background-position:-322px -58px; }
.icon-PDF { background-position:-322px -74px; }
.icon-PSD { background-position:-322px -90px; }
.icon-AI  { background-position:-322px -106px; }
.icon-TIF { background-position:-322px -122px; }
.icon-HTML { background-position:-322px -138px; }
.icon-JS { background-position:-322px -154px; }
.icon-CSS { background-position:-322px -170px; }
.icon-GIF { background-position:-322px -186px; }
.icon-JPG, .icon-JPEG { background-position:-322px -202px; }

.morenews6, .morenews5, .morenews4, .morenews3 {
    display:none;
}


@media (min-width: 1800px) {
    .outtercol {
        width:16.666666666666%;
    }

}
@media (min-width: 1500px) and (max-width: 1800px) {
    .outtercol {
        width:20%;
    }
    .news6 {
        display:none;
    }
    .morenews6 {
        display:block;
    }

}
@media (min-width: 1200px) and (max-width: 1500px) {
    .outtercol {
        width:25%;
    }
    .news5, .news6 {
        display:none;
    }
    .morenews5, .morenews6 {
        display:block;
    }
}
@media (min-width: 900px) and (max-width: 1200px) {
    .outtercol {
        width:33.333333333333%;
    }
    .news4, .news5, .news6 {
        display:none;
    }
    .morenews4, .morenews5, .morenews6 {
        display:block;
    }
}
@media (min-width: 600px) and (max-width: 900px) {
    .outtercol {
        width:50%;
    }
    .news3, .news4, .news5, .news6 {
        display:none;
    }
    .morenews3, .morenews4, .morenews5, .morenews6 {
        display:block;
    }
}