body {
height:100%;
width:100%;
background-color:#ffc;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
line-height:1.2em;
margin:5px 15px 0;
padding:0;
}
img {
border:0;
display:block;
float:right;
margin-left:20px;
margin-right:10px;
width:384px;
}
dt{text-align: left;float: left;width: 100%;}
dd{margin-left: 60px;}
.arrowright {
border:none;
display:inline;float: right;
text-align:right;
width:50%;
}
.arrowleft {
border:none;
display:inline;
text-align:left;
width:50%;float: left;
}
.bottomarrows {
width:100%;margin:0 0 0 30px;float: left;
}
* html .bottomarrows {
margin:0 0 0 30px;
width:720px;
}
.bottomarrows td {
border:0;
width:50%;
}
.right {
text-align:right;
}
.backtotop {
margin-top:2em;
text-align:center;
}
.composernames {
margin:10px 0 0;
padding:0;
text-align:left;
}
.firsttitle {
margin:5px auto 0;
text-align:center;
width:400px;
}
.picturer {
float:right;
margin-left:10px;
padding-top:5px;
}
.attempt {
border:2px outset #cc0;
color:#000;
font-weight:400;
margin:0 auto 0 20px;
padding:5px 10px;
width:90%;float: left;
}
.attempt1{margin-top: 2em;}
.commentsdt {margin-left: 30px;text-align: left;
width:90%;
}
.middledt{float: left; width: 90%;clear: both;margin: 0 0 .5em 0; text-align: left;}
#titles dl{
margin:0;
padding:0;
text-align:left;
}
a:link {
background-color:inherit;
color:#060;
font-weight:700;
text-decoration:none;
}
a:hover {
background-color:#060;
color:#6f0;
}
a:visited {
background-color:inherit;
color:#989898;
font-weight:700;
text-decoration:none;
}
a:visited:hover {
background-color:inherit;
color:#fc0;
}
a:active {
background-color:inherit;
color:#6f3;
}
h1 {
font-size:1.6em;
line-height:1.2em;
}
h2 {
font-size:105%;
line-height:1.2em;
margin-bottom:0;
padding:0;
}
h3 {
font-size:1.1em;
}
h4 {
font-size:1.05em;
margin: 0 0 0 20px;
float: left; text-align: center;
width: 90%;clear: both;
}
#upcoming h4{margin-top: 10px;}
.middlelines {
margin:0; float: left;
padding-top:0;
text-align:center;
width:90%;
}
#composerbios{width: 90%;margin-top: 1em;float: left;}
#composerbios dt {font-size: 100%;
text-align:left;
}
#conmposerbios dt:firstchild { float:left;
}
#composerbios dt:hover { background-color:#DEDEB8;
}
#composerbios dt { -webkit-box-shadow:1px 1px 2px #888;
padding:.5em .5em .5em 1em;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border:1px solid #690;
margin: 0 1em;
}
.omu{float: left; width: 90%;}
H1,H2,H3,H4 {
font-weight:700;text-align:center;
}
.groups {
width: 100%;float: left;
margin:0 0 0 20px;
}
.links {
clear:both;
font-size:.85em;
line-height:1.4em;
margin: 1.5em auto 0 2.5em;
padding:5px;
text-align:center;
text-decoration:none;
width:92%;float: left;
}
hr {
clear:both;
width:90%;
}
#titles {
font-size:95%;
margin:0;
padding:0;
text-align:left;
width:100%;
}
dl,dt {
margin-left:30px;
margin-top:0;
text-align:center;
}
#me {
width:90%;
margin-left:5%;
}
#me img {
float:left;
margin:0 20px 10px 0;
width:148px;
}
#me a {
background-color:inherit;
color:#060;
display:block;
text-decoration:none;
}
#me a:hover {
background-color:#cf9;
color:#060;
}
#me #inline {
display:inline;
}
#me dl {
margin-left:255px;
}
#me table {
border:2px outset #cc0;
clear:left;
font-weight:400;
width:100%;
}
#me td {
border:1px inset #030;
padding:2px;
text-align:center;
}
#whoisnowtable {
border:1px outset #cc0;
clear:both;
margin-left:10px;
padding-left:0;
width:95%;
}
#whoisnowtable td {
border:1px outset #cc0;
padding:5px;
}
.whoisnowtabletdrightsideh4 {
margin:0 auto;
padding:0;
text-align:center;
}
.whoisnowtabletdrightsideh5 {
margin:0;
padding-top:0;float: left; width: 90%;
}
#whoisnowtable td.leftside {
vertical-align:middle;
width:50%;
}
.whoisnowtabletdleftsidedl {
margin:5px 10px;text-align: left;
}
#whoisnow p {
margin:2px auto 3px;
}
#artistframe {
border:2px outset #cc0;
font-weight:400;
margin-left:40px;
min-height:450px;
padding:5px 5px 15px;
width:92%;
}
#artistframe img {
float:left;
margin-left:10px;
padding:5px 5px 5px 0;
width:300px!important;
}
#reinhard {
height:450px;
}
#rm table {
background-color:inherit;
color:#990;
margin-left:auto;
margin-right:auto;
width:90%;
margin-bottom:2em;
}
#rm h1 {
padding-top:3em;
}
#rm img {
border:0;
margin:0 20px 0 0;
padding:0;
width:272px;
}
#bildertexte {
padding-top:4em;
}
* html #bildertexte {
padding-right:20px;
}
#mai img {
float:left;
margin-right:10px;
padding-top:5px;
width:243px;
}
#tmo table {
border:2px outset #cc0;
width:92%;
}
#tmo td {
border:2px outset #cc0;
}
#tmo img {
height:110px;
padding:5px;
vertical-align:middle;
width:180px;
}
.tmoleft {
width:20%;
}
.tmoright {
font-size:1em;
height:110px;
padding:5px 0 10px 0;
text-align:center;
vertical-align:top;
}
.sounds {width: 90%;
font-size:.95em;
margin:5px 0 20px;
}
#qthinweis {
font-size:.85em;
text-align:center;
}
#mebio {
margin-left:20px;
margin-top:2em;
width:90%;
}
#mebio img {
float:right;
margin:5px 0 10px 15px;
padding-top:5px;
width:300px;
}
#mebio h2 {
margin:0 0 -.8em;
padding:0;
text-align:left;
}
#mebio p {
margin-bottom:0;
padding-bottom:0;
}
#mebio ul {
margin-top:0;
padding-top:0;
}
#anotherfive img, #fi img {
float:left;
margin-right:20px;
width:400px;
}
#anotherfive h1 {
padding-top:.5em;
}
#othertext {
background-color:#ffc;
border:2px outset #cc0;
color:#000;
font-weight:400;
margin:0 auto;
padding:5px 10px;
width:98%;
}
#othertext h4 {
width:100%;
}
#picture {
float:left;
margin-right:10px;
padding-top:5px;
}
.klangbeispiel{width: 90%;}
#subtitle {
padding-bottom:30em;
text-align:center;
}
#vielendank {
border:2px outset #996;
margin:2em auto;
padding-bottom:15px;
text-align:center;
width:80%;
}
.arrows {
font-size:150%;
font-weight:700;
}
.larrows {
background-color:inherit;
color:#F60;
font-size:150%;
font-weight:700;
}
#form p {
font-size:120%;
font-weight:700;
}
#formtext {
font-size:105%;
text-align:left;
}
focus {
background-color:#9F6;
color:#030;
}
a.otherlinkogg:hover {
background-color:#FF0;
color:#300;
font-size:.95em;
text-decoration:none;
}
a.otherlinkmp3:hover {
background-color:#9F0;
color:#300;
font-size:.95em;
text-decoration:none;
}
a.otherlinkrm:hover {
background-color:#3ff;
color:#300;
font-size:.95em;
text-decoration:none;
}
a.otherlinkwmv {
background-color:transparent;
color:#060;
font-size:.95em;
text-decoration:none;
}
a.otherlinkwmv:hover {
background-color:red;
color:#300;
cursor:wait;
font-size:.95em;
text-decoration:none;
}
.bios {
padding-top:0!important;
text-align:left!important;
}
.footnote {
font-size:80%;
padding:.75em 0;
text-align:center;
}
#top {
margin:10px auto;width: 90%; height: 300px;
;
}
#top h1 {
margin-left:20px;
padding:1em 0 0;
}
#topimg {
float:left;
width:225px;
}
.kbeispiel {
float: left; width: 90%;text-align: center;
}
#getit {
margin-left:0;
font-size:100%;
}
#formelements {
margin:5%;
}
#audiotitles,.fileinfo {
margin-left:0;
text-align:left;
width:100%;
}
* html .audiotitlestd {
font-size:100%;
}
p,.left,ol, #haftung {
text-align:left;
}
#impressumh1{width: 90%;margin: 1.5em auto 0 auto;}
#impressumdl{float: left; width: 90%;text-align: left;}
* html #impressumdl{margin-left: 0;}
table,.center {
margin:auto;
text-align:center;
}
.clear,.toptitle 
{
font-size:1.05em;
margin: 0 auto;
text-align:center;
width: 90%;
clear:both; 
}
.toptitle{float: left; width: 90%; margin-left: 20px;}
.oben,.tdcenter,.whoisnowtabletdrightsidep {
text-align:center;
}
.whoisnowtabletdrightsidep{width: 100%;float: left;}
.whoisnowtabletdleftsidep,#nicole p,#reinhard p,#elaine p {
padding:0 10px;
text-align:left;
}
ol {float: left; width: 90%;}
#mai h1,#fi h1 {
padding-top:1em;
}
a.otherlinkogg,a.otherlinkmp3,a.otherlinkrm {
background-color:inherit;
color:#060;
font-size:.95em;
text-decoration:none;
}
#top p,#top h2 {
margin-right:20px;
}
#audiotitles td,.fileinfo td {
width:25%;
}
#topwin{ text-align: center; margin: 0 0 0 10px;  height: 220px;padding: 5px 5px 0 0;}

#topwin img{float: left; width: 339px;  margin: 0 2em 0 1em; }
h2{margin-right: 20px;}
#catalogue {
margin-top:1em;
float: left; width: 90%;
}
* html #catalogue {
width:700px;
}
#catalogue dt {
border:1px dotted #690;
display:block;
float:left;
height:20px;
padding:5px 0;
text-align:center;
width:15em;margin: 0;
}
#catalogue a:hover {
background-color:#060;
}
#greenarrowl{float: left;margin: 0 0 10px -3%;height:0; width: 0; border: 30px solid transparent; border-right-color: #060;}
#greenarrowl:hover{ border-right-color: #00ce01;}
#greenarrowr{float: right; margin: 0 10% 10px 0;height:0; width: 0; border: 30px solid transparent; border-left-color: #060;}
#greenarrowr:hover{border-left-color: #00ce01;}
#greenarrowt{float: left;clear: right;margin: -20px 45% 0 45% ;height:0; width: 0; border: 30px solid transparent; border-bottom-color: #6e7538;}
#greenarrowt:hover{border-bottom-color: #dfee72;}