html {
height:100%; 
max-height:100%; 
padding:0; 
margin:0; 
border:0; 
background:#993333; 
font-family:Arial, sans serif;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0; background:#993333;}


#head {position:absolute; margin:0; top:0; left:266px; right:120px; display:block; height:118px; padding-top:6px; background:#993333; z-index:5; color:#000;}
#head h1 {margin:0; font-size:30px;}

#head a:hover {color:#000000;}
#head a,a:active,a:visited {color:#F7CC93;}

#foot {position:absolute; margin:0; bottom:0; left:266px; right:120px; display:block; height:20px; background:#993333; z-index:2; text-align:right; line-height:20px; font-size:10px; color:#ffcc00;}
#foot a,a:active,a:visited {color:#ffcc00; text-decoration:none;}
#foot a:hover {color:#ffcc00; text-decoration:underline;}
* html #foot, {width:100%; left:0; right:0; bottom:0; border-left:266px solid #993333; border-right:120px solid #993333;}

#left1 {position:absolute; left:0; top:0px; bottom:0px; width:176px; font-size:18px; z-index:4; overflow:hidden; background:url(klaviertasten/klavier-taste.jpg) #993333; background-position:top left; background-repeat:x-repeat; padding-top:15px;}
#left2 {position:absolute; left:176px; top:0px; bottom:0px; width:90px; font-size:1em; z-index:4; overflow:hidden;}
#left3 {position:absolute; left:266px; top:124px; bottom:20px; right:120px; font-size:1em; z-index:1; overflow:auto; background:#dcdcdc;}
#left4 {position:absolute; top:0; bottom:0; right:0; width:120px; font-size:1em; z-index:4; overflow:hidden; text-align:center;}
* html #left1, * html #left2 {height:100%; top:0; bottom:0; border-top:0; border-bottom:0;}
* html #left3 {height:100%; width:100%; top:0; bottom:0; left:0; right:0; border-top:130px solid #993333; border-bottom:20px solid #993333; border-left:266px solid #993333; border-right:120px solid #993333;}
* html #left4 {height:100%; top:0; bottom:0; border-top:0; border-bottom:0;}

#left2 a {color:#ffcc00; text-decoration:underline; font-weight:bold;}
#left2 a:hover {color:#000000;}
#left2 a:active {color:#ffffff;}

.navi {padding:6px 2px 20px 0px;text-align:left; line-height:32px;}
.inner {padding:10px 10px 10px 10px;text-align:left;}
.bold {font-size:1.5em; font-weight:bold;}
.linksbild {float:left;margin-right:10px;}
.rechtsbild {float:right;margin-left:10px;}
.rahmenbild {align:center;margin:0 0 10px 0;}

.abstandtaste {margin-top:39px;}
.normaletaste {margin-top:3px;}

a {color:blue; text-decoration:underline;}
a:hover {color:#ff0000;}
a:active {color:#ffffff;}
a:visited {color:#8000FF;}

h1 {font-size:20px;}
h2 {font-size:18px;}
img {float:left; margin-right:20px;}
p {text-align:justify;line-height:1.5em;}