html, body {
     background-color: #dddddd;
     color: #000000;
     padding: 0;
     margin: 0;
     top: 0;
     font-family: Arial, New Courier, Times New Roman;
     height: 100%;
     overflow: auto;
     }

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

span#kontakt1::after {content: "ettger\40stars-an-faeden.de";}
span#kontakt2::after {content: "engel\40stars-an-faeden.de";}

img { border:none; }

.pers {font-variant: small-caps;}
.sz {font-variant: normal;}
.HT { font-style:italic; }
.ET { font-style:italic; }
.lZit { margin-left:30px; background-color: #ffffcc; padding: 5px;}

.gross{ font-size: 20px; }
.klein{ font-size: 10px; line-height: 130%;}
.ltext {line-height: 150%;}

.ueber1 {
     font-size: 20px;
     padding-left: 22px;
     background-image: url(zirbel_a.jpg);
     background-repeat: no-repeat;
     background-position: 0 4px;
     font-weight: bold;
     color: #000000;
     }

.ueber2 {
     font-size: 16px;
     font-weight: bold;
     padding-left: 22px;
     background-image: url(nagel.jpg);
     background-repeat: no-repeat;
     background-position: 0 1px;
     color: #000000;
     }
.ueber3 {
     font-size: 12px;
     font-weight: bold;
     padding-left: 22px;
     background-image: url(nagel.jpg);
     background-repeat: no-repeat;
     color: #000000;
     }
.ueber4 {
     font-size: 12px;
     text-transform: uppercase;
     }
.ueber5 {
     font-size: 13px;
     font-weight: bold;
     padding-left: 22px;
     background-image: url(nagel.jpg);
     background-repeat: no-repeat;
     color: #000000;
     }

li {
     list-style-type: none;
     }
li a:hover {text-decoration: underline;}


input {
     background-color: #f5f5f5;
     border: 1px #cccccc solid;
     margin-top: 0px #FFFFFF;
     margin-right: 0px #FFFFFF;
     margin-bottom: 0px #FFFFFF;
     margin-left: 0px #FFFFFF;
     }

input:focus, input.focus {
  border: solid 1px #00BFFF;
}

select {
     background-color: #f5f5f5;
     border: 1px #cccccc solid;
     margin-top: 0px #FFFFFF;
     margin-right: 0px #FFFFFF;
     margin-bottom: 0px #FFFFFF;
     margin-left: 0px #FFFFFF;
     }

select:focus, input.focus {
  border: solid 1px #00BFFF;
}

textarea {
     background-color: #f5f5f5;
     border: 1px #cccccc solid;
     margin-top: 0px #FFFFFF;
     margin-right: 0px #FFFFFF;
     margin-bottom: 0px #FFFFFF;
     margin-left: 0px #FFFFFF;
     font-family: Arial, New Courier, Times New Roman;
     font-size: 12px;
     }

textarea:focus, input.focus {
  border: solid 1px #00BFFF;
}

.button{
     margin-right: 3px;
     margin-left: 3px;
     border: 1px solid #E0E0E0;
     background-color: #ffffff;
     padding: 5px 7px;
     font-size: 12px;
     vertical-align: middle;
     text-decoration: none;
     color: #000000;
     }

.button:hover{
     margin-right: 3px;
     margin-left: 3px;
     border: 1px solid #E0E0E0;
     padding: 5px 7px;
     border-radius:2px;
     background-color: #ffffff;
     -moz-box-shadow: 1px 1px 3px 0 #888;
     -webkit-box-shadow: 1px 1px 1px 0 #888;
     box-shadow: 1px 1px 1px 0 #888;
     font-size: 12px;
     text-decoration: none;
     cursor: pointer;
     }
.button:active{
     margin-right: 3px;
     margin-left: 3px;
     border: 1px solid #00BFFF;
     background-color: #eeeeee;
     padding: 5px 7px;
     border-radius: 2px;
     font-size: 12px;
      -moz-box-shadow: 0 0 0 0 #888;
     -webkit-box-shadow: 0 0 0 0 #888;
     box-shadow: 0 0 0 0 #888;
     }

.current {
        border: 1px solid #E0E0E0;
        padding: 5px 7px;
        color: #444;
        margin-right: 1px;
        margin-left: 1px;
        background-color: #eeeeee;
        border-radius:3px;
        -moz-box-shadow: inset 0 0 1px 1px #888;
-webkit-box-shadow: inset 0 0 1px 1px#888;
box-shadow: inset 0 0 1px 1px #888;
}
.button a:hover {color: #000000; text-decoration: none;}

.pagebutton {
     padding-top: 5px; 
     padding-bottom: 5px;
     padding-left: 7px;
     padding-right: 7px;
     background-color: #cccccc;
     color: #000000;
     text-decoration: none;
     margin-left: 1px;
     margin-right: 1px;
     }
     
.currentpage, .pagebutton:hover {
     padding-top: 5px; 
     padding-bottom: 5px;
     padding-left: 7px;
     padding-right: 7px;
     background-color: #777777;
     color: #ffffff;
     text-decoration: none;
     margin-left: 1px;
     margin-right: 1px;
     }
     
#dachleiste {
     width: 100%; 
     height: 35px; 
     background-color: #555555; 
     color: #ffffff; 
     font-size: 12px;
     -moz-box-shadow: 0 2px 2px  #aaa;
     -webkit-box-shadow: 0 2px 2px #aaa;
      box-shadow: 0 2px 2px #aaa;
     z-index: 3;
     position: relative;
     }

#dachleiste_inhalt {
     text-align: right;
     width: 1000px; 
     margin: auto; 
     position: relative; 
     color: #eeeeee; 
     font-size: 12px; 
     font-weight: bold;
}



.dachbutton_li {
     padding: 10px; 
     height: 15px; 
     float: left;
     margin-right: 5px;
     color: #ffffff;
     position: relative;
     }
.dachbutton_li_over {
     padding: 10px; 
     height: 15px; 
     float: left;
     margin-right: 5px;
     background-color: #ffffff;
     color: #000000;
     position: relative;
     }

.dachbutton_li:hover {
     background-color: #ffffff;
     color: #000000;
     }
     
.dachbutton_username {
     padding: 10px; 
     height: 15px; 
     float: left;
     margin-left: 30px;
     margin-right: 5px;
     color: #aaaaaa;
     position: relative;
     }     

.dachbutton_re {
     padding: 10px; 
     height: 15px; 
     float: right;
     color: #ffffff;
     background-color: #555555;
     border: 0px;
     font-weight: bold;
     font-size: 12px;
     border-radius: 0px;
     margin: 0px;
     }
.dachbutton_re:hover {
     background-color: #ffffff;
     color: #000000;
     }
.dachbutton_re:focus {border: 0px;}

.dachbutton_admin {
     padding: 10px;
     height: 15px;
     width: 10px; 
     float: right;
     color: #ffffff;
     margin-right: 20px;
     background-image: url("/apkchronik/layout/zahnrad_grau.png");
     background-repeat: no-repeat;
     background-position: 50% 50%;
     position: relative;
     }
.dachbutton_admin:hover {
     background-color: #ffffff;
     background-image: url("/apkchronik/layout/zahnrad_schw.png");
     color: #000000;
     }
.dachbutton_admin:hover #submenue {visibility: visible; max-height: 500px; top: 35px;}

.dachbutton_user {
     padding: 10px;
     height: 15px;
     width: 15px; 
     float: right;
     color: #ffffff;
     background-image: url("/apkchronik/layout/users_grau.png");
     background-repeat: no-repeat;
     background-position: 50% 50%;
     position: relative;
     }
.dachbutton_user:hover {
     background-color: #ffffff;
     background-image: url("/apkchronik/layout/users_schw.png");
     color: #000000;
     }
       
.dachsuchbox {
     margin-top: 7px;
     margin-right: 5px; 
     height: 20px; 
     float: right;
     }

.loginbox_on {
     width: 980px; 
     background-color: #ffffff; 
     padding: 10px; 
     font-size: 11px;
     float: clear both;
     visibility: visible;
     margin: auto;
     position: relative;
     z-index: 2;
     transition-property: max-height, padding, visibility;
     transition: all 300ms ease-in-out;
     }
.loginbox_off {
     width: 980px;
     padding-left: 10px;
     padding-right: 10px; 
     background-color: #ffffff; 
     font-size: 11px;
     float: clear both;
     visibility: hidden;
     margin: auto;
     position: relative;
     max-height: 0px;
     z-index: 2;
     overflow: hidden;
     transition-property: max-height, padding, visibility;
     transition: all 300ms ease-in-out;
     }     
     
#loginbox:hover {
     max-height: 100px;
     visibility: visible;
     }

.seitenpfad {
     font-size: 10px;
     color: #555555;
     }

#buttonore {
     float: right;
     }
#buttonore a:hover {text-decoration: none;}

.set {
     font-size:12px;
     vertical-align:middle;
     padding-right:10px;
     }

.logintitel {
text-align: left;
font-size: 12px;
width: 90px;
height: 22px;
display: inline-block;
margin-top: 2px;
margin-bottom: 2px;
}


#greyscreen1 {
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.8);
     z-index: 10;
     position: fixed;
     overflow: hidden;
     }

#greyscreen2 {
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.8);
     z-index: 90;
     position: fixed;
     overflow: hidden;
     }


#zoombild {
     top: 50%;
     left: 50%;
     position: fixed;
     z-index: 50;
     border: 5px solid #ffffff;
     }

.bild_nach_links {
     top: 50%;
     left: 50%;
     position: fixed;
     z-index: 60;
     opacity:0;
     }
     .bild_nach_links:hover img{opacity: 1.0; }
     .bild_nach_links img
          {
          top: 50%;
          left: 0px;
          margin-top: -25px;
          position: absolute;
          opacity: 0.5;
          }

.bild_nach_rechts {
     top: 50%;
     left: 50%;
     position: fixed;
     z-index: 60;
     opacity: 0;
     }
     .bild_nach_rechts:hover img{opacity: 1.0;}
     .bild_nach_rechts img
          {
          top: 50%;
          right: 0px;
          margin-top: -25px;
          position: absolute;
          opacity: 0.5;
          }



#transparentwindow {
     top: 0px
     left: 0px;
     width: 100%;
     height: 100%;
     background-color: #333333;
     opacity: 0.7;
     position: fixed;
     z-index: 100;
     }

#bildunt {
     font-size: 10px;
     margin-top: 2px;
     line-height: 120%;
     }
#bildurheber {
     font-size: 10px;
     float: right;
     }

#bilddiv {
     position: relative;
     }

