html {
widht: 1280px;
/* height: 100%; */
font-size: 62.5%;
}
body {
text-align: center;
font: 1.2em/1.8em Verdana, sans-serif;
background: #67c7cb;
background: #1d2e4c;
/* background: #77bfe8; */
background: #9fb7cf;
}
body.physik {
background: #67c7cb;
background: #9fb7cf;
background: #FFFFFF;
}
* {margin: 0px;}
a {color: #004A7F; text-decoration: none;}
a:link {}
a:visited {}
a:hover {}
a:active {}
div#head {
width: 1020px;
padding: 10px;
margin: 0px auto;
margin-top: 40px;
height: 20px;
text-align: center;
font-size: 22pt;
background: lightgrey;
}
div#wrapper {
width: 1000px;
padding: 20px;
margin: 0px auto;
margin-top: 0px;
text-align: left;
}
div#wrap_content {
width: 1000px;
padding: 20px;
margin: 0px auto;
margin-top: 0px;
text-align: left;
}
/* Main */
div#main {
margin-top: 30px;
width: 1000px;
}
/* Material*/
div#main a:focus {font-weight: normal; color: #ea2748}
div#main a:hover {font-weight: normal; color: #ea2748}
div#main ul {list-style-position: outside; padding-left: 18px}
div#back {}
div#back a {float:left; margin-left: 30px; margin-top: -680px; width: 100px; height: 78px; background: url(/html/images/zurueck.gif) }
div#back a:hover {background: url(/html/images/zurueck_3.gif) }
div#back a:focus {background: url(/html/images/zurueck_3.gif) }
span#img {float: right; width: 1000px; margin-right: 0px; margin-top: 0px;}
h1 {font-size: 24pt; font-weight: normal;}
h2 {font-size: 16pt; font-weight: normal;}
h3 {font-size: 12pt; font-weight: bold; margin-bottom: 3px}
div#gauss {}
div#gauss a {float:left; padding:0; margin-left: 344px; margin-top: -631px; width: 117px; height: 134px;
background: url(/html/images/gauss-button_1.jpg);}
div#gauss a:hover {background: url(/html/images/gauss-button_0.jpg);
float:left; padding:0; margin-left: 340px; margin-top: -671px; width: 130px; height: 176px; }
div#gauss a:focus {background: url(/html/images/gauss-button_0.jpg);
float:left; padding:0; margin-left: 340px; margin-top: -671px; width: 130px; height: 176px;}
div#einstein {}
div#einstein a {float:left; margin-left: 95px; margin-top: -589px; width: 135px; height: 139px;
background: url(/html/images/einstein-button_1.jpg)}
div#einstein a:hover {float:left; margin-left: 93px; margin-top: -597px; width: 140px; height: 150px;
background: url(/html/images/einstein-button_0.jpg)}
div#einstein a:focus {float:left; margin-left: 93px; margin-top: -597px; width: 140px; height: 150px;
background: url(/html/images/einstein-button_0.jpg)}
div#tux {}
div#tux a {float:left; margin-left: 539px; margin-top: -466px; width: 94px; height: 88px;
background: url(/html/images/button_tux.jpg)}
div#tux a:hover {float:left; margin-left: 540px; margin-top: -467px; width: 90px; height: 88px;
background: url(/html/images/button_tux_1.jpg)}
div#tux a:focus {float:left; margin-left: 540px; margin-top: -467px; width: 90px; height: 88px;
background: url(/html/images/button_tux_1.jpg)}
div#geogebra {}
div#geogebra a {float:left; margin-left: 539px; margin-top: -466px; width: 94px; height: 88px;
background: url(/html/images/button_geogebra.jpg)}
div#geogebra a:hover {float:left; margin-left: 539px; margin-top: -466px; width: 94px; height: 88px;
background: url(/html/images/button_geogebra_1.jpg)}
div#geogebra a:focus {float:left; margin-left: 539px; margin-top: -466px; width: 94px; height: 88px;
background: url(/html/images/button_geogebra_1.jpg)}
div#led {}
div#led a {float:left; margin-left: 661px; margin-top: -456px; width: 89px; height: 134px;
background: url(/html/images/button_led.jpg)}
div#led a:hover {float:left; margin-left: 665px; margin-top: -462px; width: 87px; height: 156px;
background: url(/html/images/button_led_2.jpg)}
div#led a:focus {float:left; margin-left: 665px; margin-top: -462px; width: 87px; height: 156px;
background: url(/html/images/button_led_2.jpg)}
div#devil {}
div#devil a {float:left; margin-left: 875px; margin-top: -400px; width: 72px; height: 77px;
background: url(/html/images/button_devil.jpg)}
div#devil a:hover {float:left; margin-left: 866px; margin-top: -418px; width: 93px; height: 94px;
background: url(/html/images/button_devil_2.jpg);}
div#devil a:focus {float:left; margin-left: 866px; margin-top: -418px; width: 93px; height: 94px;
background: url(/html/images/button_devil_2.jpg)}
div#me {}
div#me a {float:left; margin-left: 791px; margin-top: -419px; width: 78px; height: 82px;
background: url(/html/images/me_button_2.gif)}
div#me a:hover {float:left; margin-left: 788px; margin-top: -424px; width: 81px; height: 88px;
background: url(/html/images/me_button_3.jpg)}
div#me a:focus {float:left; margin-left: 788px; margin-top: -424px; width: 81px; height: 88px;
background: url(/html/images/me_button_3.jpg)}
/* Physik *********************/
div#ph6 {}
div#ph6 a {float:left; margin-left: 58px; margin-top: -425px; width: 43px; height: 40px; background: url(/html/images/button_ph6.gif)}
div#ph6 a:hover {background: url(/html/images/button_ph6_3.gif)}
div#ph6 a:focus {background: url(/html/images/button_ph6_3.gif)}
div#ph7 {}
div#ph7 a {float:left; margin-left: 142px; margin-top: -338px; width: 43px; height: 40px; background: url(/html/images/button_ph7.gif)}
div#ph7 a:hover {background: url(/html/images/button_ph7_3.gif)}
div#ph7 a:focus {background: url(/html/images/button_ph7_3.gif)}
div#ph8 {}
div#ph8 a {float:left; margin-left: 247px; margin-top: -336px; width: 43px; height: 40px; background: url(/html/images/button_ph8.gif)}
div#ph8 a:hover {background: url(/html/images/button_ph8_3.gif)}
div#ph8 a:focus {background: url(/html/images/button_ph8_3.gif)}
div#ph9 {}
div#ph9 a {float:left; margin-left: 343px; margin-top: -345px; width: 43px; height: 40px; background: url(/html/images/button_ph9.gif)}
div#ph9 a:hover {background: url(/html/images/button_ph9_3.gif)}
div#ph9 a:focus {background: url(/html/images/button_ph9_3.gif)}
div#ph10 {}
div#ph10 a {float:left; margin-left: 490px; margin-top: -238px; width: 43px; height: 40px; background: url(/html/images/button_ph10.gif)}
div#ph10 a:hover {background: url(/html/images/button_ph10_3.gif)}
div#ph10 a:focus {background: url(/html/images/button_ph10_3.gif)}
div#ph11 {}
div#ph11 a {float:left; margin-left: 802px; margin-top: -274px; width: 43px; height: 40px; background: url(/html/images/button_ph11.gif)}
div#ph11 a:hover {background: url(/html/images/button_ph11_3.gif)}
div#ph11 a:focus {background: url(/html/images/button_ph11_3.gif)}
div#ph12 {}
div#ph12 a {float:left; margin-left: 501px; margin-top: -568px; width: 43px; height: 40px; background: url(/html/images/button_ph12.gif)}
div#ph12 a:hover {background: url(/html/images/button_ph12_3.gif)}
div#ph12 a:focus {background: url(/html/images/button_ph12_3.gif)}
div#ph13 {}
div#ph13 a {float:left; margin-left: 656px; margin-top: -702px; width: 43px; height: 40px; background: url(/html/images/button_ph13.gif)}
div#ph13 a:hover {background: url(/html/images/button_ph13_3.gif)}
div#ph13 a:focus {background: url(/html/images/button_ph13_3.gif)}
div#schroedinger {}
div#schroedinger a {float:left; margin-left: 565px; margin-top: -647px; width: 136px; height: 220px;
background: url(/html/images/button_schroedinger_1.gif);}
div#schroedinger a:hover {float:left; margin-left: 560px; margin-top: -650px; width: 144px; height: 221px;
background: url(/html/images/button_schroedinger_sw.gif)}
div#schroedinger a:focus {float:left; margin-left: 560px; margin-top: -650px; width: 144px; height: 221px;
background: url(/html/images/button_schroedinger_sw.gif)}
div#heisenberg {}
div#heisenberg a {float:left; margin-left: 722px; margin-top: -631px; width: 134px; height: 181px;
background: url(/html/images/button_heisenberg_1.gif)}
div#heisenberg a:hover {float:left; margin-left: 705px; margin-top: -703px; width: 208px; height: 275px;
background: url(/html/images/button_heisenberg_sw.gif)}
div#heisenberg a:focus {float:left; margin-left: 705px; margin-top: -703px; width: 208px; height: 275px;
background: url(/html/images/button_heisenberg_sw.gif)}
div#katze {}
div#katze a {float:left; margin-left: 705px; margin-top: -327px; width: 85px; height: 285px; background: url(/html/images/button_katze_1.gif)}
div#katze a:hover {float:left; margin-left: 651px; margin-top: -340px; width: 228px; height: 298px; background: url(/html/images/button_katze.gif)}
div#katze a:focus {float:left; margin-left: 651px; margin-top: -340px; width: 228px; height: 298px; background: url(/html/images/button_katze.gif)}
/* Mathematik */
span#calc {float: right; width: 354px; margin-right: 323px; margin-top: 0px}
@font-face
{
font-family: "digital-7";
src: local("digital-7"),
url("/html/font/digital-7.ttf")
format("TrueType")
}
div#madisplay {}
div#madisplay input {color: #404050; float: left; margin-left: 398px; margin-top: -512px; width: 200px; height: 30px; font-size: 24pt; font-family: digital-7; text-align: right; border: none; background: url(/html/images/ma_display.jpg)}
div#madisplay input:hover{background: url(/html/images/ma_display.jpg)}
div#madisplay input:focus {background: url(/html/images/ma_display.jpg)}
div#ma0 {}
div#ma0 input {float:left; margin-left: 382px; margin-top: -108px; width: 41px; height: 32px; background: url(/html/images/button_ma0.gif); padding: 0px; border: none; cursor: pointer}
div#ma0 input:hover {float:left; margin-left: 380px; margin-top: -110px; width: 44px; height: 34px; background: url(/html/images/button_ma0_2.gif)}
div#ma0 input:focus {float:left; margin-left: 380px; margin-top: -110px; width: 44px; height: 34px; background: url(/html/images/button_ma0_2.gif)}
div#ma1 {}
div#ma1 input {color: #FFFFFF; float:left; margin-left: 382px; margin-top: -153px; width: 41px; height: 32px; background: url(/html/images/button_ma1.gif); padding: 0px; border: none; cursor: pointer}
div#ma1 input:hover {float:left; margin-left: 380px; margin-top: -155px; width: 44px; height: 34px; background: url(/html/images/button_ma1_2.gif)}
div#ma1 input:focus {float:left; margin-left: 380px; margin-top: -155px; width: 44px; height: 34px; background: url(/html/images/button_ma1_2.gif)}
div#ma2 {}
div#ma2 input {color: #FFFFFF; float:left; margin-left: 430px; margin-top: -153px; width: 41px; height: 32px; background: url(/html/images/button_ma2.gif); padding: 0px; border: none; cursor: pointer}
div#ma2 input:hover {float:left; margin-left: 428px; margin-top: -155px; width: 44px; height: 34px; background: url(/html/images/button_ma2_2.gif)}
div#ma2 input:focus {float:left; margin-left: 428px; margin-top: -155px; width: 44px; height: 34px; background: url(/html/images/button_ma2_2.gif)}
div#ma3 {}
div#ma3 input {color: #FFFFFF; float:left; margin-left: 479px; margin-top: -153px; width: 41px; height: 32px; background: url(/html/images/button_ma3.gif); padding: 0px; border: none; cursor: pointer}
div#ma3 input:hover {float:left; margin-left: 477px; margin-top: -155px; width: 44px; height: 34px; background: url(/html/images/button_ma3_2.gif)}
div#ma3 input:focus {float:left; margin-left: 477px; margin-top: -155px; width: 44px; height: 34px; background: url(/html/images/button_ma3_2.gif)}
div#ma4 {}
div#ma4 input {color: #FFFFFF; float:left; margin-left: 383px; margin-top: -198px; width: 41px; height: 32px; background: url(/html/images/button_ma4.gif); padding: 0px; border: none; cursor: pointer}
div#ma4 input:hover {float:left; margin-left: 381px; margin-top: -200px; width: 44px; height: 34px; background: url(/html/images/button_ma4_2.gif)}
div#ma4 input:focus {float:left; margin-left: 381px; margin-top: -200px; width: 44px; height: 34px; background: url(/html/images/button_ma4_2.gif)}
div#ma5 {}
div#ma5 input {color: #FFFFFF; float:left; margin-left: 431px; margin-top: -198px; width: 41px; height: 32px; background: url(/html/images/button_ma5.gif); padding: 0px; border: none; cursor: pointer}
div#ma5 input:hover {float:left; margin-left: 429px; margin-top: -200px; width: 44px; height: 34px; background: url(/html/images/button_ma5_2.gif)}
div#ma5 input:focus {float:left; margin-left: 429px; margin-top: -200px; width: 44px; height: 34px; background: url(/html/images/button_ma5_2.gif)}
div#ma6 {}
div#ma6 input {color: #FFFFFF; float:left; margin-left: 478px; margin-top: -198px; width: 41px; height: 32px; background: url(/html/images/button_ma6.gif); padding: 0px; border: none; cursor: pointer}
div#ma6 input:hover {float:left; margin-left: 476px; margin-top: -200px; width: 44px; height: 34px; background: url(/html/images/button_ma6_2.gif)}
div#ma6 input:focus {float:left; margin-left: 476px; margin-top: -200px; width: 44px; height: 34px; background: url(/html/images/button_ma6_2.gif)}
div#ma7 {}
div#ma7 input {color: #FFFFFF; float:left; margin-left: 384px; margin-top: -242px; width: 41px; height: 32px; background: url(/html/images/button_ma7.gif); padding: 0px; border: none; cursor: pointer}
div#ma7 input:hover {float:left; margin-left: 382px; margin-top: -244px; width: 44px; height: 34px; background: url(/html/images/button_ma7_2.gif)}
div#ma7 input:focus {float:left; margin-left: 382px; margin-top: -244px; width: 44px; height: 34px; background: url(/html/images/button_ma7_2.gif)}
div#ma8 {}
div#ma8 input {color: #FFFFFF; float:left; margin-left: 431px; margin-top: -242px; width: 41px; height: 32px; background: url(/html/images/button_ma8.gif); padding: 0px; border: none; cursor: pointer}
div#ma8 input:hover {float:left; margin-left: 429px; margin-top: -244px; width: 44px; height: 34px; background: url(/html/images/button_ma8_2.gif)}
div#ma8 input:focus {float:left; margin-left: 429px; margin-top: -244px; width: 44px; height: 34px; background: url(/html/images/button_ma8_2.gif)}
div#ma9 {}
div#ma9 input {color: #FFFFFF; float:left; margin-left: 478px; margin-top: -242px; width: 41px; height: 32px; background: url(/html/images/button_ma9.gif); padding: 0px; border: none; cursor: pointer}
div#ma9 input:hover {float:left; margin-left: 476px; margin-top: -244px; width: 44px; height: 34px; background: url(/html/images/button_ma9_2.gif)}
div#ma9 input:focus {float:left; margin-left: 476px; margin-top: -244px; width: 44px; height: 34px; background: url(/html/images/button_ma9_2.gif)}
div#maac {}
div#maac input {color: #FFFFFF; float:left; margin-left: 573px; margin-top: -242px; width: 41px; height: 32px; background: url(/html/images/button_maac.gif); padding: 0px; border: none; cursor: pointer}
div#maac input:hover {float:left; margin-left: 571px; margin-top: -244px; width: 44px; height: 34px; background: url(/html/images/button_maac_2.gif)}
div#maac input:focus {float:left; margin-left: 571px; margin-top: -244px; width: 44px; height: 34px; background: url(/html/images/button_maac_2.gif)}
div#madel {}
div#madel input {color: #FFFFFF; float:left; margin-left: 526px; margin-top: -242px; width: 41px; height: 32px; background: url(/html/images/button_madel.gif); padding: 0px; border: none; cursor: pointer}
div#madel input:hover {float:left; margin-left: 524px; margin-top: -244px; width: 44px; height: 34px; background: url(/html/images/button_madel_2.gif)}
div#madel input:focus {float:left; margin-left: 524px; margin-top: -244px; width: 44px; height: 34px; background: url(/html/images/button_madel_2.gif)}
div#mareplay {}
div#mareplay a {color: #FFFFFF; float:left; margin-left: 460px; margin-top: -440px; width: 77px; height: 79px; background: url(/html/images/button_mareplay.gif)}
div#mareplay a:hover {float:left; margin-left: 458px; margin-top: -441px; width: 80px; height: 82px; background: url(/html/images/button_mareplay_2.gif)}
div#mareplay a:focus {float:left; margin-left: 458px; margin-top: -441px; width: 80px; height: 82px; background: url(/html/images/button_mareplay_2.gif)}
div#magleich {}
div#magleich input {color: #FFFFFF; float:left; margin-left: 576px; margin-top: -109px; width: 41px; height: 32px; background: url(/html/images/button_magleich.gif); padding: 0px; border: none; cursor: pointer}
div#magleich input:hover {float:left; margin-left: 574px; margin-top: -111px; width: 44px; height: 34px; background: url(/html/images/button_magleich_2.gif)}
div#magleich input:focus {float:left; margin-left: 574px; margin-top: -111px; width: 44px; height: 34px; background: url(/html/images/button_magleich_2.gif)}