html, body {
	margin: 0px; 
	text-align: left;
/*	background-color: #ccc;*/
	} 

/*#container {
	position: relative; top: 25px;
	width: 800px;
	margin: 0 auto 0 auto;
	text-align: left;
	}*/

#box {
	position: absolute; top: 25px; left: 50%; bottom: 0;
	max-width: 400px;
	float: right;
/*	overflow: show; */
/*	border-left: 1px dotted #333; /* farbe lšschen! */
/*	background-color: orange; /* farbe lšschen! */
	text-align: left;
	}

#titel {
	position: relative; top: 0.4em; left: 0px;
/*	border: 1px solid #99c; /* farbe lšschen! */
	}

div#story {
	position: relative; top: 50px; left: 0; bottom: 0;
	margin-bottom: 4em;
	z-index: 0;
	padding: 0 0 1em;
/*	margin: 0 0 2em;*/
/*	border-bottom: 1px solid red;*/
/*	overflow: scroll;*/
	}
	
div#storage {
	display: none; 
	}



/*  ab hier aus navi.css  ###########################################   */



#navi {
	position: fixed; top: 25px; right: 50%; /* Aaaaachtung, fixed!!! */
	float: left;
	margin: 0; 
	max-height: 600px;
	width: 400px;
	padding: 0;
/*	background-color: #cfc; /* farbe lšschen! */
/*	border: 1px solid #fcf; /* farbe lšschen! */
	}
	
#navi a {
	font: normal 10px Verdana, sans-serif; 
	color: #666;
	letter-spacing: 0.1em;
	line-height: 1em;
	text-decoration: none;
	border: 0;
	}
#navi a:link, #navi a:visited {
	color: #666;
	}
#navi a:hover, #navi a:active {
/*	color: #f63;*/
	}

/* #########################################  H A U P T N A V I */


#hnavi {
	position: relative; top: -10px; left: -40px; 
/*	border: 1px solid #999; /* Farbe lšschen */
	}
/*#hnavi ul {
	margin-top: 0;
	padding-top: 0;
	}*/

#hnavi ul li,
#snavi ul li {
	list-style: none; 
	white-space: pre;
	line-height: 0em;
	margin: 0.5em 0 0 0;
	padding: 0;
	text-align: left;
	}
#hnavi ul li a#hcurrent,
#snavi ul li a#scurrent {
	color: #f63;
	}
#hnavi ul li a#hcurrent:after,
#snavi ul li a#scurrent:after {
	content: " >>"
	}

/* #########################################  S U B N A V I */


#snavi {
	position: absolute; top: -10px; left: 7em;
	width: 100px;
/*	border: 1px solid #f99; /* Farbe lšschen */
	}
/*#snavi ul { /* źberdenken 
	border-left: 1px solid #999;
	padding: 0 0 0.2em 2em;
	width: 85px;
	}*/
#snavi table {
	font: normal 10px Verdana, sans-serif; 
	color: #666;
	border-collapse: collapse;
/*	margin-top: 1.2em;*/
	}
#snavi col.g {
	background-color: #ececec;
	}
#snavi caption {
	font: normal 10px Verdana, sans-serif; 
	text-transform: uppercase;
	white-space: pre;
	letter-spacing: 0.1em;
	text-align: left;
	padding: 1.5em 0px 1px 7px;
	}
#snavi th, td {
	text-decoration: none;
	width: 1.7em;
	height: 1.5em;
	empty-cells: show;
	text-align: right; 
	padding: 0 4px 0 6px;
	}
#snavi a, 
#snavi a:link, 
#snavi a:visited {
	font: bold 10px Verdana, sans-serif; 
	color: #666;
	letter-spacing: 0.1em;
	line-height: 1em;
	text-decoration: none;
	border: 0;
	}
#snavi ul li a, 
#snavi ul li a:link, 
#snavi ul li a:visited {
	font: normal 10px Verdana, sans-serif; 
	color: #666;
	letter-spacing: 0.1em;
	line-height: 1em;
	text-decoration: none;
	}
#snavi a:hover, a:active {
	color: #f63; 
	}
td#scurrent {
	background-color: #f63;
	}
td#scurrent a,
td#scurrent a:link,
td#scurrent a:visited {
	color: #fff;
	}

/* #########################################  N A V I   R E S T */

#karta {
	position: relative; top: 0px; left: 0px;
	float: left;
	width: 350px;
	max-height: 500px;
/*	background-color: #9c9; /*farbe lšschen! */
	z-index: 1;
	}

#karta img {
	padding: 0;
	margin: 2em 0 0 0;
	}

div#bilder {
	position: relative; bottom: 0; right: 0;
	width: 400px;
	z-index: 2;
/*	border: 1px solid #1c1; /*farbe lšschen! */
/*	background-color: #3c3; /*farbe lšschen! */
	}
#bilder img {
	height: 50px;
	width: 50px;
	}


/* #########################################  XYZ */

#test {
/*	position: absolute; */
	display: none;
	}

/* #########################################  T E X T */

/*#story p, 
#fuss p,
#karta */ p {
/*	position: relative; */
	font: normal 11px Verdana, sans-serif; 
	line-height: 1.6em; 
	margin: 1em 0 0.5em;
	max-width: 400px; 
/*	margin-right: 50px;*/ 
	}
#story p,
#karta p {
	color: #333;}

/* #########################################  † B E R S C H R I F T E N */

