/* www.stadtarchaeologie-lueneburg.de - haupt-css */

* {
 margin: 0;
 padding: 0;
 border: 0;
}

html {
 height: 100%; 
 max-height: 100%; 
/* hide overflow: hidden from IE5/Mac */ 
/* \*/ 
 overflow: hidden; 
/* */ 
}

body {
 width: 100%;
 height: 100%;
 max-height: 100%;
 overflow: hidden;
 background: #fff;
 color: #000;
 font-size: 100.01%;
 font-family: verdana, arial, helvetica, sans-serif;
 font-style: normal;
 font-weight: normal;
 vertical-align: top;
 text-align: left;
}

a:link, a:visited, a:hover, a:active { padding: 1px }
a:link, a:visited { text-decoration: underline }
a:hover, a:active { text-decoration: none }
a:link { color: #000 }
a:visited { color: #666 }
a:hover { color: #c00; background-color: #dfdfdf; }
a:active { color: #f00 }

a.img:hover { background-color: transparent }


/* ========== SCHRIFT-FORMATE ========== */

.b { font-weight: bold }
.i, .reto { font-style: italic }
.u { text-decoration: underline }
.bg { background-color: #e9e9e9; padding: 1px; }
.reto {
  unicode-bidi: bidi-override;
  direction: rtl;
}

h1, h3 {
 line-height: 1.8em;
 font-weight: bold;
 font-size: 1em;
}
h1 { color: #666 }
h3 { color: #999 }
h2 {
 line-height: 1.8em;
 font-weight: bold;
 font-size: .8em;
 margin-top: 1.8em;
 color: #333;
}
h2.drot { margin-top: 4em }
h3.ml { margin-left: 1em }

blockquote {
 width: 28em;
 text-align: center;
 padding: 1em;
 font-size: .8em;  border: 1px solid #ccc;
 margin: 1em auto 2em;
}
.arial {
 font-family: arial, sans-serif;
 font-size: .8em;
 line-height: 1.8em;
}
.small, .grau, .techlist, #text p.mt3-sm, #text p.ml2sm { font-size: .7em }
.med { font-size: .8em }
.grau { color: #999 }
.gr-du { color: #333 }
.rot { color: #c00 }
.drot, h2.drot { color: #900 }
.blau {
 color: #336;
 font-weight: bold;
}
.ohnecss { display: none }

.techlist { line-height: 1.5em }

/* ========== AUSRICHTUNGEN u. ABSTAENDE ========== */

.c { clear: both }
.center { text-align: center }

.fl, .flpr, .flpr6, .flpr2, .flml20, .flw30, .flw40 { float: left }
.fr, .frpl, .frpl4, .frpl6, .frmt5, .frpl20, .fr60, .frmr40 { float: right }
.flpr { padding-right: .2em }
.flpr6 { padding-right: .6em }
.frpl6 { padding-left: .6em }
.flpr2 {
 margin-top: .8em;
 padding-right: .4em;
}
.ml4 { margin-left: 4px }
.flw30 { width: 30px }
.flw40 { width: 40px }

.frpl, .frpl20 { padding-left: .2em }
.frmt5 { margin-top: .5em }
.frpl4 { padding-left: .4em }
.frpl20 {margin-right: 20px }
.frmr40 { margin-right: 40px }
.fr60 { margin-right: 60px }

.mt0 { margin-top: 0 }
.mt6 { margin-top: .6em }
.mt1, #text img.mt1 { margin-top: 1em }
#text img.mt1ml { margin-top: 1em; margin-left: 4em; }
h3, #text p.mt2, #text img.mt2 { margin-top: 2em }
.mt3, #text p.mt3, #text p.mt3-sm { margin-top: 3em }
.mt12 { margin-top: 12mm }
.ml20mt { margin-top: 40px }

.ml2, #text p.ml2sm { margin-left: 2em }
.ml3, .ml3-s { margin-left: 3em }
.ml5 { margin-left: 5em }
.ml10 { margin-left: 10em }
.ml20, .flml20, .ml20mt { margin-left: 20px }
.ml30 { margin-left: 30px }
.ml80 { margin-left: 80px }
#text .imgtxt {
 margin-top: .6em;
 margin-left: 8em;
 font-size: .7em;
}
.h12 { height: 12em }

/* ========== Rahmen-BOXEN ========== */

#links {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 25%;
 height: 100%;
 text-align: right;
 background: #efefef;
 float: left;
}
#rechts {
 display: block;
 position: relative;
 height: 100%;
 max-height: 100%;
 overflow: auto;
 margin-left: 25%;
 text-align: center;
 border-left: 1px solid #c00;
}
#rechts.tartu { background: url(ausstell/abb/karte.png) top center no-repeat; }

/* ========== Menu-BOX ========== */

#menu {
 display: block;
 width: 9em;
 margin-top: 2em;
 margin-right: .4em;
 text-align: center;
 font-size: .8em;
 float: right;
 clear: right;
}
#menu img {
 width: 80px;
 height: 80px;
}

ul#ul1 {
 display: block;
 margin-top: 1em;
 list-style-type: none;
}
ul#ul1 li { line-height: 2.2em }
ul#ul1 li.curr {
 color: #666;
 background: #fcfcfc;
 border: 1px dotted #ccc;
}
ul#ul1 a:hover { background-color: transparent }

ul#ul2 {
 display: block;
 list-style: none;
 text-align: left;
 margin-left: 1.6em;
 margin-bottom: .6em;
}
ul#ul2.ml1 { margin-left: 1em }

ul#ul2 li {
 list-style-image: none;
 line-height: 2em;
 font-size: .8em;
}

ul#ul2 a, #ul2 li a:visited {
 display: block;
 width: 100%;
 line-height: 2em;
 text-decoration: none;
}
ul#ul2 a:hover {
 display: block;
 width: 100%;
 cursor: pointer;
 text-decoration: none;
 background: url(nav/list-ul2.png) center left no-repeat;
}
ul#ul2 a span {
 padding-left: 1.2em;
 text-decoration: underline;
}
ul#ul2 a:hover span { text-decoration: none }

