/* --- gemeinsam ----------------------------------- */
* {
   border: 0;
   margin: 0;
   padding: 0;
   }
.clearfix:after {
   content: "";
   display: table;
   clear: both;
   }
body {
   background-color:#fff;
   font-family: Figtree, sans-serif;
   color: #333;
   }
.site-title {
   color: #000;	
   font-family: "Fredericka the Great",serif;
   text-align: center;
   font-size: 2.5em;
   font-weight: normal;
   line-height: 1.2em;
   text-transform: uppercase;
   margin-bottom: 35px;
   }
/* Links - Achtung Reihenfolge: :link :visited :hover :active  */
a:link, a:visited {
   color: #a80d1f;
   text-decoration: none;
   }
a:hover {
   color: #be071c;
   border-bottom: 1px solid #be071c;
   }
.site-title a:link, .site-title a:visited {
   color: #000;
   text-decoration: none;
   border-bottom: none;
   }
.site-title a:hover {
   color: #be071c;
   border-bottom: none !important;
   }
#inhalt, .inhalt {
   background-color: transparent;
   width: 1020px;
   padding: 35px 35px 40px 35px;
   margin: 20px auto;
   }
h1 {
   color: #111;
   margin: 0.5em 0;
   font-family: "Fredericka the Great",serif;
   font-size: 1.8em;
   font-weight: normal;
   line-height: 1.1em;
   }
h2 {
   margin-top: 0.8em;
   margin-bottom: 0.5em;
   font-size: 1.4em;
   font-weight: normal;
   line-height: 1.1em;
   }
h3 {
   color: #555;
   font-size: 1em;
   line-height: 1.3em;
   text-align: left;
   font-weight: bold;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   }
h4 {
   font-size: 1em;
   line-height: 1.3em;
   text-align: left;
   font-weight: normal;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   font-style: italic;
   }
p {
   margin-top: 0.5em;
   font-weight: normal;	
   }
p,li,td {
   font-size: 0.95em;
   line-height: 1.3em;
   text-align: justify;
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
   }
p.center {
   text-align: center;
   }
div.weitere {
   /* width: 800px; */
   padding-left: 2px;
   margin-top: -2.5em;
   margin-bottom: 2.5em;
   }	
ul {
   padding-left: 1em;
   }
li {
   margin-top: 0.3em;
   margin-bottom: 0.3em;
   }
div.news {
   margin-bottom: 1.5em;
   }
div.news img {
   width: 100%;
   height: auto;
   border: 1px solid #808080;
   -webkit-box-shadow: 1px 5px 5px #999;
   -moz-box-shadow: 1px 5px 5px #999;
   box-shadow: 1px 5px 5px #999;
   }
div.mitportrait {
   margin-bottom: 0.5em;
   }
div.right, div.portrait {
   float: right;
   width: calc(50% - 15px);
   margin-left: 30px;
   margin-bottom: 5px;
   }
div.left {
   width: calc(50% - 15px);
   float: left;
   margin-right: 30px;
   margin-bottom: .5em;
   }
div.portrait img {
   display: inline;
   width: 100%;
   height: auto;
   border: 1px solid #808080;
   -webkit-box-shadow: 1px 5px 5px #999;
   -moz-box-shadow: 1px 5px 5px #999;
   box-shadow: 1px 5px 5px #999;
   }
div.right p, div.portrait p {
   margin-top: 0.3em;
   margin-right: 0.5em;
   font-size: 0.6em;
   line-height: auto;
   margin-bottom: 5px;
   text-align: right;
   }

/* --- nur Kunst ----------------------------------- */
.navzweizeilig {
   margin-bottom: 11px;
   }  
hr {
   width: 100%;
   border-bottom: 1px #808080 solid;
   height: 1px;
   margin-top: 1.5em;
   margin-bottom: 1.5em;
   }

div.newsnoshadow img {
   width: 100%;
   border: 0;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   }   

p.bildunterschrift, p.credit, div.einzelbild p.copyright {
   padding: 0.2em;
   font-size: 0.6em;
   color: #4d5873;
   }
p.bildunterschrift {
   text-align: left;
   }

p.bildunterschrift .bildtitel {
   font-style: italic;
   }


blockquote p, .show {
   font-style: italic;
   }

cite {
   display: block;
   text-align: right;
   font-style: normal;
   font-size: 0.9em;
   }

p.credit a:link, p.credit a:visited, .navigation a:link, .navigation a:visited, .navigation2 a:link, .navigation2 a:visited, .referenz a:link, .referenz a:visited {
   text-decoration: none;
   border-bottom: none;
   }



