/* Farben:
        braun: #381D04   rgb(56,29,4)
        gold:  #E89806   rgb(232,152,6)
        blau:  #2F4F4F   rgb(47,79,79)
        nav:   #381D04
        text:  #CDC673
*/


/**************************
* Standard Einstellungen  *
***************************/

* {
    margin: 0;
    padding: 0;
}

body
{
    font: 16px Verdana, sans-serif;
    background-color: #2F4F4F; /*#eeeeee;*/
    color: #CDC673;
}

h1, h2, h3 {
    padding: 0.7em 0;
    font-size: 1.5em;
}

p {
    padding: 0.3em 0;
}


/**********************
* Hauptcontainer      *
***********************/
#container
{
    margin: 1em 6%;
   /* background: url(../pic/bg.jpg) 70% 0 repeat-y;*/
    background-image:url(../pic/bg.jpg);
    background-repeat:repeat-y;
    background-attachment:fixed;
    /*border: 1px solid #1166cc;*/
    position: relative;
}



/**********************
* Header              *
***********************/


#header {

    position: relative;
    background-image:url(../pic/bg.jpg);
    background-repeat:repeat-y;
    background-attachment:fixed;

    /* Volle Breite setzen */
    width: 100%;
}
#header a {
    color: #fff;
}
#header h1 {
    color: #fff;
    padding: 0.5em;
}

#header form {
    padding: 5px;
    background-color: #77aadd;
    width: 160px;
    margin: 0.5em;
    position: absolute;
    top: 0;
    right: 0;
}

#header input {
    padding: 5px;
    background-color: #fff;
    border: 2px solid #f6f6f6;
    font-size: 1em;
    color: #999;
    width: 110px;
}
#header img {
    border: 0;

    margin-top: 0.5em;
    padding: 0;
    vertical-align: top;
}


#headerbar {
    background-color: #2F4F4F;
    padding: 1px;
}
#headerbar ul {
    padding: 0.6em;
}

#headerbar li {
    display: inline;
    list-style: none;
}

#headerbar li a {
    padding: 0.3em;
    color: #fafafa;
}


/**********************
* Content             *
***********************/
#main {
    position: relative;

    /* Volle Breite setzen */
    width: 100%;

    /* Equal Height Columns */
    overflow: hidden;
}

#content {
    font: 0.8em Verdana, sans-serif;
    line-height: 1.5;
    width: 65%;
    padding: 0.5em 1.5%;
    margin-left: 17%;
    margin-right: 16%;
}

#content a {
    font: 1em Verdana, serif;
    text-decoration: none;
    /*font-style: italic;*/
    /*font-weight: bold*/
}
#content a:link {color: #E89806;}
#content a:visited {color: #E89806;}
#content a:link:hover {color: #885937;}
#content a:visited:hover {color: #885937;}


/**********************
* Navigation          *
***********************/

#sidebar {
    font: 0.7em Verdana, sans-serif;
    line-height: 1.5;
    position: absolute;
    top: 0;
    right: 0;
/*    background-color: #2F4F4F;*/
    padding: 0.5em 0;
    width: 15%;

    /* Equal Height Columns */
    margin-bottom: -9999px;
    padding-bottom: 9999px;
}

#infobox {
    margin: 0.5em;
    border: 1px solid #2F4F4F;
    padding: 0.5em;
    background-color: #885937; /*#937558*/
}
#sidebar a:link {color: #E89806;}
#sidebar a:visited {color: #E89806;}
#sidebar a:link:hover {color: #8B864E;}
#sidebar a:visited:hover {color: #8B864E;}


#sidebar h1{
    font: 1.2em Verdana, sans-serif;
    font-weight: bold;
}

#navbar {
    font: 1.0em Verdana, sans-serif;
    position: absolute;
    left: 0;
    top: 1em;
    font-size: 0.95em;
    /*background-color: #381D04;*/
    padding: 0.5em 1%;
    width: 15%;

    /* Equal Height Columns */
    margin-bottom: -9999px;
    padding-bottom: 9999px;
}

#navbar a {
    border-top: thin dotted #8B864E;
    border-top-width:1px;
    border-collapse:collapse;
    display: block;
    text-align: left;
    font: 1em sans-serif;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 0.3em;
    text-decoration: none;
    width: 100%;
}



#navbar a:link {color: #8B864E;}
#navbar a:visited {color: #8B864E;}
#navbar a:link:hover {color: #E89806;}
#navbar a:visited:hover {color: #E89806;}

#navbar h2 {
    color: #8B864E;
    text-align: center;
}
/**********************
* footer              *
***********************/


#footer {
    font: 0.8em Verdana, sans-serif;
    padding: 0.6em;
    color: #8B864E;
    text-align: center;
    background-color: #381D04;
}
/**********************
* classes             *
***********************/
p.floated-left {
    float: left;
    padding: 0;
    width: 35%;
}

p.floated-right {
    float: right;
    padding: 0;
    width: 60%;
}