html,body {
         height: 100%;
         margin:0;
         padding:0;
         overflow: hidden;
}

a:link { text-decoration:none; color:#000000; }
a:visited { text-decoration:none; color:#000000; }
a:focus { text-decoration:none; color:#000000; }
a:hover { text-decoration:none; color:#000000; }
a:active { text-decoration:none; color:#000000; }

.frame:hover{    opacity: 1.0;
                 filter:alpha(opacity=100); /* For IE8 and earlier */
}

.frameborder{    border:0px solid #000000;
}

.frametransp{    border:0px solid #000000;
                 opacity:0.5;
                 filter:alpha(opacity=50); /* For IE8 and earlier */
                 -moz-transition:   opacity 0.3s ease-in-out;
                 -webkit-transition: opacity 0.3s ease-in-out;
                 -o-transition:      opacity 0.3s ease-in-out;
                 -ms-transition: opacity 0.3s ease-in-out;
                 transition:         opacity 0.3s ease-in-out;
}

.buttontransp{  border:0px solid #000000;
                opacity:0.3;
                filter:alpha(opacity=30); /* For IE8 and earlier */
}

.projektbeschreibung{
                 position: absolute;
                 top: 0px; left: 0px;
}

.bigimage {
         top:5% !important;
         left:4% !important;
         position:absolute !important;
         -moz-transition:   all 0.5s ease-in-out;
         -webkit-transition: all 0.5s ease-in-out;
         -o-transition:      all 0.5s ease-in-out;
         -ms-transition: all 0.5s ease-in-out;
         transition:         all 0.5s ease-in-out;
         opacity:1.0 !important;
         filter:alpha(opacity=100) !important; /* For IE8 and earlier */
         background-size: contain !important;
	 -o-background-size: contain !important;
	 -moz-background-size: contain !important;
	 -webkit-background-size: contain !important;
         background-position: center !important;

         z-index: 5 !important;
         width:92% !important;
         min-height:87% !important; /* Mindesthöhe moderne Browser */
         height: auto !important; /* important Angabe für moderne Browser */
         height: 87% !important; /* Angabe für Internet Explorer */
}

#f_text{         opacity:0.0;
                 filter:alpha(opacity=00); /* For IE8 and earlier */
                 border:0px;
                 -moz-transition:   opacity 1s ease-in-out;
                 -webkit-transition: opacity 1s ease-in-out;
                 -o-transition:      opacity 1s ease-in-out;
                 -ms-transition: opacity 1s ease-in-out;
                 transition:         opacity 1s ease-in-out;
                 background-color: #ffffff;
                 text-align: justify;
                 font-size: 0.7em;
                 letter-spacing: 0.12em;
                 line-height: 1.32em;
                 top:15%;
                 left:0%;
                 z-index:1;
                 position:absolute;
                 text-align: left;
                 background-position: center;
                 width:100%;
                 min-height:10%; /* Mindesthöhe moderne Browser */
                 height: auto !important; /* important Angabe für moderne Browser */
                 height: 10%; /* Angabe für Internet Explorer */
}

#fgt{
         text-align: justify;
         font-size: 1.1em;
         letter-spacing: 0.3em;
}

.opac_bg {
                 z-index: 2 !important;
                 opacity:0.8 !important;
                 filter:alpha(opacity=80) !important; /* For IE8 and earlier */
                 -moz-transition:   all 0.5s linear;
                 -webkit-transition: all 0.5s linear;
                 -o-transition:      all 0.5s linear;
                 -ms-transition: all 0.5s linear;
                 transition:         all 0.5s linear;
}

#bgtransp {
         top:5% !important;
         margin:10px;
         left:4% !important;
         position:absolute !important;
         opacity:0.0;
         filter:alpha(opacity=0); /* For IE8 and earlier */
         background-color: #ffffff !important;
         background-size: contain !important;
	 -o-background-size: contain !important;
	 -moz-background-size: contain !important;
	 -webkit-background-size: contain !important;
         background-position: center !important;
         z-index: -1;
         -moz-transition:   all 0.5s linear;
         -webkit-transition: all 0.5s linear;
         -o-transition:      all 0.5s linear;
         -ms-transition: all 0.5s linear;
         transition:         all 0.5s linear;
         width:100% !important;
         min-height:95% !important; /* Mindesthöhe moderne Browser */
         height: auto !important; /* important Angabe für moderne Browser */
         height: 95% !important; /* Angabe für Internet Explorer */
}

#scrollup{
         top:75%;
         right:1%;
         position:absolute;
         background: url('volup.png') no-repeat;
         background-size: contain;
	 -o-background-size: contain;
	 -moz-background-size: contain;
	 -webkit-background-size: contain;
         background-position: right;
         text-align: right;
         z-index: 1;
         width:2%;
         min-height:2%; /* Mindesthöhe moderne Browser */
         height: auto !important; /* important Angabe für moderne Browser */
         height: 2%; /* Angabe für Internet Explorer */
}

#scrolldown{
         top:80%;
         right:1%;
         position:absolute;
         background: url('voldown.png') no-repeat;
         background-size: contain;
	 -o-background-size: contain;
	 -moz-background-size: contain;
	 -webkit-background-size: contain;
         background-position: right;
         text-align: right;
         z-index: 1;
         width:2%;
         min-height:2%; /* Mindesthöhe moderne Browser */
         height: auto !important; /* important Angabe für moderne Browser */
         height: 2%; /* Angabe für Internet Explorer */
}

