/* Gestaltung des Beispiels */

body {
 font-family: sans-serif;
 padding:0;

}

/* Einstellungen für Mailadressen */
span.codedirection { 
unicode-bidi:bidi-override; direction: rtl;
}
p span.displaynone {
display:none; 
}

a {
 color: #7d8963;
}

h1 {
 margin-top: 0px;
 margin-bottom: 30px;
 text-align: left;
 font-weight: bold;
 color: #7d8963;
 }

nav {
 background: white;
 text-align: center;
}

article {
 background: white;
 }

diashow {
 text-align: center;
 float: right;
}

foto {
}

footer {
 margin-top: 30px;
 text-align: left;
 font-weight: bold;
 line-height: 1em; /* Höhe des durchscheinenden Balken */
 color: white;
 background: rgb(125,137,99);
 }


img {
 margin:0;
}

left-bar { 
 background: white;
 height: 480px;
 }

right-bar { 
 background: white;
 height: 480px;
 }

#footer-menu {
    clear: right;
    overflow: hidden;
    margin-top: 0px;
    float: left;
}

#footer-menu ul {
    overflow: hidden;
    text-align: left;
}

#footer-menu ul li {
    display:inline-block;
    padding: 2px 1em; /* wish those EM could be % instead to make it elastic*/
}

#footer-menu ul li a {
    color: white;
    font-size: 1em;
    text-decoration: none;
}

#footer-menu ul li:hover {
    background-color: rgb(102,102,102);
}

#footer-menu ul li a:hover {
    text-decoration: none;
}

#foto {
 text-align: center;
 float: right;
}

#foto img {
    position: absolute;
}

#wrapper {
 margin-top: 0px;
 margin-right: auto; /* Abstand rechts */
 margin-bottom: 0px;
 margin-left: auto; /* Abstand links */
 max-width:1280px;
 min-width:320px;
}

#logo
{
 float:right;
 margin-top: 30px;
 margin-right: auto; /* Abstand rechts */
 margin-bottom: 30px;
 margin-left: auto; /* Abstand links */
}

#textrechts
{ 
 margin-top: 67px;
}

.clearright
 {
  clear:right;
 }

.text {
 color: rgb(102,102,102);
 padding-right: 20px; /* Innenabstand rechts */
 padding-bottom: 20px; /* Innenabstand unten */

}

/* Raster */

.row {
  width:auto;
}

.row:before, .row:after {
  content: " ";
  display: table;
}

.row:after {
    clear: both;
}


.columns {float:left;}

/* Raster Ende */

figure, figcaption {
 margin: 0;
 padding: 0;
}

figure.einzel {
 position: relative;
 display: inline-block;
}

figure img {
 display: block;
}

figure a {
    color: white;
}

figcaption {
 position: absolute;
 bottom: 0;
 width: 100%;
 text-align: center;
 line-height: 3em; /* Höhe des durchscheinenden Balken */
 color: white;
 background: rgba(0,0,0,0.4);
}

figcaption a {
 font-size:140%;
 text-decoration:none;
}

@media screen and (max-width:640px) {

/* Small */
.small-1 {width:100%;}

}

@media screen and (min-width:640px) and (max-width:1330px) {

/* Medium */
.medium-1 {width:50%;}

.medium-2 {width:100%;}

}

@media screen and (min-width:1330px) {

/* Large */
.large-1 {width:33.333%;}

.large-2 {width:66.666%;}

.large-3 {width:100%;}

.large-4 {width:50%;}
}