ul#ul2 li.curr {
 padding-left: 1.2em;
 border: none;
 color: #c00;
 background: url(nav/list-ul2.png) center left no-repeat;
}

ul#ul2 li.curr a {
 text-decoration: underline;
}
ul#ul2 li.curr a:hover {
 text-decoration: none;
 background-image: none;
}
ul#ul2 i {
 font-style: normal;
 text-decoration: underline;
}

#menu ul.ul3 {
 list-style-image: url(nav/pfeil-gr.png);
 margin-top: -.4em;
 margin-left: 2em;
 margin-bottom: .6em;
}
#menu ul.ul3 li { font-size: .7em }


/* ========== Text-BOX ========== */

#text {
 display: block;
 width: 30em;
 margin: 1.4em auto;
 text-align: left;
}
#text.w35 { width: 35em }

#text p, #text p.mbott, #text p.small {
 line-height: 1.8em;
 margin-top: 1em;
}
#text p, #text p.mbott { font-size: .8em }
#text p.small, #text p.fuss, #text p.sitemap { font-size: .7em }

#text p.sitemap { margin-top: 3em }
#text p.sitemap span.ml { margin-left: 25em }
#text p.sitemap span.ml20 { margin-left: 12em }

#text p.mbott { margin-bottom: 1.2em }
#text p.fuss { margin-top: 2em }

#tonbox {
 margin-top: 2em;
 padding: 0 1em;
 border: 2px dotted #669;
}

/* ======== LISTE: allgemein ======== */

#text ul {
 display: block;
 margin: 1em;
 list-style-image: url(nav/list.png);
}
#text li {
 line-height: 1.8em;
 font-size: .8em;
 margin-left: 2em;
}

/* ======== LISTE: interne Verweise ======== */

#text ul.hinweis {
 list-style-image: url(nav/pfeil.png);
 margin-left: 0;
}
#text ul.zrck {
 list-style-image: url(nav/zurueck.png);
 margin-left: 0;
}
#text ul.hinweis li, #text ul.zrck li { font-size: .7em }


/* ======== LISTE: externe Verweise ======== */

#text ul.verweise {
 list-style-image: url(nav/exlink.png);
 margin: 0;
}
#text ul.verweise li {
 margin-top: 1em;
 font-size: .7em;
 line-height: 1.6em;
}

/* ======== LISTE: Literatur ======== */

#text ul.lit, #text ul.lit2 {
 list-style-type: none;
 margin: 0;
}
#text ul.lit li, #text ul.lit2 li {
 list-style-image: none;
 text-indent: -1.4em;
 margin-left: 1.4em;
}
#text ul.lit li {
 margin-top: .6em;
}
#text ul.lit2 li {
 font-size: .7em;
 margin-top: 1em;
}
#text ul.lit2 li.abst { margin-top: 3em }

/* ======== TRENN-LINIE ======== */

