html {
    quotes: "\201E" "\201C" "\201A" "\2018";
	color: #fff;
	background-color: #003;
}

body {
	margin: 0 0 0 0;
	font-family: Calibri, "Segoe UI", "Trebuchet MS", sans-serif;
    text-align: left;
    font-size: 85%;
	font-stretch: condensed;
	volume: medium;
	voice-family: female;
	pitch: medium;
}

/* General*/
.clear  { 
	clear: both; 
}
.nobreak   { 
	white-space: nowrap; 
}
.left {
    vertical-align: middle; 
    float: left;
    text-align: left;
}
.right {
    float: right;
    text-align: right;
}


/* Titelei */

h1, h2, h3, h4, h5, legend, dt {
	font-style: italic;
	font-stretch: normal;
	line-height: 1.0;
	font-weight: bold;
	color: #38A32A;
	page-break-after: avoid;
	voice-family: male;
}

h1 {
	font-size: 182%;
	margin: 0 0 1em 0;
}

h2, .animation p {
	font-size: 167%;
	margin: 0 0 1em 0;
}

h3 {
	font-size: 138.5%;
	margin: 1em 0 1em 0;
}

h4 {
	font-size: 116%;
	margin: 0.5em 0 0.25em 0;
}

h5, th, dt, legend {
	font-size: 100%;
	font-weight:bold;
}

p, 
li, dd, 
td, th {
    line-height: 1.3;
	border: none;
	vertical-align: top;
}

.hidden {
	display: none;
	visibility: hidden;
}

.center {
	text-align: center;
}

/* Bilder */

img {
	border: none;
}

p img,
img.photocontent {
	max-width: 100%;
}

img.intext-right,
.intext-right img,
#maincol p img {
	float:right;
	max-width: 60%;
	margin-left: 2em;
}

/* Listen */

ul, ol, dl {
	margin: 0;
}

li {
	list-style-position: outside;
	margin-left: 1.5em;
}

ol li {
	list-style-type: decimal;
}

ul li, dl dd {
	list-style-type: disc;
	margin-bottom: 0.25em;
}

dt {
}

dd {
	margin-left: 1em;
	background: none;
}

li li {
	margin-left: 3em;
}


li li li {
	margin-left: 4.5em;
}

ul.farbmagie {
	font-size: 200%;
	margin-bottom: 0.5em;
	color: transparent;
}

ul.farbmagie a {
	color: transparent;
}

ul.farbmagie li {
	list-style-type: none;
	display: inline-block;
	margin: 0 5px 0 0;
	border: 1px solid white;
	width: 1em;
	height: 1em;
	opacity: 0.5;
	cursor: pointer;
	position: relative;
}

ul.farbmagie li.active,
ul.farbmagie li:hover {
	opacity: 1.0;
	top: -0.125em;
}

/* Links */

a:link, 
a:visited, 
a:active {
	text-decoration: none;
	color: #def;
}

a:active {
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

/* Auszeichnungen */

i, em {
	font-style: italic;
	pitch: high;
}

b, strong {
	font-weight: bold;
	volume: loud;
}

/* Forms */


/* Microformats */

.vcard {
	margin: 1em 0 1em 0;
}

.vcard .n div,
.vcard .postal-code {
	display: inline;
}

/* Bereiche */

#hd {
	width: 100%;
	height: 130px;
	background-image: url(/media/img/topback.gif);
	background-repeat: repeat-x;
}

#upperleftcorner {
	position: absolute;
	background-image: url(/media/img/topleft.jpg);
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	height: 297px;
	width: 299px;
}

#upperrightcorner {
	position: absolute;
	top: 0;
	right: 0;
	height: 130px;
	width: 300px;
	background-image: url(/media/img/logotopright.gif);
	background-repeat: no-repeat;
}

#bd {
	/*
	width: 100%;
	height: 100%;
	*/
}

#leftbar {
	/* background-color: #38A32A; */
	background-image: url(/media/img/leftback.gif);
	background-repeat: repeat-y;
	position: absolute;
	width: 130px;
	left: 0;
	/*
	bottom: 0;
	top: 0;
	*/
	height: 100%;
}

#soundcontrol {
	padding: 1em;
	position: fixed;
	bottom: 0;
}

#content, #content2 {
	margin: auto;
	max-width: 800px;
	color: #fff;
	position: absolute;
	left: 50px;
	right: 50px;
	font-size: 100%;
}

#content2, #transition {
	display: none;
}

.narrowcol, .widecol {
	float: left;
	margin-right: 2%;
}

.narrowcol {
	width: 38%;
}

.widecol {
	width: 58%;
}

.maincol {
	width: 100%;
}

/* Galerie */

.gallery {
	font-size: 100%;
	color: #fff;
}

.gallery a {
	color: #fff;
	/* text-decoration: none; */	
}

.gallery h3 {
	margin: 0 0 0.5em 0;
}


#imgcontainer {
	width: 400px;
	height: 300px;
}

.schnaeflo #imgcontainer {
	width: 300px;
	height: 500px;
}

#gallerycontent #imgcontainer img#loading {
	width: 32px;
	height: 32px;
}

#gallerycontent ul li {
	visibility: hidden;
	list-style: none;
	display: inline;
}

#gallerycontent ul li img {
	width: 1px;
}

/* Navi */

ul.navigation {
	width: 115px;
	letter-spacing: 0.1em;
	font-stretch: ultra-condensed;
}

ul.navigation a {
	color: #fff;
	text-decoration: none;
}

ul.navigation > li {
	list-style-type: none;
	text-transform: uppercase;
	margin-left: 0;
	padding-left: 1em;
}

ul.navigation > li.schnaeflo {
	letter-spacing: 0;
	margin-top: 2em;
	font-size: 85%;
}

ul.navigation li:hover {
	background-color: #16412E;
}

ul.navigation li li {
	list-style-type: disc;
	text-transform: none;
	font-size: 85%;
	letter-spacing: 0;
	margin-left: 1.25em;
}

ul.navigation li li:hover {
	font-weight: bold;
}