@import url(niftyCorners.css);
/* ****************************************************************/
/*  General Styles  */
/* ****************************************************************/

body
 { 
	position: relative;
	/*original: font-family:Verdana, Helvetica, serif; font-size: 11px;	*/
	font-family:Verdana, Helvetica, serif; font-size: 10px;	
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	
	
	/*
	font-family: Arial;
background-color: #fff;
color: #444;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.5em;
font-size: 1em;
	*/
	
	
	margin: 0px; 
	
	color: #555753; background-color: rgb(75,87,92);
	overflow-x: hidden;
	text-align: center;
}

a {	text-decoration: none; }
a:hover {	text-decoration: none; }
img { border: 0px;}
a:link img { border: 0px  }

/* ****************************************************************/
/* Top Right Hand Menu (decent menu)																					*/
/* ****************************************************************/
#topMenu
{
	position: relative; width:370px; height:18px; top:8px; margin-left:560px;
	background-color: rgb(93,104,108);color: rgb(164,179,185);
	line-height: 18px;
}

#topMenu a { color: rgb(164,179,185);font-family:Verdana; font-size: 11px; letter-spacing:0.1ex; padding: 4px 0px 0px 19px;}
#topMenu a:hover { color: #fff; text-decoration: none;}


/* ****************************************************************/

#outerContainer 
{
	position: relative;
    margin: 0 auto;
    width: 985px;
    text-align: left;
}
/*{position: relative; width:985px; margin:0 auto; padding-left:5px;}*/
#innerContainer {width:955px; margin-left:20px;}


/* ****************************************************************/

#intro
{	
}

/* ****************************************************************/
/* Page Header 													  */
/* ****************************************************************/
#pageHeader
{
	position:		relative; height: 55px; width: 955px;
	margin-top:	10px; 	background-color: rgb(111,130,130);
	overflow: visible;
}

/* ****************************************************************/

#pageHeader p{ display: none; }
#pageHeader	img.lotus { position: absolute; left: 0px; top:0px; z-index: 2; }
#pageHeader	img.brand { position: absolute; left: 92px; top:0px; z-index: 3; }

#pageHeader	img#Anfang01 { position: absolute; left: 500px; top:11px; height: 35px; z-index: 6;}
#pageHeader	img#Tiefe01  { position: absolute; left: 638px; top:11px; height: 35px; z-index: 5;}
#pageHeader	img#Welt01   { position: absolute; left: 777px; top:11px; height: 35px; z-index: 4;}

#pageHeader	img#Anfang02 { position: absolute; left: 500px; top:11px; height: 35px;z-index: 4; }
#pageHeader	img#Tiefe02  { position: absolute; left: 638px; top:11px; height: 35px;z-index: 5; }
#pageHeader	img#Welt02   { position: absolute; left: 777px; top:11px; height: 35px;z-index: 4; }

#pageHeader	img#Anfang03 { position: absolute; left: 500px; top:11px; height: 35px; }
#pageHeader	img#Tiefe03  { position: absolute; left: 638px; top:11px; height: 35px; }
#pageHeader	img#Welt03   { position: absolute; left: 777px; top:11px; height: 35px; }


/* ****************************************************************/

#pageHeaderBreak
{
	position:	relative;	height:	8px; width: 955px; z-index: 1;
	font-size: 1px;
}


/* ****************************************************************/
/* Content stuff (sharred)				  						  */
/* ****************************************************************/
#path { position: absolute; top:20px; left:35px; color:rgb(147,179,164); font-size:11px;text-transform:uppercase;}
#path a { color: rgb(147,179,164); font-size: 11px; letter-spacing:0.1ex; padding: 0px 0px 0px 0px;}
#path a:hover { color: #fff; text-decoration: none;}

#title { position: absolute; top:40px; left:35px; color:rgb(111,130,130); font-size:29px;line-height:31px; font-stretch:narrower}


/* ****************************************************************/
/* Bottom Navigation   	 										  */
/* ****************************************************************/

#navSection01_div01 { position: absolute; height: 55px; width: 955px; visibility: visible; z-index:4; }
#navSection01_div02 { position: absolute; height: 55px; width: 955px; visibility: hidden; }
#navSection02_div01 { position: absolute; height: 55px; width: 955px; visibility: hidden; }
#navSection03_div01 { position: absolute; height: 55px; width: 955px; visibility: hidden; }

.anfang div img { position: absolute; left: 20px; top: 15px; }
.anfang div p{ display: none; }
.tiefe div img { position: absolute; left: 20px; top: 15px; }
.tiefe div p{ display: none; }
.welt div img { position: absolute; left: 20px; top: 15px; }
.welt div p{ display: none; }

.anfang div{background-color: rgb(236,211,207);}
/* ecd3cf rgb(236,211,207); */
.anfang div div{background-color: transparent;}
.tiefe div{background-color: rgb(254,215,178);} 
/* fed7b2 rgb(254,215,178); sollte rgb(248,211,173); sein */
.tiefe div div{background-color: transparent;}
.welt div{background-color: rgb(175,223,230);}
/* ist rgb(175,223,230); solte rgb(192,216,223); */
.welt div div{background-color: transparent;}
/* ****************************************************************/

