@charset "utf-8";

@import url(/de/stylesheet/reset.css);

body {
    background-image:url(/source/layout/bassengde_bg.png);
    font-family:Verdana, Tahoma, Helvetica, Arial, sans-serif;
    font-size:12px;
    text-align:center;
}

/******************************************************************************/
/* grid                                                                       */
/******************************************************************************/

#grid {
    color:#8B8B8B;
}

#grid-header {
    height:100px;
}

#grid-main {
    background-color:#000000;
    border-top:1px solid #676767;
    border-bottom:1px solid #676767;
}

#grid-footer {
    height:170px;
}

#grid-imprint {
    position:absolute;
    top:10px;
    left:0px;
    width:100%;
}

/******************************************************************************/
/* header                                                                     */
/******************************************************************************/

#header-logo {
    position:relative;
    top:40px;
    width:990px;
    height:60px;
    margin:0px auto;
}

#header-logo-bg {
    width:990px;
    height:60px;
    background-color:#FFFFFF;
    -moz-opacity:0.2;
    opacity:0.2;
    filter:alpha(opacity=20);
}

#header-logo h1 {
    position:absolute;
    top:20px;
    left:20px;
    width:230px;
    height:21px;
    background-image:url(/source/layout/bassengde_logo.png);
    font-size:0em;
    text-indent:-8000px;
}

#header-logo h1 a {
    position:relative;
    display:block;
    width:230px;
    height:21px;
    text-decoration:none;
}

.header-course {
    position:relative;
    top:30px;
    height:2px;
    background-color:#000000;
    font-size:0px;
}

/******************************************************************************/
/* main                                                                       */
/******************************************************************************/

#main {
    width:990px;
    margin:0px auto;
}

/* menu                                                                       */

#menu {
    float:left;
    width:250px;
    margin:40px 0px 20px 0px;
    padding-left:20px;
    text-align:left;
}

#menu ul {
    width:220px;
    border-top:1px solid #4E4A49;
}

#menu ul li {
    border-bottom:1px solid #4E4A49;
}

#menu ul li a {
    display:block;
    width:220px;
    padding:12px 0px 12px 0px;
    font-size:1.25em;
    letter-spacing:0.15em;
    color:#707070;
}

#menu ul li ul {
    width:190px;
    margin:0px 0px 0px 30px;
    border-top:none;
}

#menu ul li ul li {
    border-bottom:none;
}

#menu ul li ul li a {
    width:190px;
    padding:2px 0px 10px 0px;
    font-size:1em;
    letter-spacing:0.05em;
}

#menu ul li a:hover, #menu ul li a.category {
    color:#FFFFFF;
}

/* news                                                                       */

#news {
    margin-top:30px;
}

#news h2 {
    margin:0px 0px 25px 0px;
    font-size:1em;
    color:#8B8B8B;
}

#news h3 {
    margin:0px 0px 5px 5px;
    font-size:0.95em;
    color:#8B8B8B;
}

#news h4 {
    margin:0px 0px 5px 10px;
    font-size:0.95em;
    color:#FFFFFF;
}

#news p {
    margin:0px 0px 25px 10px;
    font-size:0.95em;
    color:#8B8B8B;
}

#news a {
    color:#FFFFFF;
    text-decoration:underline;
}

/* content                                                                    */

#content_start {
    float:right;
    width:680px;
    height:490px;
    font-size:0px;
}

#content_start img {
    width:680px;
    height:490px;
    margin:0px;
    padding:0px;
}

#content {
    float:right;
    width:680px;
    margin:40px 0px 20px 0px;
    text-align:left;
}

#content h3 {
    margin:20px 20px 20px 5px;
    font-size:1.2em;
    color:#8B8B8B;
}

#content h4 {
    margin:0px 20px 10px 10px;
    font-size:1.1em;
    font-weight:normal;
    color:#FFFFFF;
}

#content h5 {
    margin:0px 20px 10px 10px;
    font-size:1.1em;
    color:#8B8B8B;
}

#content h6 {
    margin:0px 20px 10px 10px;
    font-size:1.1em;
    color:#8B8B8B;
}

#content p {
    margin:0px 20px 30px 15px;
    font-size:1.1em;
    line-height:1.5em;
    color:#8B8B8B;
}

#content a {
    color:#FFFFFF;
    text-decoration:underline;
}

#content ul.submenu {
    width:680px;
    height:30px;
    margin-bottom:20px;
    border-bottom:1px solid #8B8B8B;
}

#content ul.submenu li {
    display:block;
    float:left;
    width:90px;
    height:30px;
    margin-right:5px;
    text-align:center;
}

#content ul.submenu li a {
    display:block;
    width:90px;
    height:23px;
    padding:7px 0px 0px 0px;
    font-size:1.2em;
    color:#8B8B8B;
    text-decoration:none;
}

#content ul.submenu li a.subcategory {
    width:88px;
    height:22px;
    background-color:#4E4A49;
    border-top:1px solid #8B8B8B;
    border-left:1px solid #8B8B8B;
    border-right:1px solid #8B8B8B;    
    color:#FFFFFF;
}

#content p.content_header_text {
    width:680px;
    margin:0px 0px 30px 0px;
    padding:0px 0px 10px 0px;
    border-bottom:1px solid #8B8B8B;
    color:#FFFFFF;
}

#content img.biography {
    float:left;
    margin:0px 10px 10px 10px;
    padding:3px;
    background-color:#707070;
}

#content p.biography {
    margin:0px 20px 20px 0px;
    line-height:1.5em;
}

