/*Stylesheet für AOR-Homepage */

body {
	width: 75em;
	background-image: url(../_images/akkordeon_hell2.jpg);
	font-family: Verdana, Arial;
	font-size: 0.8em;
	border: 0px solid blue;
	color: #333333;
	margin: 0px auto;
	padding: 5px;
}
img { border: 0px;}
h1 { font-size: 3em; font-variant: small-caps; }
h2 { font-size: 1.9em; font-variant: small-caps; }
h3 { font-size: 1.35em; font-variant: small-caps; }
h4 { font-size: 1.25em; font-variant: small-caps; }
h5 { font-size: 1.1em; font-variant: small-caps; }
/* iframe { width: 60em; height: 44em; } */
/*
table {
	border: 1px solid #000066;
	border-collapse: collapse;
	background-color: #FFFFFF;
}
th {
	background-color: #CCCCCC;
	border: 1px solid #000066;
	padding: 5px;
	text-align: center;
}
td {
	text-align: center;
	border: 1px solid #000066;
	padding: 5px;
}
*/

a:link, a:visited, a:hover { text-decoration: underline; color: #333333; }

#katze {
	float: right;
	width: 14em;
	margin-bottom: 0.8em;
	text-align: right;
}

#titel {
	float: left;
	/* height: 11em; */
	width: 61em;
	border-bottom: 1px solid #999999; }
#titel #logo { float: left; }

#sprache { padding-top: 9.4em; float: right; }


/* NAVIGATION */
#navigation {
	float: left;
	width: 12em;
	border: 0px solid red;
	margin-top: 1em; 
}
#menue {
	color: #FFFFFF;
	border: 0px solid yellow;
}
#menue a:link, #menue a:visited {
	display: block;
	color: #FFFFFF;
	background-color: #666666;
	text-decoration: none;
	padding: 0.25em 0.25em 0.25em 0.5em;  /* oben rechts unten links */
	border-bottom: 1px solid #CCCCCC;
}
#menue a:hover {
	background-color: #CCCCCC;
	color: #333333;
	text-decoration: none;
}
#menue a:link.aktiv, #menue a:visited.aktiv, #menue a:hover.aktiv {
	background-color: #FFFF00;
	color: #333333;
}
#counter {
	background-color: #666666;
	color: #FFFFFF;
	text-align: center;
	padding-top: 10px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}
#w3c {
	padding-top: 5px;
	padding-bottom: 10px;
	clear: both;
	margin-top: 5px;
}


/* INHALT */
#inhalt {
	margin-left: 14em; 
	margin-top: 12em;
	border: 0px solid red;
	text-align: justify;
}
#inhalt a:link, #inhalt a:visited, #inhalt a:hover { text-decoration: underline; color: #333333; }
#inhalt h2 { font-weight: normal; }

#inhalt #links { float: left; margin-right: 1em; }



/* ALLGEMEINE KLASSEN */
.fett { font-weight: bold; }
.center { text-align: center; }
.kursiv { font-style: italic; }
.cb { clear: both; }
.fl { float: left; }
.fr { float: right; }
.en { color: #99CCFF; }
.rechts { text-align: right; }
.nobr { white-space: nowrap; }
.unt { text-decoration: underline; }
.top {margin-top: 0px; }
.bot { margin-bottom: 0px; }
.subt { font-size: 0.75em; }
.ml { margin-left: 25px; }
body.seite_fb { width: 60em; }
.button {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC; 
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	background-color: #FFFFCC;
	height: 2em;
	font-family: Verdana, Arial;
	font-weight: bold;
}
.sfalle { display: none; }
.noblock { display: inline; }

/* SEITE 'Geschichte' */
#j1938, #j1939, #j1949, #j1959, #j1969, #j1979, #j1989, #j1999 { display: none; }
.gesch { margin-left: 1em; }
/* Bildwechsel bei 'hover' für die Links zu Wikipedia */
a.wiki { background-image: url(../_images/wikipedia.png); background-repeat: no-repeat; display: block; width: 150px; height: 152px; margin: 0px auto; }
a:hover img.wiki { visibility: hidden; }


/* Symbole für Aufzählungen */
ul.akk { list-style-image:url(../_images/akkordeon.gif); }
ul.geld { list-style-image:url(../_images/money.png); }
ul.user { list-style-image:url(../_images/user.png); }


/* SEITE 'Wo sind wir' */
a.wikiw { background-image: url(../_images/wikipedia.png); background-repeat: no-repeat; display: block; width: 140px; height: 147px; margin: 0px auto; }
a.wikiw_en { background-image: url(../_images/wikipedia_en.png); background-repeat: no-repeat; display: block; width: 140px; height: 147px; margin: 0px auto; }
a:hover img.wikiw { visibility: hidden; }


/* SEITE 'Reperoire' */
#erstes, #qqcc, #nachw { display: none; }

/*SEITE 'Übungszeiten' */
#zeiten { border-collapse: collapse; border: 1px solid #333333; }
#zeiten th { background-color: #CCCCCC; text-align: center; }
#zeiten td, #zeiten th { border: 1px solid #333333; padding: 0.5em; }

/* SEITE 'Reservierung' */
label {
	float: left;
	width: 14em;
	text-align: right;
	padding-right: 1em;
	font-weight: bold;
}
input {
	border: 1px solid #999999;
}