/* Allgemeine Textformatierung ############################################################################################### */
body {
	color:black;
	background-color:#2CD8D6;
	margin:20px;
	padding:0px;
	font-family: HandelGothicEF-light, verdana, arial, helvetica, sans-serif;
	}
h1 {
	font-size:190%;
	font-weight:normal;
	font-family: HandelGothicEF-light, verdana, arial, helvetica, sans-serif;
	color:#8C6529;
	padding: 10px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	}

h2 {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size:140%;
	font-weight:normal;
	font-family: HandelGothicEF-light, verdana, arial, helvetica, sans-serif;
	color:#8C6529;
}

h3 {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size:100%;
	font-weight:normal;
	font-family: HandelGothicEF-light, verdana, arial, helvetica, sans-serif;
	color:#8C6529;
}

p, dl {
	font-family: arial, helvetica, sans-serif;
	font-size: 15px;
	margin:0px 0px 16px 0px;
	padding:0px;
	}
.Content>p {margin:0px;
						padding:0px 0px 10px 0px;}
/* .Content>p+p {text-indent:30px;} */

.cafesolo, b, dt {
	font-family: HandelGothicEF-light, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
}

li {
	list-style-image: url(../images/dot.gif);
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
}

a {
	color:#8C6529;
	font-size:100%;
	font-family: HandelGothicEF-light, verdana, arial, helvetica, sans-serif;
	font-weight:normal;
	}
a:link {
	color: #D40000;
}
a:visited {
	color:#8C6529;
}
a:hover {background-color:#F7D79C;}

form div {
	display: inline;
}

/* Content Boxes ############################################################################################### */
.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:120px;
	margin:0px 210px 20px 220px;
	border:1px #2CD8D6;
	background-color:#2CD8D6;
	padding:10px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}

/* Header Box ############################################################################################### */
#logo {
	float: left;
	width: 200px;
	height: 35px;

}

#logo img {
	padding: 0px;
	border: 1px solid black;
}

#header {
 	position:relative;
 	width: auto;
	background-color:#8C6529;
	padding:10px;
	padding-bottom: 5px;
	margin: 0px 0px 0px 220px;
	margin-bottom: 20px;
 	border:1px solid black;
 	height: 35px;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style
declaration. The incorrect IE5/Win value is above, while the correct value is
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	height:55px;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct
length values to user agents that exhibit the parsing error exploited above yet get
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#header {height:55px;}

#title {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 35px;
}

#title h1 {
	color: #FFEBC6;
	margin:0px 0px 0px 0px;
	padding:0px;
}

#headerLinks {
	text-align: right;
	width: auto;
	color: #FFEBC6;
}
#footerLinks {
	text-align: left;
	color: #8C6529;
	padding: 0px;
}
#footerLinks ul {
	padding: 0px;
	margin: 0px;
}
#headerLinks li, #footerLinks li {
	list-style: none;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
	display: inline;
}

/* Navigation Boxe left ############################################################################################### */
#navAlpha {
	position:absolute;
	width:200px;
	top:110px;
	left:20px;
	color: #FFEBC6;
	background-color:#8C6529;
	z-index:2;
}

#navAlpha div {
	border:1px solid black;
	padding:10px;
}

#navAlpha ul {
	padding: 0px;
	margin: 0px;
}

#navAlpha ul li ul {
	padding-left: 20px;
}
#navAlpha :link {
	text-decoration: none;
}

#navAlpha li {
	list-style: none;
	list-style-image: none;
	padding-top: 2px;
	padding-bottom: 2px;
}

#navAlpha :link, #navAlpha :visited, #headerLinks :link, #headerLinks :visited {
	color:#FFEBC6;
	font-weight: normal;
	text-decoration: none;
}

#navAlpha :link:hover, #navAlpha :visited:hover, #headerLinks :link:hover, #headerLinks :visited:hover  {
	background-color:#FFEBC6;
	color: #8C6529;
}
#active:link, #active:visited, #active:hover {
	font-weight: normal;
	text-decoration: underline;
}

/* Navigation Box right ############################################################################################### */
#navBeta {
	position:absolute;
	width:190px;
	top:110px;
	right:20px;
	background-color:#FFEBC6;
}

#navBeta div {
	border:1px solid black;
	padding:10px;
	z-index:1;
}