@charset "utf-8";
/* CSS Document */

body {
        background-color: #eee;
        font-size: 12px;
        color:#564b47;
        padding:20px;
        margin:0px;
        text-align: center;
        font-family:Arial, Helvetica, sans-serif;
}
a {
        text-decoration: none;
        color:#333333;
}
a:hover {
        text-decoration: underline;
        color:#eb0e0e;
}
#inhalt {
        text-align: left;
        vertical-align: middle;
        margin: 0px auto;
        width: 950px;
        height: 755px;
        padding: 39px 41px 0 39px;
        background-color: #eee;
        background-image: url(../Bilder/background.jpg);
        background-repeat:no-repeat;
}
#logo {
        display: inline-block;
        float: left;
        width: 867px;
        padding: 2px;
        margin: 0px 0px 2px px;
        font-size: 10px;
        color: #333333;
        text-align: right;
}
.navi {
        display: inline-block;
        float: left;
        background: #ccc;
        width: 867px;
        padding: 2px;
        margin: 2px 0px 2px 0px;
}
a.na {
        font-size: 16px;
        text-decoration: none;
        color: #666;
        font-weight: bold;
        letter-spacing: -1px;
}
a.na:hover {
        color: #eee;
}
.navi:hover {
        background: #555;
        color: #eee;
}
.navi_on {
        display: block;
        float: left;
        background: #555;
        width: 861px;
        padding:  2px 5px;
        margin: 2px 0 2px 0px;
        text-align: left;
        color: #eee;
}
#home {
}
.contentbox {
        display: block;
        float: left;
        width: 871px;
        padding: 0;
        margin: 2px 0px;
        height: 410px;
}
#titelbar {
        display: block;
        float: left;
        background: #eb0e0e;
        width: 867px;
        padding: 2px;
        height: 118px;
        text-align: right;
}
#content {
        display: block;
        float: left;
        width: 871px;
        margin: 0px 0 0 0;
        height: 280px;
        overflow: hidden;
}
#crew {
}
#box_left {
        display: block;
        float: left;
        width: 305px;
        margin: 0 5px 0 0;
}
#box_bild {
        display: block;
        float: left;
        width: 561px;
}
dl {
        margin: 3px 0 0 5px;
        padding: 0px;
}
dt {
        margin: 0 0 0 5px;
        padding: 0;
        font-weight: bold;
        text-transform: uppercase;
        color: #777;
}
dd {
        margin: 2px 0 5px 5px;
        padding: 0;
        font-size: 10px;
}
#referenzen {
}
#kontakt {
}
#footer {
        display: inline-block;
        float: left;
        width: 867px;
        padding: 2px;
        margin: 55px 0px 2px 0px;
        text-align: right;
        font-size: 9px;
        color: #666;
        text-transform:uppercase;
}
td.data:hover {
        background: #F7F7F7;
}
.grey_square {
        border: 1px solid #CCC;
        width: 80px;
        height:80px;
        display: block;
        margin: 1px;
}
ul.gallery {
        list-style: none;
        margin: 0 0 10px 0;
}
ul.gallery li {
        display: block;
        float: left;
        margin: 0 5px 0 0;
}
ul.gallery li a {
        padding: 2px;
        display: block;
        border: 2px #fff solid;
        line-height: 0;
}
ul.gallery li a:hover {
        border: 2px #900 solid;
}
/* ------------------------------------------------------------------------
        Miscellaneous
------------------------------------------------------------------------- */

        .clearfix:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        .clearfix {display: inline-block;}

        /* Hides from IE-mac \*/
        * html .clearfix {height: 1%;}
        .clearfix {display: block;}
        /* End hide from IE-mac */

#ref_text ul{
        list-style: none;
        }
#ref_text li{
        display: block;
        float: left;
        height: 70px;
        width: 120px;
        border: 1px solid #c0c0c0;
        margin: 3px;
        text-align: center;
        padding-top:50px;}