/*
 * Style sheet file: default.css
 * Travel with Manfred
 */

/*
 * NOTE: The // pattern as comment is NOT allowed! MS IE doesn't like it.
 * NOTE: The _ character is NOT allowed in style names! Netscape ignores all styles with _ in the name!
 *
 * The styles in this file are sorted by name/alphabetically.
 */

/******************************************* img *********************************************/

a   	  { color: blue; text-decoration: none; }
a:active  { color: red;  text-decoration: none; }
a:hover   { color: red;  text-decoration: none; background: #ffff80}
a:link    { color: blue; text-decoration: none; }
a:visited { text-decoration: none; }

a.item {   /* used in left.htm files: there are level1, level2, and item */
	font-size: 		11px;   		/* pt, px, x-small */
	margin-left: 		5px; 
	margin-top: 		-1px; 
	margin-bottom: 		-1px; 
	color:			black;
}

a.level1 {   /* used in left.htm files: there are level1, level2, and item */
	font-size: 		11px;   		/* pt, px, x-small */
        line-height: 		11px;			/* 80%, 10px, 8 pt */
	color:			blue;
}

a.level2 {   /* used in left.htm files: there are level1, level2, and item */
	font-size: 		11px;   		/* pt, px, x-small */
	margin-left: 		15px; 
	color:			darkblue;
}

a.hide , a.hide:active , a.hide:hover , a.hide:link , a.hide:visited { 
	color: 			#ffffff;  /* grey=#808080 */  /* #eeeeee; 20080623 */
	text-decoration: 	none; 			/* text-decoration: underline; */
	font-size: 		1px; 			/* Netscape does not allow 0px */
	margin: 		0px;			/* Netscape permits to set it to 0 */
	line-height: 		0px;			/* 80%, 10px, 8 pt */
	background: 		#fffffe;  /* #eeeeef;	 20080623 */	/* make it different so the search engine doesn't think we are cheating */
}

a.hide2 , a.hide2:active , a.hide2:hover , a.hide2:link , a.hide2:visited { 
	color: 			#a0a0a0;
	text-decoration: 	none; 			/* text-decoration: underline; */
	font-size: 		1px; 			/* Netscape does not allow 0px */
	margin: 		0px;			/* Netscape permits to set it to 0 */
	line-height: 		0px;			/* 80%, 10px, 8 pt */
	background: 		#a0a0a1;		/* make it different so the search engine doesn't think we are cheating */
}


body { 
	/*  greyStripes: dark: 230+230+230 == e6e6e6;;    light: 238+238+238 == eeeeee   */
	/* background-image: 	url("../images/stripesLightGreyXWide.gif");  */	/* Manfred new 20080623 */
	/* background-repeat: 	repeat; */			/* no-repeat, repeat */ 		/* Manfred new 20080623 */
	/* background-color: 	#eeeeee; */		/* Manfred new 20080623 */
	color: 			black;
/*	width: 			950px; */		/* Manfred new 20080623 */
	font-family: 		Tahoma;  
/*
	font-family: 		Verdana, Arial, Helvetica, Courier 
    font-family: 		Verdana, Arial, Helvetica, sans-serif;
    font-family: 		MS Sans Serif;
    font-family: 		Trebuchet MS;
    font-family: 		Univers, Arial;
	font-family: 		Courier New;
	font-family: 		Tahoma;	
	font-family: 		NewCenturySchlbk, Garamond, Times, serif;
*/
	font-size: 		14px;   		/* pt, px, x-small */
	font-style: 		normal; 		/* normal, italic */
	font-weight: 		normal;  		/* none, normal, bold */
	text-decoration: 	none;  			/* none, underline */
	margin: 		10px;
	/* margin-top:		0px; */
	/* margin-bottom: 	0px; */
	/* margin-left: 	0px; */
	/* margin-right: 	0px; */
	text-align: 		center;
	/* vertical-align: 	middle; */
}

body.travel { 		/* Manfred new 20080623 */
	margin:0;
	padding:0;
	background:#D1D1D2 url(../images/body_bg.gif) repeat-y 50% 0;  /* 50% means centered */
	color:#404040;
	text-align:center;
}

body.travel.old {
	text-align:		center;  /* hack: MSIE doesn't take margin:auto; in DIV so text-align in body is set to center; and text-align in div#travel is set to left; */
}

body.left { 
	background-image: 	url("");
	background-repeat: 	repeat;			/* no-repeat, repeat */
	background-color: 	#a0a0a0;
    margin: 		0px;
}

body.life { 
	margin-left: 	15%;
	margin-right: 	15%;
}

body.white { 
	background-image: 	url("");
	background-color: 	#ffffff;
}

div {
	margin-left: 		0px;
	margin-bottom: 		0px; 
	margin-top: 		0px; 
	margin: 		0px; 
	padding:		0px; 
	/* background-color:	#FFFFCC; */
	border-style:		solid;			/* solid, groove, inset */
	border-width:		1;
	border-color:		#666666;
}


div#container {		/* Manfred: 20080623 */
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:850px;
	border-left:1px solid #797BB2;
	border-right:1px solid #797BB2;
	background:#ffffff;
	/* background:#fff url(../images/sidebar_bg.gif) repeat-y 100% 0; */ /* this creates a vertical separation line, e.g. to be used with a second column implemented with another div */
	/* border: 		none; */
	/* border-width:		1; */
	/* border-color:	red; */
	/* visibility:		hidden; */
}

