/**
* main.css
*
* @author Christian Knerr (TK-8040)
* @package GermanGarrisonWeb
* @version 1.0.0
* @since 20.04.2007 - 23:44:42
* @copyright (c) 2007 CBACK IT Service - www.cback.net
*/

body
{
        background: #53525a url(http://www.western-squad.de/images/bgpictures/body_background.jpg) center;
        color: #53525a;
        margin: 0 auto;
        padding: 0;
        font:76% Verdana, Tahoma, Arial, sans-serif;
}

/* Die Box um den Content */
#content
{
        background: #2F2F2F;
        color: #3c3b41;
        border: 1px solid #FFFFFF;
        margin: 6px auto;
        width: 760px;
        position: relative;
}

/* Kopf mit dem Banner der entsprechenden Seite und Titelzeilen */
#header
{
        background: #2F2F2F;
        margin: 0;
        padding: 0;
}

#title
{
        position: absolute;
        height: 28px;
        overflow: hidden;
        margin-top: 75px;
        margin-left: 10px;
        padding: 0;
        z-index: 998;
}

#title h1
{
        background: transparent url("/images/h1_pfeil.gif") no-repeat 0 55%;
        padding-left: 184px;
        color: #3c3b41;
        font-size: 1.5em;
        letter-spacing: 1px;
        margin: 0px;
}

/* Kopfnavigation */
#navigation
{
        background: #2F2F2F;
        height: 22px;
        color: #FFFFFF;
        margin: auto;
        padding: 0;
        border-bottom: 1px solid #FFFFFF;
}

/* Formatierung der Navigationspunkte für die Kopfnavigation */
#navigation ul
{
        margin: 0px;
        padding: 0px;
}

#navigation li
{
        float: left;
        height: 22px;
        list-style-type: none;
        border-right: 1px solid #FFFFFF;
        white-space: nowrap;
}

#navigation li a
{
        margin: 0px;
        padding: 1px 10px;
        height: 20px;
        font-size: 1.1em;
        font-weight: bold;
        text-decoration: none;
        background-color: inherit;
        color: #FFFFFF;
}

#navigation a:hover
{
        background: #6F6F6F;
        color: #FFFFFF;
        text-decoration: none;
}

/* Linke Seite für Homepagetexte */
#textbox
{
        background: #53525a url(../images/bgpictures/contentbox_head.jpg) top left no-repeat;
        color: transparent;
        text-align: left;
        float: left;
        width: 559px;
        min-height: 600px;
        margin-top: 6px;
        margin-left: 6px;
        margin-bottom: 6px;
}

#textbox a
{
        margin-left: 2px;
        margin-right: 2px;
        text-decoration: none;
        color: #ffffff;
}

#textbox a:hover
{
        margin-left: 2px;
        margin-right: 2px;
        text-decoration: underline;
        color: #002f14;
}

/* Content Abstandhalter innerhalb der Textbox */
#text
{
        margin: 6px;
        padding: 6px;
}

#text img
{
        padding: 1px;
        border: 1px solid #000000;
}

#text img a
{
        padding: 1px;
        border: 1px solid #000000;
}


/* Galerie */
#gallery
{
        margin: 6px;
        padding: 6px;
}

#gallery a
{
        padding: 0px;
        margin: 0px;
        border: 0px;
}

#gallery a:hover
{
        padding: 0px;
        margin: 0px;
        border: 0px;
}


/* Textbox Farbelement Variante 1 */
.textbox_list1
{
        margin: 6px;
        clear: both;
        padding: 6px;
        border: 1px solid #000000;
        background: #75747c url(http://www.western-squad.de/images/bgpictures/cb1_background.jpg) top left no-repeat;
}

/* Textbox Farbelement Variante 2 */
.textbox_list2
{
        margin: 6px;
        clear: both;
        padding: 6px;
        border: 1px solid #000000;
        background: #575759 url(http://www.western-squad.de/images/bgpictures/cb2_background.jpg) top right no-repeat;
}