#bildli {
     float: left;
     margin-top: 5px;
     margin-left: 10px;
     margin-bottom: 5px;
     }

#bildre {
     float: right;
     margin-top: 5px;
     margin-left: 10px;
     margin-bottom: 5px;
     }

#header{
     width: 1000px;
     height: 120px;
     margin: auto;
     margin-top: 10px;
     background-image: url("/apkchronik/layout/header2.jpg");
     z-index: 1;
     }

#topmenueleiste{
     width: 1000px; 
     height: 30px; 
     background-color: #222222;
     text-align: center; 
     margin: auto;
     }


#topmenue{
     height: 30px;
     margin: auto;
     text-align: middle;
     align: center;
     display: inline-block;
     color: #dddddd;
     background-color: #222222;
     }
#topmenue_trenn{
     float: left;
     width: 1px;
     height: 22px;
     margin-top: 4px;
     background-color: #777777;
     }

#menuefeld {
     float: left;
     padding-left:10px;
     padding-right: 10px;
     height: 30px;
     text-valign: middle;
     text-align: center;
     color: #000000;
     position: relative;
     background-color: #222222;
     font-weight: bold;
     }
#menuefeld_sel{
     height: 30px;
     padding-left: 11px;
     padding-right: 11px;
     text-valign: middle;
     text-align: center;
     color: #ffffff;
     font-weight: bold;
     visibility: hidden;
     position: absolute;
     top: 0;
     left: -1px;
     background-color: #eeeeee;
     }
     
#menuefeld:hover {color: #ffffff;background-color: #222222;}
#menuefeld:hover #menuefeld_sel{visibility: visible;}
#menuefeld:hover #submenue{visibility: visible; max-height: 500px;}
#menuefeld_sel:hover #submenue{visibility: visible; max-height: 500px;}

#submenue{
     max-height: 0;
     overflow: hidden;
     transition-property: max-height;
     transition: max-height 400ms ease-in-out;
     position: absolute;
     width: 200px;
     top: 30px;
     left: -1px;
     padding-top: 5px;
     padding-bottom: 5px;
     padding-right: 5px;
     visibility: hidden;
     background-color: #ffffff;
     font-size: 13px;
     text-align: left;
     border-style: solid;
     border-left-width: 1px;
     border-right-width: 1px;
     border-bottom-width: 1px;
     border-top-width: 0px;
     border-color: #cccccc;
     z-index: 1;
     -webkit-box-shadow: 0px 3px 3px #aaa;
     -moz-box-shadow: 0px 3px 3px #aaa;
     box-shadow: 0px 3px 3px #aaa;
     }
#submenue_eintrag {
     margin-left: 5px;
     padding-left: 20px;
     padding-right: 5px;
     font-weight: bold;
     padding-top: 7px;
     padding-bottom: 7px;
     }
#submenue_eintrag:hover {
     padding-left: 20px;
     color: #000000;
     background-image: url(nagel.jpg);
     background-repeat: no-repeat;
     background-size: 12px;
     background-position: 5px center;
     background-color: #eeeeee;
     }
#sub_trenn {
     width: 100%;
     height: 1px;
     background-color: #cccccc;
     }
#sub_trenn div {
     width: 15px;
     height: 1px;
     background-color: #ffffff;
     }
#submenue:hover #submenue{visibility: visible;}

#footer{
     margin: auto;
     background-color: #222222;
     text-align: center;
     font-size: 12px;
     width: 1000px;
     color: #ffffff;
     height: 100px;
     padding-top: 7px;
     border-top-width: 3px;
     border-left-width: 0px;
     border-right-width: 0px;
     border-bottom-width: 0px;
     border-color: #999999;
     border-style: solid;
     }
#footerneu{
     background-color: #222222;
     text-align: center;
     font-size: 12px;
     width: 100%;
     color: #ffffff;
     height: 100px;
     margin: auto;
     padding-top: 7px;
     position: absolute;
     bottom: 0px;
     }
#footerneu a {color: #ffffff;}
#footerspace {
     width: 100%;
     height: 110px;
     }
#wrapper {
     position: relative;
     width: 100%;
     min-width: 1000px;
     margin: auto;
     min-height: 100%;
     height:auto !important;
     height:100%;
     overflow: hidden !important;
}

#titelleiste {
     width: 980px;
     background-color: #ffffcc;
     margin: auto;
     margin-top: 10px;
     margin-bottom: 0px;
     padding: 5px;
     padding-left: 10px;
     padding-right: 10px;
     }
.verlauf {
     font-size: 10px;
     color: #555555;
     margin-top: 5px;
     }
.verlauf a {color: #777777;}
.verlauf a:hover {text-decoration: underline;}

.menueeintrag {
     margin-left: 20px;
     font-size: 12px;
     }

.kopfleiste {
     font-size: 12px;
     padding: 15px;
     padding-bottom: 10px;
     width: 970px;
     background-color: #ffffff;
     z-index: auto;
     position: relative;
     }
.kopfleiste a:hover {text-decoration: none;}


#haupt{
     width: 1000px;
     margin: auto;
     margin-top: 10px;
     margin-bottom: 15px;
     }
#hauptm{
     width: 1000px;
     margin: auto;
     margin-top: 10px;
     margin-bottom: 15px;
     background-color: #ffffff;
     background-image: url(backleiste.jpg);
     background-repeat: repeat-y;
     }
