body {
margin: 0 0 0 1em;
padding: 0;
font: 12pt Garamond, Palatino, "Times New Roman", Times, serif;
color: black;
background: transparent;
}

#navigation li,
#leuchten img,
#leute img,
#trigger {
display: none;
}

#navigation h1 span {
display: block;
font-size: .7em;
}

#impressum {
display: block;
}


.panel,
.overlay {
width: 900px;
float: none;
clear: left;
margin: 0;
padding: 0;
}

.scroll,
.scrollContainer {
display: inline;
margin: 0;
padding: 0;
}

.content {
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, 
"Bitstream Vera Sans", sans-serif;
font-weight: bold;
margin: .75em 0 .5em 0;
page-break-after: avoid;
}

h1,
h2 {
font-size: 1.4em;
text-transform: uppercase;
letter-spacing: .05em;
color: #2356A4;
}

.details h2,
#footer .column h2 {
font-size: 1.2em;
color: #333;
}

h3 {
font-size: 1.3em;
}

h4 {
font-size: 1.2em;
}

h5 {
font-size: 1.0em;
}

h6 {
font-size: .8em;
}

ol, ul, li {
font-size: 1.0em;
line-height: 1.8;
margin-top: .2em;
margin-bottom: .1em;
}

p {
font-size: 1em;
line-height: 1.5;
margin: 0 0 1em 0;
}

p+p {
margin-top: -1em;
text-indent: 2em;
}

code {
font-size: .76em;
font-family: Monaco, monospace;
color: #333;
background: transparent;
}

a, a:visited, a:hover, a:visited:hover {
color: #2356A4;
background: transparent;
text-decoration: none;
}

a img {
border: none;
}

a:link:after, a:link:visited:after {
content: " (Link auf <" attr(href) ">) ";
font-size: 76%;
color: #999;
background: transparent;
}

a[href^="/"]:link:after {
content: " (Link auf <http://lutterlotsen.de " attr(href) ">) ";
}

#footer {
border-top: 1.5pt solid;
font-size: .95em;
color: #333;
text-align: left;
}

#footer p {
text-indent: 0;
}