#linerot {
 display: block;
 width: 21em;
 height: 1px;
 margin-top: 2px;
 border-top: 1px solid #c00;
 float: left;
}
#linkus {
 width: 80%;
 margin-top: 3em;
 padding: 1em 0;
 border-top: 1px solid #c00;
 border-bottom: 1px solid #c00;
}
/* ======== FORMATE: 2-Spalten ======== */

#tabak-li, #tabak-re, #tartu-li, #tartu-re, #humpen { float: left }
#tabak-re p, #tartu-re.small { font-size: .7em }

#tabak-li {
 width: 16em;
 padding-right: .2em;
}
#tabak-re { width: 220px }
#tabak-re p { padding-left: 1em }

#tartu-li {
 width: 18em;
 margin-top: 180px;
}
#tartu-re {
 width: 160px;
 margin-top: 140px;
}
#tartu-re.small { margin-left: 2em }

#humpen {
 width: 100px;
 margin-top: 2.6em;
 padding-right: 1em;
}
#humpen img {
 width: 100px;
 height: 140px;
}

#pollen {
 width: 104px;
 margin-top: 1.4em;
 padding-right: 1em;
 float: left;
}
#pollen p {
 font-size: .7em;
 margin-top: 0;
 margin-bottom: .6em
}

/* ========== Sitemap ========== */

#sitemap { margin-top: 1em }
#sitemap div {
 display: block;
 width: 100%;
 font-size: .7em;
 clear: left;
}
.vab { vertical-align: bottom }
#sitemap h2 {
 font-size: 1em;
 line-height: 1em;
 color: #000;
 margin-top: 0;
 margin-left: 39px;
}
img.line, img.line-ab1, img.line-ab2, img.doc {
 width: 13px;
 float: left;
}
img.line, img.line-ab1, img.line-ab2 { height: 15px }
img.line-ab1 { margin-left: 13px }
img.line-ab2 { margin-left: 26px }
img.doc { height: 13px }

/* ========== Tabelle: Gewuerze in Kloake ========== */

table#gewuerze {
 background: #fff;
 border: solid 1px #000;
 margin-top: 1.2em;
}
table#gewuerze td {
 height: 1.5em;
 text-align: center;
 font-style: Arial, sans-serif;
 font-size: .7em;
}
table#gewuerze td.grau1 { background: #f3f3f3; }
table#gewuerze td.grau2 { background: #dfdfdf; }
table#gewuerze td.grau3 { background: #bfbfbf; }

/* ========== Suche intern ========== */
div#suche {
 padding: 1em;
 border: 1px dotted #ccc;
 float: right;
}
div#suche.solo {
 margin: 7em;
 float: left;
}
div#suche h2 { margin-top: 0 }
div#suche div {
 font-size: .7em;
 color: #666;
}
div#suche span { font-size: .8em }
div#suche span.rot { font-size: .9em }
div#suche img { vertical-align: middle }

/* ========== THUMBS: Fotogalerie ========== */

#scrollbox {
 width: 34em;
 height: 96px;
 background: #f4f4f4;
 overflow: auto;
 border: 1px solid #aaa;
}
#scrollbox img {
 width: 100px;
 height: 70px;
 margin: 3px;
 padding: 0;
 float: left;
}
div#abst { height: 34em }
div#abst1 { height: 33em }
div#absti { height: 32em }

#thumbs {
 width: 2660px;
 height: 78px;
}
#thumbs.gal2 { width: 2320px }
#thumbs span {
 font-size: .7em;
 margin: 3px;
 float: left;
}
#thumbs a:link, #thumbs a:visited, #thumbs a:hover, #thumbs a:active { padding: 0 }
#thumbs a:link img, #thumbs a:active img { border: 1px solid #000; }
#thumbs a:visited img { border: 1px solid #000; }
#thumbs a:hover img { border: 1px solid #fff; }

/* ========== INFO-BOX ========== */

a.infobox, a.infobox:hover { cursor: help }
a.infobox:hover, a.topsite:hover { visibility: visible }
a.infobox span, a.topsite span {
 visibility: hidden;
 position: absolute;
 left: 2%;
 padding: 1em;
 text-decoration: none;
}
a.infobox span { margin-top: 1.6em }
a.infobox:hover span, a.topsite:hover span {
 visibility: visible;
 background: #fff;
 color: #000;
 font-size: .8em;
 line-height: 1.8em;
 z-index: 100;
}
a.infobox:hover span {
 border: 6px double #dfdfdf;
 padding: 1.2em 1em;
}
a.topsite:hover span {
 width: 26em;
 border: 2px solid #dfdfdf;
 padding: 1em;
}
a.topsite span {
 width: 26em;
 margin-top: -12em;
}
a.infobox span i, a.topsite span i { font-style: normal }
a.topsite span img {
 padding-right: 1em;
 float: left;
}
.w26 { width: 26em }
.w240 { width: 250px }
.w260 { width: 260px }
.w300 { width: 300px }
.w330 { width: 330px }
.w360 { width: 360px }
.w410 { width: 410px }

