/* riederbuch.de CSS Version 1.3 (c) 2010 Animaux Design/Alexander Rutz */

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

body {
font-size: 1em;
font-family: 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;						
}

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

img.portraet {
margin: 0em 0.2em 0.2em 0em;
float: left;
}

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

ul {
list-style-position: outside;
padding-left: 1em;
}

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

h2 {
font-weight: normal;
font-style: italic;
font-size: 0.8em;
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: 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;
}

p.subnavi {
line-height: 2em;
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;
}

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

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;
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;
}

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

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, p.subnavi a:hover, div.vorschau a:hover, div#fancybox-wrap a:hover {
border: none;
}