/*////////////////////////////////////////
/----- CSS Document by Electrofairy.de --/
////////////////////////////////////////*/

/* General ------------------------------------------------------------------------------ */

body
{
        background-image:        url('img/border001.png');
        background-repeat:        repeat-x;
        background-color:        #FFFFFF;
        color:                                #888888;
        font-family:                'Trebuchet MS', Tahoma, Helvetica, sans-serif;
        font-size:                        12px;
        font-style:                 normal;
        font-weight:                normal;
        text-decoration:        none;
        text-transform:                none;
        text-align:                        center;
        line-height:                130%;
        margin:                                0px;
        padding:                        0px;
}

table
{
        text-align:                        justify;
        valign: top;
}

img
{
        border:                         0px;
        margin:                         0px;
        padding:                         0px;
}

.artikel {
 background: #eaeaea;
 border: 1px solid #888888;
 border-radius:                5px;
        -moz-border-radius:        5px;
        -webkit-border-radius:5px;
        -khtml-border-radius:5px;
}

blockquote {
 margin: 10px;
 padding: 3px;
 width: 90%;
 background: #f2f2f2;
 border: 1px solid #D6A100;
 border-radius:                5px;
        -moz-border-radius:        5px;
        -webkit-border-radius:5px;
        -khtml-border-radius:5px;
}

#container
{
        margin:                                auto;
        width:                                800px;
        text-align:                        left;
}

#header
{
        background-image:        url('img/header001.png');
        background-repeat:        no-repeat;
        width:                                800px;
        height:                                170px;
}

#content
{
        width:                                600px;
        float:                                left;
        overflow:                        hidden;
}

#content .text
{
        padding:                        25px;
        text-align:                        center;
}

#navi
{
        width:                                200px;
        overflow:                        hidden;
}

#navi .text
{
        padding:                        25px;
        text-align:                        center;
}

#footer
{
        width:                                800px;
        height:                                100px;
}

#footer .text
{
        padding:                        25px;
        text-align:                        center;
}

.clear
{
        clear:                                both;
}

