* {
    padding:0px;
    margin:0px;
}

body {
    background-image:url('../img/bg_repeat.gif');
    background-repeat: repeat-x;
    font-family:verdana, arial, sans-serif;
    font-size:11px;
    color:#686868;
}

.table {
    width:545px;
}
.table td {
    height:16px;
    vertical-align: middle;
    padding-left:16px;
}
.table td a:active, .table td a:visited, .table td a:hover, .table td a:link  {
    color:#3A739D;
    font-family:verdana, arial, sans-serif;
    font-size:9px;
    text-decoration:none;
}
.table_even {
    background-color:#f7f7f7;
}
.th_even {
    background-color:#e6e6e6;
}

/* ######## fonts ##########*/
.font_mainnavi {
    font-family:'Times New Roman', serif;
    font-size:14px;
    color:#868686;
}

.font_subnavi {
    font-family:verdana, arial, sans-serif;
    font-size:11px;
    color:#868686;
}

.font_headline {
    font-family:'Times New Roman', serif;
    font-size:17px;
    color:#3A739D;
    font-weight:bold;
}

.font_content {
    font-family:verdana, arial, sans-serif;
    font-size:11px;
    color:#686868;
}

.font_news_date {
    font-family:verdana, arial, sans-serif;
    font-size:11px;
    color:#3A739D;
}

.font_link:visited, .font_link:active, .font_link:hover, .font_link:link {
    font-family:verdana, arial. sans-serif;
    font-size:9px;
    color:#3A739D;
    text-decoration:underline;
}

.form_error {
    color:#e50607;
}

/* #########################*/

#layout_table {
    width:100%;
    height:100%;
}

    #bg_left {
        background-image:url('../img/bg_left.gif');
        background-position:100% 0%;
        background-repeat:no-repeat;
        vertical-align:top;
    }
    
    #bg_mid {
        background-image:url('../img/cnt_repeat.gif');
        background-repeat: repeat-y;
        width:986px;
        vertical-align:top;
        position:relative;
    }
    
    #bg_right {
        background-image:url('../img/bg_right.gif');
        background-position:0% 0%;
        background-repeat:no-repeat;
        vertical-align:top;
    }

#content {
    background:url('../img/cnt_bg.gif') no-repeat;
    min-height:808px;
    position:relative;
    padding-bottom:20px;
}
* html #content {
    height:808px;
}
    #content_mid {
        padding-top:10px;
        position:relative;
    }
        #head {
            margin-left:3px;
            background:url('../img/head_repeat.gif') repeat-y;
            position:relative;
            z-index:200;
        }
            #head_content {
                margin-left:10px;
                margin-top:5px;
            }
                #head_top {
                    height:4px;
                    background:url('../img/head_top.gif') no-repeat;
                }
                #head_logo {
                    height:70px;
                    background:url('../img/head_logo.gif') no-repeat;
                    position:relative;
                }
                    #logo_link {
                        position:absolute;
                        display:block;
                        width:200px;
                        height:60px;
                        text-decoration:none;
                    }
                    #head_login {
                        position:absolute;
                        right:17px;
                        top:4px;
                    }
                    #head_login td {
                        vertical-align:middle;
                    }
                    .login_input {
                        width:105px;
                        background:url('../img/inp_login_mid.gif') repeat-x;
                        border:none;
                        height:19px;
                        float:left;
                    }
                    .login_inp_left {
                        float:left;
                        width:2px;
                        height:19px;
                        background:url('../img/inp_login_left.gif') no-repeat;
                    }
                    .login_inp_right {
                        float:left;
                        width:2px;
                        height:19px;
                        background:url('../img/inp_login_right.gif') no-repeat;
                    }
                    .login_submit {
                        border:none;
                        width:92px;
                        height:20px;
                        background:url('../img/btn_send.gif') no-repeat;
                        margin-bottom:2px;
                    }
            /*#head_banner {
                height:220px;
                background:url('../img/head_banner.gif') no-repeat;
            }*/
            #head_bot {
                height:20px;
                background:url('../img/head_bottom.gif') no-repeat;
                margin-top:-4px;
            }
            #mainnavi {
                height:17px;
                background:url('../img/navi_bg.gif') no-repeat;
                padding-left:25px;
                padding-top:8px;
                position:relative;
            }
                #mainnavi .active {
                    color: #3A739D;
                }
                #mainnavi_wrapper {
                    position:absolute;
                    width:980px;
                    z-index:300;
                }
                .navi_entry {
                    overflow:hidden;
                    height:15px;
                    float:left;
                    /*padding-left:25px;*/
                    margin-right:45px;
                    position:relative;
                    width:auto;
                }
                .navi_entry a:link, .navi_entry a:hover, .navi_entry a:active, .navi_entry a:visited {
                    font-family:'Times New Roman', serif;
                    font-size:14px;
                    color:#868686;
                    text-decoration:none;
                }
                /* wird per JS im subnavi template gemacht
                .navi_entry:hover {
                    height:auto;
                    overflow:visible;
                }
                */
                .navi_spacer {
                    height:10px;
                    width:5px;
                }
                .subnavi {
                    background-color:white;
                    border:1px solid #eee;
                    border-top:none;
                    position:relative;
                    margin-left:-10px;
                    /*margin-top:10px;*/
                    padding:10px;
                    float:left;
                    /*width:100px;*/
                    position:absolute;
                }
                .subnavi_level_1 {
                }
                .subnavi_level_2 {
                    padding-left:10px;
                }
                .subnavi_level_3 {
                    padding-left:20px;
                }
                .subnavi_level_4 {
                }
                .subnavi a:link, .subnavi a:active, .subnavi a:visited  {
                    font-family:verdana, arial, sans;
                    font-size:12px;
                }
                .subnavi a:hover {
                    font-family:verdana, arial, sans;
                    font-size:12px;
                    color: #3A739D;
                }
            #mainnavi_bot {
                height:17px;
                background:url('../img/navi_bottom.gif') no-repeat;
            }
        #main {
            padding-left:27px;
            padding-right:27px;
            padding-top:30px;
            position:relative;
            z-index:5;
        }
            #main_left {
                width:545px;
                float:left;
                position:relative;
