.traceWindow {
    background-color: black;
    color: white;
    float: right;
    font-family: Arial;
    font-size: 9px;
    height: 205px;
    margin: 0 5px 5px 0;
    overflow: hidden;
}
.client {
    width: 325px;
}
.device {
    margin: 0 0 5px;
    width: 100%;
}
#configDevice {
    background-color: gray;
    border: 1px solid white;
    height: 21px;
    margin: 2px 3px 1px 1px;
    padding: 1px;
}
.configIcon{
    float: right;
    height:22px;
    width: 22px;
}
#selectDevices {
    background-color: gray;
    float: left;
    margin-bottom: 10px;
    width: 390px;
}
.deviceTree {
    border: 0 solid white;
    float: left;
    font-size: 18px;
    padding: 1px;
}
.deviceState {
    border: 1px solid white;
    float: left;
    height: 20px;
    padding: 1px;
}
.hostName {
    border: 1px solid white;
    float: left;
    height: 20px;
    margin-left: 2px;
    padding: 1px;
    width: 232px;
}
.editDevice {
    border: 1px solid white;
    float: right;
    height: 20px;
    margin-left: 2px;
    padding: 1px;
}
.calibrateDevice {
    border: 1px solid white;
    float: right;
    height: 20px;
    margin-left: 2px;
    padding: 1px;
}
.traceDevice {
    border: 1px solid white;
    float: right;
    height: 20px;
    margin-left: 2px;
    padding: 1px;
}
.onlineState {
    background-image: url("icons/sender.png");
    background-repeat: no-repeat;
    background-size: 37px 19px;
    float: right;
    height: 20px;
    width: 20px;
}
.on {
    background-position: 1px 0;
}
.off {
    background-position: -18px 0;
}
.ui-dialog button.delete {
    background: orange none repeat scroll 0 0;
}
.ui-dialog button.change {
    background: green none repeat scroll 0 0;
}
#debugArea {
    background: gray none repeat scroll 0 0;
    float: right;
    padding: 5px;
    width: 100%;
}
#debugInput {
}
#debugModeClient {
    float: right;
    margin-right: 2px;
}
#actionButtons {
    float: left;
    width: 165px;
}
#debugControl {
    float: right;
}
.AB {
    float: left;
    border: solid 1px white;
    width: 75px;
    margin: 1px;
    padding: 1px;
    text-align: center;
    background: lightgray;
}
#picCalibration {
    float: left;
    width: 350px;
}
#picCalibration img {
    height: 260px;
    margin: 2px 5px 0px 0px;
}
#runSocket {
    width: 150px;
    text-align: center;
    outline: white;
    outline-width: 1px;
    outline-style: solid;
    padding: 3px;
    margin: 5px;
}
#debugModeClient {
    float: left;
    margin-left: 4px;
    width: 158px;
}
span.tab{    
    padding: 0px 110px ;
    font-size: 40px;
}
.indexPicture{

}
.indexPicturePlace{
    float:left;
    width:180px;
    margin: 5px 0px 0 0px;
    text-align: center;
    display: block;
    background-image: url("../stylesheets/blog.png");
    padding: 6px 0 3px 0px;
}
.clipDescription{
    float: left;
    width: 535px;
    text-align: justify;
    padding: 0 0px 10px 5px;
    margin: 5px 0 0 0px;
}
.clip{
    list-style-type: none;
}
#clipList{
    width:720px;
    margin-bottom: 10px;
}
#clipInfo{
    background-image: url("../stylesheets/blog.png");
    float: left;
    font-size: 10px;
    width: 720px;
    text-align: left;
}
.itemInfo{
    border-left: 1px solid #c5c877;
    float: left;
    padding: 5px;
}
.infoclipfooter
{
    color: #8A9115;
    font: 70% georgia, times, "times new roman", serif;
    border-left: 1px solid #C5C877;
    position: relative;
    padding: 0px 5px 0px 5px;
    float: left;
}
.infofooter{
    color: #8A9115;
    background-image: url("../stylesheets/blog.png");
    height: 16px;
    width: 720px;
    position: relative;
    float: left; 
    margin: 5px 0 0 0;  
}
.projectItem{
    text-align: left;
    width: 100px;
    display:block;
}
#navigateProject{
    float: none;
    width: 130px;    
}
#auswahlProjects{
    width: 130px;
    float: left;    
}
#editProject{
    float:right;
}
#deDescription{
    margin: 0 0 0 80px;  
}
#enDescription{
    margin: 0 0 0 100px;    
}
#startScreen {
    width: 706px;
    height: auto;
    text-align: center;
}
#headline{
    text-align: center;
    padding: 5px 0 5px 0 ;
    margin: 0px 0 5px 0;
}
.online{
    background-image: url("../stylesheets/blog.png");
}
.noDescription {
    margin: 37px 0px 0px 0px ;
}