/* DATEI: yaccess.css */

body {
  margin-top:70px; margin-bottom:10px; 
  background-color:#FFFFFF;
   /* Farben Yaccess alt 
  --Farbe: #800060;
  --Hell: #b000b0;
  --Heller: #DF00DF;    */
  /* Farben Yaccess NEU  */
  --Farbe: #AF2031;
  --Hell: #c22436;
  --Heller: #db3d50;
}

p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,dl,dd,input,textarea,select,option
     { font-family:Arial,sans-serif,Helvetica; color:#000000; font-size:11pt; line-height:18pt; }

p,ul,ol,li,div,td,th,address,nobr,dl,dd,input,textarea,select,option { font-size:11pt; margin: 0;}
/* normaler Text ; line-height:16pt */

/* Überschriften im Fließtext bzw. Balken */
h1 { display: inline; font-weight: normal;}
.inline { display: inline; }

/* Zwischenüberschrift (z. B. Datum NiY) */
h2 {font-size: 11pt; font-weight: 700; margin: 15px 0 0 0;}

/* Trenner */
hr {
  background-color:var(--Farbe);
  height: 2px;
  border: 0 none;
}

/* ein wenig luftiger */
p, br, h2 {margin-bottom: 5px}

/* Link-Box */
.link { margin: 15px 0 15px 0;}
.link img { margin: 0 15px 0 10px; height: 12px; width: auto; }
.link i {color: var(--Farbe); margin: 0 10px 0 10px;}
.link p {margin: 0;}

/* GotoKat-Icon in Link-kurz */
.gotokat { margin: 0 10px 0 10px;}

/* Fußzeile */
.fuss p { font-size:9pt; font-weight:normal; line-height:20pt; text-align: center; }
a.fuss:link { color:var(--Farbe);}
a.fuss:visited { color:var(--Farbe);}
a.fuss:active { color:var(--Farbe); }

/* Tooltext */
.tool { font-size:10pt; }

/* Überschriften im Fließtext bzw. Balken */
h1 { display: inline; font-weight: normal;}
.inline { display: inline; }

#main {
  width: 732px;
  margin: 0 auto;
  padding-bottom: 20px;
}

/* Suchformular im Kopfbalken */
#suchform { 
  margin: -2px 0 0 0;
  padding: 0;
}

#suchbegriff{
  display: inline-block;
  padding: 1px 5px 1px 5px;
  border-style: solid;
  border-color: var(--Farbe);
  border-width: 2px;
  line-height: 22px;
  height: 28px;
}

#suchbutton {
  float: right;
  display: inline-block;
  border: none;
  color: #fff;
  font-weight: normal;
  background-color: var(--Farbe); 
  cursor: pointer;
  font-size:15pt;
  line-height: 22px;
  padding: 0px 6px 0 6px;
}

/* Im Seiteninhalt */
#suchbegriff2{
  display: inline-block;
  padding: 1px 5px 1px 5px;
  border-style: solid;
  border-color: var(--Farbe);
  border-width: 1px;
  line-height: 22px;
  height: 28px;
}

/* Balken (oben und unten) */
.balken {
  margin: 15px 0 15px 0;
  padding: 2px 0px 0px 10px;
  color: #fff !important;
  background-color: var(--Farbe);
  width: 722px; 
  /* https://kulturbanause.de/blog/einfuhrung-in-das-flexbox-modell-von-css/ */ 
  display: flex;
  justify-content: space-between ;
  height:26px;
  font-weight: normal !important;       
}

.balken span, .balken h1, .balken i{
  color: #fff !important;
  margin: 0 ;
  font-size: 15px;  
}

strong { font-weight: 600; font-style: italic;}

