body {
	width: 100%;
	/*height: 100%;*/
	margin:10px auto;
	/*background-color: #eaeaea;*/
	background-color:#c0c0c0;
	font-size: 100.01%;
	color: #333;
	font-family: Arial,Verdana,Helvetica, Sans-Serif;
	text-align: center;
}
html {
	width: 100%;
  /*height: 100%;*/
	margin: auto;
	/*background-color: #eaeaea;*/
	background-color:#c0c0c0;
	font-size: 100.01%;
	color: #333;
	font-family: Arial,Verdana,Helvetica, Sans-Serif;
	text-align: center;
}
/*---startseite bild---*/
#content {
	height: 400px;
	width: 740px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -220px 0 0 -370px;
}
/*---Folgeseiten komplett--*/
#gesamt {
	width: 780px;
	/*height:400px;*/
	margin:0px auto;
	font-size:0.9em;
	line-height:1.3em;
	}
	
#kopf {
	width: 100%;
	height:200px;
	/*padding:0 0 20px 0;*/
	text-align:right;
	padding:0;
	margin:0;
	background-image:url('../images/bg3.gif');
}
.buttonscontainer {width:100px;padding:60px 20px 10px 0;float:left;}
a.navi {color: #ee7f00;display: block;
border-right: 1px solid #ee7f00;
font-weight: normal;
text-align: right;
text-decoration: none;
font: 0.8em Verdana, sans-serif;
padding:3px 10px 3px 0;
}
a.navi:link {color: #ee7f00;text-decoration:none;}
a.navi:visited {color: #333;text-decoration:none;}
a.navi:hover {color: #000;text-decoration:underline overline;}
a.navi:active {color: #000;text-decoration:underline;}

#musik
{ 
font-weight: normal;
text-align: left;
text-decoration: none;
font: 0.8em Verdana, sans-serif;
color:#333;
}

/* Rechte Navigation Hörbeispiele*/
.disco {width:90px;padding:60px 0 10px 0;float:right;}
a.disco {color: #ee7f00;display: block;
border-left: 1px solid #ee7f00;
font-weight: normal;
text-align: left;
text-decoration: none;
font: 0.8em Verdana, sans-serif;
padding:3px 10px 3px 10px;
}
a.disco:link {color: #ee7f00;text-decoration:none;}
a.disco:visited {color: #333;text-decoration:none;}
a.disco:hover {color: #000;text-decoration:underline overline;}
a.disco:active {color: #000;text-decoration:underline;}

.ohne {width:90px;padding:60px 0px 0px 20px;float:right;}
a.ohne {
color: #cc3300;display: block;
border-left: 1px solid #ee7f00;
text-align: left;
text-decoration: none;
font: 1em Verdana, sans-serif;
padding:3px 10px 3px 10px;
}
a.ohne:link {color:#cc3300;}
a.ohne:visited {color:#cc3300;}
a.ohne:hover {color:#cc3300;}
a.ohne:active {color:#cc3300;}

a.in {color: #ee7f00;
text-decoration:none;
}
a.in:link {color: #ee7f00;text-decoration:none;}
a.in:visited {color: #333;text-decoration:underline;}
a.in:hover {color: #000;text-decoration:underline overline;}
a.in:active {color: #000;text-decoration:underline;}

a.inf {color: #cc3300;text-decoration:none;font-weight:bold;font-size:1.1em;color:#cc3300;}
a.inf:link {color: #cc3300;text-decoration:none;}
a.inf:visited {color: #333;}
a.inf:hover {color: #000;text-decoration:underline overline;}
a.inf:active {color: #000;text-decoration:underline;}

.fett {
	font-weight: bold;
}
#klein {
	font-size: .8em;
	text-align:left;
	}

.titel {
	font-size: 1.5em;
	font-weight: bold;
	font-variant:small-caps;
	text-align:left;
	padding-left:10px;
	padding-top:20px;
	color:#999;
	} 
.titel_bio {
	font-size: 1.2em;
	color:#999;
	text-align:left;
	font-weight: bold;
	font-variant:small-caps;
	} 	
	
.ueberschrift {
	font-size: 1.2em;
	color:#cc3300;
	text-align:left;
	font-weight: bold;
	font-variant:small-caps;
	} 	
	
.clear {
	clear:left;
	} 
.z{
	text-align:center;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}

.eibe {
	text-align:left;
	border:none;
	color:#999;
	font-size:.8em;
}
a.eibe {
	text-decoration:none;
	text-align:left;
}

.small {
	color:#ee7f00;
	font-size:.65em;
	font-variant:normal;
	font-weight:normal;
}
	
/* fotos Fotogalerie*/
img.foto {
	float:left;
	border:1px gray solid;
	padding:2px;
	margin:15px;
}

/* fotos Fotogalerie klein*/
img.fotosm {
	float:left;
	border:1px gray solid;
	padding:2px;
	margin:5px;
}

/*verlinkte  Grafiken*/
a.bild1 {
	text-decoration: none;
	background-color:#eae6e6;
	padding:0;
	margin:0;
}
	
a.bild1:link {background-color:#eae6e6;}
a.bild1:visited {background-color:#eae6e6;}
a.bild1:hover {background-color:#eae6e6;}
a.bild1:active {background-color:#eae6e6;}

hr {
	border:dashed #ee7f00 1px;
	}