/******************************
 * default styles Deimos Toto *
 * (c) deimos.ch              *
 ******************************/


/* html formatting
   ********************** */
* {
    margin: 0;
    padding: 0;
}
body {
    background-attachment: scroll;
    background-position: center top;
    background-color: #fff;
}
body, p, td, input, textarea, select {
    color: #000; 
    font-size: 11px; 
    font-family: verdana, arial, helvetica, Sans-Serif;
}
td {
    vertical-align: top;
    line-height: 15px;
}
a, a:active, a:visited {
    color: #333;  
    text-decoration: underline;
}
a:hover {
    color: #e00; 
}
ol, ul {
    margin-left: 15px;
    padding-left: 0;
    list-style: square;
}

/* forms
   ********************** */

form {
    margin: 0;
}
input, textarea, select {
    color: #000; 
    font-size: 11px;
    margin: 1px;
}
input[type=radio], input[type=checkbox] {
    background-color: transparent;
    margin: 1px;
}
input.button {
    padding: 0 .5em 0 .5em;
    width: auto;
    overflow: visible;
    cursor: pointer;
}
.tipp-radio { 
    padding: 0; 
    margin: 0; 
    width: 15px; 
    height: 15px;
    vertical-align: middle;
}
.tipp-select { 
    padding: 0; 
    margin: 0; 
    font-size: 11px; 
    vertical-align: middle;
}
.tipp-text { 
    margin: 0; 
    font-size: 11px;
    vertical-align: middle;
}


/* text styles
   ********************** */

.header-title {
    color: #e00; 
    font-weight: normal; 
    font-size: 24px; 
    line-height: 30px; 
    padding-bottom: 5px;
}
.header-subtitle {
    color: #e00; 
    font-weight: bold; 
    font-size: 12px;
    padding-bottom: 15px;
}
.content-title {
    font-size: 14px;
    color: Red;
    font-weight: bold;
    padding-bottom:3px;
}
.bold {
    font-weight: bold;
}
.button {
    font-weight: bold;
}
.button-cancel {
    font-weight: normal;
}
.stabilo {
    background-color: #ffff66;
}
.warning-icon {
    padding: 1px;
    background-color: #fff;
}
.grid {
    background-image: url(../pics/grid_background.gif);
}
#copyright-area {
    color: #999; 
    font-size: 10px;
    line-height: 14px; 
    vertical-align: middle;
}
.copyright-image {
    /* "inline" or "none" */
    display: inline;
}
#socialmedia-area {  
    height: 20px;
    margin-bottom: 10px;
}


/* table rows, borders, lines, paddings
   ************************************ */
/* row colors */
.row-head {
    background-color: #fff;
}
.row-active {
    background-color: #ffff66;
}
.row-1, .row-past-1 {
    background-color: #eee;
}
.row-2, .row-past-2 {
    background-color: #ddd;
}
.row-changed {
}

/* bottom line in table rows */
.bl {
    border-bottom: 1px solid #ccc;
    padding-left: 5px;
    padding-right: 5px;
}
.bl2 {
    border-bottom-width: 2px;
}

/* no border */
.b0 { border: 0; }
.bt0 { border-top: 0; }
.br0 { border-right: 0; }
.bb0 { border-bottom: 0; }
.bl0 { border-left: 0; }

/* paddings */
.column-spacer {
    padding-left: 10px;    
}
.content-padding {
    padding: 5px;
}
.clear { 
    clear: both; 
}
/* paddings */
.p0 { padding: 0; }
.pt0 { padding-top: 0; }
.pr0 { padding-right: 0; }
.pb0 { padding-bottom: 0; }
.pl0 { padding-left: 0; }
.p2 { padding: 5px; }
.pt2 { padding-top: 2px; }
.pr2 { padding-right: 2px; }
.pb2 { padding-bottom: 2px; }
.pl2 { padding-left: 2px; }
.p5 { padding: 5px; }
.pt5 { padding-top: 5px; }
.pr5 { padding-right: 5px; }
.pb5 { padding-bottom: 5px; }
.pl5 { padding-left: 5px; }

/* margins */
.m0 { padding: 0; }
.ml2 { margin-left: 2px; }
.mb2 { margin-bottom: 2px; }
.mr2 { margin-right: 2px; }
.ml5 { margin-left: 5px; }
.mb5 { margin-bottom: 5px; }

/* alignments */
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.vb { vertical-align: bottom; }


/* tabs in header area
   ********************** */
#tab-area {
    padding-bottom: 5px;
}
.tab {
    padding: 2px 5px 2px 5px;
    border: 1px solid #ccc;
    color: #111;  
    text-decoration: none;
    font-weight: bold;
    background-color: #fff;
}
.tab-clicked {
    background-color: #eee;
}
.tab-spacer {
    display: block;
    width: 3px;
}
.tab-past {
}
a.tablink, a.tablink:active, a.tablink:visited {
    color: #e00;  
    text-decoration: none;
}
a.tablink:hover { 
    text-decoration: underline;
}



