/* ERFOLGSREKLAME.DE    STYLE SHEET
----------------------------------------------------------------------
Author:  Slawomir Kuta
Site:    www.velosport-consulting.com
Release: v1.0 2009-10-17

W3C CSS 2.1 Valid

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




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



body {
/*        background: #32343a url(../img/bg_main_tiled.gif) repeat-x top left; */
        background: #32343a url(../img/bg_main_image.jpg) no-repeat top center;
         margin: 0 auto;
         padding: 0;
}



/*-          elements
----------------------------------------------------------------------*/


#header {
        position: relative;
         z-index: 2;
         margin: 0 auto;
         width: 960px;
         height: 147px;
         background: transparent;
         overflow: visible;
}

#header #schriftzug {
         position: absolute;
         width: 488px;
         height: 74px;
         top: 55px;
         left: 220px;
         background: transparent;
}

#header #logo {
         position: absolute;
         width: 167px;
         height: 160px;
         top: 20px;
         left: 25px;
         background: transparent;
}



#footer {
        position: relative;
         margin: 0 auto;
         padding: 0;
        width: 99%;
         height: 250px;
        background: #32343a url(../img/bg_footer.jpg) no-repeat top center;
}

#content {
        z-index: 0;
        position: relative;
         overflow: visible;
         margin: 10px auto 0 auto;
        padding: 0;
         width: 960px;
         background: #DEDEDE url(../img/bg_content.jpg) no-repeat top left;
}

#right-column {
        position: absolute;
         z-index: 10;
         top: 300px;
         right: 20px;
         background: #333;
         margin: 0;
         width: 300px;
         height: 70%;
}


/*-          navigation
----------------------------------------------------------------------*/




#navigate {
        position: relative;
         z-index: 1;
        margin: 0;
         width: 100%;
         height: 38px;
         background: url(../img/bg_navi.gif) top left repeat-x;
        overflow: visible;
         clear: both;
}

