* {	margin: 0px; padding: 0px; }
body {
	font: 8pt arial, Helvetica, sans-serif;
	background: #312311 url(bilder/body.gif) left 560px repeat-x;
	color:#FFFFFF;
}
#container {
	min-height: 640px;
	width: 850px;
	position:relative;
	margin:50px auto 0;
	background-position: left 60px;
	background-repeat:no-repeat;
	padding-bottom:1ex;
}
body#home #container { background-image:  url(bilder/home.jpg); }
body#vita #container { background-image: url(bilder/vita.jpg); }
body#konzerte #container { background-image: url(bilder/konzerte.jpg); }
body#kontakt #container { background-image: url(bilder/kontakt2.jpg); height:640px }
body#links #container { background-image: url(bilder/links.jpg); }
body#impressum #container { background-image: url(bilder/impressum.jpg); }
body#galerie #container { background-image:  url("bilder/galerie.png"); background-repeat:repeat-x; min-height:517px}

#inhalt { margin:20px; margin-top:53px; overflow:auto; }
body#home #inhalt { 
	margin-top:345px;
	margin-left:70px;
	padding:1em;
	height:160px;
	width:40%;
	background: url("bilder/bg_black40.png");
}
body#vita #inhalt {
	margin-left:502px;
	margin-top:140px;
	width:280px;
	padding-right:10px;
    line-height:14px;
	height:360px;
	color:#fff;
}
body#konzerte #inhalt  {
	margin-left:60px;
	margin-top:165px;
	width:407px;
	height:227px;
	color:#000000;
}
body#links #inhalt { 
	margin-top:155px;
	margin-left:45px;
	padding:1ex;
	height:235px;
	width:44%;
}
body#kontakt #inhalt {
	font-weight:bold;
	font-size:1.5em;
}
#player a {position:absolute; top:11px;right:30px; height:42px; width:140px;}
.playerAus {background: url(bilder/player2.gif) bottom left;}
.playerAn, #player a:active {background: url(bilder/player2.gif) top left;}

/*
.playerAus {top:-53px; height:42px;clip:rect(42px,auto,auto,auto);}
.playerAn, #player a:active {top:-11px; clip:rect(auto,auto,42px,auto)}
*/

body#links div#gag {
	position:absolute;
	background: url("bilder/bild-trans.png") top left no-repeat;
	height:180px;width:160px;
	left:610px;top:150px;
}
body#links div#gag:hover {background-position:top right;}

form input, form textarea {
	position:absolute;
	color:#444 !important;
	font:14pt Arial, Helvetica, sans-serif;
	vertical-align:middle;
	border:none;
	background:none;
}
input#Name {left:520px;top:341px}
input#Email {left:520px;top:377px}
input[type=submit]{left:375px;top:452px;cursor:hand}
form textarea {left:135px;top:222px;line-height:24px;width:275px;}
label {display:none}
body#impressum #inhalt {
	padding:0 1ex 1ex;
	background: url("bilder/bg_black40.png");
}
.links {float:left}
/*.rechts {float:right}*/
div.links {width:46em;margin-right:2em}

h1 {font-size:1.2em;margin:1.1ex 0 0.4ex}
h2 {font-size:1.1em;margin:1.1ex 0 0}
p {margin-bottom:1ex}
li {margin-left:1em; list-style-type:circle}
caption {
	text-align:left;
	font-weight:bold;
	margin-bottom:1ex;
}
table,th {border:none}
th {padding:0 5px}
tr {border-bottom:1px dashed #000}
#inhalt a {color:#ccc; text-decoration:none;font-weight:bold}
#inhalt a:hover {background-color:#333; border-bottom:1px solid #000000;border-top:1px solid #000000}
#inhalt a:active {color:orange}
#inhalt a:visited {color:inherit}

dl#navi {position:relative; left:23px;top:23px;}
dl#navi dd{ display:inline;margin:0 1ex;}
dl#navi dd a:hover{ background:#000000;}
dl#navi dt{ float:left;margin-right:1ex;}
dl#navi a img{border:none}