#container{
    POSITION: relative;
    border-width: 0px;
    border-bottom-width: 30px;
    border-style: solid;
    border-color: white;
    width: 922px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;    
    background-color: #ffffff;    
}

#menubar_bg{
    POSITION: relative;
    background-image: url(/images/Header.png);
    background-repeat: no-repeat;
    width: 922px;
    height: 97px;
    margin-left: auto;
    margin-right: auto;        
}
#menubar_bg_tmobile{
    POSITION: relative;
    background-image: url(/images/HeaderTmobile.png);
    background-repeat: no-repeat;
    width: 922px;
    height: 97px;
    margin-left: auto;
    margin-right: auto;        
}


#menubar_bg_orange{
    POSITION: relative;
    background-image: url(/images/HeaderOrange.png);
    background-repeat: no-repeat;
    width: 922px;
    height: 97px;
    margin-left: auto;
    margin-right: auto;        
}


#menubar_bg2{
    POSITION: relative;
    background-image: url(/images/Header2.png);
    background-repeat: no-repeat;
    width: 922px;
    height: 97px;
    margin-left: auto;
    margin-right: auto;        
}

#phone{
    POSITION: absolute;
    xxxbackground-image: url(/images/phones/handy0.jpg);
    background-repeat: no-repeat;
    width: 180px;
    height: 297px;
    top: 70px;    
    left:733px;        
    opacity: 0;
    MozOpacity: 0;
    KhtmlOpacity: 0;
    filter: "alpha(opacity=0)";

}

#kompass_logo{
    POSITION: absolute;
    background-image: url(/images/kompass_logo.png);
    background-repeat: no-repeat;
    width: 140px;
    height: 40px;
    top: 20px;    
    left:740px;        
    background-position: bottom center;
    font: 10px  verdana, arial, hevetica, sans-serif;
    

}



#footer_bg{
    POSITION: relative;
    background-image: url(/images/Footer.jpg);
    background-repeat: no-repeat;
    width: 922px;
    height: 110px;
    margin-left: auto;
    margin-right: auto;        
}

#menubar{
    POSITION: relative;
    width: 610px;
    height: 19px;
    top: 37px;    
    left: 288px;    
    text-align: left;
    font: 16px  verdana, arial, hevetica, sans-serif;
}

#menubar_item{
    POSITION: relative;
    color: #FFFFFF;
    width: auto;
    height: auto;    
    margin-left: 0px;
    text-align: left;
    font-weight:bold;
    text-decoration: none;
}

#menubar_item:hover{
    POSITION: relative;
    color: #000000;
    width: auto;
    height: auto;    
    margin-left: 0px;
    text-align: left;
    font-weight:bold;
}

#leftcolumn{
    
    margin: 0px 0px 0px 0px;    
    width: 200px;
    vertical-align: top;
    background-color: #00FF00;
    height: 100%;
}
#centercolumn{
    
    width: 630px;
    height: 400px;
    background-color: #00FF00;
    margin: 0px 0px 0px 280px;
    vertical-align: top;
}

#footer{
    background-color: red;
    background-color: #757575;
    margin-left: auto;
    margin-right: auto;        
    width: 810px;
}
#footer a{
    color: #bbbbbb;
}

#content_mk{
    DISPLAY: block; OVERFLOW: hidden; POSITION: relative;
    top: 20px;
}

#centercolumn_div{
    margin: 0px 20px 20px 20px;
}

.center_title{
    DISPLAY: block; OVERFLOW: hidden; POSITION: relative;
    background-image: url(/images/pfeil.gif);
    background-repeat: no-repeat;        
    background-position: 0px 2px;
    TEXT-TRANSFORM: uppercase;
    padding-top: 0px;
    padding-left: 15px;
    font: 80%  verdana, arial, hevetica, sans-serif;
}


.toplinks{
    color: #897D54;
    margin: 0px 0px 2px 0px;
    font: 17px  verdana, arial, hevetica, sans-serif;
    #xtext-decoration: none;
}


.left_links_ul{
    margin-top: 0px;
    padding-top: 0px;
}

.left_links{
    DISPLAY: block; OVERFLOW: hidden; POSITION: relative;
    background-image: url(/images/left_links.PNG);
    background-repeat: no-repeat;    

    margin: 0px 0px 20px 0px;
    width:  220px;
    height: 128px;
    top: 0px;
    left: 25px;
    border-color: #DACFA7;
    border-width: 0px;
    border-style: solid;
    padding-top: 10px;
    font: 14px  verdana, arial, hevetica, sans-serif;
    color: #897D54
}

