a:link {color:#2F4F4F; text-decoration:none}
a:active {color:#4169e1; text-decoration:none}
a:visited {color:#2F4F4F; text-decoration:none}
a:hover {color:#4169e1; text-decoration:none}

@media screen and (min-width:300px) {
body {margin:auto; width:342px; height:820px; font-size:9pt; font-family:'Trebuchet MS',Arial,Helvetica,sans-serif; line-height:1.3; color:#2F4F4F; background-color:#E6E6FA4; background-image:url(grafik/grund4.jpg); background-size:400px;margin-top:12px; margin-bottom:12px}

#weiss{background-image:url(grafik/leer.jpg); width:342px; height:820px;border:1px solid #a9a9a9; position:absolute}	

img.eins{width:42; height:34;padding-top:4}
img.zwei{width:74; height:35;padding-top:4}
img.drei{width:100; height:35;padding-top:4}
img.vier{width:75; height:35;padding-top:4}
img.fuenf{width:34; height:35;padding-top:4}

ul.nav{list-style:none;position:absolute; top:80px; left:0px; width:70px; height:115px; border-right:solid 1px #d3d3d3; padding-bottom:12px; margin-left:0px;padding-left:11px}

ul.nav li{padding-bottom:12px}

hr.oben{color:#fffff0; position:absolute; top:32px; left:12px; width:320px}

p.kopf{position:absolute; top:-15px; left:9px; width:325px}

p.fuss{font-size:9pt;position:absolute; top:780px; left:114px; width:150px}

hr.unten{color:#fffff0; position:absolute; top:775px; left:12px; width:320px}

div.bilder{position:absolute;top:80px; left:84px; width:262px}

div.bilder img{width:45px; height:60px; padding-left:8px; padding-right:4px; padding-top:10px; transition: all 1s}
div.bilder p{padding-left:8px}

div.bilder img:hover{transform:scale(2); 
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);}

div.Sbox{position:absolute; top:80px; left:94px; height:620px}

div.Sbox 
p{width:236px}
ul.txt{width:220px; list-style-type:disc; margin-left:-24px} 

div.Lbox{position:absolute; top:80px; left:94px; height:620px}

div.Lbox
p{width:236px}
p.leistung{width:236px;margin-bottom:-10px}

div.Bbox{position:absolute; top:220px; left:94px; height:445px}

div.Bbox
p{width:236px}
p.buch{width:240px; font-weight:bold}
img.me{width:54px; height:72px; padding-left:2px; padding-right:8px; padding-top:2px}

div.Ibox{position:absolute; top:120px; left:130px; line-height:30px; height:200px}

div.Ibox
p{width:160px}
p.impress{width:160px; font-weight:bold}
p.rechte{width:160px}

div.Kbox{position:absolute; top:120px; left:130px; line-height:30px; height:200px}

div.Kbox
p{width:160px}
p.erfolg{width:160px; margin-top:30px}
p.fehler{width:160px; margin-top:40px}
textarea{width:160px; height:150px}

p.obenS{font-size:10pt;font-weight:bold; color:#4169e1; position:absolute; top:45px; left:12px}

p.obenL{font-size:10pt;font-weight:bold; color:#4169e1; position:absolute; top:45px; left:12px}

p.obenP{font-size:8pt;font-weight:bold; color:#4169e1; position:absolute; top:45px; left:12px}

p.obenk{font-size:10pt;font-weight:bold; color:#4169e1; position:absolute; top:80px; left:130px}

p.obenI{font-size:10pt;font-weight:bold; color:#4169e1; position:absolute; top:80px; left:130px}

}

@media screen and (min-width:600px) 
{
body {margin:auto; width:540px; height:590px; font-size:10pt; font-family:'Trebuchet MS',Arial,Helvetica,sans-serif; line-height:1.3; color:#2F4F4F; background-color:#E6E6FA4; background-image:url(grafik/grund4.jpg); background-size:800px; margin-top:12px}

#weiss{background-image:url(grafik/leer.jpg); width:540px; height:590px; box-shadow: 30px 26px 30px #999; position:absolute}	

img.eins{width:50; height:40;padding-top:4}
img.zwei{width:140; height:42;padding-top:4}
img.drei{width:134; height:42;padding-top:4}
img.vier{width:156; height:42;padding-top:4}
img.fuenf{width:40; height:42;padding-top:4}

ul.nav{list-style:none;position:absolute; top:110px; left:0px; width:76px; height:122px; border-right:solid 1px #d3d3d3; padding-bottom:12px; margin-left:0px; padding-left:16px}

ul.nav li{padding-bottom:12px}

hr.oben{color:#fffff0; position:absolute; top:40px; left:14px; width:510px}

p.kopf{position:absolute; top:-15px; left:9px; width:520px}

p.fuss{font-size:9pt;position:absolute; top:555px; left:214px; width:150px}

hr.unten{color:#fffff0; position:absolute; top:550px; left:14px; width:510px}

div.bilder{position:absolute;top:115px; left:100px; width:415px}

div.bilder img{width:55px; height:70px; padding-left:20px; padding-right:20px; padding-top:10px; transition: all 1s}
div.bilder p{padding-left:30px}

div.bilder img:hover{transform:scale(2); 
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);}

div.Sbox{position:absolute; top:110px; left:106px; height:390px}

div.Sbox 
p{width:400px}
ul.txt{width:390px; list-style-type:disc; margin-left:-24px}

div.Lbox{position:absolute; top:110px; left:106px; width:425px; height:435px; overflow:auto}

div.Lbox
p{width:400px}
p.leistung{width:400px;margin-bottom:-10px}

div.Bbox{position:absolute; top:250px; left:106px; width:425px; height:300px; overflow:auto}

div.Bbox
p{width:400px}
p.buch{width:400px; font-weight:bold}
img.me{width:60px; height:80px; padding-left:2px; padding-right:8px; padding-top:2px}

div.Ibox{position:absolute; top:130px; left:210px; line-height:30px; height:200px}

div.Ibox
p{width:280px}
p.impress{width:280px; font-weight:bold}
p.rechte{width:280px}

div.Kbox{position:absolute; top:115px; left:190px; line-height:30px; height:200px}

div.Kbox
p{width:280px}
p.erfolg{width:280px; margin-top:30px}
p.fehler{width:280px; margin-top:40px}
textarea{width:260px; height:150px}

p.obenS{font-size:14pt;font-weight:bold; color:#4169e1; position:absolute; top:60px; left:14px}

p.obenL{font-size:11pt;font-weight:bold; color:#4169e1; position:absolute; top:68px; left:14px}

p.obenP{font-size:11pt;font-weight:bold; color:#4169e1; position:absolute; top:68px; left:14px}

p.obenK{font-size:11pt;font-weight:bold; color:#4169e1; position:absolute; top:68px; left:190px}

p.obenI{font-size:11pt;font-weight:bold; color:#4169e1; position:absolute; top:90px; left:210px}

}

@media screen and (min-width:900px)
{
body {margin:auto; width:820px; height:550px; font-size:11pt; font-family:'Trebuchet MS',Arial,Helvetica,sans-serif; line-height:1.3; color:#2F4F4F; background-color:#E6E6FA4; background-image:url(grafik/grund4.jpg); background-size:800px;margin-top:12px}

#weiss{background-image:url(grafik/leer.jpg); width:820px; height:550px; box-shadow: 30px 26px 30px #999; position:absolute}

img.eins{width:50; height:43;padding-top:4}
img.zwei{width:272; height:46;padding-top:4}
img.drei{width:138; height:46;padding-top:4}
img.vier{width:296; height:46;padding-top:4}
img.fuenf{width:44; height:46;padding-top:4}

ul.nav{list-style:none;position:absolute; top:120px; left:0px; width:85px; height:130px; border-right:solid 1px #d3d3d3; padding-bottom:12px;margin-left:0px;padding-left:16px}

hr.oben{color:#fffff0; position:absolute; top:42px; left:14px; width:792px}

p.kopf{position:absolute; top:-15px; left:9px; width:820px}

p.fuss{font-size:9pt;position:absolute; top:512px; left:338px; width:150px}

hr.unten{color:#fffff0; position:absolute; top:508px; left:14px; width:792px}

div.bilder{position:absolute;top:125px; left:100px; width:670px}

div.bilder img{width:70px; height:90px; padding-left:30px; padding-right:20px; padding-top:10px; margin-bottom:-6px; transition: all 1s}
div.bilder p{padding-left:30px}

div.bilder img:hover{transform:scale(3);
-webkit-transform: scale(3);
-moz-transform: scale(3);
-ms-transform: scale(3);
-o-transform: scale(3);}

div.Sbox{position:absolute; top:120px; left:117px; height:370px}

div.Sbox 
p{width:660px}
ul.txt{width:640px; list-style-type:disc; margin-left:-24px}

div.Lbox{position:absolute; top:120px; left:117px; width:690px; height:380px; overflow:auto}

div.Lbox
p{width:660px}
p.leistung{width:660px; margin-bottom:-10px}

div.Bbox{position:absolute; top:265px; left:117px; width:690px; height:245px; overflow:auto}

div.Bbox
p{width:660px}
p.buch{width:660px; font-weight:bold; margin-top:20px}
img.me{width:65px; height:90px; padding-left:2px; padding-right:8px; padding-top:2px}

div.Ibox{position:absolute; top:150px; left:300px; line-height:30px; height:300px}

div.Ibox
p{width:400px}
p.impress{width:400px; font-weight:bold; color:#4169e1}
p.rechte{width:400px}

div.Kbox{position:absolute; top:120px; left:250px; line-height:30px; height:300px}

div.Kbox
p{width:500px}
p.erfolg{width:500px; margin-top:30px}
p.fehler{width:500px; margin-top:40px}
textarea{width:360px; height:150px}

p.obenS{font-size:16pt;font-weight:bold; color:#4169e1; position:absolute; top:60px; left:14px}

p.obenL{font-size:13pt;font-weight:bold; color:#4169e1; position:absolute; top:68px; left:14px}

p.obenP{font-size:13pt;font-weight:bold; color:#4169e1; position:absolute; top:68px; left:14px}

p.obenk{font-size:13pt;font-weight:bold; color:#4169e1; position:absolute; top:68px; left:250px}

p.obenI{font-size:13pt;font-weight:bold; color:#4169e1; position:absolute; top:90px; left:300px}

}

@media screen and (min-width:1280px){body{margin-top:72px;}}