/* 
===============================================================================
	General settings & Division of browser window
===============================================================================
*/

html { 
	vertical-align: middle;
	background-color: #eeeecc;
	margin: 0px;
	padding: 0px;
	border-style: none;
	border-width: 0px;
	position: static;
	z-index: 1;
}


#index {
	background-color: #eeeecc;
	position: relative;
	margin: 0px;
	padding: 0px;
	z-index: 2;
}


/* Title bar: that's the fancy collage on top */
#titleBar {
	background-color: #000044;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	margin-left: -479px;
	margin-top: 0px;
	left: 50%;
	top: 20px;
	padding: 0px;
	height: 130px;
	width: 958px;
	position: absolute;
	z-index: 3;
}

/* 
===============================================================================
   defines the outer frame and its title bar 
===============================================================================
*/

#outerFrameTitleBar {
	background-color: #000044;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	margin-left: -455px;
	left: 50%;
	top: 185px;
	padding: 0px;
	vertical-align: top;
	text-align: left;
	color: #eeeeff;
	font-size: 1.1em;
	font-weight: bold;
	height: 25px;
	width: 910px;
	position: absolute;
	overflow: auto;
	z-index: 3;
}

#outerFrame {
	border-color: #000077;
	background-color: #eeeeff;
	border-style:  solid;
	border-width: 1px;
	margin-left: -455px;
	left: 50%;
	top: 210px;
	padding: 0px;
	vertical-align: middle;
	text-align: center;
	width: 910px;
	position: absolute;
	z-index: 3;
}



#outerFrameTitleBar {
	background-color: #000044;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	margin-left: -455px;
	left: 50%;
	top: 185px;
	padding: 0px;
	vertical-align: top;
	text-align: left;
	color: #eeeeff;
	font-size: 1.1em;
	font-weight: bold;
	height: 25px;
	width: 910px;
	position: absolute;
	overflow: auto;
	z-index: 3;
}


.titleBarCaption {
	font-size: 18px;
	color: #eeeeff;
	padding: 0px;
	margin: 0px;
	text-align: left;
	border-style: none;
	border-width: 0px;
	bottom: 2px;
	left: 5px;
	position: absolute;
}


.titleBarSmallDate {
	font-size: 13px;
	color: #eeeeff;
	padding: 0px;
	margin: 0px;
	border-style: none;
	border-width: 0px;
	text-align: right;
	vertical-align: bottom;
	bottom: 2px;
	right: 5px;
	position: absolute;
}

.titleBarLocation {
	font-size: 15px;
	text-decoration: none;
	color: #eeeeff;
}

a.titleBarLink2:visited {
	font-size: 15px;
	color: #eeeeff;
	text-decoration: none;
}

a.titleBarLink2:link {
	font-size: 15px;
	color: #eeeeff;
	text-decoration: none;
}

a.titleBarLink2:hover {
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
}

/* 
===============================================================================
   defines the table for images 
===============================================================================
*/

table.imageTable {
	border-style: none;
	border-width: 0px;
	border-spacing: 5px;
	padding: 0px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
}

tr.imageRow {
	border-style: none;
	border-width: 0px;	
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	position: relative;
}

td.textCell {
	border-color: #000000;
	border-style: none;
	border-width: 0px;
	padding: 5px;
	position: relative;
	margin-left: 3px;
	margin-right: 3px;
	text-decoration: none;
}

td.imageCell {
	border-color: #000000;
	border-style: none;
	border-width: 0px;
	padding: 0px;
	position: relative;
	margin-left: 3px;
	margin-right: 3px;
	width: 199px;
	height: 149px;
	text-decoration: none;
}

table tr td a img.framed {
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	padding: 0px;
}


/* 
===============================================================================
   defines the entries for the locations 
===============================================================================
*/

.location {
	background-color: #000044;
	border-style: none;
	border-width: 0px;
	margin-left: -455px;
	left: 50%;
	padding: 0px;
	text-align: left;
	color: #eeeeff;
	font-size: 1.1em;
	font-weight: bold;
	width: 910px;
	position: absolute;
	z-index: 3;
}