/*                 border:1px solid black; */
            }
                #main_left img {
                    padding:3px;
                    border: 1px solid #eaeaea;
                }
                #main_left a:active, #main_left a:visited, #main_left a:link, #main_left a:hover  {
                    font-family:verdana, arial. sans-serif;
                    font-size:9px;
                    color:#3A739D;
                    text-decoration:underline;
                }
/* ####### NEWS #########*/
                .news_table {
                    width:100%;
                    margin-bottom:40px;
                }
                    .news_table td {
                        vertical-align: bottom;
                    }
                    .news_table .date_field {
                        width:80px;
                        vertical-align: bottom;
                        text-align:right;
                    }
                    .news_contenttable {
                        margin-top:8px;
                    }
                        .news_contenttable td {
                            vertical-align: top;
                        }
/* ######## Formulare ########## */
                .form_table td {
                    padding-bottom:5px;
                }
                .inp_text_left {
                    float:left;
                    width:1px;
                    height:17px;
                    background: url('../img/inp_text_left.gif') no-repeat;
                }
                .inp_subject, .inp_vorname, .inp_nachname, .inp_telefon, .inp_email, .inp_kurs_vorname, .inp_kurs_nachname, .inp_kurs_telefon, .inp_kurs_email, .inp_kurs_strasse, .inp_kurs_nr, .inp_kurs_plz, .inp_kurs_ort, .inp_kurs_handy, .inp_kurs_geburtstag, .inp_kurs_geburtsmonat, .inp_kurs_geburtsjahr, .inp_aendern_vorname, .inp_aendern_nachname, .inp_aendern_telefon, .inp_aendern_email, .inp_aendern_strasse, .inp_aendern_nr, .inp_aendern_plz, .inp_aendern_ort, .inp_aendern_handy, .inp_aendern_kontonummer, .inp_aendern_blz, .inp_aendern_bankname {
                    float:left;
                    height:17px;
                    background: url('../img/inp_text_mid.gif') repeat-x;
                    border:none;
                    font-size:11px;
                    font-family: verdana, arial, sans;
                }
                .inp_kurs_geburtstag, .inp_kurs_geburtsmonat, .inp_kurs_geburtsjahr {
                    width:47px;
                }
                .inp_kurs_telefon, .inp_kurs_email, .inp_kurs_handy {
                    width:210px;
                }
                .inp_kurs_spacer, .inp_aendern_spacer {
                    float:left;
                    width:10px;
                    height:1px;
                    text-align:center;
                }
                .inp_kurs_plz {
                    width:87px;
                }
                .inp_kurs_ort {
                    width:296px;
                }
                .inp_kurs_strasse {
                    width:300px;
                }
                .inp_kurs_nr {
                    width:83px;
                }
                .inp_kurs_nachname {
                    width:225px;
                }
                .inp_kurs_vorname {
                    width:158px;
                }
                .inp_kurs_kursselect {
                    width:395px;
                    font-size:11px;
                }
                .inp_kurs_body {
                    float:left;
                    height:82px;
                    padding:1px;
                    background: url('../img/inp_textarea_mid.gif') repeat-x;
                }
                .inp_kurs_body textarea {
                    border:none;
                    background:transparent;
                    width:534px;
                    height:78px;
                    font-size:11px;
                    font-family: verdana, arial, sans;
                }
                .inp_userselect {
                    margin:0px;
                    padding:0px;
                    float:left;
                    /*background-position:0px 1px;
                    position:relative;
                    top:-1px;*/
                    width:202px;
                    font-size:11px;
                }
                .inp_subject {
                    width:202px;
                }
                .inp_text_right {
                    float:left;
                    width:1px;
                    height:17px;
                    background: url('../img/inp_text_right.gif') no-repeat;
                }
                .inp_textarea_left {
                    float:left;
                    width:1px;
                    height:82px;
                    background: url('../img/inp_textarea_left.gif') no-repeat;
                }
                .inp_body {
                    float:left;
                    height:82px;
                    padding:1px;
                    background: url('../img/inp_textarea_mid.gif') repeat-x;
                }
                .inp_body textarea {
                    border:none;
                    background:transparent;
                    width:200px;
                    height:80px;
                    font-size:11px;
                    font-family: verdana, arial, sans;
                }
                .inp_textarea_right {
                    float:left;
                    width:1px;
                    height:82px;
                    background: url('../img/inp_textarea_right.gif') no-repeat;
                }
                .inp_reset {
                    border:none;
                    background: url('../img/btn_delete.gif') no-repeat;
                    width:85px;
                    height:20px;
                }
                .inp_submit {
                    border:none;
                    background: url('../img/btn_send.gif') no-repeat;
                    width:92px;
                    height:20px;
                }
                .loginpage_wrapper {
                    text-align:center;
                }
                    .loginpage_wrapper td {
                        text-align:left;
                    }
