#container	{
		background: url(img/background.jpg);
		margin: auto; 
		background-color: white;
		max-width: 1600px;
		max-height: 1000px;
		min-width: 1024px;
		min-height: 768px;
		border: 1px solid #4D4D4D;
		}


#box		{
		margin: auto;
		width: 1024px;
		max-height: 1000px;
		min-height: 800px;
		}

#logo		{
		width: 270px;
		height: 45px;
		margin: 8px 0 0 10px;
		background-image: url(img/title.gif);
		}


#top		{
		background-color: white;
		width: 1024px;
		height: 74px;
		margin: 0 0 0 0;
		padding: 0;
		}


#navigation	{
		width: 900px;
		height: 27px;
		margin: 1px 0 0 -150px;
		background-color: none;
		}

#footer		{
		max-width: 1600px;
		min-width: 1024px;
		height: 40px;
		margin: 0;
		background-color: white;
		}


/* -- Content-Tabelle -- */

table#content	{
		margin: 60px 10px 0 10px;
		width: 1000px;
		height: 590px;
		overflow: auto;
		}

td#sp1		{
		width: 260px;
		height: 590px;
		margin: 0;
		background-color: none;
		background-repeat: no-repeat;
		vertical-align: top;
		}

td#sp2		{
		margin: auto;
		width: 740px;
		height: 590px;
		background-color: #C4C4C4;
		opacity: 0.8;
		border: 1px solid black;
		overflow: auto;
		text-align: left;
		vertical-align: top;
		}

#sp21		{
		margin: 0 0 0 200px;
		width: 413px;
		height: 237px;
		border: 1px solid green;
		z-index: 1;
		}


/* Top */


	

/*Navigation */

ul#navigation	{
		position: absolute;
		margin: 0 0 0 150px;
		display: table-cell;
		font-family: verdana, arial, helvetica;
		list-style-type: none;
		}
		
ul#navigation li {
		width: 106px;
		height: 27px;
		display: table-cell;
		list-style-type: none;
		padding: 1px 0 0 20px;
		font-size: 0.8em;
		font-weight: bold;
		text-align: left;
		}






 /* -- Navi I -- */





a.navi1, a.navi1:link, a.navi1:visited {
		display: block;
		width: 106px;
		height: 27px;
		text-decoration: none;
		color: #C4C4C4;
		text-align: center;
		background-image: url(img/reiter2.gif);	
		}

a.navi1:hover    {
		width: 106px;
		height: 27px;
		color: #C4C4C4;
		text-decoration: underline; 
		font-weight:bold; 
		background-image: url(img/reiter2.gif);	
		}

a.navi_self1	{
		display: block;
		width: 106px;
		height: 27px;
		text-decoration: underline;
		color: #C4C4C4;
		text-align: center;
		background-image: url(img/reiter2.gif);	
		}

a.impi		{
		float: right;
		margin: 0 20px 0 0;
		text-decoration: none;
		color: #990000;
		text-align: right;
		font-family: verdana, arial, helvetica;
		font-weight: bold;
		font-size: 0.7em;
		}
		



h1	{
	font-family: times new roman, arial;
	font-size: 30px;
	color: #AA5500;
	font-style: oblique;
	text-align: left;
	margin: 30px 20px 2px 60px;
	}

h2	{
	font-family: verdana, arial;
	font-size: 22px;
	color: #990000;
	font-style: normal;
	margin: 20px 0 0 20px;
	font-weight: normal;
	text-decoration: none;
	}

h3	{
	font-family: times new roman, arial;
	font-size: 20px;
	color: #990000;
	margin: 20px 0 0 20px;
	font-style: normal;
	text-align: left;
	}

h4	{
	font-family: verdana, arial, helvetica;
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	margin: 20px 20px 0 20px;
	}

p	{
	font-family: verdana, arial, helvetica;
	font-size: 0.8em;
	text-align: justify;
	margin: 10px 35px 0 25px;
	}

/* -- Biografie -- */

#bio-foto	{
		width: 255px;
		height: 452px;
		margin: 60px 0 0 0;
		background-image: url(img/inarainer.png);
		opacity: 0.7;
		border-right: 1px solid #4D4D4D;
		border-bottom: 1px solid #4D4D4D;
		}

#bio-content	{
		position: absolute;
		margin: -483px 0 0 280px;
		width: 700px;
		height: 530px;
		background-color: #CCC8FB;
		opacity: 0.7;
		border: 1px solid black;
		overflow: auto;
		}

#bio-bg		{
		position: absolute;
		margin: 0 0 0 0;
		background: url(img/bground.jpg);
		width: 1024px;
		height: 600px;
		border-bottom: 1px solid black;
		}

#bfooter	{
		width: 1024px;
		height: 40px;
		position: absolute;
		margin: 601px 0 0 0;
		background-color: white;
		}

/* -- Hoerproben -- */

table#music	{
		margin: 10px 0 0 80px;
		width: 600px;
		height: auto;
		}

td#titles	{
		width: 400px;
		height: 35px;
		color: #990000; 
		font-family: verdana, arial, helvetica; 
		font-size: 15px;
		text-align: left;
		vertical-align: middle;
		}

td#player	{
		width: 150px;
		height: 35px;
		text-align: left;
		vertical-align: middle;
		}


a.sound, a.sound:link, a.sound:visited	{
		color: #990000;
		font-family: verdana, arial, helvetica;
		font-size: 1em;
		text-decoration: none;
		}

a.sound:hover	{
		color: black;
		font-family: verdana, arial, helvetica;
		font-size: 1em;
		text-decoration: underline;
		}

#proben		{
		weight: 150px;
		height: 100px;
		background-color: white;
		font-family: verdana, arial, helvetica;
		font-size: 0.9em;
		}

p#title		{
		text-align: center;
		color: #990000;
		}

/* -- Termine -- */

.termin		{
		margin: -320px 0 0 350px;
		opacity: none;
		}