.locationText {
	background-color: #000044;
	border-style: none;
	border-width: 0px;
	margin-left: -455px;
	left: 50%;
	padding: 0px;
	text-align: left;
	color: #eeeeff;
	font-size: 1.1em;
	font-weight: bold;
	width: 638px;
	z-index: 3;
}

.locationPicture {
	background-color: #000044;
	border-style: none;
	border-width: 0px;
	margin-left: -455px;
	left: 50%;
	padding: 0px;
	text-align: left;
	color: #eeeeff;
	font-size: 1.1em;
	font-weight: bold;
	width: 638px;
	position: relative;
	z-index: 3;
}

.locationImage {
	background-color: #000044;
	border-style: solid;
	border-width: 1px;
	padding: 0px;
	position: relative;
	z-index: 3;
}


/* 
===============================================================================
	Text elements
===============================================================================
*/

.description {
	font-family: "Comic Sans MS";
	font-size: 0.8em;
	font-stretch: wider;
	color: #333366;
	text-align: center;
}


/* this refers to titles in the index pages */
.title {
	font-size: 12pt;
	font-weight: bold;
}

	
/* italic */
.emphasis {
	font-style: italic;
}


/* this ought to be used for welcome text in index.html */
.intro {
	font-family: "Comic Sans MS";
	font-size: 10.3pt;
	font-stretch: wider;
	color: #333366 ;
	text-align: center;
}


a:link img, a:visited img, a:hover img {
	border-style: none;
	border-width: 0px;
}

a:link, a:visited, a:hover {
	text-decoration: none;
}


/* 
===============================================================================
	Story popup window  - elements
===============================================================================
*/

h1.title {
	font-family: "Comic Sans MS";
	font-size: 12pt;
	font-weight: bold;
	font-stretch: wider;
	color: #333366 ;
	text-align: center;
}

p.story {
	font-family: "Comic Sans MS";
	font-size: 9.3pt;
	font-stretch: wider;
	color: #333366;
	text-align: left;
}

.storylink {
	font-family: "Comic Sans MS";
	font-size: 8pt;
	font-stretch: wider;
	color: #333366;
	text-align: center;
}






































body {
	background-color:#ffffff;
}

/* Das p ist nötig, weil Opera das text-align-Attribut innerhalb von <td><span> nicht auswertet (aber in <td><p> schon) */

p.description {
	font-family: "Comic Sans MS";
	font-size: 9.3pt;
	font-stretch: wider;
	color: #333366;
	text-align: center;
}

.indexdesc {
	font-family: "Comic Sans MS";
	font-size: 8pt;
	font-stretch: wider;
	color: #333366;
	text-align: center;
}

/* Für Titelworte in den Index-Pages */
.title {
	font-size: 12pt;
	font-weight: bold;
}

img.framed {
	border-color: black;
	border-style: solid;
	border-width: 1px;
	padding: 1px;
	text-decoration: none;
}

	

/* Einfach in italic setzen - z.B. für Hervorhebungen innerhalb einer Beschreibung */
.emphasis {
	font-style: italic;
}

/* Für die Begrüßung (normalerweise index.html) */

.intro {
	font-family: "Comic Sans MS";
	font-size: 10.3pt;
	font-stretch: wider;
	color: #333366 ;
	text-align: center;
}

/* nicht anzeigbar: 2C3137 blau-grau:333366 CC6633*/


/* Abschnitt für Story-Fenster */

h1.title {
	font-family: "Comic Sans MS";
	font-size: 12pt;
	font-weight: bold;
	font-stretch: wider;
	color: #333366 ;
	text-align: center;
}

p.story {
	font-family: "Comic Sans MS";
	font-size: 9.3pt;
	font-stretch: wider;
	color: #333366;
	text-align: left;
}

.storylink {
	font-family: "Comic Sans MS";
	font-size: 8pt;
	font-stretch: wider;
	color: #333366;
	text-align: center;
}