/* CSS für TastenTonKunst */
/* (C) Zenbytes Juni 2008 */
/* ------------- */
/* Standard-Tags */
/* ------------- */
body {
	font-family: Tahoma, sans-serif;
	background-color: #98c536;
	min-width: 40em;
	margin: 40px;
	color: #444444;
	text-align: center;
	background-image: url('../images/hg_seite.jpg');
	background-repeat: repeat-x;
}
h1 {
	font-size: 1.4em;
	font-weight: bold;
	color: #98c536;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #c0c0c0;
	text-indent: 20px;
}
h2 {
	font-size: 0.95em;
	color: #98c536;
	padding: 0;
	margin: 0;
	line-height: 40px;
}
h3 {
	font-size: 0.95em;
	color: #666666;
	padding: 0;
	margin: 0;
	line-height: 40px;
}
p {
	font-size: 0.8em;
	line-height: 30px;
	padding: 0;
	margin: 0;
}
p a{
	font-weight:bold;
}
p.highlight {
	font-weight: bold;
	color: #666666;
}
ul {
	font-size: 0.8em;
	line-height: 30px;
	padding: 0;
	margin: 0;
	padding-left: 15px
} 
a {
	color: #98c536;
	text-decoration: none;
}
a:visited {
	color: #98c536;
}
a:hover {
	color: #ffdf00;
}
img {
	vertical-align: bottom;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
/* ------ */
/* Layout */
/* ------ */
#inhalt {
	width: 1000px;
	height: 647px;
	margin-top: 0px;
	text-align: left;
	background-color: transparent;
	margin: 0 auto;
}
#cover {
	background-image: url('../images/logo.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 309px;
	height: 647px;
}
#content {
	width: 691px;
	float: right;
	height: 647px;
	max-height: 647px;
	background-image: url('../images/hg.gif');
	background-repeat: repeat-x;
}
#main {
	margin-top: 80px;
}
#text {
	background-color: #f3f1df;
	border: 1px #c0c0c0 solid;
	margin: 20px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
#reiter {
	margin: 20px;
	padding-left: 0px;
	padding-right: 20px;
	font-size: 0.8em;
	margin-bottom: -15px;
}
#reiter .unselected {
	background-color: #f3f1df;
	border: 1px #c0c0c0 solid;
	padding: 5px;
}
#reiter .selected {
	background-color: #98c536;
	border: 1px #c0c0c0 solid;
	padding: 5px;
}
#reiter .selected a {
	color: #ffffff;
}
#reiter .selected a:visited {
	color: #ffffff;
}
#reiter .selected a:hover {
	color: #ffdf00;
}
#impressum {
	color: #ffffff;
	font-size: 0.8em;
	position: absolute;
	right: 10px;
	top: 5px;
	width: 100px;
	height: 100px;
	z-index: 2;
	text-align:right;
}
/* ------ */
/* Menü   */
/* ------ */
#menu {
	height: auto;
	z-index: 1;
	position: relative;
	margin-left: 20px;
}
#menu ul {
	margin: 0px;
	padding: 0px;
}
#menu ul li {
	display: inline;
	padding-right: 0px;
	color: #ffffff;
	font-size: 13pt;
}
#menu ul li a {
	color: #ffffff;
}
#menu ul li a:visited {
	color: #ffffff;
}
#menu ul li a:hover {
	color: #ffdf00;
}