#hauptrandh{
     width: 1000px;
     margin: auto;
     background-color: #ffffff;
     height: 15px;
     }
#containermrechts {
     width: 660px;
     float: right;
     }
#containermlinks {
     width: 330px;
     float: left;
     }

#willkommen {
     width: 970px;
     background-color: #ffffff;
     padding: 15px;
     margin: auto;
     margin-bottom: 10px;
     font-size: 12px;
     }

#aktucontainerlinks
     {
     width: 660px;
     float: left;
     }

#aktucontainerrechts
     {
     width: 330px;
     float: right;
     }

.inhaltm{
     float: right;
     font-size: 12px;
     margin-left: 5px;
     padding: 15px;
     padding-bottom: 10px;
     width: 630px;
     background-color: #ffffff;
     z-index: auto;
     position: relative;
     }
.inhaltm_re{
     float: right;
     font-size: 12px;
     margin-left: 5px;
     padding: 15px;
     padding-bottom: 10px;
     width: 630px;
     background-color: #ffffff;
     z-index: auto;
     position: relative;
     }
#inhaltm a, #inhaltm_re a {color: #8b0000;}
#inhaltm a:hover, #inhaltm_re a:hover {text-decoration: underline;}

#inhalt{
     font-size: 12px;
     padding: 15px;
     padding-bottom: 10px;
     width: 970px;
     background-color: #ffffff;
     z-index: auto;
     position: relative;
     }
#inhalt a {color: #8b0000;}
#inhalt a:hover {text-decoration: underline;}

.inhaltbez{
     float: right;
     font-size: 12px;
     margin-left: 5px;
     padding: 15px;
     padding-bottom: 10px;
     width: 630px;
     margin-top: 10px;
     background-color: #ffffff;
     }
.inhaltbez a {color: #000000; text-decoration: none;}
.inhaltbez a:hover {text-decoration: underline;}

#inhalttrenn {
     width: 620px;
     height: 2px;
     margin-top: 10px;
     margin-bottom: 10px;
     background-color: #cccccc;
     }
#datendiv {
     max-width: 350px;
     float: left;
     margin-bottom: 10px;
     margin-right: 15px;
     position: relative;
     z-index: auto;
     }
#datendivhoer {
     max-width: 310px;
     float: left;
     margin-bottom: 10px;
     margin-right: 15px;
     position: relative;
     z-index: auto;
     }
#proddaten{
     background-color: #ffffcc;
     padding: 0px;
     overflow: hidden;
     position: relative;
     z-index: auto;
     }

#proddaten a:link {color: #000000; text-decoration: none;}
#proddaten a:hover {color: #000000; text-decoration: underline;}
#proddaten a:active {color: #000000; text-decoration: none;}
#proddaten a:visited {color: #000000; text-decoration: none;}

#proddaten table{
     background-color: #ffffcc;
     border-width: 0px;
     border-collapse: collapse;
     padding: 0px;
     border-spacing: 1px;
     z-index: 1;
     table-layout:fixed;
     }
.crewdatentr {
     background-color: #ffffcc;
     border-left: 5px solid #ffffcc;
     border-right: 5px solid #ffffcc;
     }
.filmdatentr {
     background-color: #ffffff;
     border-left: 5px solid #ffffff;
     border-right: 5px solid #ffffff;
     }

#filmdaten{
     background-color: #ffffff;
     padding: 5px;
     padding-bottom: 10px;
     }
#filmdaten table{
     border-width: 0px;
     border-collapse: collapse;
     width: 100%;
     padding: 0px;
     border-spacing: 1px;
     }
#senderlogo {
     float: right;
     position: relative;
     margin-left: 0px;
     }

#szenen{
     background-color: #ffffcc;
     padding: 5px;
     min-width: 450px;
     float: left;
     margin-right: 10px;
     margin-bottom: 10px;
     font-size: 12px;
     }
#figurensprecher{
     background-color: #ffffcc;
     padding: 5px;
     margin-bottom: 10px;
     font-size: 12px;
     min-width: 450px;
     float: left;
     }
#figurensprecher a:link {color: #000000; text-decoration: none;}
#figurensprecher a:hover {color: #000000; text-decoration: underline;}
#figurensprecher a:active {color: #000000; text-decoration: none;}
#figurensprecher a:visited {color: #000000; text-decoration: none;}

#figurensprecher table{
     border-width: 0px;
     border-collapse: collapse;
     padding: 0px;
     border-spacing: 1px;
     min-width: 450px;
     }
#sprecherpadding {
     padding-left: 10px;
     vertical-align: top;
     }
#kurzbiobild{
     float: left;
     padding-right: 10px;
     padding-bottom: 10px;
     }

#hoercover {
     width: 300px;
     float: right;
     }



#menuebox{
     width: 310px;
     float: left;
     padding: 10px;
     padding-top: 15px;
     font-size: 13px;
     background-color: #ffffff;
     }
#menuebox_li{
     width: 310px;
     float: left;
     padding: 10px;
     padding-top: 15px;
     font-size: 13px;
     background-color: #ffffff;
     }
#menuebox a:link, #menuebox_li a:link {color:#000000; text-decoration: none}
#menuebox a:visited, #menuebox_li a:visited {color:#000000; text-decoration: none}
#menuebox a:hover, #menuebox_li a:hover {color:#000000; text-decoration: underline;}
#menuebox a:active, #menuebox_li a:active {color:#000000; text-decoration: none}

