/* P3 CSS Document */

#videoElement {
    width: 600px;
    height: 400px;
    background-color: #666;
}

#container {
    margin: 0px auto;
    width: 500px;
    height: 375px;
}

#cams{

}

body {

    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    background-color: lightgrey;
    background-repeat:no-repeat;
}

#wrapper {
    width:1200px;
    margin:auto;
    text-align:center;
}

#header {
    float:left;
    width:1200px;
    height:170px;
    background-color:white;
}

#topnavi {
    display:inline;
    float:left;
    width:1200px;
    height:28px;
    background-image:url('img/bg_topnavi.jpg');
    background-size: cover;
}

#topnavi ul {
    display:inline;
    list-style-type:none;
}

#topnavi ul li {
    float:left;
    height:28px;
    background-image:url('img/button_topnavi_norm.jpg');
    background-repeat:no-repeat;
    background-size: cover;
    line-height:30px;
}

#topnavi ul li.selected {
    float:left;
    height:28px;
    text-decoration:underline;
    line-height:30px;
}

#topnavi ul li a {
    line-height:30px;
    color:#8d8d8d;
    font-size:12px;
    font-weight:bold;
    font-family:Verdana, sans-serif;
    text-decoration:none;
    padding-left:30px;
    padding-right:30px;
}

#topnavi ul li a:hover {
    line-height:30px;
    color:#8d8d8d;
    font-size:12px;
    font-weight:bold;
    font-family:Verdana, sans-serif;
    text-decoration:underline;
    padding-left:30px;
    padding-right:30px;
}

#topnavi ul li.selected a {
    line-height:30px;
    color:#757575;
    font-size:12px;
    font-weight:bold;
    font-family:Verdana, sans-serif;
    text-decoration:none;
    padding-left:30px;
    padding-right:30px;
}

#topnavi ul li.selected a:hover {
    line-height:30px;
    color:#757575;
    font-size:12px;
    font-weight:bold;
    font-family:Verdana, sans-serif;
    text-decoration:underline;
    padding-left:30px;
    padding-right:30px;
}

#bodybox {
    float:left;
    width:1200px;
    background-color: white;
}

#subnavi {
    display:inline;
    float:left;
    width:220px;
    margin-left:6px;
    margin-top:10px;
    padding-bottom:10px;
}

#subnavi ul {
    list-style-type:none;
    padding:0px;
    margin:0px;
}

#subnavi ul li {
    height:40px;
    line-height:30px;
    margin-left:60px;
    width:180px;
}

#subnavi ul li a {
    font-family:Verdana, sans-serif;
    font-size:14px;
    color:grey;
    text-decoration:none;
    padding-left:10px;
}

#subnavi ul li a:hover {
    font-family:Verdana, sans-serif;
    font-size:14px;
    color:pink;
    text-decoration:underline;
    padding-left:10px;
}

#subnavi ul li a.selected {
    font-family:Verdana, sans-serif;
    font-size:14px;
    color:blue;
    text-decoration:none;
    padding-left:10px;
}

#subnavi ul li a.selected:hover {
    font-family:Verdana, sans-serif;
    font-size:11px;
    color:grey;
    text-decoration:underline;
    padding-left:10px;
}

#content {
    display:inline;
    float:left;
    width:800px;
    margin-right:20px;
    margin-left:20px;
    margin-top:20px;
    padding-bottom:10px;
}

#footer {
    display:inline;
    float:left;
    width:1200px;
    height:50px;
    background-image:url('img/bg_footer.jpg');
    background-size: cover;
    text-align:center;
}

#footer p {
    margin:6px;
    padding:0px;
    line-height:45px;
    font-size:10px;
    font-family:Arial, Helvetica, sans-serif;
    color:#aaaaaa;
}

div.spacing1 {
    margin-left:20px;
    margin-right:20px;
}

.thumbnail {
    width: 320px;
    height: 240px;
}

.image {
    width: 100%;
    height: 100%;
}

#room {
    text-align: center;
}

#user {
    text-align: center;

}

#adminnavi {
    text-align: left;
}

#adminspace {
    text-align: center;
}

input[type=text] {
    width: 15em;
    padding: 10px 15px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=password] {
    width: 15em;
    padding: 10px 15px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

#logs {

}