/* riederbuch.de CSS Version 1.5 (c) 2011 Animaux Design/Alexander Rutz */

@font-face {
    font-family: 'CharisSIL';
    src: url('../fonts/charissilb-webfont.eot');
    src: url('../fonts/charissilb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/charissilb-webfont.woff') format('woff'),
         url('../fonts/charissilb-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'CharisSIL';
    src: url('../fonts/charissilbi-webfont.eot');
    src: url('../fonts/charissilbi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/charissilbi-webfont.woff') format('woff'),
         url('../fonts/charissilbi-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'CharisSIL';
    src: url('../fonts/charissili-webfont.eot');
    src: url('../fonts/charissili-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/charissili-webfont.woff') format('woff'),
         url('../fonts/charissili-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'CharisSIL';
    src: url('../fonts/charissilr-webfont.eot');
    src: url('../fonts/charissilr-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/charissilr-webfont.woff') format('woff'),
         url('../fonts/charissilr-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html {
font-size: 100%;
line-height: 1.5em;
} 

body {
font-size: 1em;
font-family: 'CharisSIL', Georgia, serif;
color: black;
background: white;
padding: 0em;
margin: 0em;
}

a, img {
padding: 0em;
margin: 0em;
border: 0em;
}

img.oberkante {
position: absolute;
top: 0em;
left: 0em;
width: 100%;
height: 7.5em;
padding: 0em;
margin: 0em;
z-index: 1;
display: block;
overflow: hidden;
}

img.logo {
position: absolute;
top: 0em;
left: 0em;
width: 18.125em;
height: 5.625em;
padding: 0em;
margin: 0em;
z-index: 3;
display: block;
overflow: hidden;
}

img.logohintergrund {
position: absolute;
top: 5.625em;
left: 16.875em;
width: 42.125em;
height: 34.5em;
padding: 0em;
margin: 0em;
z-index: 3;
display: block;
overflow: hidden;
}

div.navi {
position: absolute;
top: 3.125em;
left: 18.125em;
width: 38em;
height: 1.875em;
padding: 0em;
margin: 0em;
z-index: 5;
white-space: nowrap;
}

img.navi {
width: 5.625em;
height: 1.875em;
padding: 0em;
margin: 0em 0.625em 0em 0em;
}

div.vorschau {
position: absolute;
top: 5.65em;
left: 3.75em;
width: 8.75em;
padding: 4.35em 1em 0.75em 1em;
margin: 0em;
z-index: 5;
background: rgb(242,242,242);
background: rgba(0,0,0,0.04);
border-radius-bottomleft: 0.35em;
border-radius-bottomright: 0.35em;
-moz-border-radius-bottomleft: 0.35em;
-moz-border-radius-bottomright: 0.35em;
-webkit-border-bottom-left-radius: 0.35em;
-webkit-border-bottom-right-radius: 0.35em;
}

img.vorschau {
width: 8.125em;
height: 8.75em;
padding: 0em;
margin: 0em 0em 0.2em 0em;
}

div.banner {
position: absolute;
top: 25em;
left: 4.5em;
width: 8.15em;
padding: 0.5em;
margin: 0em;
z-index: 5;
background: white;
-moz-border-radius: 0.35em;
-webkit-border-radius: 0.35em;	
border-radius: 0.35em;					
}

img.banner {
width: 7.5em;
height: 7.5em;
padding: 0em;
margin: 0em 0em 0.2em 0em;
}

div.vorschau a {
display: block;
}

img.portraet {
margin: 0;
}

p, li, cite {
font-size: 0.9em;
line-height: 1.563em;
padding: 0em;
margin: 0em 0em 0.833em 0em;
z-index: 7;
}

ul {
list-style: none inside;
padding-left: 0em;
}

li:before {
content: '› ';
}

ul.blindliste li:before {
content: '';
}

h1 {
font-weight: normal;
font-size: 1.4em;
line-height: 1.5em;
margin: 0.55em 0em 0.5em 0em;
}

h2 {
font-weight: bold;
font-style: italic;
font-size: 1em;
line-height: 1.563em;
margin: 1em 0em 0.5em 0em;
border-bottom: 0.1em solid black;
padding: 1.5em 0em 0.4em 0em;
}

h3 {
font-weight: bold;
font-style: italic;
font-size: 1em;
line-height: 1.563em;
margin: 1em 0em 0em 0em;
}

h4 {
font-weight: bold;
font-style: normal;
font-size: 0.675em;
line-height: 1.25em;
letter-spacing: 0.2em;
text-transform: uppercase;
margin: 0.5em 0em 0.5em 0em;
padding: 1.5em 0em 0.4em 0em;
}

.subnavi {
line-height: 2.5em;
border-bottom: 0.1em solid black;
padding: 0em 0em 0.5em 0em;
}						

p.alter {
text-align: right;
border-bottom: 0.1em solid black;
padding: 0em 0em 0.35em 0em;
}

p.beschreibung {
border-bottom: 0.1em solid black;
padding: 0em 0em 0.7em 0em;
}

div.haenger p {
margin-left: 11em;
}

div.haenger h3 {
margin-left: 9.9em;
}

hr {
border: none;
height: 0.1em;
margin: 0.7em 0em;
background: black;
clear: both;
}

p.vorschau {
border-bottom: 0.1em solid #B3333A;
padding: 0em 0em 0.2em 0em;
}

span.presse {
font-size: 1.25em;
line-height: 1.5em;
background: #FBF2F3;
background: rgba(179,51,58,0.1);
color: #B3333A;
padding: 1em 1em 0.7em 1em;
display: block;
border-radius: 0.35em;
-moz-border-radius: 0.35em;
-webkit-border-radius: 0.35em;
font-style: italic;
margin-bottom: 1em;
}

span.name {
color: black;
font-size: 0.8em;
font-style: normal;
}

span.nobreak {
white-space: nowrap;
}

img.alter {
width: 1.875em;
height: 1.25em;
float: right;
margin: 0.25em 0em 0em 0em;
}

img.cover {
float: left;
height: 8.75em;
margin: 0.25em 0em 0em 0em;
}

img.reinschauen {
position: absolute;
left: -3.125em;
height: 8.125em;
width: 3.75em;
margin: 0.25em 0em 0em 0em;
padding: 0em;
}	

img.figur {
position: fixed;
left: 56em;
bottom: 0em;
width: 5.688em;
height: 6.26em;
margin: 0em;
border: 0em;
padding: 0em;
z-index: 9;
}	

div.inhalt {
position: absolute;
top: 6.875em;
left: 18.125em;
width: 36.875em;
padding: 0em;
margin: 0em;
z-index: 7;
}

a:link	  {
text-decoration: none;
color: #B0000A;
}

a:visited  {
text-decoration: none;
color: #B0000A;
}

a:hover  {
text-decoration: none;
color: black;
border-bottom: solid 1px #B0000A;
}



a:active  {
text-decoration: none;
color: #000000;
}

.subnavi span {
text-decoration: none;
color: #FFFFFF;
background: #B3333A;
padding: 0.3em 0.5em;
margin: 0em 0.8em 0em 0em;
-moz-border-radius: 0.35em;
-webkit-border-radius: 0.35em;
}							

.subnavi a:link {
text-decoration: none;
color: #000000;
background: #EAEAEA;
padding: 0.3em 0.5em;
margin: 0em 0.8em 0em 0em;
-moz-border-radius: 0.35em;
-webkit-border-radius: 0.35em;
}

.subnavi a:visited  {
text-decoration: none;
color: #000000;
background: #EAEAEA;
padding: 0.3em 0.5em;
margin: 0em 0.8em 0em 0em;
-moz-border-radius: 0.35em;
-webkit-border-radius: 0.35em;
}

.subnavi a:hover  {
text-decoration: none;
color: #888888;
background: #FAFAFA;
padding: 0.3em 0.5em;
margin: 0em 0.8em 0em 0em;
-moz-border-radius: 0.35em;
-webkit-border-radius: 0.35em;
}

.subnavi a:active  {
text-decoration: none;
color: #FFFFFF;
background: #B3333A;
padding: 0.3em 0.5em;
margin: 0em 0.8em 0em 0em;
-moz-border-radius: 0.35em;
-webkit-border-radius: 0.35em;
}

a.bestellen {
font-size: 0.8em;
line-height: 1.425em;
float: right;
margin: 0.33em 0.5em 0em 0em;
display: block;
text-decoration: none;
color: #B3333A;
background: #EAEAEA;
padding: 0em 0.4em;
-moz-border-radius: 0.35em;
-webkit-border-radius: 0.35em;
border: 0.1em solid #B3333A;
}

a.bestellen:hover {
color: white;
background: #B3333A;
border: 0.1em solid #B3333A;
}

a img:hover {
opacity: 0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
}

div.navi a:hover, .subnavi a:hover, div.vorschau a:hover, div#fancybox-wrap a:hover {
border: none;
}

div.mmlm img {
width: 4.375em;
height: 4.375em;
}

div.mmlm ul {
font-size: 0.85em;
-moz-column-count: 2;
-moz-column-gap: 1em;
-webkit-column-count: 2;
-webkit-column-gap: 1em;
column-count: 2;
column-gap: 1em;
padding: 1em;
background: rgb(240,240,240);
background: rgba(100,100,100,0.1);
-moz-border-radius: 0.35em;
-webkit-border-radius: 0.35em;	
border-radius: 0.35em;	
}

div.mmlm ul li {
margin-bottom: 0.25em;
}

a, a img {
-webkit-transition-property: all;
-webkit-transition-duration: 200ms;
-webkit-transition-timing-function: ease-in;
-moz-transition-property: all;
-moz-transition-duration: 200ms;
-moz-transition-timing-function: ease-in;
-o-transition-property: all;
-o-transition-duration: 200ms;
-o-transition-timing-function: ease-in;
transition-property: all;
transition-duration: 200ms;
transition-timing-function: ease-in;
}

img {
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
-moz-user-drag: none;
-webkit-user-drag: none;
user-drag: none;
}

::selection {
color: white;
background: #B3333A;
}