/**
 * [HrT] Hostage Rescue Troopers - Web-Layout
 *
 * typo.css / $Id: typo.css 46 2010-01-08 18:43:13Z axel.wehner $
 * Beinhaltet saemtliche CSS-Deklarationen der Standard-Inhalte.
 *
 * @author        Axel Wehner <aw@68media.de>,
 *                $LastChangedBy: axel.wehner $ @ $Date: 2010-01-08 19:43:13 +0100 (Fr, 08 Jan 2010) $
 * @copyright     Copyright (c) 2009, 68media web/design - Axel Wehner
 * @license       proprietary
 * @link          http://hrt.68media.de HrT Projektverwaltung
 * @package       hrt.layout.css
 * @subpackage    typo
 * @since         1.0
 * @version       $Revision: 46 $
 * @filesource    $URL: http://svn.68media.de/repos/hrtclan/trunk/code/layout/css/typo.css $
 */


/**
 * Absaetze
 *****************************************************************************************************************/
p {
    margin: 0 0 1em 0;
}

.fll { float: left; }
.flr { float: right; }

.trenner {
    background: transparent url(../img/trenner.png) top center no-repeat;
    padding-top: 10px;
    height: 1%;
}


/**
 * Ueberschriften
 *****************************************************************************************************************/
h1 {

}

h2 {

}

h3 {

}

h4 {
    color: #2F5DA4;
    font-size: 130%;
    font-weight: bold;
    margin: 0 0 0.4em 0;
}


/**
 * Links
 *****************************************************************************************************************/
a:link, a:visited {
    color: #2F5DA4;
    text-decoration: underline;
}

a:focus, a:hover, a:active {
    color: #000;
    text-decoration: none;
}


/**
 * Listen
 *****************************************************************************************************************/
ul, ol, dl {
    margin: 0 0 1em 2em;
}

/**
 * Aufzaehlungsliste
 *********************************/
ul li {
    margin: 0 0 0.5em 0;
    list-style-type: disc;
}

/**
 * Nummerierte Liste
 *********************************/
ol li {
    margin: 0 0 0.5em 0;
    list-style-type: decimal;
}

/**
 * Definitionsliste
 *********************************/
dl {}
dt {}
dd {}



/**
 * Artikel Modul
 *****************************************************************************************************************/
div.news {
    margin-bottom: 30px;
}

    ul.news-meta {
        margin: 0 0 1em 0;
        overflow: hidden;
    }

        ul.news-meta li {
            float: left;
            color: #666;
            font-size: 0.85em;
            margin: 0 15px 0 0;
            padding: 0 0 0 20px;
            list-style-type: none;
            background: transparent url(../img/icons.png) 0 0 no-repeat;
        }

        ul.news-meta li.news-author {
            background-position: 0 -72px;
            padding: 0 0 0 18px;
        }

        ul.news-meta li.news-date {
            background-position: 0 3px;
            font-weight: bold;
        }

        ul.news-meta li.news-category {
            background-position: 0 -21px;
        }

        ul.news-meta li.news-comments {
            background-position: 0 -46px;
        }


/**
 * Formulare
 *****************************************************************************************************************/
form {
    overflow: hidden;
}


    fieldset {
        border: 1px solid #ccc;
        padding: 10px 20px;
        margin: 0 0 20px 0;
    }

        legend {
            color: #006699;
            font-weight: bold;
            background-color: transparent;
            padding: 5px;
        }

        div.form-element {
            margin: 0 0 10px 0;
        }

            /* Standard Label
             *********************************/
            label {
                width: 11em;
                float: left;
                padding: 5px 5px 0 0;
                display: block;
            }

            /* Standard Felder
             *********************************/
            input, select, textarea {
                padding: 5px;
                width: 20em;
                border: 1px solid #ccc;
                border-left-color: #ddd;
                border-top-color: #ddd;
                background-color: #fff;
            }

            textarea {
                width: 24.2em;
                height: 8em;
            }

            /* Aktive Felder
             *********************************/
            input:focus, select:focus, textarea:focus {
                background-color: #fff7c0;
            }

            /* Absenden Button
             *********************************/
            input#submit {
                background: #474747 url('../img/submit.png') 0 0 no-repeat;
                width: 135px;
                text-align: center;
                height: 30px;
                padding: 0;
                margin: 0 0 10px 0;
                color: #fff;
                border: 0;
                cursor: pointer; 
                /*float: right;*/
            }
            
            input.button {
                background: #474747 url('../img/submit.png') 0 0 no-repeat;
                width: 135px;
                text-align: center;
                height: 30px;
                padding: 0;
                margin: 0 0 10px 0;
                color: #fff;
                border: 0;
                cursor: pointer; 
                /*float: right;*/
            }
            input.shoutbutton {
                background: transparent url('../img/shoutbox/submit_shout.png') 0 0 no-repeat;
                width: 80px;
                text-align: center;
                height: 30px;
                padding: 0;
                margin: 5px;
                color: #fff;
                border: 0;
                cursor: pointer; 
            }
                input.shoutbutton:hover {
                    background: transparent url('../img/shoutbox/submit_shout_aktiv.png') 0 0 no-repeat;
                }


            /* Herausfordern Formular
             *********************************/
            input#hours, input#minutes { width: 2em; }
            select#country { width: 12em; }
            select#squad { width: 12em; }
            select#day { width: 6em; }
            select#month { width: 10em; }
            select#year { width: 7em; }
            select.stunden { width: 6em; }


            /* Beitreten Formular
             *********************************/
            select#squad { width: 12em; }
            span.checkbox { position: relative; display: block; top: 5px; left:0; font-size: 0.85em; color: #666; }
            input#clanrules { width: auto; position: relative; top: 3px; left:0; margin: 0 8px 0 0;  float: left; }