/* 
    Document   : layout
    Created on : 10.10.2009, 15:31:25
    Author     : tim niggemann
    Description:
        Form up the layout
*/

#page {
    width: 840px;
    height: 590px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    background-color: #FFFFFF;
    padding: 20px 30px;
}

#content {
    width: 840px;
    height: 485px;
    clear: both;
    margin: 10px 0;
}

#footer, #navigation, #logo {
    width: 840px;
    height: 45px;
}

#header, #title, #search-box {
    width: 840px;
    height: 30px;
}

#title, #navigation {
    width: 705px;
    float: left;
}
#search-box, #logo {
    width: 135px;
    margin: 0 0 0 705px;
    text-align: right;
}

#content > .node {
    width: 840px;
    height: 485px;
    overflow: hidden;
}

.node-picture {
    width: 840px;
    height: 485px;
    background: #F2F2F2;
}

.node-inner {
    background-color: black;
    width: 194px;
    height: 485px;
    margin-left: 640px;
    padding: 0 3px;
    overflow: hidden;
    position: relative;
    top: -485px;
}

.node-content {
    padding: 0 7px;
    width: 180px;
}

.search-result {
    width: 420px;
    float: left;
    margin: 10px 0;
}

.search-result > .item-image {
    width: 210px;
    float: left;
}

.search-result > .item-details {
    width: 200px;
    margin-left: 210px;
    vertical-align: bottom;
}