/* Default Stylesheet for hajo.net
   $Id: default.css,v 1.9 2005/02/14 14:51:21 hajo Exp $
*/

/* ---------------------------------------------------------------------- */
/* Some Defaults which are (almost) always valid                          */
HTML
{
	padding:		0px;
	margin:			0px;
}
BODY
{
	padding:		0px;
	margin:			0px;

	/* Background */
	background-color:	rgb( 51, 51, 51 ); 

	/* Text */
	color:			white;
	font-family:		Verdana, Sans-Serif;
	font-size:		8pt; 

	/* background picture */
	background-image:	url("/icons/hajonet_stripe.gif"); 
	background-repeat:	repeat-y; 
	background-position:	top left;
}

P, FORM
{
	font-size:		8pt;
	font-weight:		normal;
}

TR, TD, TH, TABLE
{
	font-size:		8pt;
	font-weight:		normal;
	background-color:	rgb( 51, 51, 51 );
}
INPUT, TEXTAREA, SELECT
{
	font-family:		Verdana, Sans-Serif;
	font-size:		8pt;
	font-weight:		normal;
	background-color:	rgb( 85, 85, 85 );
	border-color:		black;
	color:			white;
}

A:link, A:visited, A:active
{
	color: 			rgb( 128, 128, 128 );
	text-decoration:	none;
}
A:hover
{
/* 	background-color:	rgb( 85, 85, 85 ); */
	color:			rgb( 255, 165 , 0 );
}

H1
{
	/* Text */
	color:			white;
	font-family:		Verdana, Sans-Serif;
	font-size:		10pt;
	font-weight:		bold;
	text-align:		center;
}

H2
{
	/* Text */
	color:			white;
	font-family:		Verdana, Sans-Serif;
	font-size:		9pt;
	font-weight:		bold;
	text-align:		center;
}

/* This only applies for imgs with are links */
IMG
{
	border-style:		none;
}

/* Some hidden text on a normal page */
P.HIDDEN, UL.HIDDEN, LI.HIDDEN
{
	font-size:		1pt;
	color:			rgb( 51, 51, 51 ); 

}
/* Some standalone pages don't have a menu and don't want a background */
BODY.PLAIN
{
	background-image:	none;
}

/* Radio buttons otherwise get an ugly b/g */
INPUT.RADIO
{
	background-color:	rgb( 51, 51, 51);
}

/*---------------------------------------------------------------------- */
/* The left-side menu 							 */
DIV.MENU
{
    	position: 		absolute;
    	top: 			0px;
    	left: 			0px; 
    	width: 			130px;
    	height: 		100%;
}

/* Level 0 (=root) menu entry */
P.MENUL0
{
	/* Headers have a bit space on top */
	margin:			0.5em 0em 0em 0em;
}
A.MENUL0:link, A.MENUL0:visited, A.MENUL0:active
{
	color: 			white;
	font-weight:		bold;
	text-decoration:	none;
}
A.MENUL0:hover
{
	background-color: 	white;
	color: 			black;
	font-weight:		bold;
}

/* Level 1 (indented) menu entry */
P.MENUL1
{
	/* Sub-Items are indented by 0.5em */
	margin:			0em 0em 0em 0.5em;
}

/* Level 2 (indented) menu entry */
P.MENUL2
{
	/* Sub-Items are indented by 1em */
	margin:			0em 0em 0em 1em;
}

A.MENUL1:link, A.MENUL1:visited, A.MENUL1:active,
A.MENUL2:link, A.MENUL2:visited, A.MENUL2:active
{
	color: 			white;
	text-decoration:	none;
}
A.MENUL1:hover,
A.MENUL2:hover
{
	background-color: 	white;
	color: 			black;
	font-weight:		normal;
}

/* The footer in the menu */
P.MENUFTR 
{
	font-size:		6pt;
	margin:			1em 0em 0em 0em;
}

/* The Google-ads in the menu div */
P.ADS
{
	margin:			3em 0em 0em 0em;
}

/*---------------------------------------------------------------------- */
/* The std content view to the right                                     */

DIV.CONTENT
{
    	margin-left: 		140px;
	margin-right:		10px;
	overflow:		auto;
	background-color:	rgb( 51, 51, 51 );
}	

/*---------------------------------------------------------------------- */
/* The content view to the right for a logo (e.g. root  page)            */
DIV.LOGO
{
    	margin-left: 		140px;
	margin-right:		10px;
	margin-top:		30px;
	background-color:	rgb( 51, 51, 51 );
}

P.LOGO
{
	font-size:		80px;
	text-align:		center;
	font-weight:		bold;
	color:			white;
}