#navigate #navigate-inner {
        width: 960px;
         margin: 0 auto;
         height: 38px;
         background: transparent;
         text-align: right;
         position: relative;
         overflow: visible;
}


        ul#navigation {
                  float: left;
                 position: absolute;
                  list-style: none;
                  padding: 0;
                 right: 0;
                  height: 69px;
                  overflow: hidden;
        }

                 ul#navigation li.navigationlink {
                 float: left;
                 cursor: pointer;
                 background: transparent;
                 height: 38px;
                 overflow: hidden;
                 }

                ul#navigation li.navigationlink:hover { background: url(../img/bg_navi_hover.gif) repeat-x top left; overflow: hidden;  }

                .active, .active:hover { background: url(../img/bg_navi_active.gif) no-repeat top center !important; height: 69px !important; overflow: visible !important; }

                          li.navigationlink a, li.active a {
                                           float: left;
                                    font-family: Arial, Helvetica, sans serif;
                                   font-size: 14px;
                                   font-weight: bold;
                                   font-style: italic;
                                   display: block;
                                   height: 38px;
                                   overflow: hidden;
                                    padding: 11px 14px 0 14px;
                                   text-align: center;
                                   margin: 0;
                                   text-decoration: none;
                                   color: #333;
                          }

                        .navigationlink a:hover, .active a { color: #fff !important; text-decoration: none; overflow: hidden; }




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

.box-var,
.box-120,
.box-200,
.box-280,
.box-380,
.box-440,
.box-600,
.box-680,
.box-800,
.box-920
{
         margin: 20px;
         position: relative;
         z-index: 8;
         border: 0;
         background: transparent;
}

.box-var,
.box-120,
.box-200,
.box-280,
.box-380,
.box-440,
.box-600,
.box-680
{
        float: left;
         display: inline;
}

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

.clr { clear: both;}

.lined {margin: 0 20px; border-top: 1px solid #fff; padding-top: 10px;}

.nulled {margin: 0 !important; padding: 0 !important;}

.sep {margin: 5px 0; border-top: 1px solid #1d315b; height:0; width: 100%;}

.white {color: #fff;}
.black {color: #000;}

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

.caption {
        position: absolute;
         background: #444;
         bottom: 0;
}

.caption h4 { color: #fff; font-weight: 700; margin: 3px; }


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


img { border: 0;}

img.portrait {
        float: left;
         margin: 5px 10px 5px 0;
         border: 0;
}

.upcoming {
         margin-top: 0;
         background-color: #BABABA;
         cursor: pointer;
         display: block;
}

.upcoming h3, #right-column h3
        { font-size: 20px; color: #fff; }

.upcoming p, .upcoming a, #right-column p, #right-column a
        { font-weight: bold; }

#right-column h3
        { margin-top: 20px; }

#right-column h3, #right-column p
        { margin-left: 10px; }

#quote {
         float: right;
         position: relative;
         z-index: 10;
         margin: 20px 0 20px auto;
         height: 78px;
         padding-left: 60px;
        background: transparent url(../img/bg_quote.png) no-repeat top left;
        _background: transparent url(../img/bg_quote.gif) no-repeat top left !important;
}

#quote h2 {
        color: #fff;
         margin: 25px 20px 60px auto;
         text-align: right;
         font-style: italic;
         font-variant: small-caps;
}

#quote-overflow {
         position: absolute;
        top: 20px;
        left: 960px;
         height: 87px;
        padding: 0; margin: 0;
         width: 19px;
}

.stoerer {
        position: absolute;
         z-index: 11;
         height: 95px;
         width: 95px;
}
        .multivisionsshow {
                 background: transparent url(../img/stoerer_multivisionsshow.png) no-repeat top left;
        }
        .workshop-diashow {
                 background: transparent url(../img/stoerer_workshop-diashow.png) no-repeat top left;
        }

        .diashow {
                 background: transparent url(../img/stoerer_diashow.png) no-repeat top left;
        }

        .kona {
                 background: transparent url(../img/stoerer_kona.png) no-repeat top left;
        }

        .dvd {
                 background: transparent url(../img/stoerer_dvd.png) no-repeat top left;
        }


#stoerer-mini-neu {
        position: absolute;
         top: -19px;
         left: 368px;
         z-index: 12;
         height: 19px;
         width: 37px;
         background: transparent url(../img/stoerer_MINI_neu.png) no-repeat top left;
}


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

p, li, h1, h2, h3, h4, a, th, td {
        font-family: Arial, Helvetica, 'sans serif';
}


h1 {
        font-size: 52px;
        font-weight: 900;
/*         color: #86111B;   */
        color: #fff;
         margin-top: 20px;
         margin-bottom: 5px;

}

h1.sub {font-size: 14px; font-weight: normal; color: #000; margin: 0 0 5px 0;}


h2 {
        font-size: 24px;
        font-weight: bold;
         color: #86111B;
         font-style: normal;
         margin-bottom: 10px;

}


h3 {
        font-size: 16px;
         color: #000;
         font-weight: bold;
         font-style: normal;
         margin-bottom: 10px;

}

h3 i { color: #aaa; }

h3.sub {font-size: 14px; font-weight: normal; margin-bottom: 4px;}

h4 {
        font-size: 16px;
         color: #86111B;
/*       font-variant: small-caps;   */
        font-weight: bold;
         font-style: normal;
         margin: 20px 0 5px 0;

}


p { text-align: left; font-size: 16px; line-height: 21px; color: #000; margin-bottom: 10px; }
p.little { font-size: 10px; line-height: 15px; color: #000; margin-bottom: 10px; }

p.termine { display: block; height: 86px; background: transparent; padding: 5px; text-align: left;}
p.termine:first-line { color: #86111B; }

.klein { display: block; height: 63px; background: transparent; padding: 5px; text-align: left; font-size: 10px !important; font-weight: normal; line-height: 13px; color: #ccc;}
.klein:first-line {color: #fff !important; font-weight: bold; padding-bottom: 4px;}

li { text-align: left; font-size: 12px; line-height: 16px; color: #000; }




a.buttons:link, a.buttons:visited, a.buttons:focus, a.buttons:hover {
       background: #86111B url(../img/bg_buttons.gif) repeat-x center left;
       padding: 4px 8px;
       color: #F4BEC8;
       font-weight: bold;
       outline: 0;
       text-decoration: none;
       font-size: 16px;
       outline: none;
}

a.buttons:link, a.buttons:visited, a.buttons:focus { border: 1px solid #86111B; }

a.buttons:hover { color: #fff; text-decoration: none; }


a:link, a:visited, a:focus, a:hover,
a.small:link, a.small:visited, a.small:focus, a.small:hover { outline: 0; }

a:link, a:visited, a:focus,
a.small:link, a.small:visited, a.small:focus { color: #86111B; text-decoration: none; }

a:hover, a.small:hover { color: #86111B; text-decoration: underline; }

/*

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;
}

#terminteaser {

        background: transparent url(../img/bg_teaser_3z.png) no-repeat top left;
         position: absolute;
         z-index: 11;
         top: 0;
         left: 50%;
         margin-left: 274px;
         display: block;
         cursor: pointer;
         width: 206px;
         height: 96px;

}





#footer p { text-align: center; color: #666; }
#footer p a { font-weight: bold; margin-left: 8px; margin-right: 8px; text-decoration: none; color: #ccc; }





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



input, textarea {
       padding: 1px;
       color: #000;
       outline: 0;
       text-decoration: none;
       font: normal 14px Arial;
       outline: none;
}

input, textarea {        background: #fff; align: left;}
input.knopf         {           background: #86111B url(../img/bg_buttons.gif) repeat-x center left !important; color: #F4BEC8 !important; font-weight: bold; }

td.ctc {
        padding: 3px 10px 3px 0; text-align: left; vertical-align: top;

}

p.ct { margin: 1px 0 0 0; text-align: left; font-size: 13px; }
p.rc { margin: 1px 5px 0 0; text-align: right; font-size: 13px; }




/*-          werbung
----------------------------------------------------------------------*/

/* banner nehberg */
#sky_nehberg { position: absolute; z-index: 300; left: 50%; top: 20px; margin-left: 510px; width: 160px; }