.opac_pause {
         z-index: 7 !important;
         opacity:1.0 !important;
         filter:alpha(opacity=100) !important; /* For IE8 and earlier */
         -moz-transition:   all 0.5s linear;
         -webkit-transition: all 0.5s linear;
         -o-transition:      all 0.5s linear;
         -ms-transition: all 0.5s linear;
         transition:         all 0.5s linear;
}

#button_pause {
         top:75% !important;
         left:85% !important;
         opacity:0.0;
         filter:alpha(opacity=0); /* For IE8 and earlier */
         position:absolute !important;
         margin:10px;
         background: url('b_pause.png') no-repeat;
         background-size: contain;
	 -o-background-size: contain;
	 -moz-background-size: contain;
	 -webkit-background-size: contain;
         z-index: -1;
         width:4% !important;
         min-height:4% !important; /* Mindesthöhe moderne Browser */
         height: auto !important; /* important Angabe für moderne Browser */
         height: 4% !important; /* Angabe für Internet Explorer */
}

#button_play {   opacity:0.0;
                 filter:alpha(opacity=0); /* For IE8 and earlier */
                 border:0px;
                 -moz-transition:   opacity 0.3s ease-in-out;
                 -webkit-transition: opacity 0.3s ease-in-out;
                 -o-transition:      opacity 0.3s ease-in-out;
                 -ms-transition: opacity 0.3s ease-in-out;
                 transition:         opacity 0.3s ease-in-out;
                 z-index:1;
                 position:absolute;
                 background: url('b_play.png') no-repeat;
                 background-size: 40px;
	 	 -o-background-size: 40px;
	 	 -moz-background-size: 40px;
	 	 -webkit-background-size: 40px;
                 text-align: center;
                 background-position: center;
                 width:100%;
                 min-height:100%; /* Mindesthöhe moderne Browser */
                 height: auto !important; /* important Angabe für moderne Browser */
                 height: 100%; /* Angabe für Internet Explorer */
}

#stop{
         top:95%;
         left:32%;
         position:absolute;
         text-align: center;
         background: url('stop.jpg') no-repeat;
         background-size: contain;
	 -o-background-size: contain;
	 -moz-background-size: contain;
	 -webkit-background-size: contain;
         background-position: center;
         width:7%;
         margin: 0px 0px 0px 0px;
         min-height:3%; /* Mindesthöhe moderne Browser */
         height: auto !important; /* important Angabe für moderne Browser */
         height: 3%; /* Angabe für Internet Explorer */
}

#back{
         top:95%;
         left:25%;
         position:absolute;
         text-align: center;
         background: url('backward.jpg') no-repeat;
         background-size: contain;
	 -o-background-size: contain;
	 -moz-background-size: contain;
	 -webkit-background-size: contain;
         background-position: center;
         width:7%;
         margin: 0px 0px 0px 0px;
         min-height:3%; /* Mindesthöhe moderne Browser */
         height: auto !important; /* important Angabe für moderne Browser */
         height: 3%; /* Angabe für Internet Explorer */
}

#forward{
         top:95%;
         left:46%;
         position:absolute;
         text-align: center;
         background: url('forward.jpg') no-repeat;
         background-size: contain;
	 -o-background-size: contain;
	 -moz-background-size: contain;
	 -webkit-background-size: contain;
         background-position: center;
         width:7%;
         margin: 0px 0px 0px 0px;
         min-height:3%; /* Mindesthöhe moderne Browser */
         height: auto !important; /* important Angabe für moderne Browser */
         height: 3%; /* Angabe für Internet Explorer */
}