DIV.FOOTER
{
    	margin-left: 		140px;
	margin-right:		10px;
	margin-top:		30px;
	background-color:	rgb( 51, 51, 51 );
}

P.FOOTER
{
	font-size:		10px;
	text-align:		center;
	color:			rgb( 128, 128, 128 );
}

/*---------------------------------------------------------------------- */
/* The content view at the right if foreign pages get pulled in through  */
/* an IFrame								 */
DIV.IFRAME
{
	margin-left:		130px;
	height:			100%;
	padding:		0px;
	border-style:		none;
	background-color:	rgb( 51, 51, 51 );
}

IFRAME.CONTENT
{
	height:			100%;
	width:			100%;
	border-style:		none;
	padding:		0px;
	background-color:	rgb( 51, 51, 51 );
}

/*---------------------------------------------------------------------- */
/* The photo album                                                       */

/* Main screen */
BODY.PA
{
	/* No scrollbars */
/*	overflow:		hidden; */
}

/* Thumbnails */
DIV.PATHMBS
{
	
	margin-left:		130px;
	height:			110px;
	padding:		0px;
	border-style:		none;
	background-color:	rgb( 85, 85, 85 );
}

IFRAME.PATHMBS
{
	height:			110px;
	width:			100%;
	border-style:		none;
	padding:		0px;
	margin:			0px;
	background-color:	rgb( 85, 85, 85 );
}
BODY.PATHMBS
{
	margin:			0px;
	padding:		0px;
	border-style:		none;
	background-color:	rgb( 85, 85, 85 );
	background-image:	none;
}
TABLE.PATHMBS,
TR.PATHMBS,
IMG.PATHMBS
{
	border-style:		none;
	padding:		0px;
	margin:			0px;
	background-color:	rgb( 85, 85, 85 );
}

TD.PATHMBS
{
	vertical-align:		top;

	padding-left:		3px;
	padding-right:		0px;
	padding-top:		0px;
	padding-bottom:		0px;
	
	margin: 		0px;
	border-style:		none;
	background-color:	rgb( 85, 85, 85 );
	font-size:		3px;
	line-height:		0px;
}

TD.PATHMBDL
{
	vertical-align:		middle;

	padding-left:		3px;
	padding-right:		3px;
	padding-top:		0px;
	padding-bottom:		0px;
	margin-bottom:		10px;

	margin: 		0px;
	background-color:	rgb( 85, 85, 85 );
}


/* Lower picture block */
DIV.PAMAIN
{
	margin-top:		10px;
    	margin-left: 		140px;
	margin-right:		10px;
	overflow:		auto;
	background-color:	rgb( 51, 51, 51 );
}

P.PAHELP
{
	color:			rgb( 128, 128, 128 );
	font-size:		7pt;
	font-style:		italic;
}

SELECT.PAZOOM
{
	font-size:		8pt;
	background-color:	rgb(85, 85, 85);
	border-color:		black;
	color:			white;
}

IMG.PAPIC
{
	border-style:		solid;
	border-width:		3px;
	border-color:		white;
}

TABLE.PAINFO
{
	border-collapse:		collapse;
}

TD.PAINFO
{
	padding-left:		10px;
	padding-right:		10px;
	padding-top:		1.5em;
}

/* EXIF data table */
TABLE.PAEXIF 
{
	border-collapse:	collapse;
	border:			1px solid white;

}
TD.PAEXIFTOP
{
	background-color:	rgb( 85, 85, 85 );
	text-align:		center;
	font-size:		8pt;
	font-weight:		bold;
}

TD.PAEXIFHDR
{
	background-color:	rgb( 85, 85, 85 );
	padding-left:		0.5em;
	padding-right:		0.5em;
	font-size:		8pt;
}
TD.PAEXIFDATA
{
	background-color:	rgb( 51, 51, 51 );
	padding-left:		0.5em;
	padding-right:		0.5em;
	font-size:		8pt;
}

/* Comments table */
TABLE.PACMNTS 
{
	border-collapse:	collapse;
	border:			1px solid white;
}
TD.PACMNTTOP
{
	background-color:	rgb( 85, 85, 85 );
	text-align:		center;
	font-weight:		bold;
	font-size:		8pt;
}
TD.PACMNTHDR
{
	background-color:	rgb( 85, 85, 85 );
	color:			white;
	font-size:		8pt;
}
TD.PACMNTDATA
{
	font-size:		8pt;
}
TD.PACMNTADD
{
	font-size:		8pt;
	text-align:		center;
}

/*---------------------------------------------------------------------- */
/* The Daum map display (mygpx)                                          */
P.DAUM
{
        color:                  black;
	font-family:		Verdana, Sans-Serif;
	font-size:		8pt; 
}