/* ----------------------- Tabellen -------------------------  */

td {
   vertical-align: top;
   padding: 1px 0;
   }

td.date {
   width: 5em;
   text-align: right;
   padding-right: 0.3em;
   }

/* ----------------------- Navigation -----------------------  */

/* #navigation1 {
   border-top: 1px #808080 solid;
   } */

#navigation1 {
   padding-top: 2px;
   padding-bottom: .3em;
   border-bottom: 1px #808080 solid;
   }

#navigation1 ul, #navigation2 ul, #navigation3 ul {
   padding-left: 0;
   text-align: center;
   list-style-type: none;
   }

#navigation1 li, #navigation2 li, #navigation3 li {
   display: inline-block;
   margin-right: 5px;
   margin-bottom: 0;
   margin-left: 5px;
   }

#navigation1 ul.rex-navi2 {
   display: none;
   }

ul.rex-navi2 {
   display: inline-block;
   }

#navigation1 .rex-article-72, #navigation1 .rex-article-73, #navigation1 .rex-article-238 {
   display: none;
   }
#navigation2 .rex-article-238 {
   display: none;
   }
   
#navigation1 li::before, #navigation2 li::before, #navigation3 li::before, #navigation4 li::before {
   content: url("/media/middot.png");
   margin-right: 10px;
   margin-left: -4px;
   }

#navigation1 li.rex-article-74::before, #navigation2 li.rex-article-74::before, #navigation3 li.rex-article-80::before, #navigation4 li.rex-article-80::before, #navigation3 li.rex-article-108::before, #navigation4 li.rex-article-108::before {
   content: none;
   }

/* Links - Achtung Reihenfolge: :link :visited :hover :active  */

#navigation1 a:active, #navigation1 a.rex-current, #navigation2 a:active, #navigation2 a.rex-current, #navigation3 a:active, #navigation3 a.rex-current, #navigation4 a:active, #navigation4 a.rex-current {
   font-style: normal;
   color: #2a344c;
   border-bottom: 1px solid #2a344c;
   }

#navigation2 {
   border-top: 1px #808080 solid;
   margin-top: 2em;
   }

#navigation3 li, #navigation4 li {
   font-variant: small-caps;
   }
   
#navigation5 p {
	text-align: center;
    }

/* ----------------------- Einzelbild -------------------------  */

div.einzelbild {
   display: table;
   width: 100%;
   margin-top: 0;
   margin-bottom: 4em;
   }
div.einzelbild div.pp {
   display: table-cell;
   width: 800px; /* 780 */
   line-height: 0;
   background-color: #fff;
   border: 1px solid #808080;
   -webkit-box-shadow: 1px 5px 5px #999;
   -moz-box-shadow: 1px 5px 5px #999;
   box-shadow: 1px 5px 5px #999;
}
div.einzelbild img {
   display: table-cell;
   width: 800px; /* 780 */
   height: auto;
   margin-right: 1em;
   border: 1px solid #808080;
   /* -webkit-box-shadow: 1px 5px 5px #999;
   -moz-box-shadow: 1px 5px 5px #999; */
   box-shadow: 1px 5px 5px #999;
   }
div.einzelbild img.noshadow {
   border: 0;
   box-shadow: none;
   }
div.einzelbild div.pp img {
   width: 100%;
   height: auto;
   display: inline;
   border: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   }

div.bildtext {
   display: table-cell;
   vertical-align: bottom;
   padding-left: 1em;
   text-align: right;
   }
.groesse, .nowrap {
   white-space: nowrap;
   }
h3.bild {
   text-align: right;
   font-size: 1.1em;
   font-style: italic;
   font-weight: normal;
   margin-bottom: 0;
/*   margin-left: -0.1em;   */
   }
span.jahr {
   font-style: normal;
   white-space: nowrap;
   }
div.einzelbild p {
   text-align: right;
   margin-top: 0.1em;
   margin-bottom: 0.1em;
   font-size: 0.9em;
   line-height: 1.15em;
   -webkit-hyphens: none;
   -moz-hyphens: none;
   -ms-hyphens: none;
   hyphens: none;
   }
.ansicht {
   display: inline-block;
   width: 150px;
   height: 100px;
   background-position: right;
   background-repeat: no-repeat;
   border: 1px solid #aaa;
   margin-top: 0.1em;
   margin-bottom: 0.4em;
   text-align: center;
   vertical-align: top;
   padding-right: 10px;
   }