#menuezeile{
     width: 310px;
     background-color: #ffffff;
     }

#chronikmepoche {
     width: 280px;
     min-height: 15px;
     padding: 5px;
     background-color: #ffffff;
     color: #000000;
     float: left;
     }
#chronikmepoche:hover {
     background-color: #999999;
     color: #ffffff;
     }
#chronikmepoche:hover #chronikmi1{
     background-color: #ffffff;
     color: #ffffff;
     }

#chronikmepochesel {
     width: 280px;
     min-height: 15px;
     padding: 5px;
     background-color: #777777;
     color: #ffffff;
     float: left;
     }
#chronikmepochesel #chronikmi1{background-color: #ffffff;}

#chronikmfeld{
     background-color: #eeeeee;
     color: #000000;
     width: 290px;
     float: left;
     margin-left: 20px;
     }
#chronikmkapzeile {
     width: 280px;
     padding-top: 2px;
     padding-bottom: 2px;
     padding-left: 5px;
     padding-right: 5px;
     }
#chronikmkapzeile:hover {
     background-color: #cccccc;
     }
#chronikmkapzeile_sel {
     width: 280px;
     padding-top: 2px;
     padding-bottom: 2px;
     padding-left: 5px;
     padding-right: 5px;
     background-color: #cccccc;
     }
#chronikmzirbel{
     float: left;
     padding-top: 5px;
     margin-right: 5px;
     width: 15px;
     height: 20px;
     }
#chronikmjahr{
     width: 75px;
     height: 13px;
     float: left;
     font-weight: bold;
     font-size: 12px;
     }
#chronikmi1{
     background-color: #000000;
     color: #000000;
     margin-top: 2px;
     margin-right: 5px;
     float: left;
     width: 1px;
     height: 12px;
     }
#menuei2{
     background-color: #000000;
     color: #000000;
     margin-top: 3px;
     margin-right: 5px;
     margin-bottom: 1px;
     float: left;
     width: 1px;
     height: 10px;
     }
#chronikmep{
     font-size: 12px;
     font-weight: bold;
     float: left;
     width: 199px;
     text-transform: uppercase;
     }
#chronikmkj{
     width: 70px;
     height: 11px;
     float: left;
     text-align: right;
     margin-right: 5px;
     font-size: 11px;
     margin-top: 1px;
     margin-bottom: 1px;
     }
#chronikmk{
     float: left;
     width: 199px;
     font-size: 11px;
     margin-top: 1px;
     margin-bottom: 1px;
     }
#chronikmks{
     float: left;
     width: 199px;
     font-size: 11px;
     font-weight: bold;
     margin-top: 1px;
     margin-bottom: 1px;
     }
#chronikmtrenn{
     background-color: #cccccc;
     width: 290px;
     height: 1px;
     margin-left: 20px;
     }

#tablehead {
     background-color: #777777;
     font-weight: bold;
     color: #ffffff;
     }

#tablehead:hover {
     background-color: #777777;
     font-weight: bold;
     color: #ffffff;
     }

#tablelist{
     width: 100%;
     border-collapse: collapse;
     line-height: 150%;
     }
     #tablelist td {
          border-collapse: collapse;
          padding: 3px;
          vertical-align: top;
          font-size: 14px;
          }
     #tablelist tr {
          border-top: 1px solid #dddddd;
          border-bottom: 1px solid #dddddd;
          }
     .row_0 {
          background-color: #eeeeee;
          }
     .row_1 {
          background-color: #f5f5f5;
          }
     .row_2 {
          background-color: #ffffcc;
          }
     .row_0:hover {
          background-color: #cccccc;
          }
     .row_1:hover{
          background-color: #cccccc;
          }

#tablelist a:link {color: #000000; text-decoration: none;}
#tablelist a:hover {color: #000000; text-decoration: underline;}
#tablelist a:active {color: #000000; text-decoration: none;}
#tablelist a:visited {color: #000000; text-decoration: none;}

#tablehead a:link {color: #ffffff;}
#tablehead a:hover {color: #ffffff;}
#tablehead a:active {color: #ffffff;}
#tablehead a:visited {color: #ffffff;}

#tablelist2{
     width: 100%;
     border-collapse: collapse;
     line-height: 150%;
     }
     #tablelist2 td {
          border-collapse: collapse;
          padding: 3px;
          vertical-align: top;
          font-size: 12px;
          }
     #tablelist2 tr {
          border-top: 1px solid #dddddd;
          border-bottom: 1px solid #dddddd;
          }

#tablelist2 a:link {color: #000000; text-decoration: none;}
#tablelist2 a:hover {color: #000000; text-decoration: underline;}
#tablelist2 a:active {color: #000000; text-decoration: none;}
#tablelist2 a:visited {color: #000000; text-decoration: none;}

.tablelist3{
     width: 100%;
     border-collapse: collapse;
     line-height: 120%;
     table-layout: auto;
     }
     .tablelist3 td {
          border-collapse: collapse;
          padding: 3px;
          vertical-align: top;
          font-size: 11px;
          }
     .tablelist3 tr {
          border-top: 1px solid #dddddd;
          border-bottom: 1px solid #dddddd;
          }
     .tablelist3 tr:nth-child(1n+2) {
          background-color: #eeeeee;
          }
     .tablelist3 tr:nth-child(2n+1) {
          background-color: #f5f5f5;
          }


