/* generally */
* { margin: 0; padding: 0; font-family:verdana; font-size:12px; }
html { height:101%; }
body { width: 100%; margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; background-color:#171717; }
div { font-family:verdana; color:#444; font-size:12px; }
img { border:none; }
a { color:#777777; text-decoration:none;}
ul, ol { margin-left:50px; }
.strong { font-weight:bold; }
.neptun { color:#777777; text-decoration:underline;}
.alert { color:#f03; font-weight:bold; }
.small { font-size:10px; }
.prevnext { color:#ff8800; }
h1 { font-size:26px; }
h2 { font-size:22px; }
h3 { font-size:17px; }
h4 { font-size:14px; }
/* content positioning */
#OUTERFRAME { width:1023px; margin: 0 auto; margin-top:20px; border:solid 1px #ffffff; }
/* head positioning */
#HEADIMAGE { text-align:center; padding-top:10px; background-color:#676767;}
.menusmall a { float:left; width:79px; height:80px; border-left:solid 1px #fff; border-right:solid 1px #fff; background-color:#676767; text-align:center; color:#fff; font-weight:bold; font-size: 18px; }
.menusmall:hover a { float:left; width:79px; height:80px; border-left:solid 1px #fff; border-right:solid 1px #fff; background-color:#FFA200; text-align:center; color:#fff; font-weight:bold; font-size: 18px; }
.menusmall a.on { float:left; width:79px; height:80px; border-left:solid 1px #fff; border-right:solid 1px #fff; background-color:#FFA200; text-align:center; color:#fff; font-weight:bold; font-size: 18px; }
.menu a { float:left; width:128px; height:80px; border-left:solid 1px #fff; border-right:solid 1px #fff; background-color:#676767; text-align:center; color:#fff; font-weight:bold; font-size: 18px; }
.menu:hover a { float:left; width:128px; height:80px; border-left:solid 1px #fff; border-right:solid 1px #fff; background-color:#FFA200; text-align:center; color:#fff; font-weight:bold; font-size: 18px; }
.menu a.on { float:left; width:128px; height:80px; border-left:solid 1px #fff; border-right:solid 1px #fff; background-color:#FFA200; text-align:center; color:#fff; font-weight:bold; font-size: 18px; }
.visitors { float:left; width:79px; height:80px; border-left:solid 1px #fff; border-right:solid 1px #fff; background-color:#676767; text-align:center; color:#fff; font-weight:bold; font-size: 12px; }
.menuAktuelles a { float:left; width:128px; height:80px; border-left:solid 1px #fff; border-right:solid 1px #fff; background-color:#676767; text-align:center; color:#fff; font-weight:bold; font-size: 17px; }
.menuAktuelles:hover a { float:left; width:128px; height:80px; border-left:solid 1px #fff; border-right:solid 1px #fff; background-color:#FFA200; text-align:center; color:#fff; font-weight:bold; font-size: 17px; }
.menuAktuelles a.on { float:left; width:128px; height:80px; border-left:solid 1px #fff; border-right:solid 1px #fff; background-color:#FFA200; text-align:center; color:#fff; font-weight:bold; font-size: 17px; }
#LINE { height:5px; background-color:#fff; }
#CONTENT { background-color:#FFA200; font-size:12px; }
#HOME img.tn { width:78px; height:78px; }
#HOME img.big { width:697px; height:393px; }
#BID td { vertical-align:top; padding:10px 0px 10px 0px; }
#NEWS td { vertical-align:top; padding:10px 0px 10px 0px; }
td { vertical-align:top; padding:10px; }
td.kalender { vertical-align:top; padding:7px; }
td.news { vertical-align:top; padding:2px; width:273px; overflow:hidden; }
#FILM table { border-collapse: collapse; }
#monthpic { float:left; width:78px; height:78px; border:solid 1px #fff; background-color:#FFA200; text-align:center; }
#monthpicheadline a { float:left; width:78px; text-align:center; color:#171717; font-weight:bold; border:solid 1px #FFA200; }
/* #monthpicheadline { width:0px; height:0px; position:relative; top:0px; left:0px; } */
#piccol { width:160px; background-color:#FFA200; text-align:center; }
#piccol img { width:160px; }
#BOTTOM { padding:10px; text-align:center; border:solid 1px #ffffff; color:#fff; font-size:11px; }
/* *** ADMIN *** */
#ADMIN { background-color:#ffffff; padding:50px; }
#ADMIN .highlighted { background-color:#ff8800; color:#fff; padding:3px; }
#ADMIN #alertNo { border:double 5px #ff0033; font-size:13px; color:#ff0033; font-weight:bold; padding:5px; line-height:22px; }
#ADMIN #alertYa { border:double 5px #1CAD33; font-size:13px; color:#1CAD33; font-weight:bold; padding:5px; line-height:22px; }
#ADMIN #CLEAR { clear:both; }
#ADMIN h1 { color:#777777; font-weight:bold; font-size:17px; margin-top:15px; margin-bottom:10px; }
#ADMIN h2 { color:#ff8800; font-weight:bold; font-size:15px; margin-top:15px; margin-bottom:10px; }
#ADMIN h3 { color:#ff0033; font-weight:bold; font-size:13px; margin-top:15px; margin-bottom:10px; }
#ADMIN h3.off { color:#ffffff; font-weight:bold; font-size:13px; margin-top:15px; margin-bottom:10px; }
#ADMIN h4 { color:#777777; font-weight:bold; font-size:13px; margin-top:15px; margin-bottom:10px; }
#ADMIN .picFrame { float:left; padding:10px; margin-right:10px; border:solid 1px #cccccc; }
#ADMIN .picLeft { border-bottom:solid 1px #eee;padding-bottom:5px; }
#ADMIN .picRight { }
ul.pagination { list-style-type:none; margin:0px; }
li.pagination { display:inline; padding:10px; border:solid 1px #cccccc; background-color:#eeeeee; }
li.pagination:hover { background-color:#FFA200; }
li.showNum { display:inline; padding:10px; border:solid 1px #cccccc; background-color:#eeeeee; }
div.vorschau { width:200px; height:112px; overflow:hidden; position:relative; }
div.vorschau div { width:200px; height:112px; overflow:hidden; position:absolute; z-index:1000; }
img.imageThumb200 { max-width:200px; }
img.imageThumb284 { max-width:273px; max-height:160px; }
/* ---------------- ACCORDION ---------------- */
p.accordions { padding:0.1em; }
.accordion {
background-color: #676767; color:#ffffff; cursor: pointer; padding: 18px; width: 100%;
border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; font-size:1em;
}
.active, .accordion:hover { background-color: #005dff; }
.accordion:after { content: '\002B'; color: #ffffff; float: right; margin-left: 5px; font-size:2em; }
.active:after { content: "\2212"; color: #ffffff; font-size:2em;
/* content: "\2212" URL("https://development.lernortlabor.de/images/LeLa_Logo.gif"); */
}
.panel { padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; border:solid 1px #eeeeee; }
.accordionWhite { background-color: #ffffff; color:#676767; border-bottom:solid 1px #cccccc; }
.accordionWhite:hover { background-color: #ffffff; opacity:0.5; }
.accordionWhite:after { color: #676767; }