/* -------------------------- */
/* NEU HINZUGEKOMMENE KLASSEN */
/* -------------------------- */

/* p style="border-color:cyan yellow; border-width:8px; border-style:solid; padding:16px" */
/* <p style="border-width:medium; border-color:#FF9999; border-style:double; padding:5px;"> */

.Auswahl { background-color: #fff; width:98%  ; border:2px solid #ddd; }
.auswahlkl { background-color: #fff; width:98%  ; border:2px solid #ddd; }

#titelleiste     {
                  text-align: center;
                  width: 74%  ;
                  margin-left: auto;
                  margin-right: auto;
                  padding: 4px;
                  background-color: #dda24d;
                  height: auto;
                 }

#linkleiste      {
                  background-color: #ffffff;
                  color: black;
                  font-size: 10px;
                  line-height: 13px;
                  font-family: Verdana, Arial, Geneva, Helvetica;
                  padding: 1px;
                  /* width: 830px; */
                  width: 100%;
                  margin-left: auto;
                  margin-right: auto;
                  margin-top: 5px;
                  margin-bottom: 2px;
                 }

.siegel-r        {
                  float: left;
                  color: black;
                  font-size: 10px;
                  font-family: Verdana, Arial, Geneva, Helvetica;
                  padding-top: 0;
                  padding-left: 0.5em;
                  margin-top: 0;
                 }

.siegel-v        {
                  float: right;
                  color: black;
                  font-size: 10px;
                  font-family: Verdana, Arial, Geneva, Helvetica;
                  padding-top: 0;
                  padding-right: 0.5em;
                  margin-top: 0;
                 }

.dono            {
                  margin-top: 1.5em;
                  color: black;
                  font-size: 10px;
                  line-height: 13px;
                  font-family: Verdana, Arial, Geneva, Helvetica;
                 }

.cce_schriftzug {
                  border: 0px;
                  width: 85%;
                  margin-bottom: 0em;
                 }

.alinkleiste     {
                  padding-left: 3.5em;
                  padding-right: 3.5em;
                 }

.normspalt       {
                  margin-left: 3.5em;
                  margin-right: 3.5em;
                 }

.normzitat       {
                  margin-left: 10.9em;
                  margin-right: 3.5em;
                  text-indent: -1.9em;
                 }

/* ---------------------- */
/* ENDE DER NEUEN KLASSEN */
/* ---------------------- */

body             {
                  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
                  font-size: 12px;
                  line-height: 20px;
                  background-color: white;
                 }

#streifen        {
                  background-image: url(https://localhost/cce/img/orna_clun.jpg);
                  background-repeat: repeat;
                  height: 40px;
                  width: 100%;
                  /* width: 830px; */
                  text-align: center;
                  margin-left: auto;
                  margin-right: auto;
                 }

.Braun           {
                  background-color: #dda24d;
                 }

.Weiss           {
                  background-color: #ffffff;
                 }

#cce-rahmen      {
                  /* margin: 8px 62px; */
                  width: 75%  ;
                  margin-top: 8px;
                  margin-bottom: 8px;
                  margin-left: auto;
                  margin-right: auto;
                  background-color: white;
                  text-align: center;
                  border: 1px solid #DDA24D;
                 }

#pdf-rahmen      {
                  /* margin: 8px 62px; */
                  text-align: center;
                  border: 4px;
                  border-style: double;
                  border-color: #DDA24D;
                 }

                  /* #cdcbb4 */

#textbereich     {
                  /* margin: 8px; */
                  margin-top: 8px;
                  margin-bottom: 8px;
                  margin-left: auto;
                  margin-right: auto;
                  width: 70%  ;
                  background-color: white;
                  text-align: justify;
                  border: 0px solid #DDA24D;
                  padding: 8px;
                 }

.typominitext    {
                  color: black;
                  font-size: 10px;
                  line-height: 13px;
                  font-family: Verdana, Arial, Geneva, Helvetica;
                 }

.typotext        {
                  font-size: 12px;
                  line-height: 16px;
                  color: black;
                  font-family: Verdana, Arial, Geneva, Helvetica;
                 }

#pagtext         {
                  font: bold .9em Times;
                  background-color: #FFFFCC;
                  color: #FF0FF0;
                  padding-left: 60px;
                  font-family: Verdana, Arial, Geneva, Helvetica;
                 }

#noticia         {
                  font-size: 11px;
                  background-color: #CCFFFF;
                  color: blue;
                  padding-right: 3px;
                  padding-left: 3px;
                  font-family: Verdana, Arial, Geneva, Helvetica;
                 }

#correct         {
                  font-size: 11px;
                  color: blue;
                  background-color: #CCFF00;
                  padding-right: 3px;
                  padding-left: 3px;
                 }

#erratum         {
                  font-size: 11px;
                  color: blue;
                  background-color: #CCFF00;
                  border: 2px solid #FFFFFF;
                  padding-right: 3px;
                  padding-left: 3px;
                 }

#dortext         {
                  font: small-caps 100% Verdana;
                  color: #0000FF;
                 }