.boder_table{
    border-width: 1px;
    border-style: solid;
    border-color: #DACFA7;
}

.newsflash{
    DISPLAY: block; OVERFLOW: hidden; POSITION: relative;
    background-image: url(/images/news.png);
    background-repeat: no-repeat;    

    margin: 0px 0px 10px 0px;
    width:  200px;
    height: 182px;
    top: 0px;
    left: 25px;
    border-color: #DACFA7;
    border-width: 0px;
    color: #897D54;
    border-style: solid;
    padding: 10px;
    font: 16px  verdana, arial, hevetica, sans-serif;
}

.newsflashLarge{
    DISPLAY: block; OVERFLOW: hidden; POSITION: relative;
    background-image: url(images/newsLarge.png);
    background-repeat: no-repeat;    

    margin: 0px 0px 20px 0px;
    width:  340px;
    height: 147px;
    top: 0px;
    left: 0px;
    border-color: #DACFA7;
    border-width: 0px;
    color: #897D54;
    border-style: solid;
    padding: 10px;
    font: 16px  verdana, arial, hevetica, sans-serif;
}

.mark{
    DISPLAY: block; OVERFLOW: hidden;
    background-image: url(images/mark0box.png);
    background-repeat: no-repeat;    

    margin: 0px 0px 0px 0px;
    width:  270px;
    height: 75px;
    border-color: #DACFA7;
    border-width: 0px;
    color: #897D54;
    border-style: solid;
    padding: 0px;
    font: 16px  verdana, arial, hevetica, sans-serif;
}

.mark_sel{
    DISPLAY: block; OVERFLOW: hidden;
    
    background-image: url(images/mark0boxSel.png);
    background-repeat: no-repeat;    

    margin: 0px 0px 0px 0px;
    width:  270px;
    height: 75px;
    border-color: #DACFA7;
    border-width: 0px;
    color: #897D54;
    border-style: solid;
    padding: 0px;
    font: 16px  verdana, arial, hevetica, sans-serif;
}

a.newsflash_text{
    color: #897D54;

}

.red{
    color: #FF3030;
}

.bannerLarge{
    DISPLAY: block; OVERFLOW: hidden; POSITION: relative;
    background-image: url(images/board1.png);
    background-repeat: no-repeat;    

    margin: 0px 0px 0px 0px;
    width:  922px;
    height: 115px;
    top: 0px;
    left: 0px;
    border-color: #DACFA7;
    border-width: 0px;
    color: #000000;
    border-style: solid;
    padding: 0px;
}

.infoLarge{
    DISPLAY: block; OVERFLOW: hidden; POSITION: relative;
    background-image: url(images/infoBig.png);
    background-repeat: no-repeat;    

    margin: 0px 0px 0px 0px;
    width:  922px;
    height: 480px;
    top: 0px;
    left: 10px;
    border-color: #DACFA7;
    border-width: 0px;
    color: #505050;
    border-style: solid;
}


.infoflashBig{
    DISPLAY: block; OVERFLOW: hidden; POSITION: relative;
    background-repeat: no-repeat;    

    margin: 0px 0px 0px 0px;
    width:  790px;
    height: 240px;
    top: 60px;
    left: 10px;
    border-color: #DACFA7;
    border-width: 0px;
    color: #897D54;
    border-style: solid;
    text-align: left;

    padding: 10px;
    font: 16px  verdana, arial, hevetica, sans-serif;
}

.infoflashLarge{
    DISPLAY: block; 
    OVERFLOW: hidden;
    background-image: url(/images/infoLarge.png);
    background-repeat: no-repeat;    

    margin: 0px 0px 0px 0px;
    width:  340px;
    height: 452px;
    border-color: #DACFA7;
    border-width: 0px;
    color: #897D54;
    border-style: solid;
    text-align: left;
    padding: 10px;
    
    font: 16px  verdana, arial, hevetica, sans-serif;
}