div#header {		/* Manfred: 20080623 */
	height:58px;
	position:relative;
	background:#7C7CAD url(../images/header_bg.gif) repeat-x;
	padding-top: 		0px;
	margin-top:			0px;
	padding-left: 		15px;
}

div#travel {
	/* width:			950px; */ 		/* Manfred: 20080623 */
	border: 		none;
	border-width:		0;
	/* border-color:	red; */
	/* visibility:		hidden; */
	margin-left: 		5px; 		 		/* Manfred: 20080623 */
	/* margin-left: 		auto; */
	margin-right:	5px;			 		/* Manfred: 20080623 */
	/* margin-right: 		auto; */
	text-align:		left;  /* hack: MSIE doesn't take margin:auto; so text-align in body is set to center; and text-align in div#doc is set to left; */
}

div.parent {
	margin-left: 		0px; 
	margin-bottom: 		0px; 
	margin-top: 		0px; 
	margin: 		0px; 
	padding:		0px; 
	/* background-color:	#FFFFCC; */
	border-style:		inset;			/* solid, groove, inset */
	border-width:		0;
	border-color:		#666666;
}

div.child {
	margin-left: 		25px; 
	margin-bottom: 		0px; 
	margin-top: 		0px; 
	/* margin: 		0px;  */
	padding:		0px; 
	/* background-color:	#FFFFCC; */
	border-style:		solid;
	border-width:		1;
	border-color:		#666666;
}

form.level1 {   /* used in left.htm files: there are level1, level2, and item */
	font-size: 		12px;   		/* pt, px, x-small */
	line-height: 		10px;			/* 80%, 10px, 8 pt */
	color:			black;
	margin:			0px;
}

H1, H2, H3 {
	text-align: 		center;
}

H1.header {
	text-align: 		left;
	padding-bottom:	0px;
	margin-bottom: 0px;
	padding-top:	0px;
	margin-top: 0px;
	color:			white;
	font-weight: 	bold;  		/* none, normal, bold */
}
	
H4, H5 {
	text-align: 		left;
}

H1.xsmall {
	margin: 		5px;
	font-size: 		x-small;   		/* pt, px, x-small */
}

h2.table {
	margin-top:		15px;
	margin-bottom:		5px;
}

hr {
	width:			100%;
	color:			navy;
}

img {
	/* width: 		50%;  */
	/* margin: 		10px; */
	/* margin-top:		0px; */
	/* margin-bottom: 	0px; */
	/* margin-left: 	0px; */
	/* margin-right: 	0px; */
	border: 		none;			/* solid, none */
	border-width: 		0;
	vertical-align: 	middle;			/* top, middle */
	/* position:		absolute;  */
	/* top: 		5; */			/* goes with position */
	/* left: 		0; */			/* goes with position */
	/* padding: 		0px; */
	/* cursor: 		pointer; */ 		/* hand, pointer */
	/* float:		left; */		/* left, right */
}

img.bullet {
	width:			15px;
}

img.photo {
	/* width:			100%; */
}

img.left {
	vertical-align: 	top;			/* top, middle */
	margin-left: 		0px; 
	margin-right: 		10px;
	margin-top: 		0px; 
	margin-bottom: 		0px; 
	width: 			50%; 
	float: 			left;			/* left, right */
}

img.leftWoSize {
	vertical-align: 	top;			/* top, middle */
	margin-left: 		0px; 
	margin-right: 		10px;
	margin-top: 		0px; 
	margin-bottom: 		0px; 
	float: 			left;			/* left, right */
}