/* Box rechts mit Stylevariante 1 */
.boxed_style1
{
        background: #53525a url(http://www.western-squad.de/images/bgpictures/sidebarbox_head.jpg) top left no-repeat;
        color: #FFFFFF;
        padding: 0 4px 0 0;
        float: right;
        clear: right;
        width: 182px;
        margin-right: 6px;
        margin-top: 5.4px;
        margin-bottom: 6px;
        font-size: 0.9em;
}

/* Zusatznavigation in Box 1 */
.boxed_style1 ul
{
        list-style: none;
        width: 100%;
        margin-top: 8px;
        margin-left: 2px;
        margin-bottom: 4px;
        padding: 0;
        font-weight: bold;
        font-size: 1em;
}

.boxed_style1 li
{
        margin-bottom: 1px;
}

.boxed_style1 li a
{

        text-decoration: none;
        color: #000000;
        display: block;
        height: 18px;
        padding: 3px 0 0 10px;
        background: #AF8F6D;
        border-left:6px solid #002f14;
}

.boxed_style1 li a:hover
{
        background:#39383e;
        color:#FFFFFF;
        border-left:6px solid #9998a0;
}

/* Box rechts mit Stylevariante 2 */
.boxed_style2
{
        background: #2F2F2F url(../images/bgpictures/sidebarbox_head.jpg) top left no-repeat;
        color: #FFFFFF;
        padding: 0 4px 0 0;
        float: right;
        clear: right;
        width: 182px;
        margin-right: 6px;
        margin-top: 5.4px;
        margin-bottom: 0px;
        font-size: 0.9em;
}

/* Für Klappheader über den Boxen rechts, egal ob Stylevariante 1 oder 2 */
.boxed_style1 h1, .boxed_style2 h1
{
        color: #FFFFFF;
        margin-top: 2px;
        margin-bottom: 3px;
        padding-top: 3px;
        padding-left: 6px;
        font-size: 1em;
}

.boxed_style1 a, .boxed_style2 a
{
        text-decoration: none;
        color: #FFFFFF;
}

.boxed_style1 p, .boxed_style2 p
{
        padding: 5px;
}


/* Footer für die Webseite */
#footer
{
        background: #2F2F2F;
        clear: both;
        color: #FFFFFF;
        font-size: 0.8em;
        letter-spacing: -1px;
        text-align: center;
        padding: 1px;
        margin: 0;
}

/* Globale Taglayouts */
h1
{
        font-size: 2em;
        font-weight: bold;
        color: #000000;
}

h2
{
        font-size: 1.6em;
        color: #514535;
}

h3
{
        font-size: 1.2em;
        font-weight: bold;
        color: #002f14;
}

h4
{
        margin: 0;
        padding: 0;
        font-size: 1.8em;
        color: #514535;
}

h5
{
        margin: 0;
        padding: 0;
        font-size: 1.4em;
        font-weight: bold;
        color: #990000;
}

.img
{
        border: 0;
}

a img
{
        border: 0;
}

.blanker
{
        border: 0;
        text-decoration: none;
}

.imgleft
{
        margin: 4px 10px 5px 0;
        float: left;
}

.imgright
{
        margin: 4px 0 5px 10px;
        float: right;
}

.center
{
        text-align: center;
}

.mini
{
        font-size: 0.8em;
}

.bold
{
        font-weight: bold;
}

.italic
{
        font-style: italic;
}

input, textarea, select
{
        border: 1px solid #000000;
        background: #C8AE95;
        font-size: 1.2em;
        padding: 3px 3px;
        color: #000000;
}

input:active, input:focus, input:hover, select:hover, textarea:hover
{
        background: #BEA48B;
        border: 1px solid #000000;
}

/* Tabellenersatz */
dl
{
        margin-left: -40px;
        padding: 0px;
}

dd
{
        float: left;
        width: 30%;
        margin-bottom: 8px;
        list-style-type: none;
        font-weight: bold;
        white-space: nowrap;
}

/** END OF FILE **/