/* Login Form Styles (FeLogin) */

#c2 {
    max-width: 300px;
    margin: 0 auto;
}

#c2 label {
    width: 100%;
}

#c2 input {
    width: 100%;
}

#c2 input[type="submit"] {
    max-width: 120px;
    margin: 0 auto;
}

#c2 h3, #c2 p {
    display: none;
}

#c2 form {
    margin: 20px;
    padding: 20px;
    border: 1px solid #ccc;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
}

#c2 legend {
    text-align: center;
}

/* Startseite */

.start {
    background-image: url("background-start.jpg");
    padding: 50px 0;
}

.inline-wraper.banner {
    display: none;
}

/* Styles timeshift */

.camera-single {
    max-width: 300px;
    float: left;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    position: relative;
    margin-right: 15px;
    margin-bottom: 15px;
}

.image-link {
    cursor: pointer;
}

.camera-single span.active {
    width: 10px;
    height: 10px;
    top: 12px;
    right: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    position: absolute;
}

.camera-single span.active.green{
    background-color: #3a945b;
}

.camera-single span.active.red{
    background-color: #cf2a0e;
}

.camera-single .tx-enc-timeshift {
    display: block;
    width: auto;
}

.camera-single p {
    padding-top: 0px;
    Margin: 0;
}

.camera-single img {
    display: block;
    width: 100%;
}

.camera-viewer {
    width: 100%;
    display:block;
}

.camera-viewer .sidebar{
    width: 33%;
    display:block;
    background-color: #869791;
    float: left;
}

.camera-viewer .sidebar .date{
    width: 100%;
    display:block;
    background-color: #1ccacd;
}

.camera-viewer .image{
    width: 66%;
    display: block;
    float: right;
}

.camera-viewer .image img{
    width: 100%;
    display: block;
}

.stamp hr, .no-stamp hr {
    margin-top: 2px;
    margin-bottom: 2px;
}

.stamp, .no-stamp {
    padding: 0 5px;
}

.camera-daily-viewer .stamp, .camera-daily-viewer .no-stamp {
    width: 15%;
    float: left;
}

.camera-daily-viewer .stamp img, .camera-daily-viewer .no-stamp img {
    width: 100%;
    height: auto;
    display: inline-block;
}

.camera-single.doublepicture {
    max-width: 600px;
}

.camera-single .img {
    max-height: 185px;
    overflow: hidden;
}

.camera-single p {
    padding: 0px;
}

.camera-daily-viewer .stamp.doublepicture, .camera-daily-viewer .no-stamp.doublepicture {
    width: 30%;
    float: left;
}