#play{
         top:95%;
         left:39%;
         position:absolute;
         text-align: center;
         background: url('play.jpg') no-repeat;
         background-size: contain;
	 -o-background-size: contain;
	 -moz-background-size: contain;
	 -webkit-background-size: contain;
         background-position: center;
         width:7%;
         margin: 0px 0px 0px 0px;
         min-height:3%; /* Mindesthöhe moderne Browser */
         height: auto !important; /* important Angabe für moderne Browser */
         height: 3%; /* Angabe für Internet Explorer */
}

#eject{
         top:95%;
         left:60%;
         position:absolute;
         text-align: center;
         background: url('eject.jpg') no-repeat;
         background-size: contain;
	 -o-background-size: contain;
	 -moz-background-size: contain;
	 -webkit-background-size: contain;
         background-position: center;
         width:7%;
         margin: 0px 0px 0px 0px;
         min-height:3%; /* Mindesthöhe moderne Browser */
         height: auto !important; /* important Angabe für moderne Browser */
         height: 3%; /* Angabe für Internet Explorer */
}

#power{
         top:95%;
         left:67%;
         position:absolute;
         text-align: center;
         background: url('power.jpg') no-repeat;
         background-size: contain;
	 -o-background-size: contain;
	 -moz-background-size: contain;
	 -webkit-background-size: contain;
         background-position: center;
         width:7%;
         margin: 0px 0px 0px 0px;
         min-height:3%; /* Mindesthöhe moderne Browser */
         height: auto !important; /* important Angabe für moderne Browser */
         height: 3%; /* Angabe für Internet Explorer */
}

#t_play{
         top:97%;
         left:39%;
         position:absolute;
         font-size: 0.7em;
         letter-spacing: 0.0em;
         line-height: 1.3em;
         text-align: center;
         width:7%;
         margin: 0px 0px 0px 0px;
         min-height:3%; /* Mindesthöhe moderne Browser */
         height: auto !important; /* important Angabe für moderne Browser */
         height: 3%; /* Angabe für Internet Explorer */
}

#t_stop{
         top:97%;
         left:32%;
         position:absolute;
         font-size: 0.7em;
         letter-spacing: 0.0em;
         line-height: 1.3em;
         text-align: center;
         width:7%;
         margin: 0px 0px 0px 0px;
         min-height:3%; /* Mindesthöhe moderne Browser */
         height: auto !important; /* important Angabe für moderne Browser */
         height: 3%; /* Angabe für Internet Explorer */
}

#t_forward{
         top:97%;
         left:46%;
         position:absolute;
         font-size: 0.7em;
         letter-spacing: 0.0em;
         line-height: 1.3em;
         text-align: center;
         width:7%;
         margin: 0px 0px 0px 0px;
         min-height:3%; /* Mindesthöhe moderne Browser */
         height: auto !important; /* important Angabe für moderne Browser */
         height: 3%; /* Angabe für Internet Explorer */
}

#t_back{
         top:97%;
         left:25%;
         position:absolute;
         font-size: 0.7em;
         letter-spacing: 0.0em;
         line-height: 1.3em;
         text-align: center;
         width:7%;
         margin: 0px 0px 0px 0px;
         min-height:3%; /* Mindesthöhe moderne Browser */
         height: auto !important; /* important Angabe für moderne Browser */
         height: 3%; /* Angabe für Internet Explorer */
}

#t_eject{
         top:97%;
         left:60%;
         position:absolute;
         font-size: 0.7em;
         letter-spacing: 0.0em;
         line-height: 1.3em;
         text-align: center;
         width:7%;
         margin: 0px 0px 0px 0px;
         min-height:3%; /* Mindesthöhe moderne Browser */
         height: auto !important; /* important Angabe für moderne Browser */
         height: 3%; /* Angabe für Internet Explorer */
}

#t_power{
         top:97%;
         left:67%;
         position:absolute;
         font-size: 0.7em;
         letter-spacing: 0.0em;
         line-height: 1.3em;
         text-align: center;
         width:7%;
         margin: 0px 0px 0px 0px;
         min-height:3%; /* Mindesthöhe moderne Browser */
         height: auto !important; /* important Angabe für moderne Browser */
         height: 3%; /* Angabe für Internet Explorer */
}

#rechts{
         top:4%;
         right:0%;
         position:absolute;
         background: url('rechts_n.png') no-repeat;
         background-size: contain;
	 -o-background-size: contain;
	 -moz-background-size: contain;
	 -webkit-background-size: contain;
         background-position: right;
         width:10%;
         z-index:0;
         margin: 0px 0px 0px 0px;
         min-height:40%; /* Mindesthöhe moderne Browser */
         height: auto !important; /* important Angabe für moderne Browser */
         height: 40%; /* Angabe für Internet Explorer */
}