html, body {
    padding:                0em;
    margin:                 0em;
        font-family:            Verdana, Arial, Sans-Serif;
        color:                  #faca69;
        font-size:              8pt;
        background:             #1a1a1a;
  }

div#box {
    width:                  84.5em;
    height:                 57.5em;
    text-align:             left;
    margin-top:             10em;
    margin-left:            auto;
    margin-right:           auto;
    border:                 1px solid #1a1a1a;
    background:             url(images/background_02.png) no-repeat;
}

div#flaggen a {
    display:                block;
    float:                  left;
    margin-top:             5.5em;
    margin-left:            0.5em;
    width:                  28px;
    height:                 17px;
}

div#flaggen a:hover {
    background-position:    0px -17px;
}

a#deutsch {
    background:             url(images/deutsch.png) no-repeat;
}

a#englisch {
    background:             url(images/englisch.png) no-repeat;
}

a {
    text-decoration:        none;
    color:                  #faca69;
}

a:hover {
    text-decoration:        underline;
}

a.next, a.back {
    text-decoration:        none;
    color:                  #444444;
    display:                block;
}

a.next {
    text-align:             right;
}

a.back {
    text-align:             left;
}

a.next:hover, a.back:hover {
    text-decoration:        none;
    color:                  #faca69;
}

div#content {
    height:                 42.3em;
    width:                  67.5em;
    margin-top:             3em;
    float:                  left;
    clear:                  left;
}

ul#navigation {
    list-style-type:        none;
    width:                  12em;
    height:                 39em;
    margin-top:             0em;
    padding:                0em;
    color:                  #faca69;
    float:                  left;
}

ul#navigation li span a {
    text-transform:         uppercase;
    text-align:             right;
    display:                block;
    margin-right:           0.3em;
    margin-top:             3em;
    padding:                0.2em;
}

ul#navigation li span a:hover {
    text-decoration:        underline;
}

ul#navigation li a {
    color:                  #faca69;
    text-decoration:        none;
}

ul#navigation li ul {
    display:                block;
    width:                  10em;
    border:                 1px solid #825d1b;
    padding:                0em;
    margin-top:             0.1em;
    margin-left:            2.4em;
    list-style-type:        none;
}

ul#navigation li ul li {
    display:                block;
    height:                 1.5em;
    color:                  #faca69;
    padding-top:            0.1em;
}

ul#navigation li ul li:hover {
    background:             #825d1b;
}

ul#navigation li ul li a {
    display:                block;
    height:                 1.5em;
    margin-left:            0.7em;
    width:                  10em;
    color:                  #825d1b;
    text-decoration:        none;
}

ul#navigation li ul li a:hover {
    color:                  #1a1a1a;
}

h1 {
    font-size:              12pt;
    font-weight:            normal;
    text-transform:         uppercase;
    text-align:             center;
}

h2 {
    font-size:              10pt;
    font-weight:            normal;
}

.tabelle {
    margin-left:            19em;
    margin-top:             5em;
}

h1.tabelle {
    margin-left:            3em;
}

img.thumb {
    border:                 2px solid #333333;
    margin:                 0.5em;
    -moz-opacity:           0.7;
}

img.thumb:hover {
    border:                 2px solid #faca69;
    -moz-opacity:           1;
}

.thumb_box {
    overflow:               auto;
    width:                  53.7em;
    height:                 38.5em;
    margin-left:            4em;
    margin-top:             3.3em;
}

div#image {
    overflow:               auto;
    text-align:             center;
    float:                  right;
    margin-top:             3.3em;
    margin-right:           0.5em;
    width:                  10em;
    padding-left:           1.5em;
    padding-right:          1.5em;
    background:             #222222;
    border:                 1px solid #333333;
}

img {
    border:                 none;
}

.img {
    text-align:             center;
    min-height:             25em;
    padding:                1em;
    border:                 1px solid #444444;
    background:             #222222;
}

.galeriebild {
    margin-top:             3em;;
}

img.portrait {
    margin-top:             1.5em;
    margin-bottom:          1.5em;
}

.img_box {
    width:                  53.8em;
    height:                 39.2em;
    margin-left:            14.5em;
    margin-top:             4.2em;
}

.galerie {
    width:                  49em;
    height:                 36em;
    margin-left:            auto;
    margin-right:           auto;
}

.img_titel {
    text-align:             center;
    margin-top:             1.2em;
}

.img_kritik {
    text-align:             center;
    float:                  right;
    margin-right:           0.5em;
    margin-top:             3.3em;
    width:                  9em;
    padding:                2em;
    background:             #222222;
    border:                 1px solid #333333;
}

div#text {
    overflow:               auto;
    padding-left-:           1em;
    margin-left-:            4em;
    margin-top-:             3.1em;
    width:                  400px;
    height-:                 38.2em;
    padding:                 0 0 0 40px;
}

div#text div {
    height:                 38.2em;
    width:                  36em;
}

div#text_impressum {
    margin-left:            27em;
    margin-top:             5em;
    width:                  30em;
}

ul#footer {
    position:               absolute;
    margin-top:             565px;
    margin-left:            22em;
    clear:                  both;
    text-align:             center;
}

ul#footer li {
    display:                block;
    list-style:             none;
    width:                  10.45em;
    float:                  left;
}

ul#footer li a {
    color:                  #faca69;
    text-decoration:        none;
}

ul#footer a:hover, a:active {
    text-decoration:        underline;
}


div#contactform {
    width:                  40em;
    margin-left:            21.5em;
    padding-top:            2.5em;
    clear:                  right;
}

textarea{
    background:             #222222;
        width:                                    100%;
        border:                                    1px solid #333333;
    color:                  #faca69;
}

input{
    background:             #222222;
        width:                                    50%;
        border:                                    1px solid #333333;
    color:                  #444444;
    color:                  #faca69;
}

input#send{
        background:                            #222222;
        width:                                    11em;
        height:                                    1.8em;
        float:                                    right;
        border:                                    1px solid #333333;
}

input#reset{
        background:                            #222222;
        width:                                    11em;
        height:                                    1.8em;
        float:                                    left;
        border:                                    1px solid #333333;
}

input#send:hover, input#reset:hover{
        background:                            #222222;
        color:                                    #faca59;
        border:                                    1px solid #faca69;
}

.clearme{
        clear:                                    both;
        display:                            none;
}

div#stoerer {
    position:               absolute;
    margin-left:            72.7em;
    margin-top:             3em;
    width:                  120px;
    height:                 120px;
}

div#stoerer a {
    display:                block;
    height:                 120px;
    width:                  120px;
}

div#stoerer a span {
    display:                none;
}

