/* Carizma CSS */

* {
    margin: 0;
}

body, html {
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-family: Garamond, serif;
    font-size: 9pt;
    color: #000;
}

img { border: 0; }

p, h1, h2 {
    line-height: 1.35em;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#everything {
    background-color: #fff;
    padding: 0;
    width: 800px;
    margin: 94px 0 0 100px;
}

#boxes {
    position: relative;
    height: 400px;
    width: 800px;
}

/* All boxes */
#box-1-1, #box-2-1, #box-3-1, #box-4-1, #box-1-2, #box-2-2, #box-3-2, #box-4-2 {
    position: absolute;
    border: 0;
    padding: 0;
    margin: 0;
    width: 200px;
    height: 200px;
}

/* Boxes grouped by X-coordinate */
#box-1-1, #box-1-2 { left: 0px; }
#box-2-1, #box-2-2 { left: 200px; }
#box-3-1, #box-3-2 { left: 400px; }
#box-4-1, #box-4-2 { left: 600px; }

/* Grouped by Y-coord */
#box-1-1, #box-2-1, #box-3-1, #box-4-1 { top: 0px; }
#box-1-2, #box-2-2, #box-3-2, #box-4-2 { top: 200px; }

/* Box with related info (box to the bottom right) */
#box-related {
    position: absolute;
    top: 200px;
    left: 400px;
    border: 0;
    padding: 0;
    width: 400px;
    height: 200px;
    background-color: #592445;
    color: #fff;
    overflow: hidden;
}

#box-related #related-content {
    padding: 29px 36px;
}

#box-related a {
    color: #fff;
    text-decoration: none;
}

#box-related a:hover {
    text-decoration: underline;
}

#box-content {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    padding: 0;
    width: 400px;
    height: 400px;
    background-color: #fff;
    overflow: auto;
}

#content {
    margin: 0;
    padding: 11px 40px 11px 5px;
}


/* MENU list */
ul#menu {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ul#menu li {
    display: inline;
    padding: 0 10px 0 6px;
    margin: 0px;
}

ul#menu li a img {
    padding: 0 0 3px 0;
    padding-bottom: 3px;
    border-bottom: 1px solid #fff;
}

ul#menu li.selected a img, ul#menu li a:hover img {
    border-bottom: 1px solid #808080;
}

/* SUBMENU list */
ul#submenu {
    padding: 0;
    margin: 5px 0 15px 0;
    list-style-type: none;
}

ul#submenu li {
    display: inline;
    padding: 0;
    margin: 0;
}

ul#submenu li a {
    /*padding: 0 10px 0 4px;*/
    padding: 0 0 1px 0;
    margin: 0 10px 0 4px;
    font-family: Garamond, serif;
    font-weight: normal;
    font-size: 9pt;
    color: #000;
    text-decoration: none;
}

ul#submenu li a:hover, ul#submenu li.selected a {
    /*text-decoration: underline;*/
    border-bottom: 1px solid #808080;
}

#footer {
    position: relative;
    margin: 0;
    padding: 56px 0 0 10px;
    text-align: right;
}

#footer p {
    position: absolute;
    margin: 0;
    padding: 0;
    left: 0;
    bottom: 0;
}

#footer img {
    position: absolute;
    right: 0;
    bottom: 0;
}

p {
    margin: 2px 0 5px 0;
}

h2 {
    margin: 20px 0 0 0;
    font-size: 12pt;
    font-weight: normal;
}

#content h2:first-child, #content h2.first-child, #related-content h2:first-child, #related-content h2.first-child, .products h2 {
    margin-top: 0;
}

h2 span.newsdate {
    font-size: 0.7em;
    color: #555;
}

/* Product pages under "Stil" */

#boxes div.producttext-left, #boxes div.producttext-right {
    background-color: #592445;
    color: #fff;
    padding: 66px 32px 0 32px;
    overflow: hidden;
}

html>body #boxes div.producttext-left, html>body #boxes div.producttext-right {
    width: 136px;
    height: 134px; /* due to padding */
}

div.producttext-left {
    background-image: url(/media/images/arrowright.gif);
    background-repeat: no-repeat;
    background-position: center right;
    text-align: right;
}

div.producttext-right {
    background-image: url(/media/images/arrowleft.gif);
    background-repeat: no-repeat;
    background-position: center left;
    text-align: left;
}

table#brandtable {
    width: 100%;
    margin: 0;
    padding: 0;
}