/* ERFOLGSREKLAME.DE    STYLE SHEET
----------------------------------------------------------------------
Author:  Slawomir Kuta
Site:    www.beautypoint-heidelberg.de
Release: v1.0 2008-10-10

W3C CSS 2.1 Valid

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




/*-          basic
----------------------------------------------------------------------*/



/* INTROSITE */
.intro_global {
        background: #000 url(../img/bg_intro.jpg) no-repeat top center;
         margin: 0;
         padding: 0;
}
#intro_center {
        margin: 182px auto auto auto;
         position: relative;
         padding: 0;
         width: 800px;
         height: 500px;
         border: 0;
}
#intro_video {
         position: absolute;
         right: 100px;
         top: 60px;
         width: 352px;
         height: 350px;
         border: 0;
}
#weiter {
         margin: 20px auto auto auto;
         border: 0;
}



/* MAIN */
.global {
        background: #000 url(../img/bg_global.jpg) no-repeat top center;
         margin: 0; padding: 0;
}

.renntermine {
        background: #1f1f1f;
         margin: 0; padding: 0;
}

.frame_renntermine {
        width: 190px;
         height: 2370px;
         border: 0;
         margin: 0; padding: 0;
}

.frame_sponsoren {
        width: 230px;
         height: 2200px;
         border: 0;
         margin: 0; padding: 0;
}


.frame_gal {
         background: #1f1f1f;
         width: 500px;
         height: 450px;
         border: 0;
         border-spacing: 0;
         margin: 0; padding: 0;
}


        #contentfloatholder {/* right faux column tab */
        background: url(../img/bg_content.gif) repeat-y top center;
        float: left;
        width: 100%;
        }


        #contentfloatholder:after {
         /* this is for NN6 to clear floats */
            content: ".";
            display: block;
            height: 0px;
            clear: both;
            visibility: hidden;
        }

        #centerwrap {
                 float:left;
                 width: 100%;
                 margin: 0 -95% 0 0;
        }




#content_wrapper {
        background: transparent url(../img/bg_content.gif) repeat-y top center;
        margin: 297px auto 0 auto;
         width: 960px;
         border: 0;
}

#content_column {
        margin: 0 210px 0 250px;
        width: 500px;
}

#left_column {
        float: left;
        width: 230px;
        margin: 0 0 0 -5%;
}

#right_column {
        float: right;
        width: 190px;
        margin: 0;
}

.breaker {
        height: 1px;
         border: 0px;
         clear: both;
         overflow: hidden;
}




.left-contents, .middle-contents, .right-contents {
        background: transparent;
         border: 0;
}

.left-contents {
        margin: 0 15px 50px 15px;
}
.middle-contents {
        margin: 0 30px 50px 30px;
}
.right-contents {
        margin: 5px auto 5px auto;
         width: 140px;
}

.photo {
        margin: 0 0 40px 0;
         padding: 0;
}

.right_link {
        margin: 25px 0 0 0;
         padding: 0;
         width: 190px;
         height: 40px;
         background: url(../img/bg_rightlink.gif) no-repeat top left;
}


.line_100 {
        height: 1px;
         margin: 10px auto 10px 25px;
         width: 100px;
         border: 0;
         border-top: 1px solid #666;
         text-align: left;
}

.line_480 {
        height: 1px;
         margin: 0 30px 30px 30px;
         width: 440px;
         border: 0;
         border-top: 1px solid #666;
         text-align: left;
}


#footer_wrapper {
               background: #000 url(../img/bg_footer.gif) no-repeat top center;
        clear: both;
         margin: 0 auto;
         padding: 0;
         width: 960px;
         height: 260px;
         position: relative;
}

#wa {
        width: 57px;
         height: 24px;
         margin: 0 auto;
         border: 0;
         padding: 20px 0;
}

#w3c {
        width: 200px;
         height: 13px;
         margin: 0 auto;
         border: 0;
         padding: 20px 0;
}


table.bike {
        width: 360px;
         border: 0;
         padding: 0;
         margin: 0 40px;

}

