.site{
    position: absolute;

    width:100%;
    height:100%;

    background: #fedd69; /* for non-css3 browsers
    /* Opera  needs an "image" :( - using svg for this so it will scale properly without looking too ugly
background:  url(button.svg) 0 0 no-repeat; */
    background:  url(./../resources/images/gradient.svg) 0 0 no-repeat;
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#fdf4bd), to(#edb000));
    /* For Konqueror */
    background: -khtml-gradient(linear, left top, left bottom, from(#fdf4bd), to(#edb000));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top,  #fdf4bd,  #edb000);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdf4bd', endColorstr='#edb000');
    /* For Internet Explorer 8 */
    F-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdf4bd, endColorstr=#edb000)";

}

.whole{
    position:relative;
    width:800px;
    height:100%;
    left: 50%;
    margin-left: -400px;

    background: #fdf9e3;

    box-shadow:7px 15px 20px #333;
    -moz-box-shadow:7px 15px 20px #333;
    -webkit-box-shadow:4px 5px 20px #333;
}

.alignTop{
    vertical-align: top;
}

.top {
    clear: both;
    float: none;
    position: relative;

    height: 211px;
    width: 100%;

    border-bottom: solid black 1px;

    text-align: right;

    background-image: url(./../resources/images/header.png);
    background-repeat: no-repeat;
}

.middel{
    position: relative;
    float: none;
}

/* navi: */
.left {
    position: absolute;

    width: 160px;
    top: 0;
    bottom: 0;

    background-color: #EEE;
}

.content {
    position: absolute;
    left: 160px;
    width: 628px;  /*640 - 10padd-left*/
    top: 0;
    bottom: 0;

    padding-left:  10px;

    padding-top: 10px;

    border-left: solid 2px;
    border-color: #edb000;

/*     damit der footer nicht überdeckt wird*/
    margin-bottom: 50px;



    background: #f9f7f1; /* for non-css3 browsers
    /* Opera  needs an "image" :( - using svg for this so it will scale properly without looking too ugly*/
    background:  url(./../resources/images/grad_cont.svg) 0 0 no-repeat;
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#eae3cc), to(#fff));
    /* For Konqueror */
    background: -khtml-gradient(linear, left top, left bottom, from(#eae3cc), to(#fff));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top,  #eae3cc, #fff);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae3cc', endColorstr='#fff');
    /* For Internet Explorer 8 */
    F-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#eae3cc, endColorstr=#fff)";
}

.bottom {
    float: left;
    clear: both;
    position: relative;
    text-align: center;

    height:50px;
    width: 100%;
    /*top: 10px;*/
    left: 50%;
    margin-top: -50px;
    margin-left: -400px;

    background-color:#333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #cccccc;
    vertical-align: baseline;

    box-shadow:7px 15px 20px #333;
    -moz-box-shadow:7px 15px 20px #333;
    -webkit-box-shadow:4px 5px 20px #333;
}