*
{margin:0;padding:0;}

a:active{outline:none;}
a:focus{outline:none;}

html, body
{width:100%;
height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-style:normal;
text-decoration:none;
list-style-type:none;
background-color:#f2f2f2;}

#anker 
{width:1px;
height:48%;
margin-bottom:-252px;
float:left;
background-color:#f2f2f2;}

#mainbox 
{margin:0 auto;
width:855px;
height:504px;
border:2px solid;
border-color:#333333;
background:#ffffff;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
clear:left;}

#content,#fotocontent
{position:relative;
top:0px;
left:0px;
width:855px;
height:504px;}
#content{background:#ffffff;}
#fotocontent{background:#66666d;}

#footer
{position:absolute;
top:484px;
left:100px;
width:755px;
height:20px;
background-color:#cccccd;}

#footerframes
{position:absolute;
top:484px;
left:100px;
width:750px;
height:18px;
background-color:#cccccd;}

.finfo,.fimpressum,.fhome
{position:absolute;
display:block;
top:0px;
height:20px;
padding-left:10px;
padding-right:10px;
text-decoration:none;
list-style-type:none;
line-height:20px;
font-size:12px;
text-align:center;
color:#22222d;}

.fimpressum{left:215px;width:180px;}
.finfo{left:0px;width:145px;}
.fhome{left:525px;width:210px;}

.finfo:hover,.fimpressum:hover
{color:#000000;background-color:#99999d;}
 
.fhome:hover
{color:#aa0000;background-color:#99999d;}

#fmarkimpressum,#fmarkinfo
{position:absolute;
display:block;
top:0px;
height:20px;
padding-left:10px;
padding-right:10px;
background-color:#efefef;
line-height:20px;
font-size:12px;
text-align:center;
color:#222222;
z-index:10;}

#fmarkimpressum{left:215px;width:180px;}
#fmarkinfo{left:0px;width:145px;} 

#menu
{position:absolute;
top:0px;
left:0px;
width:98px;
height:504px;
border-right-style:solid;
border-right-width:2px;
border-right-color:#333333;
background-color:#5b85af;
z-index:100;}

ul
{position:absolute;
top:111px;
left:0px;
width:96px;}

ul li
{position:relative;
display:block;
list-style-type:none;
width:98px;
height:21px;
line-height:20px;
margin-bottom:24px;}
ul li:hover{background-color:#fefefe;}

ul li a
{display:inline-block;
padding-left:20px;
width:85px;
height:21px;
line-height:20px;
text-align:left;
text-decoration:none;
font-size:13px;
color:#22222d;}

ul li ul
{position:relative;
display:none;
width:94px;
background-color:#cccccd;}

.umenumark
{background-color:#ffffff;
width:90px;
height:21px;
border-bottom-color:#ffffff;
border-bottom-style:solid;
border-bottom-width:1px;
border-top-color:#ffffff;
border-top-style:solid;
border-top-width:1px;}

ul li:hover ul
{position:absolute;
display:inline-block;
width:100px;
height:116px;
line-height:20px;
left:100px;
top:-13px;
padding-top:10px;
padding-bottom:8px;
list-style-type:none;
border-color:#ab0000;
border-style:double;  
border-left-style:hidden;}

ul li:hover .fotoul
{position:absolute;
display:inline-block;
width:100px;
height:42px;
line-height:20px;
left:100px;
top:-13px;
padding-top:10px;
padding-bottom:8px;
list-style-type:none;
border-color:#ab0000;
border-style:double;  
border-left-style:hidden;}

ul li ul li{margin-bottom:10px;}

ul li ul li:hover
{display:block;
height:21px;
line-height:20px;
width:100px;
background-color:#fefefe;}

ul li ul li a
{display:inline-block;
height:21px;
line-height:20px;
padding-left:10px;
text-align:left;}

.mark1,.mark2,.mark2f,.mark3,.mark4,.mark5,.mark6,.mark7
{position: relative;
left:0px;
height:21px;
width:98px;
background-color:#f2f2f2;
border-bottom-color:#333333;
border-bottom-style:solid;
border-bottom-width:1px;
border-top-color:#333333;
border-top-style:solid;
border-top-width:1px;}

.mark1{top:110px;}
.mark2,.mark2f{top:155px;}
.mark3{top:200px;}
.mark4{top:245px;}
.mark5{top:290px;}
.mark6{top:335px;}
.mark7{top:380px;}

.markum1,.markum2,.markum3,.markum4,.markum5,.markum6,.markum7
{position:relative;
left:0px;
background-color:#cccccd;
height:21px;}

.markum1{width:98px;}
.markum2{width:88px;}
.markum3{width:78px;}
.markum4{width:68px;}
.markum5{width:58px;}
.markum6{width:48px;}
.markum7{width:38px;}

.h1su
{position:absolute;
top:98px;
left:227px;
width:500px;
height:28px;
line-height:28px;
font-size:18px;
font-weight:bold;
font-style:normal;
text-align:left;
color:#66666d;}

.h1impress
{position:absolute;
top:10px;
left:20px;
width:380px;
height:28px;
line-height:28px;
font-size:18px;
font-weight:bold;
font-style:normal;
text-align:left;
color:#66666d;}

.h1startort
{position:absolute;
top:88px;
left:227px;
width:600px;
height:28px;
line-height:28px;
font-size:18px;
font-weight:bold;
font-style:normal;
text-align:left;
color:#66666d;}

#h1links
{position: absolute;
top:15px;
left:30px;
font-weight:normal;
line-height:25px;
font-size:23px;
color:#44444d;}

.h1fr
{position:absolute;
top:8px;
left:140px;
width:500px;
height:28px;
line-height:28px;
font-size:18px;
font-weight:bold;
font-style:normal;
text-align:left;
color:#66666d;}

h2,.text
{position:absolute;
top:170px;
left:257px;
line-height:19px;
font-weight:normal;
font-size:14px;
text-align:left;
color:#33333d;}

h3
{position:absolute;
top:42px;
left:83px;
line-height:22px;
font-weight:bold;
font-size:18px;
text-align:left;
color:#66666d;}

.textschueler
{position:absolute;
top:174px;
left:277px;
line-height:19px;
font-size:14px;
text-align:left;
color:#33333d;}

.h2text
{position:absolute;
top:213px;
left:257px;
line-height:19px;
font-size:14px;
text-align:left;
color:#33333d;}

.bild
{position:absolute;
top:67px;
left:229px;
width:480px;
height:360px;
border-style:solid;
border-width:1px;
border-color:#000000;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.bild:hover{box-shadow: none;}

#lehrerbild
{position:absolute;
top:55px;
left:232px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

#h1-lehrer
{position:absolute;
top:118px;
left:555px;
width:340px;
line-height:30px;
font-size:18px;
color: #55555d;}

#listelehrer
{position:absolute;
display:inline;
top:313px;
left:229px;
width:600px;
height:100px;
line-height:21px;}

.lilehrertext
{display:inline;
font-size:14px;
text-decoration:none;
color:#33333d;
line-height:21px;}

.punkt
{position:relative;
float:left;
width:20px;
height:20px;
line-height:21px;
background-image:url('media/punkt.svg');
background-repeat:no-repeat;}

.fotokommentar
{position:absolute;
top:448px;
left:142px;
width:662px;
height:20px;
line-height:20px;
font-size:15px;
text-align:center;
color:#f2f2f2;}

.fotogalerie{font-size:13px;color:#cccccc;}
                        
.textfotomark
{line-height:20px;
height:20px;
font-size:12px;
text-align:right;
color:#33333d;}

.textlink
{height:20px;
margin-left:3px;
margin-right:3px;
padding-left:8px;
padding-right:8px;
font-size:14px;
color:#23477B;
text-decoration:underline;}

.textlink:hover
{color:#b90000;background-color:#e2e2e2;}

#downloads{
position: absolute;
top: 10px;
left: 10px;
width: 725px;
height: 80px;
padding-left: 10px;
padding-right: 10px;
line-height:28px;
font-size:18px;
font-weight:bold;
font-style:normal;
text-align:left;
color:#66666d;}
.vorwort{
position:absolute;
top:38px;
left:30px;
width:725px;
padding-left:10px;
padding-right:10px;
line-height:18px;
font-size:14px;
color:#55555d;}

#starterpaket, #klavierliteratur, #klavieruebung, #theorie, #weitere
{padding-left:36px;
height:35px;
width:720px;
line-height:35px; 
font-size:18px;
font-weight:bold;
font-style:normal;
text-decoration:none;
color:#ffffff;}  
#starterpaket{background-color:#339933;margin-top:82px; }
#klavierliteratur{background-color:#ff6600;}
#klavieruebung {background-color:#cc0000;}
#theorie{background-color:#888888;}
#weitere{background-color:#23477b;}
.link
{position:relative;
left:72px;   
padding-left:12px;
padding-right:12px;
padding-bottom: 3px;
padding-top:3px;
line-height:14px;
font-size:14px;
color:#23477B;
text-decoration:underline;}
.link:hover
{color:#a30000;
background-color:#efefef;
text-decoration:none;}
.distanz{line-height: 10px;}

#logosw
{position:relative;
top:52px;
left:293px;
margin-bottom:200px;}  
.textlinkdown:hover{color:#b90000;background-color:#efefef;}

#aktuell{
position: absolute;
top: 72px;
left: 90px;
font-weight: normal;
line-height: 50px;
font-size: 23px;
color: #44444d;}

.alten
{position: absolute;
top:250px;
left:185px;
font-weight:normal;
line-height:23px;
font-size:16px;
color:#44444d;}

.alten1
{position: absolute;
top:150px;
left:185px;
font-weight:normal;
line-height:23px;
font-size:16px;
color:#44444d;}

#linux
{position:relative;
top:42px;
left:50px;
font-weight:normal;
line-height:20px;
font-size:17px;
color:#44444d;}
.blinux
{position:relative;
top:-30px;
left:380px;}

.topic
{margin-left:30px;
margin-top:5px;
font-size:17px;
font-weight:bold;
color:#66666d;}

.link1
{position:relative;
left:70px;
height:30px;
line-height:30px;
padding-top:2px;
padding-bottom:2px;
padding-left:8px;
padding-right:8px;
font-size:14px;
color:#23477B;
text-decoration:underline;}
.link1:hover 
{color:#a30000;background-color:#dfdfdf;text-decoration:none;}

.link1a
{position:relative;
left:20px;
height:30px;
line-height:30px;
padding-top:2px;
padding-bottom:2px;
padding-left:8px;
padding-right:8px;
font-size:14px;
color:#23477B;
text-decoration:underline;}
.link1a:hover 
{color:#a30000;background-color:#dfdfdf;text-decoration:none;}

.link2
{display:block;
padding:4px;
line-height:18px;
width: 245px;
font-size:14px;
color:#23477B;
text-decoration:underline;}
.link2:hover
{color:#a30000;background-color:#dfdfdf;text-decoration:none;}

.marzipan2{position:relative;left:400px;}
.linkspace,.linkspacepartner
{position:relative;
left:0px;
width:735px;
margin-top:10px;
margin-bottom:12px;
padding-left:20px;
padding-top:5px;
padding-bottom:15px;
background-color:#eeeeed;}
.linkspacepartner{height:210px;}
.poptext
{position:relative;
padding:10px;
text-align:center;
font-size:13px;}
.link-box,.link-box1,.link-box2,.link-box3,.link-box4
{position:absolute;
left:98px;
height:23px;}
.link-box{top:51px;}
.link-box1{top:81px;}
.link-box2{top:111px;}
.link-box3{top:141px;}
.link-box4{top:171px;}
.poptexturs
{position:absolute;
top:152px;
left:221px;
line-height:12px;
text-align:left;
font-size:12px;}
.poptextu
{position:absolute;
top:82px;
left:5px;
line-height:14px;
text-align:left;
font-size:12px;}
.logouw
{position:absolute;
margin:8px;}
.popup-box,.popup-box1,.popup-box2,.popup-box3,.popup-box4
{position:relative;
display:none;
top:-30px;
left:253px;
width:290px;
height:181px;
background-color:#ffffff;}
.link-box:hover div.popup-box,.link-box1:hover div.popup-box1,.link-box2:hover div.popup-box2,.link-box3:hover div.popup-box3,.link-box4:hover div.popup-box4
{position:absolute;display:block;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.popup-box
{top:-30px;
width:290px;
height:180px;}   
.popup-box1
{top:-60px;
width:290px;
height:185px;}  
.popup-box2
{top:-13px;
width:280px;
height:50px;
line-height:15px;
border-radius:5px;}
.popup-box3
{top:-5px;
width:280px;
height:35px;
line-height: 15px;
border-radius:5px;}
.popup-box4
{top:-13px;
width:280px;
height:50px;
line-height:15px;
border-radius:5px;} 
.logosw
{position:relative;
top:52px;
left:293px;
margin-bottom:82px;}

.frameformular
{position:absolute;
top:0px;
margin:none;
padding:none;
left:100px;
width:755px;
height:480px;
border-top-style:solid;
border-top-width:2px;
border-top-color:#f2f2f2;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#55555d;
border-left-width:0px;
border-right-width:0px;}

.scroll,.noscroll
{position:absolute;
left:99px;
width:756px;
height:482px;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#66666d;}

.scroll{overflow-y:scroll;overflow-x:hidden;}

.scrolltext
{position:absolute;
top:92px;
left:150px;
line-height:22px;
font-size:14px;
text-align:left;
color:#33333d;}

#impressumtext
{position:absolute;
top:0px;
left:100px;
width:735px;
height:482px;
padding-right:20px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #66666d;
overflow-y:scroll;overflow-x:hidden;}

span{font-weight:bold;font-size:18px; }

.para
{margin-top:66px;
margin-left:20px; 
line-height:19px;
font-weight:normal;
font-size:12px;
text-align:left;
color:#33333d;}

#h1kontakt
{position:absolute;
top:122px;
left:200px;
width:270px;
height:133px;
line-height:23px;
font-size:16px;
font-weight:bold;
color:#55555d;}

.mail,.visitenkarte
{position:absolute;
left:200px;
height:20px;
text-align:left;
line-height:20px;
font-weight:bold;
color:#66666d;}

.visitenkarte{top:290px;}
.mail{top:320px;}

.kontaktli,.kontaktlido{
display: inline-block;
height:20px;
line-height:20px;
font-size:14px;
color:#23477B;}
.kontaktli{width: 400px;}
.kontaktlido{width: 300px;}
.kontaktli:hover,.kontaktlido:hover{color:#b90000;text-decoration:none;font-style:italic;}

#mailbutton
{position:absolute;
top:299px;
left:650px;
height:40px;
width:60px;}
#mailbutton:hover{background-image:url('media/Mailaktive.svg');}

#fonbutton
{position:absolute;
top:210px;
left:650px;
height:40px;
width:60px;}
#fonbutton:hover{background-image:url('media/phoneaktive.svg');}

#ziel
{background-image:url('media/sterne.svg');
background-repeat:repeat;}

#spiel{position:absolute;top:58px;left:280px;}
#lh{position:absolute;top:412px;left: 280px;}
#rh{position:absolute;top:412px;left: 565px;}