table.bike td.data_left, table.bike td.data_right {
        text-align: left;
         vertical-align: top;
         padding: 10px 5px;
        font: normal 12px "Arial", sans serif;
}
table.bike td.data_left { width: 60px; color: #f00; }

table.bike td.data_right { color: #fff; }

table.team {
        width: 280px;
        margin-top: 15px;
         border: 0;
         padding: 0;
}


table.team td.data_left, table.team td.data_right {
        text-align: left;
         vertical-align: top;
         padding: 2px;
        font: normal 12px "Arial", sans serif;
}
table.team td.data_left { width: 40px; color: #f00; }

table.team td.data_right { color: #fff; }

.team_portr_d {width: 133px; height: 100px; float: left; margin: 20px 15px 10px 0;}
.team_portr_i {width: 133px; height: 100px; border: 0;}


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

p, li {
        font: normal 12px "Arial", sans serif;
         color: #fff;
         line-height: 140%;
}

p        { margin: 0; }

li {
        padding-bottom: 10px;
         margin-left: -25px;
/*          text-indent: -0.9em;  */
}

ul {
        list-style-type: square;
/*        list-style-type: none;  */
         list-style-position: outside;
         margin-top: 20px;
         margin-bottom: 20px;

}

a:link, a:visited, a:active {
        font: 12px "Arial", sans serif;
         color: #f66;
         text-decoration: none;
}

a:hover {color: #f99; text-decoration: underline;}


h3 {
        font: bold 14px "Arial", sans serif;
         color: #fff;
         text-decoration: none;
}
h2 {
        font: bold 16px "Verdana", "Arial", sans serif;
         letter-spacing: 0.1em;
         text-align: center;
         color: #666;
         text-decoration: none;
         margin: 40px auto 20px auto;
}

.fat {font-weight: bold;}
.red  {color: #f00;}

p.intro {text-align: center; margin:0;}
a.intro_link {
        font: bold 12px "Verdana", "Arial", sans serif;
         color: #fff;
         text-decoration: none;
}
a.intro_link:hover {text-decoration: underline;}


.right_links {
        width: 190px;
        margin: 40px 0 0 0;
         padding: 0;
}


.right_linkt {
        table-layout: fixed;
         border-spacing: 0;
         border-collapse: collapse;
        border: 0;
        background: url(../img/bg_rightlink.gif) no-repeat top left;
         width: 190px;
         height: 40px;
        padding: 0;
         margin: 0 0 25px 0;
}

.right_linkt td {
         height: 40px;
         border: 0;
         padding: 0;
         margin: 0;
}

.right_linkt td p {
        margin: 0 0 0 25px;
         padding: 0;
        vertical-align: middle;
}

.right_linkt td a:link, .right_linkt td a:visited, .right_linkt td a:active  {
         font: bold 12px "Arial", sans serif;
        color: #fff;
         text-decoration:none;
}

.right_linkt td a:hover {
        color: #f00;
         text-decoration: none;
}

.foot {
         padding-top: 216px;
         margin-left: 85px;
         color: #333;
         text-align: left;
         font: normal 12px Arial, Verdana;
}

.foot a {color: #666;}
.foot a:hover {color: #ccc;}


/*-          images
----------------------------------------------------------------------*/

img.photopic {
        width: 500px;
         height: 280px;
         border: 0;
         margin: 0;
}

img.newspic {
        width: 440px;
         height: 85px;
         border: 0;
         margin: 3px 0;
}

img.bignewspic {
        width: 440px;
         height: 120px;
         border: 0;
         margin: 3px 0;
}

img.navispacer {
        width: 1px;
         height: 1px;
         border: 0;
         margin: 25px 0 0 15px;
}

img.w3c-icon {
        width: 96px;
         height: 13px;
         border: 0;
}



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



#navigation {
         width: 230px;
         background: url(../img/buttons/bg_off.gif) top left no-repeat;
        padding: 0;
         height: 280px;
}

#navigation ul,
#navigation li.link1,
#navigation li.link2,
#navigation li.link3,
#navigation li.link4,
#navigation li.link5,
#navigation li.link6,
#navigation li.link7 {

        list-style: none;
        margin: 0;
        padding: 0;
}

#navigation li.link1 a:link, #navigation li.link1 a:visited, #navigation li.link1 a:active,
#navigation li.link2 a:link, #navigation li.link2 a:visited, #navigation li.link2 a:active,
#navigation li.link3 a:link, #navigation li.link3 a:visited, #navigation li.link3 a:active,
#navigation li.link4 a:link, #navigation li.link4 a:visited, #navigation li.link4 a:active,
#navigation li.link5 a:link, #navigation li.link5 a:visited, #navigation li.link5 a:active,
#navigation li.link6 a:link, #navigation li.link6 a:visited, #navigation li.link6 a:active,
#navigation li.link7 a:link, #navigation li.link7 a:visited, #navigation li.link7 a:active

{
        display: block;
        height: 40px;
        background: transparent;
         font: bold 18px "Verdana", "Arial", sans serif;
         letter-spacing: 0.1em;
        color: #999;
         text-decoration:none;
        text-align:left;
        padding: 0;
         margin: 0;
}

#navigation li.link1 a:hover, #navigation li.link2 a:hover, #navigation li.link3 a:hover, #navigation li.link4 a:hover, #navigation li.link5 a:hover, #navigation li.link6 a:hover, #navigation li.link7 a:hover {         color: #fff;                 text-decoration: none;        }
#navigation li.link1 a:hover {background: url(../img/buttons/1_on.gif) no-repeat top left;}
#navigation li.link2 a:hover {background: url(../img/buttons/2_on.gif) no-repeat top left;}
#navigation li.link3 a:hover {background: url(../img/buttons/3_on.gif) no-repeat top left;}
#navigation li.link4 a:hover {background: url(../img/buttons/4_on.gif) no-repeat top left;}
#navigation li.link5 a:hover {background: url(../img/buttons/5_on.gif) no-repeat top left;}
#navigation li.link6 a:hover {background: url(../img/buttons/6_on.gif) no-repeat top left;}
#navigation li.link7 a:hover {background: url(../img/buttons/7_on.gif) no-repeat top left;}