/* 
 * XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
 *            Structure (columns, boxes, ...)
 * XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
 */

#wrapper {
    width: 995px;
    text-align: center;
    margin: auto;
    position: relative;
 }

#header {
   height: 219px;
   width: 994px;
   position: relative;
}
.zottel {
    position: absolute;
    left: 861px;
    top: 219px;
    width: 134px;
    height: 89px;
    z-index: 100;

}
#breadcrumb {
    text-align: left;
}

#content {
    text-align: left;
    min-height: 26em;
    z-index: 1;
    overflow: auto;
}
#content img {
    float: right;
}

#leftnav {
    width: 250px;
    position: absolute;
    top: 219px;
    left:0;
    text-align: left;
}
.rightbreaker {
    clear: right
}
.leftbreaker {
    clear: left;
}
table {
    border-collapse: collapse;
    width: 100%;
}
#wrapper #content #galeriebox .image_big {
    float: left;
}
#galerie_nav {
    float: right;
    width: 220px;
}
#galeriebox {
    overflow: auto;
}
.left {
    float: left;
}
.right {
    float: right;
}
/* 
 * XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
 *                  padding margin
 * XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
 */
h1, h2, p {
    margin-bottom: 1em;
}
h2.narrow {
    margin-bottom: .4em;
}
h2.medium {
    margin-bottom: 0;
}
dd {
    margin-bottom: 1.25em;
}
form {
    width: 90%;
    padding: 0.7em;
    margin-top: 2em;
}
form div label {
    float: left;
    margin-right: .5em;
    text-align: right;
    width: 12em;
}
form div input {
    width: 250px;
}
input.submit {
    margin-left: 14em;
    background-color: #ab9f5d;
    color: #eee6a2;
    width: 7.5em;
}
form div textarea {
    width: 250px;
    height: 200px;
}
#wrapper .error ul {
    margin-bottom: .2em;
}
#content {
    margin-left: 250px;
    padding: .5em 115px 1em 2em;
}
#content img {
    padding: .8em;  
    margin-left: .8em;
}
#galerie_nav {
    margin-top: 2.9em;
    margin-left: 22px;
}
#galerie_nav .trenner {
    margin-bottom: .3em;
}
.gallery-photo {
    overflow: auto;
    margin-bottom: 1em;
}
.gallery-photo img, #galeriebox img {
    margin-right: .8em;
}
#breadcrumb {
   margin-bottom: 1.25em; 
}
#breadcrumb p{
   float: left;
   margin-bottom: 0;
}
#wrapper #breadcrumb ul {
    margin-bottom: .5em;
}
#leftnav ul {
    margin-top: 60px;
    padding-left: 35px;
}
#leftnav li a {
    padding-left: 30px;
}
#footer p {
    margin: 0;
    padding-bottom: 1em;
}
table td {
    padding: .5em;
}
.item td {
    padding-bottom: 2em;
    width: 25%;
}
#next span img {
    margin: 0;
    padding: 0;
}
.left img {
    margin-bottom: .4em;
}
#content .image_big {
    margin-left: 0;
    margin-right: 0;
}
.muster-detail {
    margin-right: 20px;
}
/* 
 * XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
 *                          Fonts
 * XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
 */

body {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.4em;
   /* letter-spacing: 0.03em; */
    
}
#content {
    font-size: .8625em;
}
h1, h2, h3, h4, h5, h6, caption {
  color: #524d2e;
  font-family: 'Trebuchet MS', sans-serif;
}

h1 {
    font-size: 1.5em;
}

h2 {
    font-size: 1.3em;
}
h3 {
    font-size: 1.1em;
}
h4, h5, h6 {
    font-size: 1em;
}
strong, em, dt {
    font-weight: bold;
}

table tr, table td {
    vertical-align: top;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
.item td.time {
    text-align: center;
}
#next {
    text-align: center;
    width: auto;
    vertical-align: bottom;
}
#next p {
    text-align: left;
}
#footer {
    font-size: .8625em;
}
.smaller {
    font-size: .6725em;
}
/* 
 * XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
 *            colors, list-styles etc.
 * XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
 */
.red {
    color: red;
    font-weight: bold;
}
body {
    background-color: #f7f4dc;
}
#wrapper {
    background-color: #f7f3cb;
    border-left: 1px solid #ab9f5d;
    border-right: 1px solid #ab9f5d;
}
#content {
    background-color: #fff;
}
#content img {
    background-color: #eee6a2;
    border: 1px solid #ab9f5d;
}
#content .gallery-photo img, #content #galeriebox img{
    background-color: white;
}
#content .gallery-photo img {
float: left;
}

#content #galeriebox img {
    float: none;
}

#content #galerie_nav img {
    float: left;
    display: inline-block;
    border: none;
    margin: 0;
    padding: 5px; 
}
#galerie_nav li {
    display: inline-block;
    border: 2px solid white;
}
#header {
    background-color: #f7f3cb; 
}
#leftnav {
    background-color: #f7f3cb; 
}
#leftnav li {
    background: #f7f3cb url(../images/dot_1.png) center left no-repeat;
}   

#footer {
    background-color: #ab9f5d;
    color: #f7ee92;
}
form {
    background: #eee6a2 url(../images/webkamm-2.png) left bottom no-repeat; 
    border: 1px solid #ab9f5d;
}
.button {
    background-color: #ab9f5d;
    color: #eee6a2;
}
label, input[type='button'], input[type="submit"] {
    cursor: pointer;
}
#breadcrumb {
    border-bottom: 1px dotted #a69f5d;
}
#breadcrumb ul li {
    display: inline; 
}
#footernav ul {
    margin-top: 0;
}
#footernav ul li {
    display: inline;
    padding-right: .3em;
}
ul li {
    list-style-type: none;
}
.error ul li {
    border-left: 5px solid #bd362b;
    border-right: 5px solid #bd362b;
    display: inline;
    padding: .1em .3em;
}
a:link {
    color: #6d1509;
}
a:visited {
    color: #ab9f5d;
}
a:hover {
    color: #bd362b;
}
#galerie_nav ul li.active {
    border: 2px solid #bd362b; 
}
.trenner {
    border-bottom: 1px solid #a69f5d;
}
.narrow a {
    text-decoration: none;
}
#content a:visited {
    color: #6d1509;
}
#content a:hover {
    color: #bd362b;
}
#footer a:link, #footer a:visited, #footer a:hover {
    color: #6d1509;
}
dl.pattern {
    overflow: auto;
}

dl.pattern dt {
    font-weight: normal;
    float: left;
    text-align: center;
}
dl.pattern dt img {
    display: block;
}
dl.pattern dd {
    margin-left: 90px;
    margin-bottom: .1em;
}
#content ul, #content ol {
    margin-left: 1.5em;
    margin-bottom: 1em;
}
#galerie_nav ul {
    margin-left: 0;   
    overflow: auto;
}
#next img {
    border: none;
}
#next img.image_big {
    border: 1px solid #ab9f5d;
    margin-bottom: .8em;
}