img.right {
	vertical-align: 	top;			/* top, middle */
	margin-left: 		10px; 
	margin-right: 		0px;
	margin-top: 		0px; 
	margin-bottom: 		0px; 
	width: 			50%; 
	float: 			right;			/* left, right */
}

img.rightWoSize {
	vertical-align: 	top;			/* top, middle */
	margin-left: 		10px; 
	margin-right: 		0px;
	margin-top: 		0px; 
	margin-bottom: 		0px; 
	float: 			right;			/* left, right */
}

iframe {
	width: 			100%;			/* works */
	/* height: 		50%; */			/* works: based on width % */
	border: 		0px  inset;
}


p.date {
    margin: 		0px;
	text-align: 		right;
}

p.by {
	text-align: 		center; 
	font-size: 		11px; 
	font-weight: 		bold; 
	margin: 		0px;
}

p.author {
	margin-top:		5px; 
	text-align: 		center;
	text-style:	 	italic;  		/* none, underline */
	font-weight: 		bold;  			/* none, normal, bold */
}

p.xsmall {
	margin: 		5px;
	font-size: 		8pt;   			/* pt, px, x-small */
}

p.legend {
	margin: 		3px;
	font-size: 		7pt;   			/* pt, px, x-small */
	text-style:	 	italic;  		/* none, underline */
}

p.header {
	color:				#ffffff; 	
	font-size: 		12px; 	
	font-weight: 	bold;  		/* none, normal, bold */
	padding:	0px;
	margin: 0px;
}

p.hide {
	color:				#ffffff; 	/* grey=#808080 */ /* #eeeeee; 20080623 */		/* #f0f0f0; */
	font-size: 		1px; 			/* Netscape does not permit to set it to 0 */
	margin: 			0px;			/* Netscape permits to set it to 0 */
	line-height: 		0px;			/* 80%, 10px, 8 pt */
}

p.hide2 {
	color:				#a0a0a0; 		/* #f0f0f0; */
	font-size: 			1px; 			/* Netscape does not permit to set it to 0 */
	margin: 			0px;			/* Netscape permits to set it to 0 */
	line-height: 		0px;			/* 80%, 10px, 8 pt */
}

p.level1 {   /* used in left.htm files: there are level1, level2, and item */
	font-size: 		12px;   		/* pt, px, x-small */
        line-height: 		10px;			/* 80%, 10px, 8 pt */
	color:			black;
	margin:			0px;
}

pre.poem {
	color: 			darkblue;
	margin-left:		0px;
	font-family:		Tahoma;
	margin:			15px;
}

select.normal {
	size:			1;
	/* width:			140px;  */
	font-family:		Tahoma;
	font-size:		8pt;
	color:			Blue;
}

table.lasth {
	width:				80%;			/* thin */
/*	border-width:		4px;		*/	
/*	border-color:		#808080;	*/	/* grey = #808080 */
/*	border-style:		groove;		*/ /* Careful! Not all options are equally nice displayed by Netscape */
	padding:		5px;
	cellpadding:		2px;
/*	border-spacing:		12px; 
	border-collapse:	separate;
	font-family: 		Verdana, Arial, Helvetica, MS Sans Serif;			
	background-color: 	#FFFFFF;						
	margin-top: 		0em; 							
	margin-bottom: 		0em;
	margin-left: 		-.8em;					
	padding-left: 		0em;							
	padding-right: 		0em; 
*/
}

table.lastv {
/*	width:			80%;		*/
/*	border-width:		4px;		*/	
/*	border-color:		#808080;	*/ /* grey = #808080 */
/*	border-style:		groove;		*/ /* Careful! Not all options are equally nice displayed by Netscape */
	padding:		5px;
	cellpadding:		2px;
/*	border-spacing:		12px; 
	border-collapse:	separate;
	font-family: 		Verdana, Arial, Helvetica, MS Sans Serif;			
	background-color: 	#FFFFFF;						
	margin-top: 		0em; 							
	margin-bottom: 		0em;
	margin-left: 		-.8em;					
	padding-left: 		0em;							
	padding-right: 		0em; 
*/
}

