@media all
{
{margin: 0; padding: 0;}
html * {font-size:100.01%;}
html body * {overflow: visible;}
body {overflow-y: scroll; padding: 0;background:#fff;
      font-size:100.01%; font-family: Arial, Helvetica, Geneva, Verdana, sans-serif;
      color: #2b2c2a; text-align: left;
      text-align: center; background: #D5D8CC;}

div {outline: 0 none;}
img {border: 0 solid;}

fuss,kopf,nav,subnavigation{display: block;}

#content-navigation a {
  display: inline-block;
  width: 150px;
  font-size: 12px;
  line-height: 16px;
}

.post {
  display: inline-block;
  margin-bottom: 40px;
  max-width: 690px;
}

.post .head {
  display: flex;
  justify-content: space-around;
  font-size: 1.2em;
  margin-bottom: -10px;
}

.post .head .date {
  color: #cd4f23;
  width: 130px;
  padding: 0;
}
.post .head .title {
  flex-grow: 1;
  color: #75060E;
}

.post p > img {
  display: block;
  max-width: 100%;
  margin: 10px 0;
}

.post .content-navigation {
  text-align: center;
  font-size: 12px;
}

/* Schriften */
h1,h2,h3,h4,h5,h6 {font-weight: normal; margin: 0;}
h1  {font-size: 32px; color: #75060e;} /* Logo */
h2  {font-size: 14px;}
h3  {font-size: 12px;color: #75060e;margin-bottom: 2px}
h3 span  {font-size:12px;color: #762c31;}
h3.multi  {font-size: 12px;color: #75060e;margin-top:5px}
h4  {font-size: 12px;}
h6  {font-size: 12px; color: #5b5b59;}
h5  {font-size: 10px;}
p {font-size:12px; line-height:16px; margin: 0;padding:2px 0 1px 0;}
.zweispalter p {font-size:12px; line-height:16px; margin: 0;padding:2px 0 3px 0;}
.english p {font-size:12px; line-height:16px; margin: 0;color:#5b5b59;}
.english2 p {font-size:12px; line-height:16px; margin: 0;}
.katalog-desc p {padding: 0;}
p.small{font-size:11px; line-height:14px; margin: 2px 0 0 0;}
.xsmall{font-size:10px; line-height:10px; margin: 0;}
hr {color: #BCBEB7; background: transparent; margin: 0;
    padding: 0 0 0.5em 0; border: 0;
    border-bottom: 1px #BCBEB7 solid;}

/* Links */
a           {color: #1b1e13; background: transparent; text-decoration: none; font-weight:normal; outline: 0 none;}
a:visited   {color: #1b1e13;}
a:focus     {color: #FFF;}
a:hover     {color: #FFF;}
a:active    {color: #1b1e13;}
a span      {color: #6f706b;padding:0 0 0 7px}
a span.aktivlink      {color: #4A6503; padding:0;}
a span.englisch{color:#6f706b;padding:0;}

a.rot  {color: #75060E; background: transparent; text-decoration: none; font-weight: normal; font-size:12px; outline: 0 none;}
a.rot:visited   {color: #75060E;}
a.rot:focus     {color: #F90718;}
a.rot:hover     {color: #F90718;}
a.rot:active    {color: #75060E;}
a.rot span      {color: #cd4f23;}

a.aktiv  {color: #af484f; background: transparent; text-decoration: none; font-weight: normal; font-size:12px; outline: 0 none;}
a.aktiv:visited   {color: #af484f;}
a.aktiv:focus     {color: #F90718;}
a.aktiv:hover     {color: #F90718;}
a.aktiv:active    {color: #af484f;}
a.aktiv span      {color: #f49777;}

a.text {color: #a04348; background: transparent; text-decoration: none; font-weight: normal; font-size:12px; outline: 0 none;}
a.text:visited   {color: #a04348;}
a.text:focus     {color: #fc6c73;}
a.text:hover     {color: #fc6c73;}
a.text:active    {color: #a04348;}
a.text span      {color: #a04348;}

a.text1 {color: #737373; background: transparent; text-decoration: none; font-weight: normal; font-size:12px; outline: 0 none;}
a.text1:visited   {color: #737373;}
a.text1:focus     {color: #fc6c73;}
a.text1:hover     {color: #fc6c73;}
a.text1:active    {color: #737373;}


/* Tabellen */
a.ssdp1{width: 225px; height: 225px; background-image: url(../inhalt/jpg-gross/ssdp-trust1.jpg); background-color:red}
a.ssdp1:hover     {width: 225px; height: 225px; background-image: url(../inhalt/jpg-gross/ssdp-trust2.jpg);}

table {width: auto; border-collapse: collapse; margin-bottom: 0; border: 0 transparent; width:550px;}
table.full {width: 100%;}
table.fixed {table-layout: fixed;}
td.jahr {padding: 0 5px 0 0; vertical-align: top;}
td.show {padding: 0 3px 0 5px;}
/* Bilder (mit optionaler Bildunterschrift) */
p.icaption_left {float: left; display: inline; margin: 2px 1em 2px 0;}
p.icaption_right {float: right; display: inline; margin: 2px 0 2px 1em;}
p.icaption_left img,
p.icaption_right img {padding: 0;}
p.icaption_left strong,
p.icaption_right strong {display: block; overflow: hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%;}

/* Listen */
ul {margin: 0; padding:0; list-style-type: none;}
li {margin: 0; padding:0;}

/* Aufteilung der Seite */
#seiten_abstand {width: 960px; margin: 0 auto;
                text-align: left; background: #D5D8CC;}
#seite  {padding: 0;}
#kopf   {position: relative; height:56px; padding: 17px 0 0 0;
        background: transparent repeat-x top left;}
#logo   {position: relative; width: 210px; padding: 0 0 0 20px;}
#logo a {font-size: 32px}
#navigation1 {position: relative; float: right; width:600px; padding: 18px 20px 0 0;
              font-size: 12px; background: transparent; text-align: right;}
#navigation1 a.normal    {padding: 5px 2px;}
#navigation1 a           {color: #1b1e13; background: transparent; text-decoration: none; font-weight:normal; outline: 0 none;}
#navigation1 a.normal:visited   {color: #1b1e13;}
#navigation1 a.normal:focus     {color: #F90718;}
#navigation1 a.normal:hover     {color: #F90718;}
#navigation1 a.normal:active    {color: #1b1e13;}
#navigation1 a.normal span      {color: #FF0000; padding:0;}


#navigation1 a.abstandr {padding: 5px 2px; margin:0 50px 0 0;}
#navigation1 a           {color: #1b1e13; background: transparent; text-decoration: none; font-weight:normal; outline: 0 none;}
#navigation1 a.abstandr:visited   {color: #1b1e13;}
#navigation1 a.abstandr:focus     {color: #F90718;}
#navigation1 a.abstandr:hover     {color: #F90718;}
#navigation1 a.abstandr:active    {color: #1b1e13;}
#navigation1 a.abstandr span      {color: #FF0000; padding:0;}

#mittelteil {padding: 0;}

#navspalte {float: left; width: 230px; }
#spalten_navigation {padding: 0 0 0 20px;}

#subnavigation {position:relative; 
      width:200px; height: 230px; 
      z-index:1;} /* Bereich für die Subnavigation */

#buehnenplatz    {position: relative; width: 200px; height: 150px;
        background: #D5D8CC;}
#titel {position: relative; width: 200px; height: 20px;}
#subnavigationx {position: relative; width: 200px; height: 50px;}

#navigation2{position: relative; width: 200px; height: auto;}
#navigation2 ul       {width: 200px;padding: 0 0 10px 0;}
#navigation2 ul li    {width: 200px;padding: 0 0 1px 0;}

#navigation2 ul ul    {width: 190px; padding:0 0 2px 10px;}
#navigation2 ul ul li {width: 190px; padding:0 0 2px 10px;}
a, a:visited, a:hover, a:active, a:focus {color:#000;}


a.gallery, a.gallery:visited {display: block; float: left; position: relative;
                             padding: 3px 3px 3px 1px;
                             color: #f00; text-decoration: none; 
                             font-size: 11px; line-height: 22px;}/*Groesse der Vorschaubilder*/
a.gallery:after {display: block; inset: -3px; width: 12px; height: 12px;
                 content: ''; border: 1px solid #75060E;}
a.gallery.an:after {margin: 3px 3px 3px 1px; border:1px solid #AF484F;}
* html a.gallery, * html a.gallery:visited {display: inline;}
a.gallery:hover:after {border: 1px solid #F90718;}
a.gallery.active:after {
  background-color: #75060E; 
  border-color: #75060E;
}

#thumbs {width: 200px; height: 40px;} /* Bereich der Kästchen */
#pad {height:  180px; width:200px;}     /* Bereich nur die Bühne für Bild und Titel */



#navigation3{position: relative; width: 100px; height: auto;
            padding: 30px 0 20px 100px;}
#navigation3 ul       {width: 100px; padding: 0px 0 10px 0;}
#navigation3 ul li    {width: 100px;padding: 0 0 2px 0;}
#navigation3 ul ul    {width: 95px; padding:0 0 2px 5px;}
#navigation3 ul ul li  {width: 95px; padding:0 0 2px 5px;}

#inhaltsteil {width: auto; margin: 0 0 0 230px;}
#spalte_inhalt {padding: 0 20px 0 20px;}
#galerie_inhalt {width: 690px; margin: 0;text-align: right;}
#galerie_inhalt2 {width: 690px; margin: 0;text-align: left;}
#beschriftung {width: 690px; height: 30px; 
              margin: 0; text-align: right;}
#beschriftung5 {width: 690px; height: 52px; 
                margin: 0; text-align: right;}
#content-navigation {width: 690px; height:40px; margin: 0; text-align: center; vertical-align: middle;}
.next  {font-size:12px; }





#fuss           {margin:20px 0 0 0;padding: 8px 20px 20px 20px; border-top: 1px #a2a49a solid;}
#copyright      {position: relative; float: left; width:210px;}
#aktualisierung {position: relative; float: right; width:710px; text-align: right;}


#kopf, #mittelteil, #fuss,  #navigation1, #copyright, #aktualsierung #galerie{clear:both;}





/* Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
#spalten_navigation, #spalte_inhalt {position: relative;}


.float_left {float: left; display: inline; margin-right: 1em; margin-bottom: 0.15em;}
.float_right {float: right; display: inline; margin-left: 1em; margin-bottom: 0.15em;}
.center {display: block; text-align: center; margin: .5em auto;}

.clearfix:after {clear: both; content: ".";
                display: block; font-size: 0;
                height: 0; visibility: hidden;}
.clearfix {display: block;}

.floatbox {display: table; width: 100%;}

#ie_clearing {display: none;}



.zweispalter {display:table; width:100%; table-layout:fixed;}
.zweispalter_oldgecko {width: 100%; float:left;}

.deutsche_spalte   {float: left;}
.deutsche_spalte p.rechts   {text-align:right; padding: 0 40px 0 0px}

.bild_spalte   {float: left; text-align:right; padding: 10px 0;}
.bild_spalte img  {padding: 0 10px;}
.bild_spalte2 img  {padding: 0 0px;}
.english_spalte   {float: right; margin-left: -5px;}

.english_spalte p.rechts   {text-align:right;padding: 0 40px 0 0}
.eine_spalte {margin:0 100px 0 100px;}

.text_spalte   {float: right; margin-left: -5px;}

.deutsche_spalte, .english_spalte, .bild_spalte, .textspalte {width:50%;}

.deutsch {padding: 0 20px 0 0;}
.bilder_sp{padding: 0 20px 0 0;}
.deutsch1,.english, .english2{padding: 0 0 0 20px;}
.text_sp{padding: 0 0 0 20px;}

.equalize, .equalize .zweispalter {table-layout:fixed;}

.equalize > div {display: table-cell; float: none;  margin: 0; 
                overflow: hidden; vertical-align: top;}
}

@media print
{
.zweispalter,
.zweispalter> div {overflow: visible; display: table;}
.print {position: static; left: 0;}
.noprint {display: none !important;}
{body {font-size: 10pt;}
#navigation1, #nav, #search, nav {display: none;}
h1,h2,h3,h4,h5,h6 {seite-break-after: avoid;}
#navspalte {display: none;}
#inhaltsteil, #spalte_inhalt {width: 100%; margin: 0; padding: 0; border: 0;}
}