/*
	Hofbräuhaus Styles
*/
	/*	From http://www.noscope.com/journal/2004/02/horizontal_scrollbar_bug	*/
html
{
	/* overflow-y: scroll; */
	font-size: 1em;
}

body
{
	margin: 0px;
	padding: 0px;
	font-family: arial, helvetica, sans-serif;
	background-color: rgb(20%, 40%, 60%);
}


/**************************************
 *
 *	BANNER STYLES BEGIN
 */

div#banner
{
	width: 100%;
	height: 180px;
	overflow: auto;
}
div#banner div#HBH-Logo-div
{
	display: inline;
	float: left;
	width: 15em;
	overflow: auto;
}

div#banner div#HBH-Logo-div img#HBH-Logo
{
	display: block;
	width: 160px;
	height: 87px;
	margin: 46px auto 46px auto;
}

div#banner img#banner-img
{
	display: inline;
	float: left;
	height: 134px;
	margin: 23px auto 23px auto;
}

/*
 *	BANNER STYLES END
 *
 ***************************************/

/**************************************
 *
 *	NAVIGATION STYLES BEGIN
 */

div#navigation
{
	display: inline;
	float: left;
	overflow: auto;
	width: 14em;
	font-weight: bold;
		/*	WHY does -18 work, when the left margin
		 *	of the content div is only -15??
		 */
	margin: 0px 0px 0px -18em;
	padding: 0px;
}

div#navigation ul
{
	list-style: none;
		/*	It appears that the marker occupies about 2em.
		 *	Hence, by setting the margin to -2em, I get
		 *	the ul starting where the marker would have been.
		 */
	margin: 0px 0px 0px -2em;
	padding-top: 0px;
}

div#navigation ul li
{
	width: 12em;
	height: auto;
	overflow: auto;
	color: rgb( 20%, 40%, 60% );
	background-color: rgb( 60%, 70%, 80% );
	text-align: left;
	margin: 1px;
	padding: 5px 5px 5px 10px;
	border: 1px solid white;
/*
	margin: 5px 0px 5px -40px;
 */
		/*	#CCCCCC = lightgray, but IE doesn't understand that */
/*
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	
	width: 160px;
	color: rgb( 20%, 40%, 60% );
	background-color: rgb( 60%, 70%, 80% );
	margin: 1px;
	padding: 5px;
	border: 1px solid white;
*/
}

div#navigation ul a { text-decoration: none; }
	/*
		Careful of the order of the pseudo-classes for "a" (anchor)! It should be LVFHA.
		(Castro, 5th ed., p.141)
	 */
div#navigation ul a:link li { background-color: rgb( 60%, 70%, 80% ); }
div#navigation ul a:visited li { background-color: rgb( 192, 192, 192 ); }
div#navigation ul a:focus li { background-color: white; }
div#navigation ul a:hover li { background-color: rgb( 70%, 80%, 90% ); }
div#navigation ul a:active li { background-color: rgb( 80%, 90%, 100% ); }
/*
		End of pseudo-classes for "a" (anchor)
	 */

div#navigation ul li.heading
{
	margin-top: 15px;
	font-size: 18px;
	font-weight: normal;
	border: none;
}


div#navigation ul li span.text
{
	display: inline;
	float: left;
	width: 145px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 15px;
	font-weight: bold;
	line-height: 23px;
}

/* SUBMENU STYLES - BEGIN */

div#navigation li#skat-submenu
{
	height: auto;
	border: none;
	display: none;	  /*	Will be changed by JavaScript 'onclick'	*/
}

div#navigation ul.submenu
{
	margin: 0px 0px 0px -2em;
	border: none;
}

div#navigation ul.submenu li
{
	width: 12em;
	height: auto;
	font-size: 14px;
	text-align: left;
	margin: 2px 0px 2px 0px;
	padding: 5px;
	border: 1px solid white;
}
/* SUBMENU STYLES - END */

/*
 *	NAVIGATION STYLES END
 *
 ***************************************/

/**************************************
 *
 *	CONTENT STYLES BEGIN
 */

div#content
{
	background-color: white;
	margin: 0px 30px 0px 15em;
	padding: 0px 20px 30px 50px;
		/*	Having an invisible (white) border fixes a bug:
		 *	Without one, the menu on the Club page appears
		 *	higher up than on most other pages.
		 */
}

div#folded_corner_div
{
	width: 100%;
	height: 50px;
	overflow: visible;
	margin: 0;
	padding: 0;
	background-image: url( ../graphics/corner_page_tile.gif );
	background-repeat: repeat-x;
}

div#folded_corner_div img#folded_corner
{
		/* The left MARGIN of -50px is exactly
		 * the PADDING of div#content. This is
		 * a bit of a cludge, but it works.
		 */
	display: inline;
	float: left;
	clear: none;
	position: relative;
	left: -50px;
	width: 100px;
	height: 50px;
	padding: 0px 0px 0px 0px;
	clear: none;
	height: 50px;
	border: 0px;
}

h1
{
	color: rgb( 51, 102, 153 );
}

/*
 *	CONTENT STYLES END
 *
 ***************************************/

/**************************************
 *
 *	FOOTER STYLES BEGIN
 */

