/* ERFOLGSREKLAME.DE    STYLE SHEET
----------------------------------------------------------------------
Author:  Slawomir Kuta
Site:    www.laura-alonso.com
Release: v1.0 2009-03-23

W3C CSS 2.1 Valid

© 2009 erfolgsreklame.de
UNAUTHORIZED COPYING PROHIBITED
----------------------------------------------------------------------*/




/*-          global
----------------------------------------------------------------------*/



body {
        background: #2b1606 url(../img/chocolate/bg_global.jpg) no-repeat top center;
         margin: 0 auto;
         padding: 0;
}

#header {
        position: relative;
         margin: 10px auto;
         width: 960px;
         height: 200px;
         background: url(../img/chocolate/header.jpg);
}
#footer {
        position: relative;
         margin: 0 auto 150px auto;
         width: 960px;
         height: 100px;
         background: url(../img/chocolate/bg_footer.gif) no-repeat top center;
         padding-bottom: 50px;
}

#content,
#fragment-1, #fragment-2, #fragment-3, #fragment-4 {
        position: relative;
         margin: 0 auto;
         padding: 0 0 70px 0;
         width: 960px;
         background: #D0AD87;
}

#navigate {
        position: relative;
        margin: 0;
         width: 960px;
         height: 65px;
         background: transparent url(../img/chocolate/bg_navigation_de.jpg) top center no-repeat;
         clear: both;
}


#right-column {
        position: absolute;
         top: 425px;
         right: 0px;
         background: transparent url(../img/chocolate/line-separator_vertical_600.gif) no-repeat top left;
         margin: 0;
         width: 320px;
         height: 600px;
}

#lang-switch {
        position: absolute;
         top: 175px;
         left: 16px;
         text-indent: -9999px;
         letter-spacing: -9999px;
         outline: none;
         display: block;
         height: 16px;
         width: 73px;
        background: transparent url(../img/chocolate/lang_switch.jpg) no-repeat top right;
}

#lang-switch:hover {
        background: transparent url(../img/chocolate/lang_switch.jpg) no-repeat bottom right;
}


/* -        grids
-------------------------------------------------------------------------------- */

.box-var,
.box-200,
.box-280,
.box-440,
.box-600,
.box-680,
.box-920
{
         margin: 20px;
         _margin: 20px 12px;
         _padding-bottom: 20px;
         border: 0;
         background: transparent;
         float: left;
}

.box-200 { width: 200px; }
.box-280 { width: 280px; }
.box-440 { width: 440px; }
.box-600 { width: 600px; }
.box-680 { width: 680px; }
.box-920 { width: 920px; }

.box-380 { margin: 20px; _margin: 20px 12px; border: 0; background: transparent; float: left; width: 340px; }

.clearing-line-920 {
        clear: both;
         width: 920px;
         height: 46px;
         margin: 5px 20px -30px 20px;
         _margin: 0;
         background: transparent url(../img/chocolate/line-clear_920.gif) center center;
}

.clearing-line-600 {
        clear: both;
         width: 600px;
         height: 46px;
         margin: 5px 20px -30px 20px;
         _margin: 5px 15px -30px 15px;
         background: transparent url(../img/chocolate/line-clear_600.gif) center center;
}

.clearing { clear: both;}


.left-70 {
        float: left;
        width: 70px;
         margin: 4px 10px 5px 0;
}

.linkarea {
        background: transparent;
         border: 0;
         position: absolute;
}

.promo {
         margin-left: 220px; margin-top: 30px !important; padding-right: 40px; }

.musicplayframe {
        width: 440px;
         height: 250px;
         border: 0;
         margin: 20px 0; padding: 0;
         background: #D0AD87;
}

.videoplayframe {
        width: 440px;
         height: 350px;
         border: 0;
         margin: 0 auto; padding: 0;
         background: #D0AD87;
         display: inline;
         text-align: center;

}

.contactframe {
        width: 680px;
         height: 550px;
         border: 0;
         margin: 0; padding: 0;
         background: #D0AD87;
}




img.partnerlogo {
        width: 280px;
         height: 150px;
         border: 0;
}

img { border: 0;}




/*-          tables
----------------------------------------------------------------------*/
.rep {
        background: transparent;
         width: 100%;
        border-spacing: 0;
         border: 1px solid #C7A37B;
         align: left;
         table-layout: fixed;
         margin: 0; padding: 0;
}

