body
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 margin: 0;
 padding: 0;
 counter-reset: ebeneh2;
}

@media (min-device-width: 600px)
{
 body
 {
  font-size: 16px;
 }
}

a
{
 color: red;
}

img 
{
 border: 0;
}

input[pattern]:invalid {
    color: red;
}

@media (max-device-width: 951px)
{
 .nichtBeiSchmal
 {
	display: none;
 }
}

#sitepadding
{

}

@media (min-device-width: 952px)
{
 #sitepadding
 {
  margin-left: auto;
  margin-right: auto;
  width: 952px;
 }
}

@media (min-device-width: 1140px)
{
 #sitepadding
 {
  margin-left: auto;
  margin-right: auto;
  width: 1140px;
 }
}
 
#blatt
{
}
 
@media (min-device-width: 952px)
{ 
 #blatt
 {
  width: 952px;
  display: inline-block;
 }
}

.logo
{
 float: left;
 border: 0;
 width: 46px;
 height: 46px;
}

@media (min-device-width: 952px)
{
 .logo
 {
  width: 92px;
  height: 92px;
 }
}

#kanzleiname
{
 margin-left: 50px;
}

#kanzleiname h2
{
 margin: 0;
 padding-left: 10px;
 font-variant: small-caps;
 color: #800000;
 font-size: 1.5em;
}

#kanzleiname h2 a
{
 text-decoration: none;
 color: #800000;
}

#kanzleiname h3
{
 margin-top: 0;
 margin-left: 10px;
 margin-bottom: 5px;
}

@media (min-device-width: 952px)
{
 #kanzleiname
 {
  margin-left: 100px;
  border-bottom: 7px solid #cccccc;
 }

 #kanzleiname h2
 {
  font-size: 2.5em;
 }
}

#kanzleiname #adresse
{
 display: none;
}

@media (min-device-width: 600px)
{
 #kanzleiname #adresse
 {
  float: right;
  padding: 10px;
  text-align: right;
  display: inline;
 }
}



/**********************************************/

#hauptnavigation
{
 clear:both;
}

#hauptnavigation a
{
 float: left;
 border: 3px solid #cccccc;
 text-align: center;
 color: black;
 text-decoration: none;
 font-weight: bold;
}

/* Nur Firefox */
@-moz-document url-prefix()
{
 #hauptnavigation a
 {
  border: 2px solid #cccccc;
 }
}

#hauptnavigation a.aktivesmenu
{
 border-color: orange;
}

#hauptnavigation a:hover
{
 border-color: orange;
}

#hauptnavigation img
{
 width: 100%;
 border: 0;
 display: block;
}

@media (max-device-width: 951px)
{
 #hauptnavigation a
 {
  width: 15%;
  font-size: 8px;  
 }
}

/***********************************************/

#main
{
 clear: both;
 background:#F7F7F7;
 background-image:url("https://www.erbrecht-papenmeier.de/styles/sidebar.jpg");
 background-repeat:repeat-y;
}


#main #linksnavigation
{
 display: block;
} 

#main #linksnavigation a
{
 display: inline-block;
 text-decoration: none;
 border: 1px solid #cccccc;
 padding: 5px;
}

@media (max-device-width: 951px)
{
 #main #linksnavigation a.nichtBeiSchmal
 {
	display: none;
 }
}

@media (min-device-width: 952px)
{
 #main #linksnavigation
 {
  float: left;
  width: 180px;
  padding: 10px 0px 10px 10px;
 }
 
 #main #linksnavigation a
 {
  display: block;
  text-decoration: none;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding-top: 8px;
  padding-bottom: 3px;
 }
}



#main #linksnavigation a.aktivessubmenu
{
 color: #800000;
}

#main #linksnavigation a:hover
{
 color: #800000;
 background: white;
}

#main #haupttext
 {
  background:#F7F7F7;
  background-image:url("https://www.erbrecht-papenmeier.de/styles/side.jpg");
  background-repeat:repeat-y;
  line-height: 1.5;
  padding: 10px 30px 10px 30px;
  min-height: 600px;
 }