h1, h2, h3 {
	font: bold 14px Verdana, sans-serif;
	color: #f63;
	margin: 1em 0 0.6em 0;
	}
h2 {
	font: bold 11px Verdana, sans-serif;
	color: #f63;
	margin: 2em 0 0.6em;
	}
h3 {
	font: normal 11px Verdana, sans-serif;
/*	color: #666;*/
	padding: 0;
	}
h3, h3 a, h3 a:link, h3 a:visited {
	font-weight: normal;
	color: #666;
	padding: 0;
	}

/* #########################################  L I N K S */

a {
	text-decoration: none;
	padding: 0 0 1px 0;
	border-bottom: 1px solid #666; 
	color: #333;
	}
a:link, a:visited, a:hover, a:active {
	font: normal 11px Verdana, sans-serif; 
	line-height: 1.6em;}
a:visited {
	color: #333;}
a:hover {
	background-color: #eee;
	}
a:active {
	color: #f63;}
a.index {
	vertical-align: super;
	font: bold 7px Verdana, sans-serif;
	color: #f63;
	text-decoration: none;
	}

/* #########################################  L I S T E N (#story) */

#story ul {
	list-style: none;
	}
#story ul li {
	font: normal 11px Verdana, sans-serif; 
	color: #f63;
	margin: 1em 0 0 -40px;
	}
#story ul ul li {
	font: normal 11px Verdana, sans-serif;
	color: #f63;
	margin: 0px;
	padding: 0;
	}
#story ul ul ul li {
	margin-left: 0px;
	color: #333;
	}
#story ol li {
	font: normal 11px Verdana, sans-serif; 
	color: #f63;
	margin: 1em 0 0 0;
	}

/* #########################################  Z I T A T E */


blockquote.jf:before {
	content: "Jan-Frederic: "; 
	font: italic 11px Verdana, sans-serif;}
blockquote.m:before {
	content: "Martin: "; 
	font: italic 11px Verdana, sans-serif;}
blockquote.a:before {
	content: "Alex: "; 
	font: italic 11px Verdana, sans-serif;}
blockquote {
	font: normal 11px Verdana, sans-serif; 
	line-height: 1.6em;
	color: #666;
	border-left: 1px solid; 
	margin-left: 0; 
	padding-left: 1em;}

#fuss {
	position: static; top: 0px;
	padding: 0;
	margin: 0;
	color: #666;
/*	background-color: yellow;                   /*farbe lšschen! */
	}
#fuss ol {
	list-style-type: decimal;                   /* type??? */
	color: #f63;
	font: normal 11px Verdana, sans-serif; 
	margin-left: -1.5em;
	}
#fuss ul {
	list-style-type: none;                   /* type??? */
	}
#fuss p.sub {
	font-style: italic; 
	max-width: 380px;
/*	margin-top: 3.2em;*/
	}
#fuss p.sub i {
	font-style: normal;}

hr	{
/*	text-align: left;*/
	width: 150px;
	margin: 2em auto 1em 0;
	height: 1px;
	background-color: #666;
	border: 0px;
/*	noshade: noshade;*/
	}


img {
	border: 0;
	margin: 0 10px 15px 0;
	}


.f1 {
	float: left;
	padding: 0 0 0 2.5em; 
	margin: 0 1em 5px 0;}
.f2 {
	float: right;
	padding: 1em 0 1em 2em; 
	margin: 0 0 5px 1em;}

/* #########################################  A U S Z E I C H N U N G E N */

em {
	font-style: italic;}
b {
	color: #999;
	}

acronym {
	border-bottom: 0;
	}
acronym, acronym.i {
	font-style: normal; 
	letter-spacing: 0.1em;
	speak: spell-out;  /* schreibweise prźfen!! */
	}
acronym.lc, acronym.ilc {
	font-style: normal; 
	letter-spacing: 0;
	}
acronym.i, acronym.ilc {
	font-style: italic;
	}

code {
	font: normal 11px Bitstream Vera Sans Mono, mono;
	color: #036;
	}

#story p.einzug {
	color: #e52;
	margin: 1em 0 -1em 0;
	padding: 0 0 0 3em;
	}


/* ###############################  I N T E R N E T  E X P L O D E R */

#ie/* test */ {
	display: none;
	}
#ie p {
	font: normal 11px Verdana, sans-serif; 
	line-height: 1.6em; 
	margin: 1em 0 0.5em;
	max-width: 400px; 
	}


/* #########################################  S T A N D A R D */


#standard {
	display: none;
	position: fixed; bottom: 0; left: 0; right: 0;
	text-align: center;
	}

#standard ul {
/*	border-top: 1px dotted gray;*/
	margin: 0;
	padding: 0.2em 0 0.5em 0;
	background-color: #eee;
	}

#standard li {
	border: 1px solid #999;
	border-width: 0 0 0 1px;
	margin: 0 10px 0 0;
	padding: 0 0 0 15px;
	}

#standard li:first-child {
	border-width: 0;
	}

#standard ul li,
#standard p,
#standard a {
	position: static; left: auto; right: auto;
	display: inline;
	color: #666;
	text-decoration: none;
	}

#standard a {
	border-bottom: 1px solid #999;
	padding: 0 0 1px 0;
	}
	
#standard a:link, #standard a:visited {
	color: #666;
	}
#standard a:hover, #standard a:active {
	background-color: #ddd;
	}

/*#standard p {
	padding: 0;
	margin: 0;
	}*/