body, html
{
    color:              #333333;
    background-color:   #666600;
    font-family:        verdana,arial,helvetica,sans-serif;
    padding:            0;
    font-size:          1em;
    margin-top:         0;
    margin-left:        auto;
    margin-right:       auto;
    margin-bottom:      0;
    height:             100%;

}

#container
{
    padding:            8px;
    margin-left:    auto;
    margin-right:       auto;
    width:              61em;

}

/* HEADER */
.balken
{
    width:              960px;
    background-color:   #550000;
    border:             none;
    color:              #FFFFFF;
    padding:            5px 7px;
    font-size:          0.8em;
}

.balken p
{
    margin:             0;
    padding:            0;
}

#top_balken
{
    width:              974px;
    height:             10px;
    padding:            0;
}

.logo_box
{
    width:              974px;
    background-color:   #FFBA10; 
    background-image:   url(../images/design/berlinguitars_logo_background.gif);
    background-repeat:  repeat-x;
    background-position: top 5px;
    margin:             0;
    padding:            0;
    border:             none;
    margin:             0;
    padding:            0;
}

.logo_box img
{
    border:             none;
}
/* / HEADER */

/* CONTENT */
#content
{
    width:              974px;
    background-image:   url(../images/design/bg_content.gif);
    background-repeat:  repeat-y;
    float:              left;
}

/* NAVIGATION */
#navigation
{
    width:              165px;
    padding:            10px 10px;
    background-color:   #FFFFAA;
    float:              left;
}

#navigation ul
{
    color:              #333333;
    list-style:         none;
    padding:            0;
    margin:             0;
}

#navigation ul.cats
{
    font-size:          0.7em;
    font-weight:        bold;
}

ul.cats li
{
    padding-bottom:     1em;
}

#navigation ul.subcats
{
    font-size:          1em;
    font-weight:        normal;
}

ul.subcats li
{
    padding:            0;
}

#navigation a
{
    text-decoration:    none;
    color:              #333333;
    display:            block;
}

#navigation a:hover
{
    background-color:   #FFBA10;	

}
/* / NAVIGATION */

/* INNER CONTENT */
#inner_content
{
    width:              605px;
    background-color:   #D4BF55;
    padding:            17px;
    float:              left;
    font-size:          0.8em;
    overflow:           hidden;
}

#inner_content a
{
    color:              #333333;
    background-color:   transparent;
    text-decoration:    none;
    font-weight:        bold;
    background-image:   url(../images/design/link_arrow.gif);
    background-repeat:  no-repeat;
    background-position: 2px 2px;
    padding-left:       10px;
}

#inner_content a:hover
{
    color:              #333333;
    background-color:   #FFBA10;
    text-decoration:    underline;
}

#inner_content p
{
    text-align:         justify;
}

h3.free_padding
{
    font-size:          1.2em;
    display:            block;
    background-color:   #FFFFAA;
    padding:            5px 0px 5px 5px;
    margin:             0;
}

.cat_intro
{
    padding:            10px;
    background-color:   #EEEEEE;
    margin-bottom:      10px;
}

.home_teaser_list
{
    width:              585px;
    display:            block;
    margin-bottom:      30px;
    clear:              both;
}

.home_teaser_box
{
    float:              left;
    background-color:   #CCCCCC;
    padding:            5px;
    text-align:         center;
    width:              179px;
    overflow:           hidden;
    margin-bottom:      10px;
}

.home_teaser_list a
{
    background:         none !important;
    padding:            0 !important;
}

.home_teaser_box img
{
    width:              179px;
}

.home_teaser_box.left
{
    margin-right:       9px;
}

.home_teaser_box.middle
{
    margin-right:       9px;
}

.home_teaser_box.right
{
    margin:             0px 0px 10px 0px;
}

.home_teaser_box h4
{
    margin:             0;
    font-size:          1em;
}

.home_teaser_box p
{
    font-size:          0.8em;
    margin:             0;
}

/* / INNER CONTENT */

/* MARGINAL */
#marginal
{
    width:              150px;
    float:              left;
    background-color:   #FFFFAA;
    overflow:           hidden;
}

#concert_teaser,
#link_teaser
{
    background-color:   transarent;
    padding:            5px;
}