/* ############ Kursübersicht ############### */
                .kurs_table {
                    width:100%;
                }
               .kurs_table td, .kurs_table th {
                    padding-left:5px;
                    padding-right:5px;
                }
                .kurs_table th {
                    background-color:#e6e6e6;
                }
/* ########################################## */
/* ############ Wetterbox ################### */
                .weather_box {
                    background:url('../img/box_weather_mid.gif') repeat-y;
                    width:545px;
                }
                .weather_box_top {
                    background:url('../img/box_weather_top.gif') no-repeat;
                    height:3px;
                }
                .weather_box_mid {
                    position:relative;
                    z-index:5;
                    padding:10px;
                }
                    .weather_box_mid img {
                        border: none !important;
                        padding:0px;
                        margin:0px;
                    }
                    .weather_symbol {
                        float:left;
                        margin-right:30px;
                    }
                    .wellen_box .weather_symbol {
                        margin-right:60px;
                    }
                    * html .wellen_box .weather_symbol {
                        margin-right:50px;
                    }
                    .weather_direction {
                        float:left;
                        margin-right:30px;
                        position:relative;
                        top:20px;
                        z-index:12;
                    }
                    .wellen_box .weather_direction {
                        margin-right:60px;
                    }
                    * html .wellen_box .weather_direction {
                        margin-right:50px;
                    }
                        .text_weather_dir {
                            font-size:11px;
                            font-weight:bold;
                            color:#3a739d;
                            text-align:center;
                            padding-top:5px;
                        }
                    .weather_temp {
                        float:left;
                        margin-right:30px;
                        position:relative;
                        top:16px;
                        z-index:10;
                    }
                        .wellen_box .weather_temp {
                            top:10px;
                        }
                        .text_weather_temp_red {
                            color:#e40306;
                            text-align:center;
                            font-weight:bold;
                            width:30px;
                            font-family:arial, sans;
                            padding-top:4px;
                        }
                        .text_weather_temp_orange {
                            color:#f05a1e;
                            text-align:center;
                            font-weight:bold;
                            width:30px;
                            font-family:arial, sans;
                            padding-top:4px;
                        }
                        .text_weather_temp_blue {
                            color:#3a739d;
                            text-align:center;
                            font-weight:bold;
                            width:30px;
                            font-family:arial, sans;
                            padding-top:4px;
                        }
                        .weather_temp_bar {
                            background: url('../img/weather/temp.gif') no-repeat;
                            width:12px;
                            height:34px;
                            position:relative;
                            margin:auto;
                        }
                            .weather_temp_red {
                                background: url('../img/weather/temp_red.gif') no-repeat;
                                background-position:0% 100%;
                                width:8px;
                                position:absolute;
                                bottom:2px;
                                left:2px;
                            }
                            .weather_temp_orange {
                                background: url('../img/weather/temp_orange.gif') no-repeat;
                                background-position:0% 100%;
                                width:8px;
                                position:absolute;
                                bottom:2px;
                                left:2px;
                            }
                            .weather_temp_blue {
                                background: url('../img/weather/temp_blue.gif') no-repeat;
                                background-position:0% 100%;
                                width:8px;
                                position:absolute;
                                bottom:2px;
                                left:2px;
                            }
                    .weather_sum {
                        float:left;
                        position:relative;
                        top:18px;
                    }
                        .wellen_box .weather_sum {
                            float:none;
                        }
                        .weather_sum .firsttd {
                            color:#3a739d;
                            font-weight:bold;
                            font-family:arial, sans;
                            padding-right:5px;
                        }
                        .weather_sum .secondtd {
                            font-weight:bold;
                            font-family:arial, sans;
                        }
                .weather_box_bot {
                    background:url('../img/box_weather_bot.gif') no-repeat;
                    height:28px;
                    position:relative;
                    z-index:1;
                    margin-top:-28px;
                }