thead tr td {
        background: transparent url(../img/chocolate/bg_thead.gif) top left repeat-x;
         color: #fff;
         font-size: 18px;
         font-weight: bold;
         text-align: left;
         padding: 7px 5px;
         vertical-align: top;
         overflow: hidden;
   }

tbody tr td {
         color: #000;
         font-size: 18px;
         font-weight: normal;
         text-align: left;
         padding: 5px;
         border: 0;
         vertical-align: top;
         overflow: hidden;
        }

.comp-a {width: 25%;}
.part-a {width: 40%;}
.perf-a {width: 35%;}

.comp-b {width: 25%;}
.part-b {width: 75%;}

tr.even td         {background: #D0AD87; border-bottom: 3px solid #C7A37B;}
tr.odd td           {background: #C7A37B; border-bottom: 3px solid #D0AD87;}









/*-          styles
----------------------------------------------------------------------*/

.gal-thumb {
        margin: 0 10px 10px 0;
         border: 1px solid #9b5826;
        padding: 0;
}


p, li, h1, h2, h3, a, th, td {
        font-family: Garamond, Cambria, Georgia, Times, 'Times New Roman', serif;
}

#tabcontainer ul li a span {
        color: #673E20;
         font-size: 18px;
}


h1 {
        font-size: 36px;
         color: #764b12;
/*       font-variant: small-caps;  */
         margin-top: 20px;
         margin-bottom: 10px;

}


h2 {
        font-size: 24px;
         color: #fff;
/*       font-variant: small-caps;   */
/*         font-style: italic;   */
         margin-bottom: 10px;

}


h3 {
        font-size: 18px;
         color: #764b12;
/*       font-variant: small-caps;   */
/*         font-style: italic;   */
         margin-bottom: 10px;

}

h4 {
        font-size: 18px;
         color: #764b12;
/*       font-variant: small-caps;   */
        font-weight: bold;
         font-style: normal;
         margin: 20px 0 5px 0;

}


p { text-align: justify; font-size: 18px; line-height: 22px; color: #000; margin-bottom: 10px; }
p.little { font-size: 14px; line-height: 18px; color: #000; margin-bottom: 10px; }

a.buttons:link, a.buttons:visited, a.buttons:focus, a.buttons:hover { background: #1b0e04 url(../img/chocolate/bg_buttons.gif); padding: 2px 6px; repeat-x top left; color: #fbddb4; font-weight: bold; outline: 0; text-decoration: none; font-size: 18px; outline: none; /* font-style: italic; */}
a.buttons:link, a.buttons:visited, a.buttons:focus { border: 1px solid #1b0e04; }
a.buttons:hover { border: 1px solid #fbddb4; color: #fff; }

a:link, a:visited, a:focus, a:hover,
a.small:link, a.small:visited, a.small:focus, a.small:hover { font-weight: bold; outline: 0; text-decoration: none; /* font-style: italic; */}

a:link, a:visited, a:focus,
a.small:link, a.small:visited, a.small:focus { color: #673E20; }

a:hover, a.small:hover { color: #fbddb4; }


a.foot:link, a.foot:visited, a.foot:focus, a.foot:hover,
a.foot-bigger:link, a.foot-bigger:visited, a.foot-bigger:focus, a.foot-bigger:hover
        { font-weight: bold; outline: 0; text-decoration: underline; font-style: normal; }

a.foot:link, a.foot:visited, a.foot:focus,
a.foot-bigger:link, a.foot-bigger:visited, a.foot-bigger:focus
        {color:#9b5826;}

a.foot:hover, a.foot-bigger:hover
        {color:#fbddb4;}

a.foot { font-size: 14px; }
a.foot-bigger { font-size: 18px; }



a.area:link, a.area:visited, a.area:hover, a.area:focus {
        text-decoration: none;
        outline: 0;
         display: block;
         width: 100%;
         height: 100%;
               text-indent: -8000px;
         overflow: hidden;
}








/*-          contact form
----------------------------------------------------------------------*/



input, textarea {
        border: 1px solid #1b0e04;
        padding: 5px;
         font: bold 18px Garamond, Cambria, Georgia, Times, 'Times New Roman', serif;
         color: #000;
         outline:none;
}

input {           background: #fff url(../img/chocolate/form_input_fade.gif) repeat-x top left;}
textarea {        background: #fff url(../img/chocolate/form_textarea_fade.gif) no-repeat top left;}

td.ctc {
        padding: 5px 0 5px 0;
}

p.ct { margin:3px 0 0 0; }