.concert_list
{
    padding:            0;
    margin:             0;
    background-color:   #CCCCCC;
    padding:            3px;
}

.link_list
{
    padding:            0;
    margin:             0;
    background-color:   transparent;
}

.concert_list h4,
.link_list h4
{
    margin:             0px;
    padding:            0px;
    font-size:          0.8em;
    text-align:         center;
}

.concert_list a,
.link_list a
{
    display:            block;
}

.concert_list a.overview
 {
    color:              #333333;
    background-color:   transparent;
    text-decoration:    none;
    font-weight:        bold;
    background-image:   url(../images/design/link_arrow.gif);
    background-repeat:  no-repeat;
    background-position: 2px 2px;
    padding-left:       10px;
 }

ul.c_list
{
    font-size:          0.7em;
    margin:             0px 0px 10px 0px;
    padding:            3px;
    list-style:         none;
    background-color:   #EEEEEE;
}

ul.l_list
{
    font-size:          0.7em;
    margin:             0;
    padding:            3px;
    list-style:         none;
    background-color:   #EEEEEE;
    text-align:         justify;
    margin:             0px 0px 10px 0px;
}

ul.c_list img
{
    border:             2px solid transparent;
    width:              124px
}

ul.l_list img
{
    border:             2px solid transparent;
    width:              130px
}

.c_list_name,
.l_list_name
{
    font-weight:        bold;
}
.l_list_name
{
    text-align:         center;
}

.concert_list a,
.link_list a
{
    text-decoration:    none;
    color:              #333333;
}

.concert_list a:hover,
.link_list a:hover
{
    background-color:   #FFBA10;
}



/* / MARGINAL*/

/* FOOTER */
#footer
{
    clear:              both;
    text-align:         center;
    font-size:          0.6em;
}
/*************/

/* HOMEPAGE */
#homepage,
#category
{
    background-color:   #EEEEEE;
    padding:            10px;
}

#productlist h3
{
    font-size:          1.2em;    
}

#productlist table
{
    width:              609px;
    background-color:   transparent;
    margin-left:        -2px;
}

#productlist td
{
    background-color:   #EEEEEE;
    padding:            5px;
    vertical-align:     top;
}

#productlist td.image
{
    text-align:         center;
}

#productlist td.prices
{
    vertical-align:     bottom;
    text-align:         center;
}

#productlist td.hl_box
{
    background-color:   transparent;
    text-align:         center;
    padding:            0;
}

#productlist h4
{
    margin:             0px 0px 10px 0px;
    font-size:          1em;    
}

#productlist p
{
    margin:             0;
}

#productlist img
{
    border:             none;
}

#productlist a.img_link
{
    background-image:   none !important;
    padding:            0 !important;
}

#productlist img.img_link
{
    border:             2px solid #FFBA10;
}
#productlist .tax_disclaimer
{
    font-size:          0.8em;
    font-weight:        bold;
    margin-top:         10px;
    text-align:         center;
}

div.price_box
{
    background-color:   #FFFFFF;
    padding:            3px;
    border-bottom:      5px solid #DD0000;
}

.old_price
{
    color:              #999999;
    text-decoration:    line-through;
}

.new_price
{
    color:              #DD0000;
    font-size:          1em;
    font-weight:        bold;
}

.hotline_box
{
    background-color:   #550000; 
    color:              #FFFFFF;
    text-align:         center;
    font-weight:        bold;
    margin-top:         5px;
    margin-bottom:      5px;
    padding:            5px;
}

img
{
    border:             none;
}

img.image-left
{
    float:              left;
    margin-right:       10px;
    margin-bottom:      10px;
}

img.image-right
{
    float:              right;
    margin-left:        10px;
    margin-bottom:      10px;
}

div.content-left,
div.content-center
{
    margin-bottom:      20px;
    font-size:          0.9em;
    clear:              both;
}

div.content-center
{
    text-align:         center;
}

.content-left h4,
.content-center h4
{
    font-size:          1.1em;
    font-weight:        bold;
}

table.contact_form
{
    width:              100%;
}

.contact_form .text_field,
.contact_form .text_area
{
    width:              470px;
}

.contact_form .error
{
    background-color:   #FF8040;
}

.contact_form .error_text
{
    color:              #FF8040;
}

.confirm_message
{
    font-weight:        bold;
}