#ccetitel        {
                  font-family: Carolingia;
                  font-size: 48px;
                  line-height: 50px;
                  color: white;
                  font-size: 3em;
                 }

#ccetitelmini    {
                  font-family: Carolingia;
                  font-size: 36px;
                  line-height: 40px;
                  color: white;
                 }

#ccenorm         {
                  font-family: Carolingia;
                  font-size: 32px;
                  line-height: 40px;
                  color: white;
                 }

#ccenormmini     {
                  font-family: Carolingia;
                  font-size: 32px;
                  line-height: 30px;
                  color: white;
                 }

a:hover          {
                  text-decoration: none;
                  background-color: #FFCC00;
                 }

a:link           {
                  color: #000000;
                  text-decoration: none;
                 }

a:visited        {
                  color: #000000;
                  text-decoration: none;
                 }

#cce_titel       {
                  background-image: url(https://localhost/cce/img/cce_titel.gif);
                  background-repeat: no-repeat;
                  height: 30px;
                  width: 105px;
                 }

#cce_text        {
                  background-image: url(https://localhost/cce/img/cce_text.gif);
                  background-repeat: no-repeat;
                  height: 22px;
                  width: 526px;
                 }

#abstand         {
                  background-image: url(https://localhost/cce/img/nix.gif);
                  background-repeat: no-repeat;
                  height: 18px;
                 }

#siegelr         {
                  background-image: url(https://localhost/cce/img/siegel-r2.gif);
                  background-repeat: no-repeat;
                  height: 147px;
                  width: 100px;
                 }

#siegelv         {
                  background-image: url(https://localhost/cce/img/siegel-v2.gif);
                  background-repeat: no-repeat;
                  height: 146px;
                  width: 100px;
                 }

#streifen        {
                  background-image: url(/Fruehmittelalter/Projekte/Cluny/CCE/img/orna_clun.jpg);
                  background-repeat: repeat;
                  height: 40px;
                  width: 98%  ;
                 }

/* icons zur Steuerung */
/* https://www.brandspankingnew.net/archive/2006/12/hohoho.html */

#edition         {
                  text-align: center;
                  font-size: 1px;
                  width: 20px;
                  height: 20px;
                  background-image: url(https://localhost/cce/img/edition.gif);
                  background-repeat: no-repeat;
                  border: 0;
                  text-decoration: none;
                 }

#datenbank       {
                  text-align: center;
                  font-size: 1px;
                  width: 20px;
                  height: 20px;
                  background-image: url(https://localhost/cce/img/datenbank.gif);
                  background-repeat: no-repeat;
                  border: 0;
                 }

#lupe            {
                  text-align: center;
                  font-size: 1px;
                  width: 20px;
                  height: 20px;
                  background-image: url(https://localhost/cce/img/lupe.gif);
                  background-repeat: no-repeat;
                  border: 0;
                 }

#drucken         {
                  text-align: center;
                  font-size: 1px;
                  width: 20px;
                  height: 20px;
                  background-image: url(https://localhost/cce/img/drucken.gif);
                  background-repeat: no-repeat;
                  border: 0;
                 }

#zurueck         {
                  text-align: center;
                  font-size: 1px;
                  width: 20px;
                  height: 20px;
                  background-image: url(https://localhost/cce/img/zurueck.gif);
                  background-repeat: no-repeat;
                  border: 0;
                 }

#vorwaerts       {
                  text-align: center;
                  font-size: 1px;
                  width: 20px;
                  height: 20px;
                  background-image: url(https://localhost/cce/img/vorwaerts.gif);
                  background-repeat: no-repeat;
                  border: 0;
                 }

#anfang          {
                  text-align: center;
                  font-size: 1px;
                  width: 20px;
                  height: 20px;
                  background-image: url(https://localhost/cce/img/ganz_zurueck.gif);
                  background-repeat: no-repeat;
                  border: 0;
                 }

#ende            {
                  text-align: center;
                  font-size: 1px;
                  width: 20px;
                  height: 20px;
                  background-image: url(https://localhost/cce/img/ganz_vorwaerts.gif);
                  background-repeat: no-repeat;
                  border: 0;
                 }

#unsichtbar      {
                  width: 20px;
                  height: 20px;
                  border: 0;
                 }


.demi            {
                 width:  50%;
                 height: auto;
                 }


   /* responsive design :  */

@media screen and (max-width: 45em) {
 tr, th, td  {
 display: block;
 }

 tr {
 padding: 0.3em;
 border-top: 0 none;
 min-width: 95%;
 }

 th {
 padding: 0;
 }

 td {
 padding: 0.2em 0.1em 0.1em  ;
 min-width: 40%;
 }

#cce-rahmen      {
                  width: 98%  ;
 }

#titelleiste     {
                  width: 98%  ;
 }

#textbereich     {
                  margin-top: 8px;
                  margin-bottom: 8px;
                  width: 95%  ;
 }

.normspalt       {
                  margin-left: 1.5em;
                  margin-right: 1.5em;
                 }

.normzitat       {
                  margin-left:  3.5em;
                  margin-right: 3.5em;
                  text-indent: -1.9em;
                 }

.demi            {
                  width:  98%;
                  height: auto;
                 }

}