div.einzelbild img.mini {
   opacity: 0.7;
   margin-top: 27px;
   margin-right: auto;
   margin-left: auto;
   -webkit-box-shadow: 1px 1px 1px #999;
   -moz-box-shadow: 1px 1px 1px #999;
   box-shadow: 1px 1px 1px #999;
   }

/* ---- 'Passepartout' --------------- */
div.einzelbild div.pp img.r20 {
   width: calc(100% - 2*20px);
   margin: 20px;
   }
div.einzelbild div.pp img.r30 {
   width: calc(100% - 2*30px);
   margin: 30px;
   }
div.einzelbild div.pp img.r40 {
   width: calc(100% - 2*40px);
   margin: 40px;
   }

/* ---- :5 x2 ----------------------------------------- */
.eins {
   background-image: url(/media/ansicht1.png);
   }

div.einzelbild img.lw150 {
   height: 60px;
   width: auto;
   }
div.einzelbild img.lw135 {
   height: 54px;
   width: auto;
   }
div.einzelbild img.lw130 {
   height: 52px;
   width: auto;
   }
div.einzelbild img.lw100 {
   height: 40px;
   width: auto;
   }
div.einzelbild img.pp100 {
   height: 40px;
   width: auto;
   border: 6px solid #fff;
   }
div.einzelbild img.lw85 {
   height: 34px;
   width: auto;
   }
div.einzelbild img.pp85 {
   height: 34px;
   width: auto;
   border: 5px solid #fff;
   }
div.einzelbild img.lw80 {
   height: 32px;
   width: auto;
   }
div.einzelbild img.lw71 {
   height: 29px;
   width: auto;
   }
div.einzelbild img.pp70 {
   height: 28px;
   width: auto;
   border: 6px solid #fff;
   }   
div.einzelbild img.lw67 {
   height: 27px;
   width: auto;
   }
div.einzelbild img.lw62 {
   height: 25px;
   width: auto;
   }
div.einzelbild img.lw62ns {
   height: 25px;
   width: auto;
   border: 0;
   box-shadow: none;
   }
div.einzelbild img.pp60 {
   height: 24px;
   width: auto;
   border: 6px solid #fff;
   }
div.einzelbild img.lw51 {
   height: 20px;
   width: auto;
   }
div.einzelbild img.lw50 {
   height: 20px;
   width: auto;
   }
div.einzelbild img.pp50 {
   height: 20px;
   width: auto;
   border: 4px solid #fff;
   }
/* ---- :8 x5 ----------------------------------------- */
.zwei {
   background-image: url(/media/ansicht2.png);
   }
div.zwei img.pp85 {
   height: 53px;
   width: auto;
   border: 6px solid #fff;
   }
div.zwei img.lw70 {
   height: 44px;
   width: auto;
   }
div.zwei img.lw60 {
   height: 38px;
   width: auto;
   }
div.zwei img.pp60 {
   height: 38px;
   width: auto;
   border: 6px solid #fff;
   }
div.zwei img.lw55 {
   height: 34px;
   width: auto;
   }
div.zwei img.lw50 {
   height: 31px;
   width: auto;
   }
div.zwei img.pp50 {
   height: 31px;
   width: auto;
   border: 6px solid #fff;
   }   
div.zwei img.lw45 {
   height: 28px;
   width: auto;
   }
div.zwei img.pp45 {
   height: 28px;
   width: auto;
   border: 6px solid #fff;
   }
div.zwei img.pp42 {
   height: 26px;
   width: auto;
   border: 6px solid #fff;
   }
div.zwei img.pp40 {
   height: 25px;
   width: auto;
   border: 6px solid #fff;
   }
div.zwei img.lw40 {
   height: 25px;
   width: auto;
   }
div.zwei img.lw35 {
   height: 22px;
   width: auto;
   }
div.zwei img.pp30 {
   height: 19px;
   width: auto;
   border: 6px solid #fff;
   }
div.zwei img.lw30 {
   height: 19px;
   width: auto;
   }
div.zwei img.pp26 {
   height: 16px;
   width: auto;
   border: 6px solid #fff;
   }
div.zwei img.lw24 {
   height: 16px;
   width: auto;
   }
div.zwei img.pp21 {
   height: 14px;
   width: auto;
   border: 6px solid #fff;
   }
div.zwei img.pp20 {
   height: 13px;
   width: auto;
   border: 6px solid #fff;
   }
div.zwei img.pp18 {
   height: 12px;
   width: auto;
   border: 6px solid #fff;
   }
div.zwei img.pp10 {
   height: 7px;
   width: auto;
   border: 6px solid #fff;
   }
div.einzelbild p.copyright {
   text-align: right;
   }