#content p.biography span.biography {
    display:block;
    float:left;
    width:130px;
    font-weight:bold;
}

#content img.sponsors {
    float:left;
    margin:0px 10px 30px 10px;
}

#content p.sponsors {
    margin:0px 20px 10px 0px;
}

#content table {
    width:680px;
    margin-top:-20px;
    empty-cells:show;
    font-size:1.1em;
    white-space:nowrap;
}

#content table th {
    padding:7px 8px 7px 8px;
    vertical-align:center;
    color:#FFFFFF;
    background-color:#4E4A49;
    border-bottom:1px solid #8B8B8B;
}

#content table td {
    padding:7px 8px 7px 8px;
    color:#8B8B8B;
}

#content table td a {
}

#content table .cell_border {
    border-right:3px solid #000000;
}

#content table .cell_invert {
    background-color:#1E1E1E;
}

#content hr {
    width:520px;
    height:0px;
    margin:0px 80px 20px 80px;
    padding:0px;
    border-bottom:1px solid #8B8B8B;
}

#content .pictures {
    float:left;
    width:110px;
    height:80px;
    margin:0px 0px 15px 10px;
    text-align:center;
}

#content .pictures img {
    padding:5px;
    background-color:#707070;
}

#content p.page {
    font-size:1em;
}

#content address {
    margin:0px 20px 30px 15px;
    font-size:1.1em;
    font-style:normal;
}

#content p.address {
    margin:0px 20px 10px 15px;
}

#content p.error {
    margin:0px 20px 10px 15px;
}

#content ul.error {
    margin:0px 20px 30px 45px;
    list-style-type:square;
}

#content ul.error li {
    font-size:1.1em;
    color:#FF0000;
}

#content fieldset {
    margin-bottom:20px;
    font-size:1.1em;
    color:#8B8B8B;
}

#content fieldset label {
    display:block;
    float:left;
    width:150px;
    margin:1px 3px 5px 15px;
    padding:0px;
}

#content fieldset input {
    margin:0px 0px 5px 0px;
    padding:0px;
    background-color:#000000;
    border:1px solid #8B8B8B;
    color:#8B8B8B;
}

#content fieldset textarea {
    width:300px;
    height:100px;
    margin:0px 0px 5px 0px;
    padding:0px;
    background-color:#000000;
    border:1px solid #8B8B8B;
    color:#8B8B8B;
}

#content fieldset input.input_text {
    width:300px;
}

#content fieldset input.input_radio {
    margin:0px;
    padding:0px;
    background:none;
    border:none;
}

#content fieldset input.input_submit {
    width:120px;
    margin:0px;
    padding:0px;
}

/******************************************************************************/
/* footer                                                                     */
/******************************************************************************/

#footer-sponsors {
    position:relative;
    width:990px;
    height:100px;
    margin:0px auto;
}

#footer-sponsors-bg {
    width:990px;
    height:100px;
    background-color:#FFFFFF;
    -moz-opacity:0.7;
    opacity:0.7;
    filter:alpha(opacity=70);
}

#footer-sponsors h4 {
    position:absolute;
    top:3px;
    left:7px;
}

#footer-sponsors ul {
    position:absolute;
    top:0px;
    left:0px;
    width:990px;
    height:85px;
}

#footer-sponsors ul li {
    display:block;
    float:left;
    width:165px;
    height:100px;
    font-size:0em;
    text-indent:-8000px;
}

#footer-sponsors ul li#schauer {
    background-image:url(/source/sponsors/schauer_small.png);
}

#footer-sponsors ul li#allinkl {
    background-image:url(/source/sponsors/allinkl_small.png);
}

#footer-sponsors ul li#rsline {
    background-image:url(/source/sponsors/rsline_small.png);
}

#footer-sponsors ul li#bilstein {
    background-image:url(/source/sponsors/bilstein_small.png);
}

#footer-sponsors ul li a, #footer-sponsors ul li span {
    position:relative;
    display:block;
    width:165px;
    height:100px;
    background-color:#000000;
    -moz-opacity:0.5;
    opacity:0.5;
    filter:alpha(opacity=50);
}

#footer-sponsors ul li a:hover {
    -moz-opacity:0;
    opacity:0;
    filter:alpha(opacity=0);
}

#footer-sponsors ul li a img {
    margin-top:15px;
}

.footer-course {
    position:relative;
    top:-100px;
    height:3px;
    background-color:#000000;
    font-size:0px;
}

/******************************************************************************/
/* imprint                                                                    */
/******************************************************************************/

#imprint {
    position:relative;
    width:990px;
    margin:0px auto;
    padding:0px 0px 5px 0px;
    font-size:0.9em;
    text-align:right;
}

#imprint p {
    color:#8B8B8B;
}

#imprint a {
    color:#8B8B8B;
}

/******************************************************************************/

.course1 {
    -moz-opacity:0.1;
    opacity:0.1;
    filter:alpha(opacity=10);
}

.course2 {
    -moz-opacity:0.2;
    opacity:0.2;
    filter:alpha(opacity=20);
}

.course3 {
    -moz-opacity:0.3;
    opacity:0.3;
    filter:alpha(opacity=30);
}

.course4 {
    -moz-opacity:0.4;
    opacity:0.4;
    filter:alpha(opacity=40);
}

.course5 {
    -moz-opacity:0.5;
    opacity:0.5;
    filter:alpha(opacity=50);
}

.error {
    color:#FF0000;
}

.clear {
    display:block;
    clear:both;
}