@import "menu.css";

/* COMMON */
html, body, center {
    background: white;
    padding:    0;
    margin:     0;
    height:     100%;
}

div.main-body#outer {
    width:          956px;
    margin-left:    auto;
    margin-right:   auto;

    min-height: 100%;
    height:     auto !important;
    height:     100%;

    background-image:  url(../images/bg/common.jpg);
    background-repeat: repeat-y;
}

/* HEADER */
div.main-body#header {
    overflow:       hidden;
    margin-left:    263px;
    height:         211px;

    background-image: url(../images/bg/header.jpg);
}

/* MENU */
div.main-body#menu {
    overflow:   hidden;
    float:      left;
    width:      263px;
    height:     960px;
    padding:    0;
    margin-top: -211px;

    background-image: url(../images/bg/menu.jpg);
}

/* CONTENT */
div.main-body#content {
    overflow:       hidden;
    margin-left:    263px;
    height:         734px;
}

div.main-body#content div.list div#items {
    margin-top:   50px;
    width:        590px;
    height:       385px;
    overflow:     hidden;
}

div.main-body#content div.list div#items a {
    display:         block;
    text-decoration: none; 
    float:           left;
    width:           90px;
    height:          90px;
}

div.main-body#content div.list div img {
    border: none;
}

div.books {
    background-image: url(../images/bg/books.jpg);
}

div.cards {
    background-image: url(../images/bg/cards.jpg);
}

div.cartoons {
    background-image: url(../images/bg/cartoons.jpg);
}

div.com {
    background-image: url(../images/bg/com.jpg);
}

div.cover {
    background-image: url(../images/bg/cover.jpg);
}

div.gamedesign {
    background-image: url(../images/bg/gamedesign.jpg);
}

div.image {
    background-image: url(../images/bg/image.jpg);
}

div.image img {
    margin-left: -35px;
}

div.links {
    background-image: url(../images/bg/image.jpg);
}

div.logos {
    background-image: url(../images/bg/logos.jpg);
}

div.products {
    background-image: url(../images/bg/product.jpg);
}

/* PAGER */
div#pager {
    width:         204px;
    height:        17px;
    padding-top:   10px;
    margin-top:    25px;
    margin-left:  -35px;
}

div#pager a#overview {
    background-repeat: no-repeat;
    display:           block;
    text-decoration:   none; 
    width:             126px;
    height:            17px;
    margin:            0 5px;
    float:             left;
}

div#pager a#overview:link    { background-image:url(../images/pager/uebersicht.jpg); }
div#pager a#overview:visited { background-image:url(../images/pager/uebersicht.jpg); }
div#pager a#overview:hover   { background-image:url(../images/pager/uebersicht_b.jpg); }
div#pager a#overview:active  { background-image:url(../images/pager/uebersicht.jpg); }

div#pager a#forward {
    display:         block;
    text-decoration: none; 
    width:           34px;
    height:          17px;
    float:           left;
}

div#pager a#forward:link    { background-image:url(../images/pager/forward.jpg); }
div#pager a#forward:visited { background-image:url(../images/pager/forward.jpg); }
div#pager a#forward:hover   { background-image:url(../images/pager/forward_b.jpg); }
div#pager a#forward:active  { background-image:url(../images/pager/forward.jpg); }

div#pager a#backward {
    display:         block;
    text-decoration: none; 
    width:           34px;
    height:          17px;
    float:           left;
}

div#pager a#backward:link    { background-image:url(../images/pager/back.jpg); }
div#pager a#backward:visited { background-image:url(../images/pager/back.jpg); }
div#pager a#backward:hover   { background-image:url(../images/pager/back_b.jpg); }
div#pager a#backward:active  { background-image:url(../images/pager/back.jpg); }

div#pager div#deadlink {
    width:           34px;
    height:          17px;
    float:           left;
}

/* FOOTER */
div.main-body#footer {
}