@font-face {
font-family: titel;
src: url('../schriften/PopLea.eot');
src: local('PopLea'), url('../schriften/PopLea.ttf') format('opentype');
}


/* CSS Document */
body, td, th, select, input, textarea, .suche { font-family: "Courier New", "Courier 10 Pitch", Courier; color:#222; }
#Navigation, #Marginalie { font-size:0.8em }
small, sub, sup { font-size: 0.84em; line-height:1.4em; }

/* Verknüpfungen */
a:link, a:visited { color:#000; outline:none; text-decoration: none; }
a:hover { color:#FFF; background:#222; outline:none; text-decoration: none; }

/* magerer Titelsatz */
h1, h2, h3 { font-family: titel, Impact, sans-serif; text-transform:uppercase; } 
h4, h5, h6 { font-family: titel, Impact, sans-serif; text-transform:uppercase; } 

/* Verknüpfungsstile */
.ohne, .ohne:link, .ohne:visited, .ohne a:link, .ohne a:visited { color:#444; text-decoration: none; outline:none; }
.ohne:hover, .ohne a:hover { color:#666; text-decoration: none; outline:none; }

.weiter, .weiter a:link, .weiter a:visited, a.weiter:link, a.weiter:visited { color:#666; padding-right: 15px; background: url(../elemente/weiter.png) no-repeat right center; text-decoration: none;  outline:none; }
.weiter a:hover, a.weiter:hover{ color:#888; }

.zurueck, .zurueck a:link, .zurueck a:visited, a.zurueck:link, a.zurueck:visited { color:#666; padding-left: 15px; background: url(../elemente/zurueck.png) no-repeat left center; text-decoration: none; outline:none; } 
.zurueck a:hover, a.zurueck:hover { color:#888; }

.EinblendLink, .EinblendLink a:link, .EinblendLink a:visited, a.EinblendLink:link, a.EinblendLink:visited { padding-right:1.5em; background: url(../elemente/abe.png) no-repeat top right; }
.EinblendLink a:hover, a.EinblendLink:hover { color: #222; }


/* Farben */
.grau, .grau a:link, .grau a:visited, a.grau:link, a.grau:visited { color: #999; }
.grau a:hover, a.grau:hover { color: #999; }

.hellgrau, .hellgrau a:link, .hellgrau a:visited, a.hellgrau:link, a.hellgrau:visited { color: #BBB; }
.hellgrau a:hover, a.hellgrau:hover { color: #BBB; }

.suche { line-height: 1em; padding-left:5px; }

small, .small { font-size: 0.75em; line-height: 1.4em; }

/* Kein Umbruch */
.keinumbruch { white-space: nowrap; } 

/* Karteikarten*/
.kr a:link, .kr a:visited, a.kr:link, a.kr:visited, .krl a:link, .krl a:visited, a.krl:link, a.krl:visited { color:#222; text-decoration: none; outline:none; }

/* Audiogalerie */
.Album, .Album:link, .Album:visited, .Album:active, .Album:hover { display:block; font-family: titel, Impact, sans-serif; text-transform:uppercase; padding: 0.5em 0.5em 0px 0.5em; height:18.5em; }
.Album:hover { background:#000; color:#FFF; }

.Album .Albumtext {  display:block; font-size:1.5em; background: url(../elemente/abe.png) no-repeat top right; }
.Album:hover .Albumtext { display:block; font-size:1.5em; background: url(../elemente/abe_mo.png) no-repeat top right; }

#Alben .Album .Albumtext {  display:block; font-size:1.5em; background: none; }
#Alben .Album:hover .Albumtext {  display:block; font-size:1.5em; background:#000; }

/* Navigationen */
dd a:link, dd a:visited, dd a:active, dd a:hover, dd a.aktiv:link, dd a.aktiv:visited, dd a.aktiv:active, dd a.aktiv:hover { text-decoration:none; outline:none; white-space:nowrap; color:#000; display:block;text-transform:uppercase;  font-weight:bold; padding: 0.2em 0.2em 0.2em 0.5em; }
dd a:hover, dd a.aktiv:link, dd a.aktiv:visited, dd a.aktiv:active, dd a.aktiv:hover { color:#FFF; background: #000; }
dd a.aktiv:hover { color:#FFF; background: #000; }


/* Fuß */
#Fusz, #Fusz a:link, #Fusz a:visited, #Fusz a:hover { color: #999; text-decoration:none; }
#Fusz a:hover { color: #666; text-decoration:none; }