/* Style Sheet for disasterarea.de */
/* copyright: hexabinaer Berlin */

/* Globals and text styles */

body {
    background: url(../img/ybgspir.gif) no-repeat;
    }

div,
b,
td,
font,
a {
    font-family: Verdana;
    font-size: 13px;
    }

a {
    color: #000000;
    }
a:hover {
    color: #990000;
    }

a.snav {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    }
a.snav:hover {
    color: #EE0000;
    }

a.teaser {
    text-decoration: none;
    }

a.teaser:hover {
    color: #660000;
    text-decoration: underline;
    }

img.teaser,
img.teaser:hover {
    text-decoration: none;
    }

a.invis {
    color: #999999;
    text-decoration: none;
    font-size: 11px;
    }
a.invis:hover {
    color: #EE0000;
    }

font.changedate {
    color: #CCCCCC;
    font-size: 11px;
    }

img.col {
    display: block;
    }

img.block {
    display: block;
    margin: 0px;
    padding: 0px;
    border: 0px;
    }

p {
    font-size: 13px;
    line-height: 1.4em;
    margin-left: 8px;
    margin-top: 4px;
    margin-bottom: 6px;
    margin-right: 8px;
  }

p.disco {
    color: #666666;
    font-size: 11px;
    }

p.header {
    font-size: 18px;
    font-weight: bold;
    }

p.intro {
    font-size: 13px;
    }

p.text,
p.newstext {
    font-size: 13px;
    }

p.newsheader {
    font-size: 15px;
    font-weight: bold;
    }

p.mini {
    font-size: 11px;
    }

p.newline {
    display: block;
    font-size: 13px;
    }

p.eyecatcher {
    background-color: #FFE7AD;
    border: 1px solid #990000;
    padding: 4px;
    }

td.notext {
    font-size: 4px;
    }

table.content {
    margin-bottom: 10px;
    padding: 2px;
    }

td.tabtxt {
    padding-left: 2px;
    padding-right: 12px;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: black;
    color: #DF252B;
    }

form {
    margin: 0px;
    display: inline;
    }


/* News styles */
p.paginator {
    margin-top: 2px;
    margin-bottom: 4px;
    }

a.paginator {
    color: #666666;
    font-weight: bold;
    text-decoration: none;
    }

a.paginator:hover {
    color: #990000;
    text-decoration: underline;
    }

a.paginator-active,
a.paginator-active:hover {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    }

font.paginator-inactive {
    color: #999999;
    font-weight: bold;
    }

p.nws-lfnr {
     font-size: 9px;
     color: #CCCCCC;
     }

input.nwsedit {
    width: 550px;
    height: 21px;
    font-size: 13px;
    }

input.date {
    width: 80px;
    height: 21px;
    font-size: 13px;
    vertical-align: absmiddle;
    }

textarea.nwsedit {
    width: 550px;
    height: 300px;
    font-size: 13px;
    }

input.editbtn {
     border: 2px solid #DF252B;
     background-color: #FFFFFF;
     height: 21px;
     width: 90px;
     color: #DF252B;
     font-weight: bold;
     }


/* Guestbook styles */
font.gb-lfnr {
     font-size: 11px;
     font-weight: bold;
     color: #CCCCCC;
     }

a.gb-name {
     font-size: 14px;
     font-weight: bold;
     text-decoration: underline;
     color: #660000;
     }

font.gb-ort {
     color: #666666;
     }

font.gb-date {
     font-size: 11px;
     color: #999999;
     }


/* LAYOUT POSITIONING STYLES */

/* Positions of Logo, main and sub navigation
#nav-area {
    position: absolute;
    width: 158px;
    z-index: 3;
    }

    #logo {
        margin: 0px;
        z-index: 6;
        }

    #nav-main {
        margin-right: 5px;
        margin-top: 8px;
        z-index: 6;
        }     */

    #nav-sub  {
        margin-right: 5px;
        margin-top: 8px;
        padding-left: 4px;
        padding-right: 8px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-top: 1px;
        background: black;
        text-align: right;
        line-height: 22px;
        z-index: 6;
        }


    #nav-sponsoren  {
        position: absolute;
        top: 493px;
        margin-right: 5px;
        margin-top: 16px;
        background: black;
        z-index: 6;
        }

/* Workspace encloses everything except navigation and footer - i.e. tab and content area */
#workspace {
    position: absolute;
    left: 158px;
    top: 59px;
    width: 824px;
    z-index: 3;
    }

    /* Black tab on the right top corner */
    #content-tab {
        position: absolute;
        right: 0px;
        top:-33px;
        align: right;
        z-index: 6;
        }

    /* Content area makes the nice black outline around the contents */
    table.content-area {
        width: 824px;
        overflow: visible;
        border: 2px solid black;
        border-bottom: 0px;
        background: url(../img/ybgspirin.gif) no-repeat;
        z-index: 6;
        }

        /* Space for dummy pics or real images on the left side of contents... delete if unwanted */
        #content-imagecol {
            position: relative;
            width: 229px;
            height: 597px;
            float: left;
            padding-right: 6px;
            margin-bottom: 0px;
            padding-bottom: 0px;
            z-index: 9;
            }

        /* Headline area - use <p> for formatting! */
        #content-headline {
            z-index: 9;
            }

        /* Here we go... this is where all the wah-wah goes */
        #contents {
            margin-bottom: 0px;
            padding-bottom: 0px;
            z-index: 9;
            }

           /* Special div definition for teaser boxes */
           #teaser {
                width: 210px;
                height: 210px;
                background: #CCBBAA;
                padding: 6px;
                margin: 16px;
                float: left;
                z-index: 12;
                }

            /* Special div definition for discography */
            #cover {
                width: 130px;
                padding: 4px;
                margin: 8px;
                font-size: 9px;
                float: left;
                }

            /* Discography contents listing */
            #disco-list {
                width: 260;
                }

            /* Special div definition for merch */
            #merch {
                width: 140px;
                padding: 4px;
                margin: 8px;
                font-size: 9px;
                float: left;
                }



/* Footer area serves for impressum link and makes the fat black bottom line
#footer-area {
    position: relative;
    width: 828px;
    height: 11px;
    background: #000000;
    top: 0px;
    padding: 0px;
    border-bottom: 2px solid #000000;
    text-align: right;
    font-size: 9px;
    z-index: 3;
    }  */


/* FORM ELEMENTS */

#formular {
    border: 1px solid #CCCCCC;
    padding: 6px;
    margin: 10px;
    }

input {
    height: 18px;
    width: 240px;
    font-size: 13px;
    }

input.btn {
    width: 90px;
    height: 22px;
    background-color: #EF353B;
    font-weight: bold;
    font-size: 13px;
    border: 1px outset #BF050B;
    margin-bottom: 3px;
    }

textarea {
    width: 350px;
    height: 90px;
    font-size: 13px;
    }


/* START PAGE ELEMENTS */

img.functional {
    display: block;
    }


#sponsoren {
    position: absolute;
    z-index:5;
    bottom: 60px;
    height: 68px;
    width: 100%;
    background: #000000;
    border-top: 3px solid #FFFFFF;
    border-bottom: 3px solid #FFFFFF;
    text-align: center;
    vertical-align: middle;
    }

    #startteaserheader {
        position: relative;
        z-index:10;
        border-left: 3px solid #000000;
        border-right: 3px solid #000000;
        border-top: 1px solid #000000;
        padding: 3px;
        width: 170px;
        height: 20px;
        background: #000000;
        font-size: 15px;
        font-weight: bold;
        color: #999999;
        }

    #startteasertext {
        position: relative;
        z-index:10;
        border-left: 3px solid #000000;
        border-right: 3px solid #000000;
        border-bottom: 6px solid #000000;
        padding: 3px;
        width: 170px;
        background: #FFFFFF;
        font-size: 12px;
        text-align: left;
        }