table.left {
	border-width:		0px;			/* thin */
	border-color:		#808080;	/* grey = #808080 */
	border-style:		groove;
	padding:		0px;
	cellpadding:		0px;
	border-spacing:		0px; 
	border-collapse:	separate;
	margin:			0;
/*
	font-family: Verdana, Arial, Helvetica, MS Sans Serif;			
	background-color: 	#FFFFFF;						
	margin-top: 		0em; 							
	margin-bottom: 		0em;
	margin-left: 		-.8em;					
	padding-left: 		0em;							
	padding-right: 		0em; 
*/
}

table.intext {
	border-width:		1px;			/* thin */
	border-color:		#808080;	/* grey = #808080 */
	border-style:		groove;
	padding:		1px;
	cellpadding:		1px;
	border-spacing:		0px; 
	border-collapse:	separate;
	margin:			0;
/*	font-family: Verdana, Arial, Helvetica, MS Sans Serif;			*/
	font-family: 		Tahoma;  
/*
	font-family: 		Verdana, Arial, Helvetica, Courier 
        font-family: 		Verdana, Arial, Helvetica, sans-serif;
        font-family: 		MS Sans Serif;
        font-family: 		Trebuchet MS;
        font-family: 		Univers, Arial;
	font-family: 		Courier New;
	font-family: 		Tahoma;	
	font-family: 		NewCenturySchlbk, Garamond, Times, serif;
*/
	font-size: 		9px;   		/* pt, px, x-small */
	font-style: 		normal; 		/* normal, italic */
	font-weight: 		normal;  		/* none, normal, bold */
	text-decoration: 	none;  			/* none, underline */
/*	background-color: 	#FFFFFF;		*/
	margin-top: 		0em; 							
	margin-bottom: 		0em;
	margin-left: 		0em;					
	padding-left: 		0em;							
	padding-right: 		0em; 
	width:			100%; 
}

table.photo {
	width:			80%;			/* thin */
}

table.poem {
	border-width:		4px;			/* thin */
	border-color:		#808080;	/* grey = #808080 */
	border-style:		groove;
/*
	padding:		15px;
	cellpadding:		115px;
	border-spacing:		12px; 
	border-collapse:	separate;
	font-family: Verdana, Arial, Helvetica, MS Sans Serif;			
	background-color: 	#FFFFFF;						
	margin-top: 		0em; 							
	margin-bottom: 		0em;
	margin-left: 		-.8em;					
	padding-left: 		0em;							
	padding-right: 		0em; 
*/
}

table.life {
	width:			65%;
	border:			0;
	cellpadding:		0;
	cellspacing:		0;
}

table.translation {
	width:			95%;  
	/* width:			950px; */ 		/* Manfred: 20080623 */
	border-color:		#FFFFFF;
	border-width:		0px;			/* thin */
}

td.lasth {
	vertical-align:		center;
	text-align:		center;
}

td.lastv {
	vertical-align:		center;
	text-align:		left;
}

td.left {
	vertical-align:		middle;
	text-align:		center;
}

td.intext {
	vertical-align:		middle;
	text-align:		center;
	border-width:		1px;			/* thin */
	border-color:		#808080;	/* grey = #808080 */
	border-style:		groove;
}

td.intextBold {
	vertical-align:		middle;
	text-align:		center;
	border-width:		1px;			/* thin */
	border-color:		#808080;	/* grey = #808080 */
	border-style:		groove;
	font-weight: 		bold;  		/* none, normal, bold */
}

td.photo {
	vertical-align:		top;
	text-align:		center;
}

td.copyright  {
	vertical-align:		top;
	text-align:		right;
}

td.poem {
	vertical-align:		top;
	align:			left;
}

td.bullet {
	width:			50px;
	vertical-align:		top;
	text-align:		center;
}

td.life-bullet {
	width:			50px;
	vertical-align:	top;
	text-align:		center;
}

td.life-text {
	text-align:		left;
}

td.text {
	/* text-align:		center; */
}

td.title {
	/* text-align:		center; */
}

ul {
	margin-top:		0pt; 
	margin-bottom:		4pt;
}

/* ==================== Stuff used for Menus ==================== */
/* ==================== www.SmartMenus.org =================== */


/* ==================== | NAVIGATION | ==================== */

#navigation {
	border-top:1px solid #797BB2;
	border-bottom:1px solid #797BB2;
	background:#808080 url("") repeat-x; /* grey = #808080 */
	/* width:845px; */
	padding:2px;
}

#Menu1 {
	float:none !important;
}

