/*--------- hier erfolgt die Formatierung der Layer(Schrift und Positionen)------------*/

/*--------- Logolayer ------------*/
body{
margin: 0px
}
#logo {
	position: absolute;
	height: 137px;
	width: 140px;
	z-index: 1;
	visibility: visible;
	overflow: hidden;
	top: 25px;
	left: 25px;
	}

/*--------- Pianoit Layer ------------*/
#pianoit {
	position: absolute;
	z-index: 2;
	height: 24px;
	width: 140px;
	visibility: visible;
	overflow: hidden;
	top: 163px;
	left: 25px;
	background-image: url(../bilder/bilder_allg/hp/piano.gif);
}

/*--------- Adressen Layer ------------*/
#adressen {
	width: 166px;
	height: 216px;
	position: absolute;
	z-index: 3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #B1B1B1;
	visibility: visible;
	overflow: hidden;
	top: 216px;
	left: 25px;
}

/*--------- Navigation Oben ------------*/

#navioben {
	width: 60%;
	height: 27px;
	z-index: 7;
	position: absolute;
	visibility: visible;
	overflow: visible;
	top: 200px;
	left: 240px;
}
.navIndex {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: right;
	border-top-style: solid;
	border-bottom-style: solid;
	border-color: #FF8C00;
	border-bottom-width: 1px;
	border-top-width: 1px;
	text-align: center;
}

.navIndex a:link {
	text-decoration: none;
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
}

.navIndex a:visited {
	text-decoration: none;
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
}
	
.navIndex a:hover {
	text-decoration: none;
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FF8C00;
}

.navIndex a:active {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: Gray;
}

#navioben table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	vertical-align: middle;
	width: 100%;
	background-color: #E5E5E5;
	border-top-style: solid;
	border-bottom-style: solid;
	border-color: #FF8C00;
	border-bottom-width: 1px;
	border-top-width: 1px;
	text-align: center;
}
/*ENDE--------- Navigation Oben ------------*/




/*--------- Klavierschule Layer ------------*/
#klavierschule {
	position: absolute;
	width: 492px;
	height: 24px;
	visibility: visible;
	overflow: visible;
	top: 163px;
	left: 240px;
	z-index: 5;
}

/*--------- Text Layer ------------*/
#text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #909090;
	text-align: left;
	position: absolute;
	height: auto;
	width: 60%;
	visibility: visible;
	overflow: visible;
	top: 236px;
	left: 240px;
	z-index: 6;
	background-color: White;
}
#text h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #CC6600;
	font-size:1.2em;
	font-weight: bold;	
}
#text h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #CC6600;
	font-size: 1.1em;
	font-weight: bold;
}
#text h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 1.0em;
	font-weight: bold;
}
.abstand-oben-links{
padding-left:20px;
padding-top:20px;
}
.links-oben{
text-align: left;
vertical-align: top;
}
.rechts{
text-align: right;
padding-right: 20px;
}
.orange{
color:#CC6600;
}
.schwarz{
color:black;
}
.grau{
background-color:#EFEFEF
}
.dick{
font-weight:bold;
}
#copy{
font-size:70%;
}
.oben{
vertical-align: top;
}
.rechts{
text-align:right;
}
.zentriert{
margin-left: auto;
margin-right: auto;
}
.mittig{
text-align:center;
vertical-align:middle;
}
td img.left
{float:left;
margin-right:1em;
}
img.gutschein{
margin-right: 2cm;
}





/*--------- Formatierung der Tabelleninhalte --------------

.normtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: Gray;
}
*/
#text table{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-style: normal;
	color: Gray;
}




/*-------------- hier erfolt die Formatierung der Links ------------*/


a:link {
	text-decoration: none;
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
}

a:visited {
	text-decoration: none;
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
}
	
a:hover {
	text-decoration: none;
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FF8C00;
}

a:active {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: Gray;
}
/*Navigation unten*/
/*--------- Navigation Unten--------font-size: 0.9em;----*/
#navUnten {
	border-color: #AAAAAA;
	border-top-style: solid;
	border-top-width: 2px;
	font-family: Arial, Helvetica, sans-serif;
}

/*
#navUnten a:link {
	text-decoration: none;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}

#navUnten a:visited {
	text-decoration: none;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}
	
#navUnten a:hover {
	text-decoration: none;
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FF8C00;
}

#navUnten a:active {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: Gray;
}

*/
/*----------- Formatierung der Links im Layer #text ---------*/

#text a:link {
	text-decoration: none;
	color: #CC6600;
	font-family: Arial, Helvetica, sans-serif;
	
}

#text a:visited {
	text-decoration: none;
	color: #000033;
	font-family: Arial, Helvetica, sans-serif;
	
}

#text a:hover {
	text-decoration: none;
	color: #000099;
	background-color: #FCE8BA;
	font-family: Arial, Helvetica, sans-serif;
	
}

#text a:active {
	text-decoration: none;
	color: Silver;
	font-family: Arial, Helvetica, sans-serif;
	
}

/*----------- Formatierung der Links im Layer #adressen ---------*/
#adressen a:link {
	text-decoration: none;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	
}

#adressen a:visited {
	text-decoration: none;
	color: #483D8B;
	font-family: Arial, Helvetica, sans-serif;
	
}

#adressen a:hover {
	text-decoration: none;
	color: Navy;
	font-family: Arial, Helvetica, sans-serif;
	
}

#adressen a:active {
	text-decoration: none;
	color: Silver;
	font-family: Arial, Helvetica, sans-serif;
	
}
.rahmenObenUnten {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #666666;
	border-bottom-color: #666666;
}

.rahmenUnten {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #666666;
}

li {
	list-style-type: circle;
}