@import url(form.css);

* {
    margin: 0;
    padding: 0;
}

html {
    width: 100%;
    height: 100%;
}

body {
    background: url(../img/bg_body.png) repeat-x #c90200;
    color: #fff;
    font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size: 0.75em;
    height: 100%;
    width: 100%;
}

a { color: #fff; }

h2 { font-size: 1.2em; }

h3 {
    color: #fe0000;
    font-size: 1.1em;
    margin: 12px 0 0 0;
}

p, li { line-height: 140%; }

p { margin: 8px 0 0 0; }

ul {
    margin: 8px 0 0 0;
    padding: 0 0 0 20px;
}

ol {
    margin: 8px 0 0 0;
    padding: 0 0 0 25px;
}


/* ————————————————————————————————————————————————————————————————————————— */
/* Seitenraster */

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

#page { width: 1000px; }

#col_sidebar {
    background: url(../img/bg_logo.png) no-repeat;
    float: left;
    padding: 390px 0 0 228px;
    position: relative;
    width: 212px;
}

#col_content {
    background: url(../img/bg_content.png) repeat-x #460100;
    float: left;
    margin: 45px 0 0 0;
    width: 550px;
}


/* ————————————————————————————————————————————————————————————————————————— */
/* Formatierung Sidebar-Content */

#col_sidebar ul {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}

#col_sidebar ul li { line-height: 100%; margin: 0 10px 4px 45px; }

#col_sidebar ul li a {
    color: #efe6e6;
    display: block;
    padding: .2em .5em;
    text-decoration: none;
}

#col_sidebar #nav_shopfunctions {
    background: url(../img/bg_linien.png) left bottom no-repeat;
    padding-bottom: 80px;
}

#col_sidebar #nav_shopfunctions a { background-color: #7e0000; }
#col_sidebar #nav_shopfunctions a:hover { background-color: #500000; }

#col_sidebar #nav_informations a { background-color: #960100; }
#col_sidebar #nav_informations a:hover { background-color: #500000; }

#col_sidebar #box_admin {
    background-color: #7e0000;
    left: 20px;
    padding: 10px;
    position: absolute;
    top: 390px;
}


/* ————————————————————————————————————————————————————————————————————————— */
/* Formatierung Content-Bereich: Allgemein // index.html */

#product_selection {
    background-color: #7e0000;
    float: left;
    height: 110px;
    margin: 20px 1px 15px 20px;
    padding: 10px;
    width: 230px;
}

#box_cart {
    background-color: #7e0000;
    float: left;
    height: 110px;
    margin: 20px 0 15px 0;
    padding: 10px;
    width: 240px;
}

#box_cart h2 { font-size: 1.0em; }

#nav_trail { clear: both; margin: 0 30px 0 30px; min-height: 25px; }

#main_content {
    background: url(../img/bg_claim.png) right bottom no-repeat;
    color: #000;
    margin: 0 20px 20px 20px;
    min-height: 450px;
    padding: 0 0 40px 0;
}

#main_content a { color: #000; }


/* ————————————————————————————————————————————————————————————————————————— */
/* Formatierung Module: Content */

#mod_content {
    background-color: #fff;
    padding: 10px;
}

.col_left {
    float: left;
    width: 240px;
}

.col_right {
    float: right;
    width: 230px;
}