/*
Design by Martin Jochem 2009
*/

* {
        margin: 0;
        padding: 0;
}

body {
        text-align: justify;
        font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
          font-family:  tahoma, verdana, Helvetica, arial, sans-serif ;
        color: #3E2317;
        background: #3E2317;
        /*background: #3E2317 url(/img/bg.jpg) repeat-x;*/
        margin: 0;
          padding: 1%; /* Ein wenig Abstand, damit der Anschein eines Blattes auf der Wand immer erhalten bleibt. */
          min-width: 775px; /* Bei weniger als 775px Breite soll ein Scrollbalken erscheinen. */
}

a {
        color:#429B00;
        text-decoration:underline;
}

a.anker {
        text-decoration:none;
        }

a.ankerh2 {
        text-decoration:none;
        color:#e9ddaf;
        }

.fleft {
          float: left;
          margin: 0 1em 0.2em 0;
}

.fright {
  float: right;
  margin: 0 0 0.2em 1em;
  padding: 1px;
}


#topholder {
        margin: auto;
        width:770px;
        height:108px;
        padding-bottom: 10px;
}

#logoholder {
        float: left;
        height:108px;
        width:200px;
}

#metabar {
        float: right;
        color: #e9ddaf;
        padding-top: 90px;
}

#meta ul {
        margin: 0;
        padding: 0;
        list-style: none;
}

#meta li {
        display: inline;
}

#meta a {
        display: block;
        float: right;
        padding: 0 0 0 8px;
        text-decoration: none;
        text-align: right;
        font-size: 12px;
        color: #e9ddaf;
}

#meta a:hover {
        text-decoration: underline;
}

#container {
        width: 770px;
        margin: 0 auto;
        padding: 0px 0px;
          max-width: 70em
          margin: auto;
          border: 1px solid #aaa;
          background: #3E2317;
}

#header {
        height:300px;
        width:770px;
}

#menu {
        width: 769px;
        height: 31px;
        margin: 0 auto;
        border-right: 1px solid #e9ddaf;
        border-top: 1px solid #e9ddaf;
}

#menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
}

#menu li {
        display: inline;
}

#menu a {
        display: block;
        float: left;
        width: 109px;
        height: 26px;
        padding: 4px 0 0 0;
        border-left: 1px solid #e9ddaf;
        border-bottom: 1px solid #3E2317;
        text-transform: lowercase;
        text-decoration: none;
        text-align: center;
        font-size: 18px;
        color: #e9ddaf;
}

#menu a:hover {
        background: #e9ddaf;
        color: #429B00;
        border-bottom: 1px solid #429B00;
}

#menu .active a {
        background: #e9ddaf;
        color: #429B00;
        border-bottom: 1px solid #429B00;
}

#menu .short a {
        width: 84px;
}

#menu .mid a {
        width: 137px;
}

#menu .long a {
        width: 180px;
}

#content {
        background: #e9ddaf url(/img/trailgaemsen-bock-beige.png)  repeat;
        font-size:11px;
        line-height:15px;
        margin:0 auto;
        width: 565px;
        min-height: 625px;
        padding: 18px 190px 10px 15px;
}

#content h1 {
        background-image:url(/img/h1dot.gif);
        background-position:left bottom;
        background-repeat:repeat-x;
        color:#429B00;
        font-size:18px;
        font-weight:normal;
        padding-bottom:7px;
}

#content h2 {
        background-color:#429B00;
        background-image:url(/img/h2_colortrans.png);
        background-position:right;
        color:#e9ddaf;
        font-size:16px;
        font-weight:normal;
        padding:3px;
        text-align:left;
}

#content h3 {
        background-color:#429B00;
        background-image:url(/img/h2_colortrans.png);
        background-position:right;
        color:#e9ddaf;
        font-size:14px;
        font-weight:normal;
        padding:3px;
        text-align:left;
}

#content h4 {
        color:#429B00;
        font-size:14px;
        font-weight:normal;
        padding:3px;
        text-align:left;
}

#content p {
        padding: 7px 0px 15px 0px;
}

#content img {
          border: solid 1px #429B00;
          padding: 1px;
          max-width: 95%;
}

#content .noframeleft{
        border: 0px;
        float: left;
          margin: 0 1em 0.2em 0;
}

#content .noframeright{
        border: 0px;
        float: right;
          margin: 0 0 0.2em 1em;
          padding: 1px;
}

/*#flashcontent {
        width: 560px;
        height: 800px;
}*/

#sidebar {
        background: #e9ddaf;
        float: right;
        width: 160px;
        padding: 30px 10px 10px 20px;
}

#sidebar h1 {
        text-align:right;
        font-size:18px;
}

#sidebar p {
        padding: 0px 0px 5px 0px;
}

#subnav {
        padding: 5px 0px 200px 0px;
        border-top: 1px dotted #3E2317;
}

#subnav ul {
        margin: 0;
        padding: 0;
        list-style: none;
}

#subnav a {
        display: block;
        float: right;
        width: 160px;
        height: 20px;
        padding: 5px 0 0 0;
        text-transform: lowercase;
        text-decoration: none;
        text-align: right;
        font-size: 12px;
        color: #3E2317;
}

#subnav a:hover {
        background: #e9ddaf;
        color: #429B00;
        border-bottom: 1px solid #429B00;
}

#subnav .active a {
        background: #e9ddaf;
        color: #429B00;
        border-bottom: 1px solid #429B00;
}

a.newsletter {
        display: block;
        float: right;
        width: 150px;
        height: 16px;
        padding: 1px 10px 0 0;
        text-transform: lowercase;
        text-decoration: none;
        text-align: right;
        font-size: 12px;
        color: #e9ddaf;
        background-color:#429B00;
        background-image:url(/img/newsl_colortrans.png);
        background-position:right;
}

a.rssfeed {
        display: block;
        float: right;
        width: 150px;
        padding: 0px 0px 0px 0px;
        background-image:url(#);
        background-color:#e9ddaf;
}


a.newsletter:hover {
        text-decoration: underline;
}

#newsletter {
        font-size: 11px;
        padding: 5px 0px 40px 0px;
        border-top: 1px dotted #3E2317;
}

#preisvorteil {
        font-size: 11px;
        padding: 5px 0px 40px 0px;
        border-top: 1px dotted #3E2317;
}

#sidebox {
        font-size: 11px;
        padding: 5px 0px 40px 0px;
        border-top: 1px dotted #3E2317;
}


#slideshow {
        padding: 5px 0px 20px 0px;
        border-top: 1px dotted #3E2317;
}

#girlsonly {
        width: 160px;
        height: 90px;
        padding: 7px 0px 10px 0px;
        border-top: 1px dotted #3E2317;
}

#footer {
        background: #3E2317 url(/img/trailgaemsen_logo_www.png) no-repeat;
        background-position:center top;
        width: 770px;
        height:20px;
        margin: 0 auto;
        padding-top: 60px;
}

#footmeta {
        float: left;
        width:490px;
}

#footmeta ul {
        margin: 0;
        padding: 0;
        list-style: none;
}

#footmeta li {
        display: inline;
}

#footmeta a {
        display: block;
        float: right;
        padding: 0 0 0 12px;
        text-decoration: none;
        text-align: right;
        font-size: 10px;
        color: #e9ddaf;
}

#footmeta a:hover {
        text-decoration: underline;
}





.pics {
    height:  300px;
    width:   770px;
    padding: 0;
    margin:  0;
}

.pics img {
    padding: 0px;
    border: 0px solid #ccc;
    background-color: #eee;
    width:  770px;
    height: 300px;
    top:  0;
    left: 0
}