/* ****************************************************************/

.navArrowLeft { position: absolute; left: 142px; top: 2px; }
.ChapterCell01, .ChapterCell09 { position: absolute; left: 182px; top: -8px; }
.ChapterCell02, .ChapterCell10 { position: absolute; left: 253px; top: -8px; }
.ChapterCell03, .ChapterCell11 { position: absolute; left: 324px; top: -8px; }
.ChapterCell04, .ChapterCell12 { position: absolute; left: 395px; top: -8px; }
.ChapterCell05, .ChapterCell13 { position: absolute; left: 466px; top: -8px; }
.ChapterCell06, .ChapterCell14 { position: absolute; left: 537px; top: -8px; }
.ChapterCell07, .ChapterCell15 { position: absolute; left: 608px; top: -8px; }
.ChapterCell08, .ChapterCell16 { position: absolute; left: 679px; top: -8px; }
.navArrowRight { position: absolute; left: 764px; top: 2px; }

/* ****************************************************************/

.navChapterThumbnails div div.buble{
	background-image: url(../images/anfang_bubble_arrow.gif);
	background-repeat: no-repeat;
	background-position: 40px 28px;	
	height: 42px;
	padding-bottom: 0px;
	bottom: -23px;
	display: block;
	visibility: hidden;
	position: absolute;
	min-width: 300px;
	max-width: 500px;
	left: 10px;
	z-index: 4;
}

.navChapterThumbnails div div.buble span{
	display: inline;
	float: none;
	padding: 8px 5px 6px 5px;
	background: #c87065;
	color: rgb(255,255,255);
	font-size: 13px;
	height: 30px;
	position: relative;
	bottom: 9px;
	z-index: 5;
}

/* different colors for the sections & round corners for the mousover bubbles */
.anfang div div.navChapterThumbnails div div.buble span{background: rgb(178,92,73)}
.tiefe div div.navChapterThumbnails div div.buble{background-image: url(../images/anfang_bubble_arrow.gif)}
.anfang div div.navChapterThumbnails div div.buble:before{content: url(../images/bubble_anfang_left.png)}
.anfang div div.navChapterThumbnails div div.buble:after{content: url(../images/bubble_anfang_right.png)}

.tiefe div div.navChapterThumbnails div div.buble span{background: rgb(219,153,59)}
.tiefe div div.navChapterThumbnails div div.buble{background-image: url(../images/tiefe_bubble_arrow.gif)}
.tiefe div div.navChapterThumbnails div div.buble:before{content: url(../images/bubble_tiefe_left.png)}
.tiefe div div.navChapterThumbnails div div.buble:after{content: url(../images/bubble_tiefe_right.png)}

.welt div div.navChapterThumbnails div div.buble span{background: rgb(49,142,182)}
.welt div div.navChapterThumbnails div div.buble{background-image: url(../images/welt_bubble_arrow.gif)}
.welt div div.navChapterThumbnails div div.buble:before{content: url(../images/bubble_welt_left.png)}
.welt div div.navChapterThumbnails div div.buble:after{content: url(../images/bubble_welt_right.png)}




/* ****************************************************************/

.navChapterThumbnails div:hover div.buble{
	visibility: visible;
}
/* ****************************************************************/

#ChapterTitle 
{ 
	color: rgb(127,59,40);
	
}

#tooltip
{
	display: block;
	cursor: text;
	color: rgb(127,59,40);
	float: right;
	padding: 5px;
	border-top: 		3px solid rgb(178,92,73);
	border-right: 	3px solid rgb(178,92,73);
	border-left: 		3px solid rgb(178,92,73);
	border-bottom: 	3px solid rgb(178,92,73);
	background: rgb(255,255,255);
	margin-right: 2px;
	min-width: 100px;
	z-index: 5;

	 
}





/* ****************************************************************/
/* Side Bar for Bottom Navigation																*/
/* ****************************************************************/
#sideTabs	{ }
#sideTabAnfang { position: absolute; top: 518px;  z-index:4; }
#sideTabTiefe { position: absolute; top: 484px; z-index:3; }
#sideTabWelt { position: absolute; top: 449px; z-index:2; }



/* ****************************************************************/
/* Copyright													  */
/* ****************************************************************/

#copyright 
{ 
	position: absolute; top: 598px; left:25px; font-size: 9px;width:955px;
	color: rgb(164,179,185);
	line-height: 12px;
	background-color: rgb(75,87,92);

}
/* this copyright rule applies only on long pages*/
#extra-copyright 
{ 
	font-size: 9px;width:955px;
	color: rgb(164,179,185);
	line-height: 12px;
	background-color: rgb(75,87,92);
}

#copyright a, #extra-copyright a { color: rgb(164,179,185);font-family:Verdana; font-size: 9px; letter-spacing:0.1ex; padding: 4px 0px 0px 21px;}
#copyright a:hover, #extra-copyright a:hover { color: #fff; text-decoration: none;}