.infoflash{
    DISPLAY: block; OVERFLOW: hidden;
    margin: 0px 0px 0px 0px;

    text-align: left;
    background-image: url(/images/info.png);
    background-repeat: no-repeat;    
    width:  222px;
    height: 452px;
    border-color: #DACFA7;
    border-width: 0px;
    color: #897D54;
    border-style: solid;
    padding: 10px;
    
    font: 16px  verdana, arial, hevetica, sans-serif;
}


.newsflash_text{
    DISPLAY: block; OVERFLOW: hidden; POSITION: relative;
    font: 80%  verdana, arial, hevetica, sans-serif;
    padding: 0;
    margin: 0;
    margin: 0px 13px 0px 13px;
    font-weight: normal;
    color: #505050;
    height: 170px;
}



.newsflash_link{
    DISPLAY: block; OVERFLOW: hidden; POSITION: relative;
    font: 80% verdana, arial, hevetica, sans-serif;
    padding-top: 13px;
    margin: 0px 0px 0px 10px;
    font-weight: normal;
    color: #505050;
}

.NewsSepLine{
    width: 100%;
    border-width: 0px;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: #C3C4C5;
}

a{
    color: #505050;
}



body
{
    font: 100% verdana, arial, hevetica, sans-serif;
    text-align: center;
    background-color: #9D9C9C;
    color: #555555;

    background-image: url(/images/bg.jpg);
    background-repeat: repeat-x;
}


h1{
    font: 160% verdana, arial, hevetica, sans-serif;
    font-style: none;
    font-weight:normal;
}

h2{
    font: 130% verdana, arial, hevetica, sans-serif;
    font-style: none;
    font-weight:normal;
    margin-top: 20px;
    margin-bottom: 5px;    
}

h3{
    font: 110% verdana, arial, hevetica, sans-serif;
    font-style: none;
    font-weight:normal;
    margin-top: 20px;
    margin-bottom: 5px;    
}


.team_header{
    margin-top: 30px;
    margin-bottom: 0px;
    padding: 0px;    
}

.team{
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0px;    
}


#search{
    POSITION: absolute;
    top: 242px;    
    left:585px;    

}

#logout{
    POSITION: absolute;
    font: 80% verdana, arial, hevetica, sans-serif;
    top: 242px;    
    left:10px;    
    color: #E3E4E5;

}

#search_a{
    POSITION: absolute;
    font: 80% verdana, arial, hevetica, sans-serif;
    color: #E3E4E5;
}

        .boxstyle {
             background-color:#f5f2e7;
             height: 200px;
           }

        .boxstyleinner {
             height: 200px;
           }

        .boxsmalltext {
             font: 90%  verdana, arial, hevetica, sans-serif;
           }

        .boxheader {
            font-weight:bold;
            background-color:#ccbd89;
            color:#ffffff;
            padding-top: 3px;
            padding-bottom: 3px;
            padding-left: 3px;
            padding-right: 3px;
        }

        .smallerfont {
             font: 70%  verdana, arial, hevetica, sans-serif;
           }

        .greenfont {
            color: #608060
        }



    .title_sep_right{
        border-color: #DACFA7;
        border-width: 0px;
        border-style: solid;
        border-left-width: 3px;
        background-color:#FFFFFF;
        color: #000000;
    }
    .title_sep_left{
        background-color:#DACFA7;
        color: #FFFFFF;
    }


    .title_box{
        border-color: #DACFA7;
        border-width: 5px;
        border-style: solid;
    }
    .title_subbox{
        background-color:#DACFA7;
        color: #FFFFFF;

    }

    .title_wandern{
        background-color:#8cbb13;
        color: #FFFFFF;
    }
    .title_biken{
        background-color:#f8c711;
        color: #FFFFFF;
    }
    .title_skitour{
        background-color:#1174b6;
        color: #FFFFFF;
    }

    .table_info{
        background-color:#FFFFFF;
        border-color: #EADFA7;
        border- right-color: #C8BD95;
        border- bottom-color: #C8BD95;
        border-width: 3px;
        border-style: solid;
    }

    .picturetext{
        font: 80%  verdana, arial, hevetica, sans-serif;
    }
    .subtext{
        font: 70%  verdana, arial, hevetica, sans-serif;
    }

    .link_wandern{
        color: #FFFFFF;
        text-decoration:none;
        border-color: #FFFFFF;
        border-width: 0px;
        border-bottom: 1px;
        border-style: solid;
    }

    .tmobile_link{
        color: #03196b;
    }