.tablelist3 a:link {color: #000000; text-decoration: none;}
.tablelist3 a:hover {color: #000000; text-decoration: underline;}
.tablelist3 a:active {color: #000000; text-decoration: none;}
.tablelist3 a:visited {color: #000000; text-decoration: none;}

.table_exemplare{
     width: 100%;
     font-size: 10px;
     table-layout: auto;
     line-height: 150%;
     }
     .table_exemplare tr:nth-child(1) {font-weight: bold; background-color: #ffffff;}
     .table_exemplare tr:nth-child(2n+3) {background-color: #eeeeee; height: 14px;}
     .table_exemplare tr:nth-child(even) {background-color: #f5f5f5; height: 14px;}
          .table_exemplare td {vertical-align: top; padding: 2px;}
          .table_exemplare td:nth-child(1) {width: 5px; white-space: nowrap;}
          .table_exemplare td:nth-child(6) {width: 20px; text-align: center;}

#tablelistm{
     width: 310px;
     border-collapse: collapse;
     }
     #tablelistm td {
          border-collapse: collapse;
          padding: 3px;
          vertical-align: top;
          font-size: 10px;
          height: 13px;
          }
     #tablelistm tr {
          border-top: 1px solid #dddddd;
          border-bottom: 1px solid #dddddd;
          }
     .mrowsel {
          background-color: #cccccc;
          font-weight: bold;
          }

#tablelistreiter_sel {
     height: 12px;
     background-color: #777777;
     color: #ffffff;
     font-weight: bold;
     font-size: 13px;
     float: left;
     border-right: 3px solid #ffffff;
     border-bottom: 2px solid #ffffff;
     padding: 7px;
     }
#tablelistreiter {
     height: 12px;
     background-color: #cccccc;
     float: left;
     padding: 7px;
     color: #000000;
     font-weight: bold;
     font-size: 13px;
     border-right: 3px solid #ffffff;
     border-bottom: 2px solid #ffffff;
     }
#tablelistreiter:hover {background-color: #777777; color: #ffffff;}

#tablelistreiter2_sel {
     height: 12px;
     color: #ffffff;
     background-color: #777777;
     float: left;
     padding: 5px;
     padding-left: 10px;
     padding-right: 10px;
     border-bottom: 2px solid #ffffff;
     border-right: 2px solid #ffffff;
     font-weight: bold;
     }
#tablelistreiter2 {
     height: 12px;
     color: #000000;
     background-color: #cccccc;
     float: left;
     padding: 5px;
     padding-left: 10px;
     padding-right: 10px;
     border-bottom: 2px solid #ffffff;
     border-right: 2px solid #ffffff;
     font-weight: bold;
     }
#tablelistreiter2:hover {color: #ffffff; background-color: #777777;}

#tablelistreiter3_sel {
     height: 12px;
     color: #000000;
     background-color: #aaaaaa;
     float: left;
     padding: 5px;
     padding-left: 10px;
     padding-right: 10px;
     border-top: 1px solid #aaaaaa;
     border-right: 1px solid #aaaaaa;
     font-weight: bold;
     }
#tablelistreiter3 {
     height: 12px;
     color: #000000;
     background-color: #e5e5e5;
     float: left;
     padding: 5px;
     padding-left: 7px;
     padding-right: 6px;
     border-top: 1px solid #cccccc;
     border-right: 1px solid #cccccc;
     font-weight: bold;
     opacity: 0.8;
     }
#tablelistreiter3:hover {opacity: 1.0; background-color: #cccccc;}

#tablelistmreiter_sel {
     height: 10px;
     background-color: #dddddd;
     float: left;
     padding: 4px;
     padding-left: 10px;
     padding-right: 10px;
     font-weight: bold;
     font-size: 10px;
     }
#tablelistmreiter {
     height: 10px;
     background-color: #dddddd;
     float: left;
     padding: 4px;
     padding-left: 10px;
     padding-right: 10px;
     font-weight: bold;
     font-size: 10px;
     opacity: 0.5;
     }

.prodrel {
     width: 630px;
     height: 60px;
     background-color: #ffffcc;
     margin-bottom: 5px;
     }
.prodrel a {color: #000000;}

.prodrel2 {
     width: 580px;
     height: 60px;
     background-color: #ffffcc;
     margin-bottom: 5px;
     position: relative;
     }
.prodrel2 a {color: #000000;}
.prodrel2:hover .figureditbuttons {visibility: visible;}

.figurlinkbox {
  margin-bottom: 5px;
  float; left;
  background-color: #ffffcc;
  height: 120px;
  position: relative;
  }

.figurlinkbox:hover .figureditbuttons {visibility: visible;}


#prodrelbild {
     width: 150px;
     height: 60px;
     background-color: #eeeeee;
     float: left;
     margin-right: 10px;
     text-align: center;
     overflow: hidden;
     }
#prodrelbild img {
     text-align: center;
  
     }


#notebox {
     width: 10px;
     height: 12px;
     position: relative;
     display: inline-block;
     z-index: auto;
     overflow: visible;
     }
#note {
     background-color: #ffffcc;
     color: #000000;
     max-width: 300px;
     top: 15px;
     left: -300px;
     padding: 10px;
     position: absolute;
     display: block;
     font-size: 10px;
     border: 1px solid #f5deb3;
     visibility: hidden;
     z-index: 500;
     -webkit-box-shadow: 5px 5px 2px #aaa;
     -moz-box-shadow: 5px 5px 2px #aaa;
     box-shadow: 5px 5px 2px #aaa;
     }
#notebox:hover #note {visibility: visible;}
#note:hover {visibility: visible;}

#archivtop {
     width: 980px;
     background-color: #ffffff;
     margin: auto;
     margin-top: 10px;
     margin-bottom: 10px;
     padding: 10px;
     }
#archivinhalt {
     width: 1000px;
     margin-bottom: 10px;
     margin: auto;
     }
#archivfeld1 {
     width: 316px;
     height: 150px;
     background-color: #ffffff;
     float: left;
     margin-bottom: 10px;
     margin-right: 11px;
     padding: 5px;
     vertical-align: middle;
     font-size: 12px;
     position: relative;
     }
#archivfeld2 {
     width: 316px;
     height: 150px;
     background-color: #ffffff;
     float: left;
     margin-bottom: 10px;
     margin-right: 0px;
     padding: 5px;
     vertical-align: middle;
     font-size: 12px;
     position: relative;
     }
#archivfeldinner {
     width: 306px;
     height: 140px;
     background-color: #ffffff;
     font-size: 12px;
     padding: 5px;
     }
#archivfeldinner:hover {background-color: #eeeeee;}
#archivgalbild {
     width: 100px;
     height: 140px;
     float: left;
     margin-right: 10px;
     background-color: #ffffff;
     }

.archivzaehl {
     width: 25px;
     display: inline-block;
     }
#archivdetail {
     width: 980px;
     margin: auto;
     background-color: #ffffff;
     padding: 10px;
     margin-top: 10px;
     margin-bottom: 10px;
     font-size: 12px;
     position: relative;
     }

     .figurrow_0 {
          background-color: #ffffcc;
          }
     .figurrow_1 {
          background-color: #ffffdd;
          }
     .fillline {
border-bottom:1px dotted black;
}
.rolle {
float:left;
padding-right:0.2em;
background-color: #ffffcc;
border:1px solid #ffffcc;
}
#prodfensterlink {
     cursor:pointer;
     color: #000000;
     }
#prodfenster {
     width: 650px;
     height: 85%;
     top: 5%;
     background-color: #ffffff;
     overflow: auto;
     left: 50%;
     margin-left: -330px;
     position: fixed;
     z-index: 101;
     font-size: 12px;
     padding: 15px;
     border: 5px solid #cccccc;
     }
#closeprodfenster {
     width: 40px;
     height: 40px;
     top: 5%;
     left: 50%;
     margin-left: 390px;
     position: absolute;
     z-index: 200;
     position: fixed;
     cursor:pointer;
     }
#ausklappbox {
     width: 100%;
     }
#ausklapp {
     width: 100%;
     background-color: #ffffaa;
     text-align: center;
     }
#ausklapp:hover {
     background-color: #ffffbb;
     }
.ausklapp_breit {
     width: 100%;
     background-color: #eeeeee;
     text-align: center;
     }
.ausklapp_breit:hover {
     background-color: #cccccc;
     }
#figurbildcontainer {
     width: 290px;
     padding: 0px;
     float: left;
     margin-right: 10px;
     position: relative;
     }

#figurbildbox {
     width: 270px;
     padding: 10px;
     background-color: #ffffff;
     position: relative;
     }
#figurbildinfo {
     width: 270px;
     padding: 10px;
     background-color: #ffffff;
     margin-top: 10px;
     position: relative;
     font-size: 12px;
     }
#figurbildboxinhalt {
     width: 250px;
     }
.figurgalbox {
     width: 182px;
     padding: 5px;
     background-color: #ffffff;
     float: left;
     margin-top: 10px;
     margin-left: 10px;
     position: relative;
     }
.figurgalbox2 {
     width: 182px;
     padding: 5px;
     background-color: #ffffff;
     float: left;
     margin-top: 10px;
     position: relative;
     }
.galsub {
     width: 172px;
     background-color: #ffffcc;
     font-size: 12px;
     padding: 5px;
     }
#figurdatenbox {
     width: 600px;
     float: right;
     position: relative;
     }
#figurdatenbox_keinbild {
     width: 700px;
     float: right;
     position: relative;
     }
#figurdetgalerie {
     width: 90px;
     padding-top: 5px;
     padding-bottom: 5px;
     float: left;
     background-color: #ffffff;
     }
.figurdetgaleriebox {
     width: 70px;
     padding-top: 5px;
     padding-bottom: 5px;
     padding-left: 10px;
     padding-right: 10px;
     background-color: #ffffff;
     }
.figurdetgaleriebox:hover {
     background-color: #dddddd;
     }

#figurdatenbox2 {
     width: 720px;
     float: right;
     position: relative;
     }
.figurdaten {
     font-size: 14px;
     background-color: #ffffff;
     padding: 10px;
     margin-bottom: 10px;
     position: relative;
     }
.figurrel {
     font-size: 12px;
     background-color: #ffffff;
     padding: 10px;
     margin-bottom: 10px;
     position: relative;
     }
.figurrel a:hover {color: #000000; text-decoration: underline;}     

.figurprodbutton {
     width: 570px;
     text-align: center;
     padding: 5px;
     background-color: #ffffcc;
     opacity: 0.6;
     font-weight: bold;
     }
.figurprodbutton:hover {opacity: 1.0;}

.figureditbuttons {
     visibility: hidden;
     top: -2px;
     right: 0px;
     position: absolute;
     }


.menuebuttonbox {
position: absolute;
top: 0px;
right: 5px;
padding: 0px;
cursor: pointer;
}
.menuebutton {
height: 15px;
background-color: #dddddd;
text-align: center;
padding: 5px;
opacity: 0.7;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
font-size: 11px;
float: right;
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
color: #000000;
}


.menuebutton:hover {
opacity: 1.0;
}

.figurfehlt {
     position: absolute;
     top: 0px;
     left: 0px;
     }

#fussnoten {
     width: 630px;
     float: right;
     padding: 15px;
     font-size: 12px;
     background-color: #ffffff;
     }
#druckfeld {
     width: 660px;
     background-color: #ffffff;
     margin: auto;
     margin-top: 20px;
     margin-bottom: 20px;
     }
.druckbutton {
     width: 100px;
     height: 15px;
     padding: 5px;
     font-size: 14px;
     margin: auto;
     background-color: #ffffff;
     margin-top: 20px;
     text-align: center;
     }

.archivbilder{
     width: 330px;
     float: left;
     }

.archivtitelbild{
     width: 310px;
     padding: 10px;
     font-size: 13px;
     background-color: #ffffff;
     }
.archivtitelbild img{
     width:310px;
     }
.archivbildbox {
     width: 330px;
     margin-top: 10px;
     }
     .archivbildbox img{width: 140px; }
     .archivbildbox div{
          width: 140px;
          height: 105px;
          margin-bottom: 10px;
          border: solid 10px #ffffff;
          overflow: hidden;
          background-color: #ffffff;
          display: flex;
          align-items: center;
          }
     .archivbildbox div:nth-child(odd) {
          float: left;
          clear: left;
          margin-right: 10px;
          }
     .archivbildbox div:nth-child(even) {
          float: left;
          }

#dvdfeld1 {
     width: 193px;
     background-color: #ffffff;
     float: left;
     margin-bottom: 10px;
     margin-right: 10px;
     padding: 10px;
     font-size: 12px;
     position: relative;
     }
#dvdfeld2 {
     width: 193px;
     background-color: #ffffff;
     float: left;
     margin-bottom: 10px;
     margin-right: 0px;
     padding: 10px;
     font-size: 12px;
     position: relative;
     }
#dvdfeld3 {
     width: 640px;
     background-color: #ffffff;
     float: left;
     margin-bottom: 10px;
     padding: 10px;
     font-size: 12px;
     position: relative;
     }
.aktubox {
     width: 310px;
     padding: 10px;
     font-size: 12px;
     margin-bottom: 10px;
     background-color: #ffffff;
     }
.aktubox2 {
     width: 310px;
     padding: 10px;
     font-size: 12px;
     margin-bottom: 10px;
     background-color: #ffffcc;
     }
.aktuboxtitel {
     width: 300;
     padding: 5px;
     font-size: 11px;
     text-transform: uppercase;
     color: #ffffff;
     background-color: #777777;
     }
.aktufeld {
     width: 630px;
     padding: 15px;
     background-color: #ffffff;
     font-size: 12px;
     margin-bottom: 10px;
     line-height: 150%;     
     }
.aktufeld a:hover{text-decoration:underline;}

.aktufeldbildlinks {
     float: left;
     width: 250px;
     height: 170px;
     margin-right: 10px;
     display: inline;
     }
.aktufeldbildtop {
     margin-bottom: 5px;
     }
.dachzeile {
     font-size: 12px;
     }
.headline {
     font-size: 16px;
     font-weight: bold;
     padding-left: 22px;
     background-image: url(nagel.jpg);
     background-repeat: no-repeat;
     background-position: 0 1px;
     color: #000000;
     margin-top: 5px;
     margin-bottom: 10px;
     display: inline-block;
     }

.folgenpfeil {
     opacity: 0.5;
     display: inline-block;
     margin-left: 10px;
     }
.folgenpfeil:hover {
     opacity: 1.0;
     }
.folgeninhalt {
     display: none;
     margin-left: 20px;
     }
     
.listkopf {
     padding: 3px;
     background-color: #dddddd;
     color: #000000;
     font-size: 12px;
     width: 624px;
     margin-top: 3px;
     margin-bottom: 3px;
     }

.listkopf2 {
     padding: 3px;
     background-color: #dddddd;
     color: #000000;
     font-size: 12px;
     width: 810px;
     margin-top: 3px;
     margin-bottom: 3px;
     }


.listbox_auf {
     max-height: none;
     overflow: hidden;
     transition-property: max-height;
     transition: max-height 500ms ease-in-out;
     margin-bottom: 10px;
     }
.listbox_zu {
     max-height: 0px;
     overflow: hidden;
     transition-property: max-height;
     transition: max-height 300ms ease-in-out;
     }

.galerienavi {
     width: 980px;
     padding: 10px;
     background-color: #ffffff;
     margin: auto;
     margin-top: 10px;
     text-align: right;
     font-size: 12px; 
     }


.highlight {
     background-color: #ddeebb;
     }

.highlightred {
     background-color: #ff0000;
     }

.erst {
     color: #8b0000;
     font-weight: bold;
     font-style: italic;
     }

.ausblenden {
     opacity: 0.4;
     }