/* ########################################## */
            #main_right {
                width:335px;
                float:right;
                position:relative;
/*                 border:1px solid black; */
            }
                .contact_box {
                    width:332px;
                }
                .contact_box_top {
                    background:url('../img/box_kontakt_top.gif') no-repeat;
                    height:5px;
                }
                .contact_box_mid {
                    background:url('../img/box_kontakt_mid.gif') repeat-y;
                    padding-left:14px;
                    padding-right:14px;
                    padding-top:5px;
                    padding-bottom:10px;
                }
                    .contact_photo {
                        margin-top:8px;
                        margin-right:15px;
                        float:left;
                        height:125px;
                        width:99px;
                    }
                    .contact_box_mid table {
                        margin-top:8px;
                        float:left;
                    }
                    .contact_box_mid table td {
                        vertical-align:top;
                        padding:0px;
                    }
                .contact_box_bot {
                    background:url('../img/box_kontakt_bot.gif') no-repeat;
                    height:20px;
                }

                .standard_box, .kompas_box, .wellen_box {
                    width:332px;
                    background:url('../img/box_kontakt_mid.gif') repeat-y;
                }
                .standard_box_top {
                    background:url('../img/box_kontakt_top.gif') no-repeat;
                    height:5px;
                }
                .standard_box_mid {
                    padding-left:14px;
                    padding-right:14px;
                    padding-top:5px;
                    padding-bottom:10px;
                    position:relative;
                    z-index:5;
                }
                    .standard_box_mid a:link, .standard_box_mid a:active, .standard_box_mid a:visited, .standard_box_mid a:hover {
                        color:#868686;
                        text-decoration:none;
                        font-size:11px;
                        font-weight:bold;
                        font-family:arial, verdana, sans;
                    }
                .standard_box_bot {
                    background:url('../img/box_kontakt_bot.gif') no-repeat;
                    height:20px;
                    position:relative;
                }

                .kompas_box_bot {
                    background:url('../img/box_kompas_bot.gif') no-repeat;
                    height:78px;
                    margin-top:-45px;
                    position:relative;
                    z-index:0;
                }

                .wellen_box_bot {
                    background:url('../img/box_wellen_bot.gif') no-repeat;
                    height:56px;
                    margin-top:-20px;
                    position:relative;
                    z-index:0;
                }
    #content_bot {
        height:20px;
        background:url('../img/cnt_bottom.gif') no-repeat;
        position:absolute;
        bottom:0px;
    }
#footer {
    height:39px;
    width:986px;
    position:relative;
    background:url('../img/foot_bg.gif') no-repeat;
}

    #footer_left {
        left:14px;
    }
    #footer_right {
        right:14px;
    }
    #footer_left, #footer_right {
        position:absolute;
        top:10px;
        color:white;
    }
    #footer_left a, #footer_right a {
        text-decoration:none;
        color:white;
    }

#copyright {
    text-align:center;
    font-size:9px;
    padding-top:5px;
    padding-bottom:10px;
}