html { overflow-y: scroll; }

body { color: #bcbcbc; font-size: 16px; font-family: HelveticaNeue-Light, Helvetica, Tahoma, Verdana, Arial, sans-serif; background-color: #000000; text-align: center; margin: 0; }
a { outline: none; }
a img { border: none; }
a:link { color: #fff; text-decoration: none    }
a:visited { color: #fff; text-decoration: none; }
a:hover { color: #fff; text-decoration: underline; }
a:active { color: #000; text-decoration: none      }
#menu { width: 700px; height: 100px; background: url(../images/basic_menu.png); margin: 0 auto; padding: 0; position: relative; top: 15px; z-index: 99; }
#menu li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#menu li, #menu a { height: 100px; display: block; }
#menu-R { left: 0px; width: 140px; }
#menu-R a:hover { background: url(../images/basic_menu.png) no-repeat -0px -100px; }
#menu-O { left: 140px; width: 140px; }
#menu-O a:hover { background: url(../images/basic_menu.png) no-repeat -140px -100px; }
#menu-Y { left: 280px; width: 105px; }
#menu-Y a:hover { background: url(../images/basic_menu.png) no-repeat -280px -100px; }
#menu-G { left: 385px; width: 85px; }
#menu-G a:hover { background: url(../images/basic_menu.png) no-repeat -385px -100px; }
#menu-B { left: 470px; width: 120px; }
#menu-B a:hover { background: url(../images/basic_menu.png) no-repeat -470px -100px; }
#menu-V { left: 590px; width: 110px; }
#menu-V a:hover { background: url(../images/basic_menu.png) no-repeat -590px -100px; }
#container { background-image: url(../images/basic_bgd_rainbow.jpg); background-repeat: no-repeat; text-align: left; position: relative; top: 5px; width: 1000px; z-index: 1; min-height: 1100px; margin: 0 auto; }
#container-multimedia { background-image: url(../images/basic_bgd_red.jpg); background-repeat: no-repeat; text-align: left; margin: 0 auto; position: relative; z-index: 1; top: 5px; width: 1000px; min-height: 1100px; }
#container-webdesign { background-image: url(../images/basic_bgd_orange.jpg); background-repeat: no-repeat; text-align: left; margin: 0 auto; position: relative; z-index: 1; top: 5px; width: 1000px; min-height: 1100px; }
#container-grafik { background-image: url(../images/basic_bgd_yellow.jpg); background-repeat: no-repeat; text-align: left; margin: 0 auto; position: relative; z-index: 1; top: 5px; width: 1000px; min-height: 1100px; }
#container-text { background-image: url(../images/basic_bgd_green.jpg); background-repeat: no-repeat; text-align: left; margin: 0 auto; position: relative; z-index: 1; top: 5px; width: 1000px; min-height: 1100px; }
#container-portrait { background-image: url(../images/basic_bgd_blue.jpg); background-repeat: no-repeat; text-align: left; margin: 0 auto; position: relative; z-index: 1; top: 5px; width: 1000px; min-height: 1100px; }
#container-kontakt { background-image: url(../images/basic_bgd_violet.jpg); background-repeat: no-repeat; text-align: left; margin: 0 auto; position: relative; z-index: 1; top: 5px; width: 1000px; min-height: 1100px; }
#container-mt { background-image: url(../images/basic_bgd_theatre.jpg); background-repeat: no-repeat; text-align: center; margin: 0 auto; position: relative; z-index: 1; top: 0; width: 1000px; min-height: 1100px; }
#logo { position: absolute; top: 0; left: 720px; width: 246px; height: 160px; z-index: 5; }

#moviebox { text-align: center; position: relative; z-index: 5; top: 150px; width: 700px; margin: 0 auto; }
#box { color: #fff; line-height: 1.8em; background-image: url(../images/basic_bgd-black-trans.png); background-repeat: repeat; text-align: center; margin: 0 auto; position: relative; top: 150px; z-index: 5; width: 400px; padding: 20px; border: solid 1px #4a4a4a; }
#box-javascript { color: #fff; line-height: 1.8em; background-image: url(../images/basic_bgd-black-trans.png); background-repeat: repeat; text-align: center; margin: 0 auto; padding: 20px; position: relative; z-index: 5; top: 150px; width: 400px; border: solid 1px #4a4a4a; }
#index { line-height: 0.9em; background-image: url(../images/basic_bgd-black-trans.png); background-repeat: repeat; text-align: left; position: absolute; top: 175px; left: 625px; z-index: 4; width: 175px ; padding: 20px; border: solid 1px #4a4a4a; }
#index a { font-size: 0.75em; }
#content { font-size: 1em; line-height: 1.7em; background-image: url(../images/basic_bgd-black-trans.png); background-repeat: repeat; text-align: left; position: relative; z-index: 4; top: 175px; left: 160px; width: 400px; padding: 20px; border: solid 1px #4a4a4a; }
#end-multimedia { position: relative; margin: 0 auto; width: 1000px; height: 375px; z-index: 0; background-image: url(../images/basic_end_red.jpg); background-repeat: no-repeat; background-position: 0 -53px; }
#end-webdesign { position: relative; margin: 0 auto; width: 1000px; height: 375px; z-index: 0; background-image: url(../images/basic_end_orange.jpg); background-repeat: no-repeat; background-position: 0 -53px; }
#end-grafik { position: relative; margin: 0 auto; width: 1000px; height: 375px; z-index: 0; background-image: url(../images/basic_end_yellow.jpg); background-repeat: no-repeat; background-position: 0 -53px; }
#end-text { position: relative; margin: 0 auto; width: 1000px; height: 375px; z-index: 0; background-image: url(../images/basic_end_green.jpg); background-repeat: no-repeat; background-position: 0 -53px; }
#end-portrait { position: relative; margin: 0 auto; width: 1000px; height: 375px; z-index: 0; background-image: url(../images/basic_end_blue.jpg); background-repeat: no-repeat; background-position: 0 -53px; }
#end-kontakt { position: relative; margin: 0 auto; width: 1000px; height: 375px; z-index: 0; background-image: url(../images/basic_end_violet.jpg); background-repeat: no-repeat; background-position: 0 -53px; }
h1 { font-size: 1.5em; font-family: Georgia, Cambria, serif; font-weight: normal; line-height: 1.5em; margin-top: 0.1em; }
.ti-R { color: #ee3124; }
.ti-O { color: #f7941e; }
.ti-Y { color: #ffde00; }
.ti-G { color: #50b848; }
.ti-B { color: #293cc9; }
.ti-V { color: #8551bf; }
.ti-W { color: #ffffff; font-size: 1.5em; font-family: Georgia, Cambria, serif; font-weight: normal; }
h2 { font-size: 1em; font-weight: normal; line-height: 0.1em; margin-bottom: 15px; }
.te-R { color: #ee3124; }
.te-O { color: #f7941e; }
.te-Y { color: #ffde00; }
.te-G { color: #50b848; }
.te-B { color: #293cc9; }
.te-V { color: #8551bf; }
.imgbox { text-align: center; width: 400px; }
.navbox { text-align: center; width: 400px; height: 25px; margin-top: 40px; }
.imgframe { margin: 7px; border: solid 5px #000; }
.copyright { font-size: 0.75em; position: relative; top: 200px; }
.poem { font-size: 15px; font-family: Georgia, Cambria, serif; line-height: 1.5em; }