/* 
===============================================================================
	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 frames 
===============================================================================
*/

#news {
	border-color: #000077;
	background-color: #eeeeff;
	border-style:  solid;
	border-width: 1px;
	margin-left: -460px;
	left: 50%;
	top: 170px;
	padding: 0px;
	vertical-align: middle;
	text-align: center;
	width: 920px;
	height: 50px;
	position: absolute;
	z-index: 3;
} /* geht bis 240 px */


#ads {
	border-color: #000077;
	background-color: #eeeeff;
	border-style:  solid;
	border-width: 1px;
	margin-left: -460px;
	left: 50%;
	top: 165px;
	padding: 0px;
	vertical-align: middle;
	text-align: center;
	width: 920px;
	height: 70px;
	position: absolute;
	z-index: 3;
} /* geht bis 490 px */


#welcomeWordsFrame {
	border-color: #000077;
	background-color: #eeeeff;
	border-style:  solid;
	border-width: 1px;
	margin-left: -460px;
	left: 50%;
	top: 240px;
	padding: 0px;
	vertical-align: middle;
	text-align: center;
	width: 920px;
	height: 210px;
	position: absolute;
	z-index: 3;
} /* geht bis 420px */


/* this is a container for all continents */

#travelOuterFrame {
	border-color: #000077;
	background-color: #eeeecc;
	border-style:  none;
	border-width: 0px;
	margin-left: -460px;
	left: 50%;
	top: 490px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	vertical-align: middle;
	text-align: center;
	width: 920px;
	height: 2010px;
	position: absolute;
	z-index: 3;
}



/* 
===============================================================================
   Oceania 
===============================================================================
*/

#outerFrameOceania {
	border-color: #000077;
	background-color: #eeeeff;
	border-style:  solid;
	border-width: 1px;
	margin-left: -460px;
	left: 50%;
	top: 25px;
	padding: 0px;
	vertical-align: middle;
	text-align: center;
	width: 920px;
	height: 400px;
	position: absolute;
	z-index: 3;
} /* geht bis 425px */

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



/* 
===============================================================================
   Asia 
===============================================================================
*/

#outerFrameAsia {
	border-color: #000077;
	background-color: #eeeeff;
	border-style:  solid;
	border-width: 1px;
	margin-left: -460px;
	left: 50%;
	top: 500px;
	padding: 0px;
	vertical-align: middle;
	text-align: center;
	width: 920px;
	height: 755px;
	position: absolute;
	z-index: 3;
} /* geht bis 1255*/

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

/* 
===============================================================================
   Europe 
===============================================================================
*/



#outerFrameEurope {
	border-color: #000077;
	background-color: #eeeeff;
	border-style:  solid;
	border-width: 1px;
	margin-left: -460px;
	left: 50%;
	top: 1330px;
	padding: 0px;
	vertical-align: middle;
	text-align: center;
	width: 920px;
	height: 565px;
	position: absolute;
	z-index: 3;
} /* geht bis 1895px */




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


/* 
===============================================================================
   Contact 
===============================================================================
*/

#contactFrame {
	border-color: #000077;
	background-color: #eeeeff;
	border-style:  solid;
	border-width: 1px;
	margin-left: -460px;
	left: 50%;
	top: 1940px;
	padding: 0px;
	vertical-align: middle;
	text-align: center;
	width: 920px;
	height: 50px;
	position: absolute;
	z-index: 3;
} /* geht bis 1990px */



/* 
===============================================================================
   generic definitions for title bars 
===============================================================================
*/

.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 tables for images 
===============================================================================
*/

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

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

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;
}




/* 
===============================================================================
	Generic text elements
===============================================================================
*/

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

.news {
	font-family: "Comic Sans MS";
	font-size: 9pt;
	font-weight: bold;
	color: #333366;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

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

.welcomeWords {
	font-family: "Comic Sans MS";
	font-size: 9pt;
	color: #333366;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}


/* 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;
}