/* language & font settings */
/*[lang|="de"] {quotes: "\201E" "\201C" "\201A" "\2018"}*/
[lang|="de"] {quotes: "\00BB" "\00AB" "\203A" "\2039"}
q:before, blockquote p:before {content: open-quote}
q:after, blockquote p:after {content: close-quote}
dt, dl, li, p, #pathbar, #reviews table {font: 95%/135% "Trebuchet MS", sans-serif}

/* links */
a img {border: none}
a span {text-decoration: underline}
a.external:before {content: "\2197\A0"}
a:link {color: #00F}
a:visited {color: #206}
a:hover {background-color: #FEA}
a:active {color: #F00}
td.links {padding: 0; background: #FDF6E8 url(/images/backy.jpg); text-align: left; border-bottom: 1px solid #AAA}
td.links ul {margin: 0}
td.links li {float: left; font-size: 90%; font-weight: bold; border-right: 1px solid #DDD; list-style-type: none}

#nav .links a, #subnav .links a {display: block; padding: 0 10px 2px; color: #006; text-decoration: none; border-bottom: 1px solid #FDF6E8}
#nav .links a:hover {background: #36C url(/images/head.jpg) fixed; color: #FFD}
#nav .links a:active {background: #36C url(/images/head.jpg) fixed; color: #FB0}

/* misc settings */
abbr {cursor: help; border-bottom: 1px dashed}
body {margin: 0; padding: 5px 5%; background: #EEE url(/images/backg.gif); color: #300; font-size: 101%}
blockquote {margin: 25px 20px}
blockquote p {padding: 2px; text-align: center; font-size: 115%; font-style: italic; background: #FDF6E8 url(/images/backy.jpg); color: #600}
h1 {margin: 0; padding-left: 10px; color: white; font-weight: normal; font-size: 210%}
h1 i {color: #FFA}
h2 {margin: 10px 0; font-size: 150%; font-variant: small-caps}
h2, h3, h4 {color: #009}
h3 {margin: 0 0 10px; font-size: 110%}
h3.links {padding-top: 10px; border-top: 2px dotted #DDD}
h4, h5 {font-size: 100%}
hr {display: none}
kbd {color: #006}
li {margin: 0; padding: 0}
li h3 {margin: 10px 0 0; font-variant: small-caps}
p {margin: 0; padding: 0 0 1em; max-width: 50em}
p em {font-weight: bold; color: #003}
p img {margin: 0 10px 5px 0; vertical-align: bottom; float: left; border: 1px solid #999}
p span {font-style: italic}
p.footer {margin-top: 10px; text-align: right; font-size: 80%; font-family: serif; color: #AAA; max-width: none; clear: both}
p.warning {font-weight: bold; color: #900}
q {color: #009}
td {vertical-align: top}
th {text-align: left; vertical-align: bottom; color: #009}
tr.footer td {padding: 2px 10px; font-size: 80%}
ul {margin-left: 20px; margin-top: 0; padding: 0; list-style-position: inside}
var {color: #666; font-family: monospace; font-style: normal; font-weight: bold}

#authors {font-weight: bold; font-size: 85%}
#column {padding: 7px 10px; background: #FDF6E8 url(/images/backy.jpg); color: #600}
#content {margin: 5px 0; padding: 0 10px 5px; background-color: #FEFCF7; border: 2px groove #DDD}
#content li {margin: 0 1em; list-style-position: outside}
#head {height: 80px; vertical-align: bottom}
#issue {padding: 5px 10px; color: white; font-weight: bold; text-align: right; vertical-align: bottom}
#nav {background: #36C url(/images/head.jpg) fixed}
#nav, #subnav {padding: 0; width: 100%; border-spacing: 0; border: 2px groove #DDD}
#path {padding-left: 10px; text-align: left; vertical-align: middle}
#pathbar {font-size: 80%; background: #FEFCF7}
#prologue {padding: .5em 0 1.5em; font-weight: bold; color: #666}
#subnav {background-color: #FEFCF7}
#week p {margin-right: 5px; padding-right: 5px; border-right: 5px solid #FDF6E8}

.colored {background: #FDF6E8 url(/images/backy.jpg)}
.image {margin: 0 10px 2px; width: 302px; float: left; background: #EEE; border-bottom: 1px solid #CCC; color: black}
.image img {vertical-align: bottom; border: 1px solid #999}
.image img.magnify {margin: 2px 2px 2px 5px; border: none; float: right}
.image p {margin: 0; padding: 2px 5px; font-size: 80%}
.image span, .image span a {color: #888; font-style: normal}
.separator {margin: 20px 0; text-align: center; font-family: monospace}
/* .text {margin-right: 10%; padding-right: 10px; border-right: 1px dotted #DDD} */

/* related links */
#related {margin: 0 0 .5em .5em; float: right; width: 12em; font-size: 90%; background: #FDF6E8 url(/images/backy.jpg); border: 2px solid #36C}
#related h3 {margin: 0; padding: 0 5px; background: #36C; color: #FFD}
#related ul {margin: 5px 10px}
#related ul li {list-style-type: square}

/* mainpage */
#reviews em {font-weight: bold}
#reviews img {margin: 10px 10px 0 0; border: 1px solid #999}
#reviews table td {font-size: 85%}
/* TODO */
#update h2 {font-size: 110%; font-variant: normal; font-weight: bold; border-bottom: 1px solid #DDD}
#update h3 {margin: 10px 5px 0; font-size: 100%}
#update li {list-style-type: square; font-size: 90%}
#update li a img {margin-left: 10px; float: right; border: 1px solid #666}
#update li em {font-weight: bold; font-size: 90%}
#update li em img {margin: 0 3px; width: 40px; height: 10px}
#update ul {margin: 0 10px 10px}

/* column */
.column em {font-weight: normal}

/* galleries */
#content.thumbs {padding-top: 10px}
.thumbs table {margin: 0 1em 1em; background: #FDF6E8 url(/images/backy.jpg); border-spacing: 5px; border: 3px solid; border-color: #FAE8C4 #7A4200 #7A4200 #FAE8C4}
.thumbs table img, .pictureview img  {padding: 1px; vertical-align: bottom; border: 1px solid; border-color: #F4D6B2 #7A4200 #7A4200 #F4D6B2}
.thumbs td {text-align: center; vertical-align: middle}
.thumbs td.author {text-align: right; vertical-align: bottom}

.pictureview img {margin-top: 1em}

/* guestbook */
.guestbook div {margin: 0 0 1em; border: 1px solid #999}
.guestbook p.msg {margin: 5px 10px; padding: 0; font-family: monospace}
.guestbook .head {padding: 0 10px; max-width: 100%; background: #FDF6E8 url(/images/backy.jpg)}

/* imprint */
.imprint address {margin: 2px 10px 10px}
.imprint img {width: 85px; height: 85px; vertical-align: bottom}
.imprint p {margin: 2px 10px 5px; padding: 0}
.imprint p img {margin: 0; width: 16px; height: 16px; float: none; border: none}
.imprint table {margin: 0 5%}
.imprint td {background: #FDF6E8 url(/images/backy.jpg); color: #600; vertical-align: top}
.imprint td.img {background: inherit; text-align: center}
.imprint th {color: black; font-size: 1.2em; font-family: Arial, sans-serif; text-align: left}

.imprint #disclaimer {padding: 5px; background: #FFC5A8; color: black; font-size: 90%}

/* site search */
#content.search {padding-top: 10px}
#content.search h2 {margin-top: 0}
.search #filters {padding: 0 10px 10px; background: #FDF6E8 url(/images/backy.jpg); color: #600; border: 3px double #CCC}
.search #filters fieldset {padding: 5px; border: 2px groove #CCC}
.search #filters label {border: 1px dashed transparent}
.search #filters label:hover {border-color: #999}
.search #filters legend {padding: 0 .2em; color: #009}
.search #filters li {margin: 2px 0; padding-left: 5px; font-size: 90%}
.search #filters ul {margin: 0 0 5px}
.search #filters .classes li {display: inline}

.search #results {margin: 0 0 1em; border-collapse: collapse; border: 1px solid #FC8}
.search #results p {margin: 0; padding: 0; font-size: 85%}
.search #results td {padding: 2px}
.search #results th {background: #FC8}

#index {margin: 10px 10px 10px 20%; padding-left: 10px; list-style-type: square; border-left: 1px solid #DDD}
#index li em {font-weight: bold; font-size: 90%}
#index img {margin: 0 10px; float: right; border: 1px solid #666}

/* TODO */
dd {margin: 0 0 10px}
dt {color: #600; font-size: 1.1em}

/* unused */
/*
#search p {margin: 0; text-align: right}
#search form {margin: 0; white-space: nowrap;}
#search input {font-size: 100%;}
*/