/* ========== ZOOM-BOX: Bilder ========== */

a.zoom, a.zoombig, a.zoom140, a.zoom140qu {
 display: block;
 background-color: transparent;
 padding: 1px;
 border: 1px solid #fff;
 text-decoration: none;
 cursor: pointer;
}
a.zoom {
 width: 100px;
 height: 70px;
}
a.zoombig {
 width: 120px;
 height: 82px;
}
a.zoom140, a.zoom140qu, a.zoom140:hover { width: 140px }
a.zoom140, a.zoom140:hover { height: 100px }
a.zoom140qu, a.zoom140qu:hover { height: 140px }

a.zoom:hover, a.zoombig:hover, a.zoom140:hover, a.zoom140qu:hover {
 display: block;
 padding: 1px;
 border: 1px solid #c00;
 background-color: transparent;
}
a.zoom:hover {
 width: 100px;
 height: 70px;
}
a.zoombig:hover {
 width: 120px;
 height: 82px;
}
a.zoom span, a.zoombig span, a.zoom140 span, a.zoom140qu span {
 visibility: hidden;
 position: absolute;
 left: 2%;
 margin-top: 1.6em;
 padding: 1em;
 text-decoration: none;
}
a.zoom:hover span, a.zoombig:hover span, a.zoom140:hover span, a.zoom140qu:hover span {
 visibility: visible;
 background: #fff;
 border: 2px solid #dfdfdf;
 color: #000;
 padding: 1.2em 1em;
 font-size: .7em;
 line-height: 1.8em;
 z-index: 100;
}
a.zoom span i { font-style: normal }

.w513 { width: 513px }
.w480 { width: 480px }

/* ========== FORMATE: Bilder ========== */

img.bord { border: 1px solid #000; }

img.merker {
 width: 80px;
 height: 80px;
 float: right;
}
img.luene {
 float: right;
 margin-top: .4em;
}
img.latte {
 float: left;
 margin-top: .4em;
 margin-left: 1.4em;
 padding-right: 1em;
}
img.info {
 width: 12px;
 height: 14px;
}
img.hinweis {
 width: 10px;
 height: 13px;
}
img.redbutt {
 width: 16px;
 height: 12px;
}
img.minibutt {
  width: 82px;
  height: 31px;
}
div#tripp {
  width: 460px;
  height: 400px;
  background: url(mag/abb/t-tripp5.jpg);
  margin-top: 1.8em;
}

/* ========== RAHMEN: rot, gerundete Ecken ========== */

#rund { width: 20em; margin-top: 1em; margin-left: 1.6em; }
#rund .top, #rund .bottom, #rund .boxinh { display: block }
#rund .top, #rund .bottom { font-size: 1px }
#rund .boxinh, #rund .b2, #rund .b3, #rund .b4 { border-left: 1px solid #c33; }
#rund .boxinh, #rund .b2b, #rund .b3b, #rund .b4, #rund .b4b { border-right: 1px solid #ccc; }
#rund p { margin: 0 10px; }
#rund p.eins { margin-top: 0; font-weight: bold; }
.caps { font-variant: small-caps; color: #333; }
#rund p.zwei { font-size: .7em; padding-bottom: 0.5em; }
#rund .b1, #rund .b2, #rund .b3, #rund .b1b, #rund .b2b, #rund .b3b { display: block; overflow: hidden; height: 1px; }
#rund .b1, #rund .b1b { margin: 0 5px; }
#rund .b1 { background: #c33; }
#rund .b1b { background: #ccc; }
#rund .b2, #rund .b2b { margin: 0 3px; border-width: 0 2px; }
#rund .b2 { border-right: 1px solid #c66 }
#rund .b2b { border-left: 1px solid #ccc }
#rund .b3, #rund .b3b { margin: 0 2px }
#rund .b3 { border-right: 1px solid #c99 }
#rund .b3b { border-left: 1px solid #c99 }
#rund .b4, #rund .b4b { display: block; overflow: hidden; height: 2px; margin: 0 1px; }
#rund .b4b { border-left: 1px solid #c66 }