/* The "clearFix" class is used for clearing the main menu items because they
   are left-floated for horizontal main menus and we have to clear them if our main
   menu is relatively positioned (as in this example) so that the main menu box
   takes its place correctly on the page. We have to apply this class to the parent
   DIV of the root UL of our menu tree. Please take a look at section 6.1 in the
   SmartMenus User's Manual for a detailed explanation if you like. */

.clearFix:after { /* for modern browsers */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearFix { /* for IE7/Win */
    min-height:1px;
}
* html .clearFix { /* for IE5-6/Win */
    height:1px;
}
* html>body .clearFix { /* for IE5/Mac */
    height:auto;
    display:inline-block;
}
/* END clearFix */

/* ========== not necessary ?
.hide {
	position:absolute;
	top:-9999px;
	left:-800px;
}
.nodisplay {
	display:none;
}
=========== */



/* this code is generated by the c_config.js file with the help of the manual.html, use the manual.html file to generate it  */

.MM,.SM,.MM li,.SM li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr;}
.MM li,.SM li{position:relative;background:none;}
.MM a,.SM a{display:block;position:relative;}
* html>body .MM a,* html>body .SM a{position:static;}
* html .MM li,* html .SM li{display:inline;width:100%;display/**/:block;float/**/:left;}
*:first-child+html .MM li,*:first-child+html .SM li{width:100%;float:left;}
* html>body .MM li,* html>body .SM li{display:block;width:auto;}
.MM ul,.SM ul{display:none;position:absolute;top:-9999px;width:11px;overflow:hidden;z-index:11111;}
ul/**/.MM ul,ul/**/.SM ul{display:block;}
* html .MM ul,* html .SM ul{display:block;}
.NOSEPARATOR{border-width:0 !important;padding:0 !important;margin:0 !important;}
.NOLINK{cursor:default !important;}
#Menu1{border-width:0;padding:0;background-color:transparent;background-image:none;z-index:9999;position:static;height:auto;}
#Menu1 ul{left:-800px;}
#Menu1{top:0;left:0;width:100%;padding-top:0;float:left;}
#Menu1 li{float:left;width:auto;left:0;}
#Menu1 a{white-space: /**/nowrap;}
head:first-child+body #Menu1>li{left:0;}
*>*>html:lang(en),#Menu1>li{left:0;}
#Menu1>li:first-child{margin-left:0 !important;}
#Menu1>li>a{/*/*//*/float:left;/* */}
* html>body #Menu1>li>a{float:left;}
* html #Menu1{float:none;}
* html>body #Menu1>li{float:none;}
* html>bo\64 y #Menu1>li{float:left;}
#Menu1 ul li{float:none;}
.MM{border-width:0px;border-style:solid;border-color:#8F90C4;padding:0px;background-image:none;background-color:#EFEFE6;}
.MM li{border-style:solid;border-color:#CBCBEF;border-width:0 0 0px 0;padding:0 0 0px 0;margin:0 0 0px 0;}
.MM li a.CURRENT,.MM li a.CURRENT:link,.MM li a.CURRENT:visited{border-width:1px;border-style:solid;border-color:#FFFFFF;background-image:none;background-color:#FFFFFF;color:#000000;text-decoration:none;}
.MM li a,.MM li a:link{cursor:pointer;border-width:1px;border-style:solid;border-color:#EFEFE6;padding:3px;background-image:none;background-color:#EFEFE6;color:#000000;font-size:12px;font-family:arial,helvetica,sans-serif;font-weight:normal;text-decoration:none;text-align:left;padding-left:6px;padding-right:6px;}
.MM li a:visited{border-width:1px;border-style:solid;border-color:#EFEFE6;background-image:none;background-color:#EFEFE6;color:#000000;text-decoration:none;}
.MM li a:hover,.MM li a:focus,.MM li a:active,.MM li a.MMO,.MM li a.MMO:link,.MM li a.MMO:visited,.MM li a.CURRENT:hover,.MM li a.CURRENT:focus,.MM li a.CURRENT:active{border-width:1px;border-style:solid;border-color:#555552 #FFFFFF #FFFFFF #555552;background-image:none;background-color:#EFEFE6;color:#000000;text-decoration:none;}
.MM li a.NOROLL{border-style:solid !important;border-color:#EFEFE6 !important;background-image:none !important;background-color:#EFEFE6 !important;color:#000000 !important;text-decoration:none !important;}

/* end of autogenerated code */

/* ==================== End of Stuff used for Menus ==================== */
/* ==================== End of www.SmartMenus.org =================== */


/********************************************* end of file **************************************/