@font-face { font-family: Fontin; src: url(./fontin-sc.ttf) format("TrueType"); font-variant: small-caps; }
@font-face { font-family: Fontin; src: url(./fontin-r.ttf) format("TrueType"); font-style: normal; }
@font-face { font-family: Fontin; src: url(./fontin-b.ttf) format("TrueType"); font-weight: bold; }
@font-face { font-family: Fontin; src: url(./fontin-i.ttf) format("TrueType"); font-style: italic; }

/* Fontin: one of the beautiful font families by Jos Buivenga (exljbris) -> www.exljbris.nl */

@font-face { font-family: "Fontin Sans"; src: url(./fontinsans-sc.otf) format("OpenType"); font-variant: small-caps; }
@font-face { font-family: "Fontin Sans"; src: url(./fontinsans-r.otf) format("OpenType"); font-style: normal; }
@font-face { font-family: "Fontin Sans"; src: url(./fontinsans-b.otf) format("OpenType"); font-weight: bold; }
@font-face { font-family: "Fontin Sans"; src: url(./fontinsans-i.otf) format("OpenType"); font-style: italic; }
@font-face { font-family: "Fontin Sans"; src: url(./fontinsans-bi.otf) format("OpenType"); font-style: italic; font-weight: bold; }

@font-face { font-family: "Graublau"; src: url(./graublau-r.otf) format("OpenType"); font-style: normal; }
@font-face { font-family: "Graublau"; src: url(./graublau-b.otf) format("OpenType"); font-weight: bold; }


a:link, a:visited { color: #C00; }
a:hover, a:active { color: #000; }
a:hover, a:active, h1 a, h2 a, #navigation a, #sub a, #meta a { text-decoration: none; }
a[rel=external] { cursor: ne-resize; }

abbr, acronym {
 border-style: none;
 font-style: inherit; font-variant: inherit;
 letter-spacing: inherit;
 }

body, input.eingabe, textarea, #body, #meta, #navigation a, #sub li.aktiv, #instrument {
 background-attachment: fixed;
 background-position: 50% 11%;
 background-repeat: no-repeat;
 }

body {
 background-color: #222;
 background-image: url(./hintergrund.png);
 color: #000;
 font-family: Fontin, Tahoma, Arial, Helvetica, sans-serif;
 margin: 0; padding: 0;
 text-align: center;
 }
 
b { font-weight: bold; }

h1, h2 {
 font-family: "Fontin Sans", "Gill Sans MT", Arial, Helvetica, sans-serif;
 font-weight: normal;
 letter-spacing: 1px;
 text-shadow: .07em .07em .1em #999;
 }

h1 {
 font-size: 1.7em;
 font-variant: small-caps;
 }
h1 small {
 font-size: 0.7em;
 text-transform: uppercase;
 }

h2 {
 font-size: 1.2em;
 text-transform: uppercase;
 }

img { border-style: none; }

input.eingabe, textarea {
 background-color: #EEE;
 background-image: url(./hintergrund3.png);
 border-color: #CCC;
 border-style: solid;
 border-width: 1px;
 font-family: Fontin, Tahoma, Arial, Helvetica, sans-serif;
 color: #222;
 font-size: 1em;
 width: 333px;
 }
textarea { height: 111px; }

table { border-spacing: 0; }
td, th {
 padding: 11px;
 vertical-align: top;
 }
td, th {
 border-color: #999;
 border-style: dotted;
 border-width: 1px 0 0 1px;
 }
th { text-align: left; }
tr:first-child td, tr:first-child th { border-top-width: 0; padding-top: 0; }
td:first-child, th:first-child { border-left-width: 0; padding-left: 0; }

#body {
 background-color: #FFF;
 background-image: url(./hintergrund2.png);
 margin: 22px auto 11px;
 text-align: left;
 width: 799px;
 }

#kopf { text-align: center; }
#kopf img {
 height: 105px;
 margin: 11px auto;
 width: 227px;
 }
#navigation {
 background-image: url(./navigation.png);
 background-repeat: no-repeat;
 font-family: Graublau, "Trebuchet MS", Fontin, Arial, Helvetica, sans-serif;
 height: 66px;
 margin: 0 11px;
 padding: 33px 0 0;
 text-align: center;
 }

#navigation ul {
 list-style-type: none;
 margin: 0 auto;
 padding: 0;
 }

#navigation li {
 display: inline; display: inline-block;
 list-style-type: none;
 margin: 0; padding: 0;
 white-space: nowrap;
 }

#navigation a {
 border-color: #EEE;
 border-style: solid;
 border-width: 1px;
 color: #000;
 font-size: .8em;
 font-weight: bold;
 margin: 0 0 0 9px;
 padding: 1px 9px;
 text-transform: uppercase;
 }
#navigation li:first-child a { margin: 0; }
#navigation a.aktiv {
 border-color: #FFF;
 text-shadow: .07em .07em .1em #999;
 }

#navigation a:link, #navigation a:visited {
 background-attachment: fixed;
 background-color: #FFF;
 background-image: url(./hintergrund2.png);
 }
#navigation a:hover {
 border-color: #666;
 background-color: transparent;
 background-image: none;
 color: #FFF;
 }
#navigation a.aktiv:hover { border-color: #EEE; }

#sub {
 font-family: Graublau, Fontin, Arial, Helvetica, sans-serif;
 float: left;
 margin: 33px 0;
 width: 158px;
 }