@media (min-device-width: 952px)
{
 #main #haupttext
 {
  margin-left: 200px;
 }
}

#main #haupttext h1
{
 border-bottom: 7px solid red;
}

@media (max-device-width: 600px)
{
 #main #haupttext h1
 {
  font-size: 16px;
  border-bottom: 5px solid red;
 }
}


#main #haupttext h2
{
 border-top: 3px solid #cccccc;
 font-size: 1.2em;
 padding-top: 20px;
 margin-top: 5px;
 margin-bottom: 10px;
 counter-reset: ebeneh3;
}

#main #haupttext h2.erstesH2
{
 border: 0;
 padding-top: 0;
}

#main #haupttext h2.first
{
 border: 0;
 padding-top: 0;
}

#main #haupttext h2.noborder
{
 border: 0;
}

#main #haupttext h2::before
{
 content: counter(ebeneh2) ". ";
 counter-increment: ebeneh2;
}

#main #haupttext h3
{
 font-size: 1em;
 margin-bottom: 0;
}

#main #haupttext h3::before
{
 content: counter(ebeneh3,lower-alpha) ") ";
 counter-increment: ebeneh3;
}

#main #haupttext .kleiner
{
 font-size: 0.9375em;
}

/*******************************/
#fusszeile
{
 background: #eeeeee;
 padding-top: 5px;
 padding-bottom: 5px;
 text-align: right;
}

#fusszeile a
{
 margin-right: 10px;
}

#bewertungen
{
 width: 160px;
 display: inline-block;
 vertical-align: top;
 margin-top: 10px;
 margin-left: 15px;
}


/*footnotes********************/
a.fussnote
{
 font-size: 0.75em;
 vertical-align: top;
 text-decoration: none;
}

#fussnoten
{
 margin-top: 1em;
 border-top: 1px solid #800000;
 font-size: 0.75em;
}

#fussnoten a
{
 text-decoration: none;
}

/********************************************/
#unten
{
 border-top: 7px solid #eeeeee;
 background: #f7f7f7;
}



/********************************************/
#unten #anmerkung
{
 margin-left: auto;
 margin-right: auto;
 width: 600px;
}

#unten #anmerkung textarea
{
 width: 100%;
 height: 10em;
}

.name
{
 display: none;
}

.wer
{
 width: 400px;
}

#abschlusstext
{
 margin-left: 40px;
 margin-top: 20px;
 
}

#abschlusstext h2
{
 font-size: 1em;
 margin: 0;
 padding: 0;
 color: #800000;
 font-variant: small-caps;
}

#abschlusstext h3
{
 font-size: 0.9em;
 margin: 0;
 padding: 0;
}
/********************************************/


/*Sonstige*/
.abkuerzungen
{
 width: 100%
}

.abkuerzung
{
 font-weight: bold;
}

.alignright
{
 text-align: right;
}

.auswahlfeld
{
 float: left;
 margin-left: 30px;
 margin-top: 30px;
}

@media (min-device-width: 952px)
{
 .auswahlfeld
 {
  float: left;
  margin-left: 60px;
 }
}

.beispiel::before
{
 content: "Beispiel:";
 font-style: normal;
 font-weight: bold;
}

.beispiel
{
 color: #333333;
 border: 1px solid grey;
 padding: 10px;
 font-style: italic;
 background: #e0e0e0;
 border-radius: 6px;
 font-size: 0.9em;
}

.bildrechts
{
 float: right;
 width: 40%;
 border: 2px solid #cccccc;
 margin-left: 10px;
}

.bildrechtsohnerahmen
{
 float: right;
 width: 40%;
 margin-left: 10px;
}

.bildlinks
{
 float: left;
 width: 40%;
 border: 2px solid #cccccc;
 margin-right: 15px;
}

.bildlinksohnerahmen
{
 float: left;
 width: 40%;
 margin-right: 10px;
}

.bildlink
{
 margin-left: 20px;
 margin-top: 15px;
 margin-bottom: 15px;
}

.buchklein
{
 height: 5em;
 vertical-align: middle;
 margin-right: 15px;
 margin-bottom: 15px;
}

.center
{
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 display: block;
}

.centertable
{
 margin-left: auto;
 margin-right: auto;
}

.centertd
{
 text-align: center;
}

.clickable
{
 cursor: pointer;
}

.datum
{
 vertical-align: top;
 font-weight: bold;
 border-right: 1px solid black;
}

.disabled
{
 color: #666666;
}

.dropdown {
    position: relative;
    display: inline-block;
	cursor: default;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 0;
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content button
{
	width: 100%;
}

.eingerueckt
{
 padding-left: 30px;
 display: block;
}

.einleitungtabelle 
{
 width: 100%;
}

.einleitungtabelle td
{
 vertical-align: top;
}

.einleitungtabelle li
{
 font-weight: bold;
 list-style-image: url(https://www.erbrecht-papenmeier.de/bilder/haken.gif);
 margin-bottom: 10px;
}

.floatright
{
 float: right;
}

.geloescht
{
 color:#cccccc;	
}

.gedicht
{
 font-size: 0.9em;
 font-style: italic;
 text-align: center;
 display: block;
}

.green
{
 color: green;
}

.groesser
{
 font-size: 1.125em;
 border: 0;
}

.hilfeclose
{
 float: right;
 text-decoration: none;
 font-size: 1.25em;
 display: block;
 padding: 5px;
 margin-top: -12px;
 margin-right: -5px;
}

#hilfediv
{
 position: absolute;
 width: 300px;
 font-size: 0.8125em;
 z-index: 1;
 background: white;
 padding: 10px;
 border: 1px solid #a9a9a9;
}

.hilfetext
{
 border-bottom: 1px dotted black;
 cursor: help;
}

.hinweis
{
 border: 1px solid #cccccc;
 border-radius: 8px;
 padding: 10px;
 color: #333333;
 background: #f0f0f0;
}

.inhalt
{
 border: 1px solid grey;
 padding-top: 10px;
 line-height: 1.5;
 background: #f0f0f0;
 font-size: 0.9em;
 margin-left: 50px;
 margin-right: 50px;
 counter-reset: liebene1;
}

.inhalt a
{
 text-decoration: none;
}

.inhalt ol
{
 counter-reset: liebene2;
}

.inhalt li
{
 list-style: none;
}

.inhalt li::before
{
 content: counter(liebene1,numerical) ". ";
 counter-increment: liebene1;
}

.inhalt ol li::before
{
 content: counter(liebene2,lower-alpha) ") ";
 counter-increment: liebene2;
}

.inhaltgescrollt
{
 display: none;
 border: 1px solid grey;
 padding-top: 10px;
 line-height: 1.5;
 background: #f0f0f0;
 font-size: 0.9em;
 margin: 50px;
}

.inhaltgescrollt a
{
 text-decoration: none;
}

.inhaltgescrollt ol
{
  display: none;
}

@media (min-device-width: 1140px)
{
 .inhaltgescrollt
 {
  padding-top: 10px;
  line-height: 1.5;
  position: fixed;
  right: 50%;
  margin-right: 390px;
  margin-left: 0;
  left: auto;
  top: 0;
  font-size: 0.75em;
  width: 160px;
  background: transparent;
  border: 0;    
 }
}
 
.irrtuemer li
{
 padding-bottom: 1em;
}

.kleiner
{
 font-size: 0.875em;
 border: 0;
}

.mitborder
{
 margin-top: 20px;
 border-collapse: collapse;
}

.mitborder td
{
 border: 1px solid #cccccc;
 padding: 5px;
}

.muster
{
 border: 3px solid #cccccc;
 background: #ffffff;
 padding: 10px;
}

#musterdiv
{
 background: white;
 padding: 10px;
 border: 1px solid #cccccc;
}

#musterdiv hr
{
 page-break-before:always;
}

#musterdiv h1
{
 font-weight: bold;
 text-align: center;
 display: block;
 font-size: 1.5em;
 border-bottom: none !important;
}

#musterdiv h2
{
 border: none !important;
 font-size: 1.2em;
}

#musterdiv h2::before
{
 content: none !important;
}

#mustermitleistediv
{
	padding-right: 18px;
	padding-left: 2px;
}

.musterrechts
{
 text-align: right;
 display: block;
}

.mustertextarea
{
 width: 100%;
 height: 10em;
}

.musterueberschrift
{
 font-weight: bold;
 text-align: center;
 display: block;
 font-size: 1.2em;
}

.mustereditable
{
 border-bottom: 1px dotted black;
 cursor: pointer;
}

/*Das muss so umständlich sein, weil min-height auf tr nicht funktioniert*/
.nachlassverzeichnisedit td:first-child::after
{
   content: "";
   display: inline-block;
   vertical-align: top;
   min-height: 200px;
}


/*z-index ist nötig, weil die Textarea sonst transparent ist, wenn man sie größer zieht*/
.nachlassverzeichnisname
{
 position: absolute;
 height: 100%;
 width: 100%;
 top: 0;
 left: 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 box-sizing: border-box;
 z-index: 10;
}

.nachlassverzeichnisnichtgeklaert
{
 background: white;
}

.nachlassverzeichnisoben
{
 position: relative;
 z-index: 2;
}

.nachlassverzeichnistable
{
 width: 100%;
 border-collapse: collapse;
 font-size: 0.9em;
}

.nachlassverzeichnistable th
{
 text-align: left;
}

.nachlassverzeichnistable td
{
 border: 1px solid black;
 padding: 3px;
 position: relative;
}

.nachlassverzeichniswert
{
 width: 5em;
}

.nachlassverzeichniszwischenueberschrift
{
 font-weight: bold;
 vertical-align: bottom;
 height: 3em;
}

.nachlassverzeichniszwischenueberschrift td
{
 border: 0;
}

.noborder
{
 border: 0;
}

.noborder:hover
{
 border: 0;
}

.noborder img
{
 border: 0;
}

.qualitaetsmerkmale
{
 width: 100%;
}

.quelltext
{
 padding: 10px; background: white; margin: 10px; font-size:0.9em; border: 1px solid #333333;
}

.rot
{
 color: #ff0000;
}

.standard
{
 border: 0;
}

#teilen
{
 display: none;
}

#teilen a
{
 color: #333333;
 text-decoration: none;
 display: block;
}

#teilen .plus1
{
 font-weight: bold;
 color: red;
 display: block;
 float: left;
 margin-right: 10px;
 text-align: center;
}

.testament
{
 margin-top: 20px;
 background: white;
 border: 3px solid #cccccc;
 padding: 5px 10px 10px 10px;
 margin-bottom: 20px;
 display: block;
}

.testamentueberschrift
{
 display: block;
 text-align: center;
 font-weight: bold;
 margin-bottom: 15px;
 font-size: 1.25em;
}

.underline td
{
 border-bottom: 1px solid black;
}

.unterschrift
{
 font-family: script;
 font-size: 1.25em;
}

.vorhandennichtvorhanden
{
 width: 100%;
}

.vorhandennichtvorhanden td
{
 text-align: center;
}

.warnung
{
 color: red;
 font-weight: bold;
}

.wirbild
{
 width: 40%;
 float:left;
 margin-right:20px;
 margin-bottom:10px
}

.wirbilder
{
 width: 100%;
}

.wirbilder td
{
 width: 50%;
 text-align: center;
}

.wirbilder a
{
 border: 0;
}

.wirbilder img
{
 border: 3px solid #cccccc;
}

.wirrechts
{
 vertical-align: top;
}

.wirlinks
{
 vertical-align: top;
 width: 40%;
}

.wirlinks img
{
 width: 100%;
 max-width: 460px;
}

.wirname
{
 vertical-align: top;
}

.zeitlinie td
{
 border-bottom: 2px solid black;
}

.zitat
{
 color: #333333;
 border: 1px solid #999999;
 padding: 5px;
 background: white;
}