.balken a { font-weight: normal; } 
.balken a:link { color:#fff; text-decoration:none; }
.balken a:visited { color:#fff; text-decoration:none; }
.balken a:active { color:#fff; text-decoration:none; }
.balken a:hover { text-decoration:underline }

.right { float: right; margin-right: 10px;}


/* Grußzeile */
.greet {
  margin:10px 0 10px 390px; 
  font-style: italic; 
}

/* Tabelle und Spalten mit Kategorien */
.tab {
  margin: 0;
  padding: 0;
  width: 732px;  
  display: flex;
  justify-content: space-between ;  
}

.col { flex: 0 0 50%; }

/* URL-Zeile */
.url { font-size:8pt; color:#808080; line-height: 20px; }

/* Zusatzinfo zum Link */
.small { font-size:8pt;  line-height: 20px; }

/* Links allgemein */
a:link { color:var(--Farbe); text-decoration:none; }
a:visited { color:var(--Hell); text-decoration:none; }
a:active { color:var(--Heller); text-decoration:none; }
a:hover { text-decoration:underline }

/* Kategorien */
.kat {font-weight:normal; line-height:24pt; font-size: 16px; }
.kat i {
  margin-right: 10px;
  color: var(--Farbe); 
}

a.link:link { text-decoration:underline }
a.link:visited { text-decoration:underline }
a.link:active { text-decoration:underline }
/* Links */

/* Standardlinks */
a.std:link { font-weight:bold; color:var(--Farbe);}
a.std:visited { font-weight:bold; color:var(--Farbe);}
a.std:active { font-weight:bold; color:var(--Farbe); }

/* Raphael Hein */
a.raf:link { font-weight:bold; color:#333;}
a.raf:visited { font-weight:bold; color:#333;}
a.raf:active { font-weight:bold; color:#333; }

/* DatenbankManufaktur */
a.blau:link {  font-weight:bold; color:#0000A0;}
a.blau:visited {  font-weight:bold; color:#0000A0;}
a.blau:active {  font-weight:bold; color:#0000A0; }

/* Yexcel */
.xls {font-weight:bold; line-height:18pt; }
a.xls:link { color:#4A6C4A; text-decoration:none; }
a.xls:visited { color:#4A6C4A; text-decoration:none; }
a.xls:active { color:#4A6C4A; text-decoration:none; }
a.xlsc:hover { text-decoration:underline }

/* Yaccess */
.acc {font-weight:bold; line-height:18pt; }
a.acc:link { color:#800060; text-decoration:none; }
a.acc:visited { color:#800060; text-decoration:none; }
a.acc:active { color:#800060; text-decoration:none; }
a.acc:hover { text-decoration:underline }

/* Listen mit Kringel */
ul li { list-style: circle; 
  margin: 15px 0 15px 0;
  padding-left: 15px;
}

/* Formulare */
  input, select, textarea {
  background-color: #ffffff;
  color: #000000;
  font-size: 11pt;
  border-style: solid;
  border-color: var(--Farbe);
  border-width: 1px;
}

input, select {
  height: 24px;
}

input[type="checkbox"] {
  height: auto;
}

label {
  display: block;
  margin-top: 10px;
}

input[type="submit"] {
  background-color:var(--Farbe);
  color:#FFFFFF;
  font-size:11pt;
  width:160px;
  height:25px;
  cursor:pointer;
  height: 28px;
  margin: 10px 0 10px 0;
}

/* suche.js */
.searchword {
color: #222; 
background-color: #ff6; 
border: 1px dotted #ff6;
}
.searchword0 {
color: #222; 
background-color: #ff6; 
border: 1px dotted #ff6;
}
.searchword1 {
color: #222; 
background-color: #a0ffff; 
border: 1px dotted #0affff;
}
.searchword2 {
color: #222; 
background-color: #9f9; 
border: 1px dotted #9f9;
}
.searchword3 {
color: #222; 
background-color: #f99; 
border: 1px dotted #f99;
}
.searchword4 {
color: #222; 
background-color: #f6f; 
border: 1px dotted #f6f;
}
.searchword5 {
color: #fff; 
background-color: #800; 
border: 1px dotted #800;
}
.searchword6 {
color: #fff; 
background-color: #0a0; 
border: 1px dotted #0a0;
}
.searchword7 {
color: #fff; 
background-color: #886800; 
border: 1px dotted #886800;
}
.searchword8 {
color: #fff; 
background-color: #004699; 
border: 1px dotted #004699;
}
.searchword9 {
color: #fff; 
background-color: #909; 
border: 1px dotted #909;
}