/* ========== Style-Sheet :: Online-Ausst. Trockene Trunkenheit ========== */

* {
 margin: 0;
 padding: 0;
 border: 0;
}
body {
 width: 100%;
 height: 100%;
 background: url(../nav/bg-karo.png) #ccc;
 color: #000;
 font-size: 100.01%;
 font-family: verdana, arial, helvetica, sans-serif;
 font-style: normal;
 font-weight: normal;
 vertical-align: top;
 text-align: center;
}
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 }
h1 {
 line-height: 1.8em;
 font-weight: bold;
 font-size: 1em;
 color: #666;
}
h2 {
 line-height: 1.8em;
 font-weight: bold;
 font-size: .8em;
 margin-bottom: 1.2em;
 color: #333;
}
blockquote {
 width: 80%;
 text-align: center;
 padding: 1em;
 font-size: .8em;
 background-color: #fff;
 border: 1px solid #ccc;
 margin: 1em auto;
}
.small { font-size: .7em }
.med { font-size: .8em }

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

.fl, .pup { float: left }
.fr { float: right }
.mt1 { margin-top: 1em }
.mt2 { margin-top: 2em }
.mt24 { margin-top: 2.4em }
.mt0 { margin-top: 0 }
.pup { height: 20em }
.abst { height: 2.2em }

/* ========== MENU ========== */

div#menu {
 display: block;
 width: 45em;
 height: 2.8em;
 margin: 0 auto;
 background: #fff;
}
#menu ul {
 display: block;
 list-style: none;
 font-size: 0.7em;
 margin-left: 100px;
}
#menu ul li {
 display: inline;
 float: left;
}
#menu ul li a {
 padding: 0 .9em;
 float: left;
}
#menu ul li a:hover {
 background-color: #900;
 color: #fff;
}
/* ========== Rahmen-BOX ========== */

#rahmen {
 display: block;
 width: 45em;
 background: #f3f3f3;
 margin: 0 auto;
 text-align: left;
}
/* ======== Thumbs-Galerie links ======== */

#galerie {
 display: block;
 width: 104px;
 margin-top: 4em;
 font-size: .8em;
 font-weight: bold;
 color: #900;
 text-align: center;
 float: left;
}
#galerie img {
 display: block;
 width: 100px;
 height: 70px;
}
#galerie a.bord, #text a.bord {
 display: block;
 width: 100px;
 height: 70px;
 background-color: transparent;
 padding: 0;
 border: 2px solid #fff;
}
#galerie a.bord:hover, #text a.bord:hover {
 display: block;
 width: 100px;
 height: 70px;
 background-color: transparent;
 padding: 1px;
 border: 1px solid #900;
}
/* ======== Inhalt-BOX ======== */

#text {
 display: block;
 margin-left: 106px;
 padding: 0 1em 0 2em;
}

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

#text p.sitemap { margin-top: 3em }
#text p.sitemap span.ml { margin-left: 30em }
#text p.fuss { margin-top: 2em }

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

#text ul {
 display: block;
 margin: 1em;
}
#text ul li {
 line-height: 1.4em;
 margin-top: .8em;
}
#text ul.mit, #text ul.mitsm { list-style-image: url(../nav/list.png); }
#text ul.ohne { list-style: none }
#text ul.ohne, #text ul.mitsm {
 margin-left: 4em;
 font-size: .8em;
}

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

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

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

#text ul.verweise { list-style-image: url(../nav/exlink.png); }
#text ul.verweise li {
 margin-top: 1.2em;
 font-size: .7em;
}
/* ========== INFO-BOX ========== */

a.infobox { cursor: help }
a.infobox:hover {
 cursor: help;
 visibility: visible;
}
a.infobox span {
 visibility: hidden;
 position: absolute;
 margin-top: -14em;
 left: 2%;
 padding: 1em;
 text-decoration: none;
}
a.infobox span i { font-style: normal }
a.infobox:hover span {
 visibility: visible;
 background: white;
 border: 6px double #dfdfdf;
 color: #000;
 padding: 1.2em 1em;
 font-size: .8em;
 line-height: 1.8em;
 z-index: 100;
}
.w330 { width: 330px }
.w380 { width: 380px }

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

img.info {
 width: 12px;
 height: 14px;
}
img.hinweis {
 width: 10px;
 height: 13px;
}