/* allgemeine Formatierungen */

body {
	margin: 10px;
	padding: 10px;
	background-color: #006666;
	font-family: Georgia, serif;
	font-size: 14px;
	line-height: 18px;
	left: 0px;
}

p {
	padding: 0px;
}	

a {
	text-decoration: none;
	color: #003300;
}

a:hover {
	color: #FF3300;
}

ul, li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

h1 {
 font-size: 1em;
 margin-top: 0px;
}

h1.markiert_gruen {
	background-image: url(noteK.png);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	padding-left: 20px;
}
* html h1.markiert_gruen {
	background-image: url(noteK.gif);
}

/* Layout */

div#schatten {
	position: relative;
	left: 50px;
	top: 30px;
	float:left;
	background: url(schatten.png) no-repeat bottom right !important;
	background: url(schatten.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}

div#main {
	position: relative;
	top: -10px;
	left: -10px;
	background-color: #FFFFFF;
	background-image: url(inhalt_hintergrund.gif);
	background-position: top;
	background-repeat: no-repeat;
	border: 1px solid white;
	width: 910px;
	padding: 0!important;
	padding: 0 6px 6px 0;
	border: 1px solid white;
	margin: -6px 6px 6px -6px!important;
	margin: 0;
}

div#hauptnavigation {
	width: 910px;
	height: 250px;
	color: #FF3300;
}

div#inhalt {
	margin-left: 285px;
	width: 590px;
	min-height:300px;
	padding-top: 30px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 10px;
}


/* Hauptnavigation */

div#hauptnavigation li a {
	background-image: url(note.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 30px;
}
* html div#hauptnavigation li a {
	background-image: url(note.gif);
	background-position: 4px 5px;
}

div#hauptnavigation li a:hover {
	background-image: url(note_aktiv.png);
}

* html div#hauptnavigation li a:hover {
	 background-image: url(note_aktiv.gif);
}

li#news {
	position: absolute;
	left: 210px;
	top: 80px;
}

li#konzerte {
	position: absolute;
	left: 190px;
	top: 105px;
	visibility: inherit;
}

li#biografie {
	position: absolute;
	left: 164px;
	top: 128px;
}

li#ensemble {
	position: absolute;
	left: 135px;
	top: 152px;
	visibility: inherit;
}

li#feedback {
	position: absolute;
	left: 104px;
	top: 174px;
}

li#fotos {
	position: absolute;
	left: 71px;
	top: 195px;
}

li#kontakt {
	position: absolute;
	left: 32px;
	top: 216px;
}

div#biooptionen {
	position: absolute;
	top: 127px;
	left: 273px;
}

div#biooptionen li {
	float: left;
	margin-right: 10px;
}

div#biooptionen li a {
	background-image:url(note2.png);
	background-repeat:no-repeat;
background-position: 0px 5px;
	padding-left: 30px;
}
* html div#biooptionen li a {
	background-image:url(note2.gif);
	background-position: 4px 5px;
}

div#biooptionen li a:hover {
	background-image:url(note2_aktiv.png);
}
* html div#biooptionen li a:hover {
	background-image:url(note2_aktiv.gif);
}

div.aktiv {
	background-image: url(note_aktiv.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 30px;
	color: #FF3300; 
}
* html div.aktiv {
	background-image: url(note_aktiv.gif);
	background-position: 4px 5px;
}

/* Subnavigation */

div#subnavigation {
	float: left;
	width: 350px;
}

ul#subnavigation_bio_de, ul#subnavigation_bio_en, ul#subnavigation_bio_hu, ul#subnavigation_konzerte, ul#subnavigation_ensemble_fotos {
	display: none;
}

div#subnavigation li a {
	background-image: url(note.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 30px;
}
* html div#subnavigation li a {
	background-image: url(note.gif);
	background-position: 4px 5px;
}

div#subnavigation li a:hover {
	background-image: url(note_aktiv.png);
}
* html div#subnavigation li a:hover {
	background-image: url(note_aktiv.gif);
}

li#bio_de_kurz, li#bio_en_kurz, li#bio_hu_kurz, li#konzerte_2008 {
	position: absolute;
	left: 192px;
	top: 280px;
}

li#bio_de_lang, li#bio_en_lang, li#bio_hu_lang, li#konzerte_2007 {
	position: absolute;
	left: 180px;
	top: 310px;
}


li#bio_de_reper, li#bio_en_reper, li#bio_hu_reper, li#konzerte_2006, li#ensemble_fotos  {
	position: absolute;
	left: 160px;
	top: 338px;
}




/* Inhalte */

div.eintrag {
	clear: left;
	width: 590px;
}

div.links {
	float: left;
	width: 198px;
	margin-bottom: 18px;
}

div.rechts {
	width: 360px;
	margin-left: 215px;
	margin-bottom: 18px;
}

div.eintrag_bio {
	clear: left;
	width: 590px;
	margin-left: 20px;
}

div.eintrag_bio div.links {
	float: left;
	width: 150px;
	margin-bottom: 18px;
}

div.eintrag_bio div.rechts {
	width: 400px;
	margin-left: 170px;
	margin-bottom: 18px;
}

div.eintrag_ensemble {
	clear: left;
	width: 590px;
}

div.eintrag_ensemble div.links {
	float: left;
	width: 100px;
	margin-bottom: 18px;
}

div.eintrag_ensemble div.rechts {
	width: 450px;
	margin-left: 120px;
	margin-bottom: 18px;
}


p.markiert_gruen {
	background-image: url(noteK.png);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	text-indent: 20px;
	margin-top: 0px;
	font-size: 0.9em;
}
* html p.markiert_gruen {
	background-image: url(noteK.gif);
}

p.markiert_orange {
	background-image: url(note_aktivK.png);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	text-indent: 20px;
	margin-top: 0px;
	font-size: 0.9em;
}
* html p.markiert_orange {
	background-image: url(note_aktivK.gif);
}

.titel {
	font-style:italic;
}

.komponist {
	font-weight:bold;
}

.bildunterschrift {
	margin: 2px 0 4px 0;
	font-size: 10px;
}

img.bild_rechts {
	margin-left: 15px;
}
img.bild_links {
	margin-right: 15px;
}
/* etc */
ul.bio li {
	list-style-type:circle;
	margin-left: 15px;
}