/* tabs for toto_parts
   ********************** */
#part-area {
    padding: 5px;
}
.part-tab {
    padding: 1px;
    text-align: center;
}
.part-tab-clicked {
    font-size: 9px;
}
.part-tab-level0 {
    margin: 0 8px 1px 8px;
}
.part-tab-level1 {
    padding-right: 20px;
    padding-left: 20px;
}
.part-tab-level2 {
}
.part-tablink {
    font-size: 9px;
}
.part-past {
    background-color: #ddd;
}



/* display in iframe          
   ***************** */
#iframe-area {
    padding: 0;
}
.iframe-body {
    background-color: #fff;
    background-image: none;
}


/* display in inline fancybox          
   ************************** */
#inline-area {
    padding: 10px;
}
.inline-body {
    background-color: #fff;
    background-image: none;
}


/* display in full browser window           
   ****************************** */

#outerframe {
    position: relative;
    text-align: left;
    height: 100%;
}
#overall-area {
    overflow:auto;
    position: absolute;
}
.overall-width {
    width: 750px;
}
.column-image { 
    width: 270px; 
}
#header-area {
    padding: 5px;
    padding-top: 15px;
}
#header-html-area
}

#main-area {
    overflow: auto;
    padding: 5px;
    border: 1px solid #ccc;
}

    /* areas inside main-area */
    #login-area {
        padding: 5px;
    }
    /* areas inside login-area */
        #message-area {
            padding-bottom: 5px;
        }
        #registration-area {
        }
    #content-area {
        overflow: auto;
        margin-top: 10px;
    }
    /* areas inside content-area */
    #content-title-area {
        padding: 5px;
    }
        #systemtime-area {
            text-align: right;
        }
        .systemtime-text {
        }
    #content-left-area {
        overflow: auto;
    }
    .content-left-width {
        width: 450px;
    }
    #content-right-area {
        overflow: auto;
    }

#footer-area {
    padding: 5px;
    margin-bottom: 15px;
    margin-top: 5px;
}
    /* areas inside footer-area */
    #footer-html-area {
    }
    #language-area {
        text-align: right;
    }

/* part schedule area (inside any content-area) */
#part-schedule-area {
}
.part-schedule-box {
}

/* schedule area (inside any content-area) */
#schedule-area {
}
.schedule-box {
}

/* ranking area (inside any content-area) */
#ranking-area {
}
.ranking-box {
}
.ranking-promi {
    font-weight: bold;
}


/* welcome (home) area (inside any content-area) */
#welcome-area {
}
.welcome-box {
    padding: 5px;
}
.welcome-item {
    padding-bottom: 15px;
}
.welcome-sub-title {
    font-weight: bold;
}

/* archive area (inside any content-area) */
#archive-area {
}
.archive-box {
    padding: 5px;
}
.archive-item {
    padding-bottom: 15px;
}
.archive-sub-title {
    font-weight: bold;
}

/* prices area (inside any content-area) */
#prices-area {
}
.prices-box {
    padding: 0;
}
.prices-item {
    padding: 5px;
    border-bottom: 1px solid #ccc;
}
.prices-sub-title {
    font-weight: bold;
}

/* rules area (inside any content-area) */
#rules-area {
}
.rules-box {
    padding: 5px;
}
.rules-item {
    padding-bottom: 5px;
}
.rules-sub-title {
    font-weight: bold;
}

/* points area (inside any content-area) */
#points-area {
}
.points-box {
    padding: 5px;
}
.points-item {
    padding-bottom: 5px;
}
.points-sub-title {
    font-weight: bold;
}


/* promi area (inside any content-area) */
#promi-area {
}
#promi-area-right {
}
#promi-box {
    padding: 0;
}
.promi-item {
    padding: 5px;
    border-bottom: 1px solid #ccc;
}
.promi-sub-title {
    font-weight: bold;
}

/* promi-shortlist area (inside any content-area) */
#promi-shortlist-area {
}
.promi-shortlist-box {
    padding: 5px;
}
.promi-shortlist-item {
    padding: 0;
    border-bottom: 1px solid #ccc;
}

/* infobox area (inside any content-area) */
#infobox-area {
}
.infobox-box {
    padding: 0;
}
.infobox-item {
    padding: 5px;
}
.infobox-sub-title {
    font-weight: bold;
}


/* player-group box */
#player-group-box {
}
.player-group-box {
    padding: 5px;
}
.player-group-sub-title {
    font-weight: bold;
}

/* für Anzeige von Debug-Meldungen (z.B. perftest) */
.debug-message { background-color:#ffeeff; border:dotted 1px violet; }

/* Fancybox (diese Klassen dienen nur zum Event-Wiring, keine Formatierung) */
a.fancybox-iframe {  }
a.fancybox-image {  }