div#footer
{
	display: block;
	clear: both;
	border: none;
	margin: 20px 10px 10px 10px;
	border-top: 2px solid rgb(153, 153, 153);
	padding: 0px 0px 20px 0px;
	overflow: auto;
}

div#footer p
{
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	color: rgb(153, 153, 153);
	font-weight: bold;
}

div#footer div.W3C
{
	display: inline;
	float: right;
	clear: none;
	width: 88px;
	height: 31px;
	margin: 10px;
}

/*
 *	FOOTER STYLES END
 *
 ***************************************/


.content
{
	background-color: white;
}


	/*	This sets the left margin of the content area for everyone.
	 *	Everyone else except "folded_corner_of_page" should use 'inherit'.
	 */
/*
div
{
	margin-left: 50px;
	margin-right: 50px;
}
*/
/*
div.header
{
	display: block;
	text-align: left;
	margin: 0px 0px 50px 0px;
}
*/
sup
{
	font-size: 0.5em;
	vertical-align: text-top;
}

.center
{
	text-align: center;
}

img
{
	width: auto;
	height: auto;
}

.noborder
{
	border: 0;
}

h1 {
	font-family: arial, helvetica, sans-serif;
	color: rgb( 51, 102, 153 );
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.red {
	color: red;
}

.uppercase {
	text-transform: uppercase;
}

.top_of_page {
	margin-top: 0;
	padding-top: 0;
}

.no_top_margin,
.no-top-margin
{
	margin-top: 0;
}

.no_bottom_margin,
.no-bottom-margin
{
	margin-bottom: 0;
}


	/*	Used on the HBH News (paper publications) page	*/
.picturetitle {
	color: #000000;
	font: 10px verdana, arial, sans-serif;
	font-weight: bold;
}

/*
div#last_updated {
	display: block;
	clear: both;
	margin-top: 40px;
}

div#last_updated hr {
	width: 80%;
	height: 5px;
	color: black;
	background-color: black;
	text-align: center;
}

div#last_updated p {
	font-family: arial, helvetica, sans-serif;
	color: black;
	font-size: 14pt;
	text-align: center;
}
*/

/*	taken from wamm corporate styles	*/
.title {
	color: rgb(20%, 40%, 60%);
	font: 1.2em verdana, arial, sans-serif;
	font-weight: bold;
}

.smalltitle {
	color: #000000;
	font: 11px verdana, arial, sans-serif;
	font-weight: bold;
}

/*	Maybe this can replace ".subtitle" below completely	*/
/*
p.subtitle {
	color: rgb(15%, 15%, 75%);
	font: 1.1em geneva, verdana, arial, sans-serif;
	font-weight: bold;
}
p.subsubtitle {
	color: rgb(15%, 15%, 75%);
	font-family: geneva, verdana, arial, sans-serif;
	font-weight: bold;
}

.subtitle {
	color: rgb(15%, 15%, 75%);
	font: 12px geneva, verdana, arial, sans-serif;
	font-weight: bold;
}

.picturecomments {
	color: #666666;
	font: 10px geneva, verdana, arial, sans-serif;
}

.picturetitle {
	color: #000000;
	font: 10px verdana, arial, sans-serif;
	font-weight: bold;
}

.style1 {
	color: #ece9d8
}

.style6 {
	color: #009900
}
span.nowrap
{
	white-space: nowrap;
}

.indent
{
	margin-left: 20px;
}

.hide
{
	display: none;
}
*/



/**************************************
 *
 *	FOLDINGITEM STYLES BEGIN
 */

div.FoldingItem
{
	margin: 5px 0 5px 0;
	overflow: auto;
}

div.FoldingItem div.FoldingItemHeader div.FoldingItemHeadline
{
	padding-left: 7em;
	overflow: auto;
}

div.FoldingItem div.FoldingItemHeader div.FoldingItemHeadline p.first-line
{
	margin: 0;
	padding: 0;
	text-indent: -7em;
}

div.FoldingItem div.FoldingItemHeader div.FoldingItemHeadline p.cont-line
{
	margin: 0;
	padding: 0;
}

div.FoldingItem div.FoldingItemHeader div.FoldingItemHeadline span.ItemDate
{
	display: inline-block;
	width: 7em;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

div.FoldingItem div.FoldingItemHeader a.details
{
	display: inline-block;
	font-size: 0.8em;
	color: white;
	background-color: DarkBlue;
	text-indent: 0;
	text-decoration: none;
	margin-left: 20px;
	padding: 0.2em 0.6em 0.2em 0.6em;
}

div.FoldingItem div.FoldingItemHeader div.FoldingItemHeadline a.hide
{
	display: none;
}

div.FoldingItem div.Details
{
	display: none;
	margin: 10px 0 10px 0;
	padding: 30px;
	background-color: WhiteSmoke;
	overflow: auto;
}

div.FoldingItem div.Details a.detailsHelper
{
	display: inline-block;
	font-size: 0.8em;
	color: white;
	background-color: FireBrick;
	text-indent: 0;
	text-decoration: none;
	margin-left: 0;
	padding: 0.2em 0.6em 0.2em 0.6em;
}

/*
 *	FOLDINGITEM STYLES END
 *
 ***************************************/