#sub ul {
 list-style-type: none;
 margin: 0; padding: 0;
 }
#sub li {
 border-color: #999;
 border-style: dotted;
 border-width: 1px 0 0;
 list-style-type: none;
 margin: 0;
 padding: 1px 3px 1px 11px;
 width: 144px;
 }
#sub ul li:first-child { border-style: none; }
#sub li.aktiv {
 background-color: #EEE;
 background-image: url(./hintergrund3.png);
 font-weight: bold;
 text-shadow: .07em .07em .1em #999;
 }

#sub li li {
 border-color: #CCC;
 border-width: 1px 0 0 1px;
 font-size: .9em;
 font-weight: normal;
 letter-spacing: 1px;
 margin: 0 0 0 -3px;
 padding: 0 3px 0 11px;
 text-shadow: none;
 width: 127px;
 }
#sub li li:first-child { border-style: dotted; }

#sub a:link, #sub a:visited { color: #000; }
#sub a:hover {
 color: #999;
 text-shadow: 0 0 .7em #999;
 }

#sub img { margin: 22px 0 0; }

#inhalt {
 margin-right: 19px;
 margin-left: 179px;
 }
#inhalt.voll { margin-left: 19px; text-align: center; }


#instrument {
 background-color: #222;
 background-image: url(./hintergrund.png);
 border-color: #CCC;
 border-style: solid;
 border-width: 1px;
 font-size: .8em;
 padding: 5px;
 }

#instrument img {
 border-color: #999;
 border-style: solid;
 border-width: 1px;
 float: left;
 margin: 0 11px 10px 0;
 width: 233px;
 height: 205px;
 }
#instrument ul {
 font-weight: bold;
 list-style-type: none;
 margin: 0; padding: 0;
 }
#instrument ul img {
 border-style: none;
 float: right;
 margin: 0;
 }
#instrument img.y {
 width: 140px;
 height: 53px;
 }
#instrument img.b {
 width: 114px;
 height: 140px;
 }
img.b2 {
 border-style: none;
 width: 114px;
 height: 140px;
 float: right;
 margin: 6px 0 6px 6px;
 }
 

#instrument li { margin: 0; padding: 0; }
#instrument a { text-decoration: none; }
#instrument a:link, #instrument a:visited { color: #FFF; }
#instrument a:hover, #instrument a:active, #instrument a.aktiv {
 color: #CCC;
 text-shadow: 0em 0 .7em #FFF;
 }

.gebraucht { border-style: dotted; border-color: #CCC; border-width: 0 0 2px; margin: 0 0 3em; }
.gebraucht img { width: 500px; height: 375px; }
.gebraucht div {
 float: right;
 width: 88px;
 padding: 0 0 0 0px;
 margin: 0;
 }
.gebraucht div img {
 cursor: pointer;
 width: 88px; height: 66px;
 margin: 0 0 7px;
 }
.gebraucht table { margin: 10px 0 11px; }
.gebraucht td, .gebraucht th { padding: 3px; }
.gebraucht tr:first-child td, .gebraucht tr:first-child th { padding-top: 0; }
.gebraucht td:first-child, .gebraucht th:first-child { padding-left: 0; }

img.verkauft {
 width: 333px; height: 189px;
 position: absolute;
 }

#meta {
 background-color: #222;
 background-image: url(./hintergrund.png);
 clear: both;
 color: #EEE;
 font-size: .8em;
 height: 33px;
 margin-top: 33px;
 padding: 7px 0 0;
 text-align: center;
 }
#meta a { color: #EEE; }


img.rand {
 border-color: #222;
 border-style: solid;
 border-width: 1px;
 }

img.v {
 float: right;
 margin: 0 0 5px 5px;
 width: 60px; height: 60px;
 }

img.mehr {
 float: right;
 margin: 1px 0 1em 7px;
 width: 177px;
 height: 14px;
 }
img.zurueck {
 float: right;
 margin: 1px 0 1em 7px;
 width: 71px;
 height: 14px;
 }


.links {
 float: left;
 margin: 0 11px 7px 0;
 }
.mitte { text-align: center; }
.rechts {
 float: right;
 margin: 0 0 7px 11px;
 }
.klar { clear: both; }






/* slimbox */

#lbOverlay {
 position: fixed;
 z-index: 9999;
 left: 0; top: 0;
 width: 100%; height: 100%;
 background-color: #000;
 cursor: pointer;
 }

#lbCenter, #lbBottomContainer {
 position: absolute;
 z-index: 9999;
 overflow: hidden;
 background-color: #FFF;
 }

.lbLoading { background: #FFF url(./slimbox/loading.gif) no-repeat center; }

#lbImage {
 position: absolute;
 left: 0; top: 0;
 border: 10px solid #FFF;
 background-repeat: no-repeat;
 }

#lbPrevLink, #lbNextLink {
 display: block;
 position: absolute;
 top: 0;
 width: 50%;
 outline: none;
 }

#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(./slimbox/prev.png) no-repeat 0 15%; }

#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(./slimbox/next.png) no-repeat 100% 15%; }

#lbBottom {
 font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
 font-size: 10px;
 color: #666;
 line-height: 1.4em;
 text-align: left;
 border: 10px solid #FFF;
 border-top-style: none;
 }

#lbCloseLink {
 display: block;
 float: right;
 width: 66px; height: 22px;
 background: transparent url(./slimbox/close.png) no-repeat center;
 margin: 5px 0;
 outline: none;
 }

#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }