/*.. Grundaufbau  ...............................*/

body {
	padding: 1em;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	}

#logo {
	width: 18em;
	height: 14em;
	text-align: center;
	}

#sitehl {
	position: absolute;
	top: 13em;
	left: 20em;
	width: 56.5em;
	padding: 0.4em 0em 0.4em 0.5em;
	font-weight: bold;
	}

/*.. Navigation  ................................*/
#navi {
	position: absolute;
	top: 1em;
	left: 50em;
	width: 57em;
	}

#navi a {
	float: left;
	top: 0px;
	text-align: center;
	font-weight: bold;
	padding: 0.5em;
	padding-bottom: 1em;
	padding-top: 9em;
	border-left: 1px solid #FFFFFF;
	text-decoration: none;
	}

#nav_home {	background-color: #80B3E6;	color: #003366; }
#nav_home:hover {	background-color: #0066CC;	}
	
#nav_ueberuns {	background-color: #80E6FF;	color: #00667F;	}
#nav_ueberuns:hover { background-color: #00CCFF; }

#nav_leistungen { background-color: #FFCCFF;	color: #7F4C7F;	}
#nav_leistungen:hover { background-color: #FF99FF; }

#nav_kurse { background-color: #CC80CC; color: #4C004C; }
#nav_kurse:hover { background-color: #990099; }

#nav_orchester { background-color: #E68080; color: #660000; }
#nav_orchester:hover { background-color: #CC0000; }

#nav_termine { background-color: #FFCC80; color: #7F4C00; }
#nav_termine:hover { background-color: #FF9900; }

#nav_links { background-color: #FFFFB3; color: #7F7F33; }
#nav_links:hover { background-color: #FFFF66; }

#nav_kontakt { background-color: #80E6B3; color: #006633; }
#nav_kontakt:hover { background-color: #00CC66; }

#nav_sitemap { background-color: #80B399; color: #003319;	border-right: 1px solid #FFFFFF; }
#nav_sitemap:hover { background-color: #006633; }


/*.. Inhalt & Subnavi Bereich ..................*/
#bigbox {
	float: left;
	margin-top: 1em;
	width: 76em;
	}


/*.. Subnavi ...................................*/
#subnavi {
	position: absolute;
	width: 18em;
	left: 1em;
	margin-top: -1em;
	}

.subnavi_hl {
	font-weight: bold;
	padding: 1em;
	margin: 1em 0 0 0;
	}

#subnavi p {
	padding: 1em;
	background-color: #FFFFFF;
	margin: 0;
	}

#subnavi a {
	display: block;
	padding:  0.5em 1em;
	background-color: #FFFFFF;
	margin-top: 1px;
	color: #000000;
	line-height: 2em;
	text-decoration: none;
	}


/*.. Ganze Box  ................................*/

.ganzebox {
	padding: 0.5em 1em;
	background-color: #FFFFFF;
	width: 55em;
	margin: 0em 0em 1em 19em;
	}

.img_links {
	float: left;
	margin: 5px 5px 5px 0px;
	}

.img_rechts {
	float: right;
	margin: 5px 0px 5px 5px;
	}

.divende {
	clear: both;
	font-size: 0px;
	}

.halbebox {
	display: block;
	padding: 0.5em 1em;
	background-color: #FFFFFF;
	width: 25em;
	margin: 0em 0em 1em 19em;
	}


/*.. Textformatierung  .........................*/

p {
	margin: 0.5em 0em;
	line-height: 2em;
	}

h1 {
	font-size: 1em;
	padding-bottom: 1em;
	margin: 0.5em 0em;
	}

h2 {
	font-weight: normal;
	font-size: 1em;
	margin: 0.5em 0em;
	}

.mehr {
	display: block;
	border-top: 1px dashed #FFFFFF;
	padding: 0.2em 1em;
	margin: 0.5em 0em;
	text-align: right;
	}



/*.. Tabellen  .................................*/

td {
	padding: 0em 2em 0.5em 0em;
	vertical-align: top;
	}

.rechtsbuendig {
	text-align: right;
	}

/*.. Extras ....................................*/

.datum {
	border-bottom: 1px dashed #CCE0F5;
	margin: 1em 0em -0.5em 0em;
	}

ul {
	line-height: 2em;
	margin: 0em 1em;
	padding: 1em;
	}