@import url('font/font.css');
@import url('font/fontawesome-free-6.5.2-web/css/all.css');

html,body { height:100%; padding:0px; margin:0px; font-family: Source Sans Pro, Calibri, sans-serif ; font-size:0.9025em; background-color:#f0f0f1; width:100%; min-width:1330px;  -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}

dfn {position: absolute; left: -2000px}
.keineAnzeige {display: none;}
.javascriptB  {}

#Titel     {position: absolute; top: 0px; left: 380px; width: 240px; text-align:right; font-size:1em; color:#AFAFAF}

h1          {font-size:1.25em; font-weight:600; color:#114660; margin-top: 0px }
h2          {font-size:1.125em; font-weight:600; color:#114660 }
h2.ohneRand {margin: 0px}
h3          {font-size:1.1em; color:#114660}
h3.ohneRand {margin: 0px}
b                         {font-weight: 600;}
strong                 {font-weight: 600;}
thin        {font-weight: 300;}

a         {color:#006e9b; text-decoration: none; }
a:visited {color:#006e9b; }
a:hover   {color:#7cb0c4; }                              /* :active und :hover  nach :link und :visited definieren, da sie sonst die Eigenschaften von :visited übernehmen  */
a:focus   {color:#114660; }
a.Navi    {font-size:1em; }

ul.suchergebnis                                 {padding:0; margin:0;}
ul.suchergebnis li                                 {list-style-type: none;padding: 3px 0px;}
ul.suchergebnis li:before                 {content: "\25B8\A0\A0";}
ul.suchergebnis li:hover                  {background: rgb(219,235,240); }
ul.suchergebnis li:hover a:hover{color:#006e9b; }

/* PDF-Icon */
.pdfic li {list-style-type: none; margin: 5px 10px 7px -40px;}
.pdfic li::before {content: url(webshop/images/pdf_icon.png); vertical-align: -6px; margin-right: 5px;}

th        {font-weight:normal; hyphens: none}
td        {hyphens: none}
td.rechts {text-align: right;}
td.mitte  {text-align: center;}
td.oben   {vertical-align: top;}
td.unten  {vertical-align: bottom;}

td.zugriff1  { color:#000000;}
td.zugriff2  { color:#B18656}
td.zugriff3  { color:#0090E0}
td.zugriff4  { color:#FF00E7;}
td.zugriff5  { color:#FF00E7;}
td.zugriff9  { color:#FF0060}
td.zugriff10 { color:#7300C6;}

td.farbeNavi         {background-color:#114660;}
td.farbeNavi a       {color:#FFFFFF; }
td.farbeNavi a:hover {color:#7cb0c4; }
td.farbeNaviAktuell  {background-color:#c3dce6; color:#000000; border: 1px solid black}

.trfarbig:hover  { background: rgb(219,235,240); }
.trfarbig:hover a:hover { color:#006e9b; }

input    {font-size:1em; border:1px solid #cccccc}
input[type="checkbox"] { border:0px; }
input[type="radio"]    { border:0px; }
select   {border:1px solid #cccccc}

textarea, input {font-family: Source Sans Pro, Calibri, sans-serif; font-size:1em;}


img { border: 0px; font-size:0.9em; }

.mini       {font-size:0.8em; }
.mini_pk    {font-size:0.8em; width:101%; background-color:#f0f0f1; margin-top:-25px;padding-top:15px;margin-left:-2px; height:40px; }    /* aaa */
.normal     {font-size:1em; }
.farbe      {background-color: #F0F1F1}          /*  rgb(240,241,241) */
.farbe_kontakt  {background-color:#c3dce6}
.farbett    {background-color: rgb(230,231,220)}
.fettdruck  {font-weight:600; }
.farbig     {background-color: #FFCC66}
.farbig_x1  {color: blue}

.extra1     {background-color:#C3DCE6; padding: 5px; border:1px solid black; font-size:0.9em; }

.tabkopf1   {background-color: #fafafa;}

#pr_start { width:103.5%; margin-left:-10px; }
.karte_start { position:relative; margin-top:-50px;}
ul.stufe1 {list-style-type: disc; }
ul.stufe2 {list-style-type: none; margin-left: 16px; }
ul.stufe2 li:before { content: "\25B8\A0\A0";}
ul.stufe3 {list-style-type: none; margin-left: 32px; }
ul.stufe3 li:before { content: "\25B8\A0\A0";}

#box1 a span       {display:none;}
#box1 a:hover span {position: absolute;  margin: 0px; display:inline;  border:1px solid black; padding:15px; background:#FFFFFF; z-index:4 }

a.box2 span       {display: none; position:absolute; background: #FAFAFA; color: black; border:1px solid black; text-align: left; padding:7px; }
a.box2:hover span {display: block; }

.LogoZensus {position:absolute; left:910px; top: 105px;}

.TLSschrift {z-index:9; position:absolute; left: 15px; top: 84px; color:#FFFFFF; font-size: 1.1em; font-variant: small-caps}

.background-image  {position:absolute; z-index:0; width:100%; background-repeat:repeat-x; height:219px; overflow:hidden;top:0px;left:0px; padding:0px; margin:0px; min-width:1330px;}
  .spacer-image          {background-image:url(design/head_spacerblau.png);}
  .spacer-imagekontrast  {background-image:url(design/head_spacerkontrast.png);}

#kopf_links      {position:absolute; z-index:1;  height:100px; left:0;top:0}
#kopf_rechts     {position:absolute; z-index:0;  height:100px; margin:0px; right:0;;top:0}
#kopf_rechts img {float:right;}

#container       {position:absolute; width:99%; min-height:800px; margin: 0px 7px; padding: 0px; }

#navigation ul        {position:absolute; top:5px; list-style:none; padding:0px; width:153px; z-index:4; }
#navigation ul .head  {color:#FFF; background-color: #115170; padding:4px; font-size:1.05em; margin: 0; letter-spacing: 0.02em;}
#navigation ul .link  {background-color: #fafafa; border-bottom:1px solid #DFDFDF; border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF; }

#navigation .link a         {color:#000; display:block; padding: 2px 2px 2px 4px}
#navigation .link a.aktuell {background-color: #c3dce6; }
#navigation .link a:hover   {background-color: #006e9b; color:#FFF;}

#navigation ul .head a { color:#FFF; }

#NaviSonstiges           {position:relative; z-index:2; top:120px; width:255px; margin:-13px 0px 0px 15px; font-size:1.4em;}
#NaviSonstiges a         {color:#115170;margin-right: 15px;}
#NaviSonstiges a:hover   {color:#7cb0c4;}

.NaviSonstiges	{position: relative; z-index: 2; top: 115px; width: 255px; margin:-13px 0px 0px 8px; display: flex; align-items: center; height: 100%; overflow: hidden;}
.NaviSonstiges ul {padding: 0px; margin: 0; position: relative; display: flex; column-gap: 4px; }
.NaviSonstiges li {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 0.85em; letter-spacing: -0.01em; text-decoration: none; color: #115170; width: 55px; height: 38px; padding: 4px 0px 0px; border-radius: 5px;}
.NaviSonstiges i {font-size: 1.8em;}
.NaviSonstiges li:hover {color: #fff; background-color: #006e9b;}

/********************* linkes Menü *********************************/
#left_frame                           {position:relative; z-index:2; top:53px; width:240px; vertical-align: top; }   /* div (top alte navi 69px) */
#left_frame .themen_navi              {margin: 20px 5px; list-style:none; padding:0px; width:240px;}                  /* ul */
#left_frame .themen_navi:nth-child(1) {margin-top:87px;}
#left_frame .themen_navi  .head       {margin-top:3px; margin-bottom:0px; padding:2px 2px 2px 4px; color:#FFF; font-size:1.05em; letter-spacing: 0.02em; background-color:#115170; border: 0}   /* li-der kopf - gilt re u li */
#left_frame li                        {border-bottom:1px solid #CCC}                                                    /* gilt re u li */
#left_frame li:last-child             {border-bottom:0}                                                                 /* gilt re u li */
#left_frame .ohneRd                   {border: 0}                                                                       /* gilt re u li */
#left_frame .themen_navi a            {background-color: #fafafa; color:#000; display:block; padding:3px 4px 3px 4px;}
#left_frame .themen_navi a.aktuell    {background-color: #c3dce6; }                                                     /* gilt re u li */
#left_frame .themen_navi a:hover      {background-color:#006e9b; color:#FFF;}                                           /* gilt re u li */

/********************* rechtes Men&uuml; -- im <div> left_frame liegt das <div> right_frame   *********************************/
#right_frame                          {position:absolute; top:0px; width:240px; vertical-align: top; float:right; left:1066px;}  /* div */
#right_frame .themen_navi             {margin: 10px 5px 10px 0px; list-style:none; padding:0px; width:248px; }                   /* ul, auch div */
#right_frame .themen_navi a img       {margin-bottom:-4px; }
#right_frame .themen_navi a            {background-color: #fafafa; color:#000; display:block; padding:3px 1px 3px 4px;}  /* gilt re u li */

.outlink   {position:absolute; margin-top:4px;}


/* CSS ORGPLAN */
.organigramm       {position:relative; width:154px; float:left; border: solid 2px #C3DCE6; display:inline; vertical-align:middle; color: #000; text-align: center;}
.organigramm:hover {background-color:#C3DCE6;}
.org2       {position:relative; width:158px; float:left; color: #000;}
.org2:hover {background-color:#C3DCE6;}
.orgp {margin:auto;}

.hintergr1 {background-color: #c3dce6;}

#content    {
   position:absolute;
   top:166px;
   left:267px;
   padding-left:8px;
   padding-top:9px;
   padding-right:10px;
   margin-right:8px;
   margin-bottom:10px;
   min-width: 778px;
   background-color:#fafafa;
}
#content_single {
   position:absolute;
   left:0px;
   top:0px;
   background-color:#fafafa;
   padding-left:8px;
   padding-top:9px;
   padding-right:10px;
   margin-right:8px;
   margin-bottom:10px;
   min-width: 778px;
   border-radius: 5px;
}

.content_single {
   position:absolute;
   left:0px;
   top:0px;
   background-color:#fafafa;
   padding-left:8px;
   padding-top:9px;
   padding-right:10px;
   margin-right:8px;
   margin-bottom:10px;
   min-width: 778px;
   border-radius: 5px;
}

#content800 {max-width:900px;}

#footer {
  position: fixed;
  margin: 0;
  right: 16px;
  bottom: 0;
  padding: 1px 4px 1px 4px;
  height: 16px;
  background-color: rgb(255,255,255) ;
  border-style:solid;
  border-color: #808080 ;
  border-width: 1px 1px 0  ;
  border-top-right-radius: 8px ;
  border-top-left-radius: 8px ;
  z-index:88;
}

.struktur_grid {display: grid; grid-template-columns: 8% 92%; grid-gap: 2px; padding-right:10px; padding-bottom: 10px;}
summary {color:#006e9b;}
summary:hover{cursor: pointer; color: #7cb0c4;}

/*STARTSEITE*/
.z_d_f_designelmnt  {
   font-size: 1.9em;
   font-weight: 300;
   letter-spacing:15px;
   color: #114660;
   background-color: #f0f0f1;
   margin: 0px;
   padding:5px 0px 2px 20px;
}

.abschnitt1 {
   padding: 8px 12px 3px 12px;
   background-color: #FAFAFA;
   display: inline-block;
        margin-bottom:10px;
}

.abschnitt2 {
   border-bottom:10px solid #f0f0f1;
   padding: 0px;

}

.abschnitt1 img {
   margin-right:10px;
   margin-bottom:2px;
        -webkit-transition: 0.15s linear;
        transition: 0.15s linear;
}


.bereich {background-color:#f0f0f1;padding:10px 0px 0px 0px;}

.bereich h2 {
   font-size:1.5em;
   font-weight:400;
   letter-spacing: 0.1em;
   text-transform: uppercase;
   margin:0px 0px 2px 0px;
}
.bereich h3 {
   font-size:1.4em;
   font-weight:400;
   letter-spacing: 0.01em;
   color:#006e9b;
   margin:1px 0px 5px 0px;
}
.bereich p         {margin:0px 0px 10px 0px;}

.pm img:hover {
   filter: opacity(80%);
}

.linkuntertext        {
        padding: 0px 0px 12px 0px;
        }

/* BILDINFO */
.bildinfo {
        margin:-7px 10px 9px 10px;
        font-size: 1em;
}
.bildinfo summary {
        font-size: 1.3em;
        list-style: none;
        float:right;
        background-color:#c3dce6;
        border-radius: 0px 0px 6px 6px;
        padding: 1px 4px;
}
.bildinfo details {
        padding: 0px 0px 3px 7px;
}
.bildinfo details[open] {
        background-color:#c3dce6;
        border-radius: 0px 0px 6px 6px;
        margin-bottom:5px;
        padding: 0px 0px 3px 7px;
}
.bildinfo details[open] summary ~ * {
        animation: sweep .25s ease-in-out;
}
@keyframes sweep {
0%    {opacity: 0; transform: translateY(-15px)}
100%  {opacity: 1; transform: translateY(0)}
}
.bildinfo p {
        margin:0px;
        padding: 7px 0px 3px;
}