/* Textformations -------------------------------------------------------------------------- */
b { color: #D6A100; text-transform: uppercase; }
i { color: #D6A100; }
u { color: #D6A100; }
s { color: #D6A100; }

.kategorie { color: #888888; font-weight: bold; }

#box
{
        background-color:         transparent;
        padding:                        10px;
        margin-left:                20px;
        margin-right:                20px;
        margin-top:                        0px;
        margin-bottom:                0px;
        border:                                1px dotted #888888;
        border-radius:                5px;
        -moz-border-radius:        5px;
        -webkit-border-radius:5px;
        -khtml-border-radius:5px;
}

/* Headlines ---------------------------------------------------------------------- */
/* Content */
h1
{
        color:                                #888888;
        font-family:                'Trebuchet MS', Arial, Helvetica, sans-serif;
        font-size:                        13px;
        font-style:                 normal;
        font-weight:                bold;
        text-decoration:        none;
        text-transform:                uppercase;
        text-align:                        left;
        line-height:                18px;
        letter-spacing:                5px;
        background-color:        transparent;
        border-bottom:                1px dotted #FFC300;
        margin:                                5px;
        padding:                        3px;
}

/* Navigation */
h2
{
        color:                                #888888;
        font-family:                'Trebuchet MS', Arial, Helvetica, sans-serif;
        font-size:                        12px;
        font-style:                 normal;
        font-weight:                normal;
        text-decoration:        none;
        text-transform:                uppercase;
        text-align:                        center;
        line-height:                20px;
        letter-spacing:                10px;
        margin:                                5px;
        padding:                        3px;
}

/* Links ----------------------------------------------------------------------------------- */
a:link, a:visited, a:active
{
        color:                                 #888888;
        font-family:                'Verdana', Arial, Helvetica, sans-serif;
        font-size:                        11px;
        font-style:                 normal;
        font-weight:                normal;
        text-decoration:        none;
        text-transform:                none;
        text-align:                        left;
        line-height:                18px;
        border-bottom:                1px dotted #888888;
}

a:hover
{
        color:                                 #FFC300;
        font-family:                'Verdana', Arial, Helvetica, sans-serif;
        font-size:                        11px;
        font-style:                 normal;
        font-weight:                normal;
        text-decoration:        none;
        text-transform:                none;
        text-align:                        left;
        line-height:                18px;
        border-bottom:                0px dotted #FFC300;
}

/* Menu Links -------------------------------------------------------------------------- */
.numbers
{
        color:                                 #FFC300;
}

.menu, a.menu:link, a.menu:active, a.menu:visited
{
        color:                                 #888888;
        font-family:                'Tahoma', Arial, Helvetica, sans-serif;
        font-size:                        11px;
        font-style:                        normal;
        font-weight:                normal;
        text-decoration:        none;
        text-transform:                none;
        border-bottom:                1px dotted #888888;

        margin-bottom:                5px;
        padding:                        5px;
        background-color:        transparent;
        display:                        block;
        width:                                90%;
}

a.menu:hover
{
        color:                                 #888888;
        font-family:                'Tahoma', Arial, Helvetica, sans-serif;
        font-size:                        11px;
        font-style:                        normal;
        font-weight:                normal;
        text-decoration:        none;
        text-transform:                none;
        border-bottom:                1px dotted #FFC300;

        margin-bottom:                5px;
        padding:                        5px;
        background-color:        #EFEFEF;
        display:                        block;
        width:                                90%;
}

/* Formulare ------------------------------------------------------------------------------ */
input, textarea, select
{
        color:                                 #888888;
        font-family:                'Verdana', Arial, Helvetica, sans-serif;
        font-size:                        11px;
        font-style:                 normal;
        font-weight:                normal;
        text-decoration:        none;
        text-transform:                none;
        text-align:                        left;
        line-height:                18px;
        border:                         1px solid #888888;
        background-color:         #EAEAEA;
        border-radius:                5px;
        -moz-border-radius:        5px;
        -webkit-border-radius:5px;
        -khtml-border-radius:5px;
}

input:focus, textarea:focus, select:focus
{
        color:                                 #888888;
        font-family:                'Verdana', Arial, Helvetica, sans-serif;
        font-size:                        11px;
        font-style:                 normal;
        font-weight:                normal;
        text-decoration:        none;
        text-transform:                none;
        text-align:                        left;
        line-height:                18px;
        border:                         1px solid #FFC300;
        background-color:         #FFFFFF;
        border-radius:                5px;
        -moz-border-radius:        5px;
        -webkit-border-radius:5px;
        -khtml-border-radius:5px;
}

.input { width: 200px;         padding: 5px; }

.login        { width: 100px; padding: 2px; }

.button
{
        color:                                 #888888;
        font-family:                'Verdana', Arial, Helvetica, sans-serif;
        font-size:                        11px;
        font-style:                 normal;
        font-weight:                normal;
        text-decoration:        none;
        text-transform:                none;
        text-align:                        center;
        line-height:                18px;
        border:                         1px solid #888888;
        background-color:         #EAEAEA;
        width:                                 100px;
        padding:                        5px;
        border-radius:                5px;
        -moz-border-radius:        5px;
        -webkit-border-radius:5px;
        -khtml-border-radius:5px;
}

.button:focus
{
        color:                                 #888888;
        font-family:                'Verdana', Arial, Helvetica, sans-serif;
        font-size:                        11px;
        font-style:                 normal;
        font-weight:                normal;
        text-decoration:        none;
        text-transform:                none;
        text-align:                        center;
        line-height:                18px;
        border:                         1px solid #FFC300;
        background-color:         #FFFFFF;
        width:                                 100px;
        padding:                        5px;
        border-radius:                5px;
        -moz-border-radius:        5px;
        -webkit-border-radius:5px;
        -khtml-border-radius:5px;
}

/* Seitenfunktion Styling ------------------------------------------------------------------------------ */
.seiten
{
        margin:                                0;
        width:5                                60px;
        text-align:                        right;
        padding:                        20px 0px 20px 0px;
}

.seiten .jetzige
{
        padding:                        3px 6px 3px 6px;
        background:                        #FFC300;
        text-decoration:        none;
        color:                                #FFFFFF;
        border-radius:                2px;
        -moz-border-radius:        2px;
        -webkit-border-radius:2px;
        -khtml-border-radius:2px;
}

.seiten .alle
{
        padding:                        3px 6px 3px 6px;
        background:                        #EFEFEF;
        text-decoration:        none;
        color:                                #888888;
        border-radius:                2px;
        -moz-border-radius:        2px;
        -webkit-border-radius:2px;
        -khtml-border-radius:2px;
}

.seiten a
{
        padding:                        3px 6px 3px 6px;
        background:                        #EFEFEF;
        text-decoration:        none;
        color:                                #888888;
        border:                                1px solid transparent;
        border-radius:                2px;
        -moz-border-radius:        2px;
        -webkit-border-radius:2px;
        -khtml-border-radius:2px;
}

.seiten a:hover
{
        padding:                        3px 6px 3px 6px;
        background:                        #FFC300;
        text-decoration:        none;
        color:                                #FFFFFF;
        border:                                1px solid transparent;
        border-radius:                2px;
        -moz-border-radius:        2px;
        -webkit-border-radius:2px;
        -khtml-border-radius:2px;
}