html, body { margin:0; height:100%; }
body { display:flex; overflow:hidden;}
#div_player_szenenweiter{margin-right:3px;margin-top:6px;float:left;cursor:pointer;height:28px; width:28px;background-image: url("../images/player/szene_naechste.png");}
#div_player_szenenvorige{margin-left:3px;margin-top:6px;float:left;cursor:pointer;height:28px; width:28px;background-image: url("../images/player/szene_vorige.png");}
#div_player_abspielen{float:left;cursor:pointer;height:40px; width:40px;}
.class_div_player_abspielen{background-image: url("../images/player/szene_abspielen.png");}
#div_player_abspielmenucontainer{float:right;margin:6px;}

#div_player_szenenweiter:hover{background-image: url("../images/player/szene_naechste_aktiv.png");}
#div_player_szenenvorige:hover{background-image: url("../images/player/szene_vorige_aktiv.png");}
.class_div_player_abspielen_anhalten{background-image: url("../images/player/szene_abspielen_anhalten.png");}
.class_player_abspielen_hover{background-image: url("../images/player/szene_abspielen_aktiv.png");}


#id_container_zeichenbrett{position:relative;width:100%;height:100%; box-sizing: border-box;
	background:url("../images/player/viewer_hintergrund_gesamt.png") center center no-repeat; margin:auto;}
#id_zeichenbrett_menu_oben{display:none;position: absolute;top:0px;width:630px;height:211px;background-image:url("../images/zeichenbrett_menu_oben.png")}
#editor{position: absolute;top:0px;background-color:#ffffff;border:1px solid black}

.class_input_szenennummer{position: absolute;top:0px;left:50px;height:40px;width:20px;font-size: 18px; border: none;background-color: transparent;}
.class_input_szenenname{position: absolute;top:0px;left:73px;height:40px;width:240px;font-size: 18px; border: none;background-color: transparent;}
.class_input_szenennummer_popup{position: absolute;top:0px;left:80px;height:40px;width:20px;font-size: 18px; border: none;background-color: transparent;}
.class_input_szenenname_popup{position: absolute;top:0px;left:100px;height:40px;width:240px;font-size: 18px; border: none;background-color: transparent;}
.class_div_szenenname_aktiv{position: absolute;top:0px;height:40px;width:317px;background-image:url("../images/zeichenbrett_input_neue_szene.png")}
.class_div_szenenname_passiv{position: absolute;top:0px;height:40px;width:317px;background-image:url("")}
#id_zeichenbrett_menu_unten{border:1px solid black;position: absolute;bottom:0px;width:100%;height:52px;
	background-image:url("../images/player/viewer_hintergrund_unten.png"); box-sizing: border-box;}
#player_anzeigen_container{float:left; position:relative;margin-left:10px;width:275px; height:40px;top:5px;overflow:hidden;}
#player_anzeigen_02{margin-top:10px}
#id_svg_container { background-size:contain; }

#id_zeichenbrett_menu_oben_einblenden{display:none;position: absolute;top:0px;width:630px;height:20px;}
*[id^='svg_schalttafel_']{cursor:pointer;}
#Panel_tools_flaeche_farbe_outer{display:none}
#id_zeichenbrett_popup{
	position: absolute;
	width: auto; /*or your image's width*/
	height: auto; /*or your image's height*/
	top:130px;
left:130px;
}
#id_div_neuer_szenenname_in_popup{left:50px;top:100px;}
#id_div_neuer_szenenname_ok{left:460px;top:170px;position:absolute}
#id_div_neuer_filmname_in_popup{left:50px;top:100px;}
#id_div_neuer_filmname_speichern{left:320px;top:160px;width:210px;position:absolute}
#id_div_fertig_speichern_in_popup{left:50px;top:110px;}
#id_div_neuer_hintergrund_in_popup{left:108px;top:106px;height:220px;position:absolute}
#id_div_neuer_hintergrund_ok{left:460px;top:255px;position:absolute}
#id_div_neuer_hintergrund_bild_laden{left:460px;top:255px;position:absolute}
#id_div_wirklich_loeschen_ja{left:310px;top:180px;position:absolute}
#id_div_wirklich_loeschen_nein{left:160px;top:180px;width: 110px;position:absolute}
#id_div_audio_aufnehmen_ok{left:470px;top:420px;width: 80px;position:absolute}
#id_div_audio_aufnehmen_aufnahme{left:130px;top:380px;width: 80px;height:80px;position:absolute}


#id_div_container_ton_aufnehmen{left:75px;top:130px;width: 400px;height:250px;position:absolute}
#id_div_tonaufname_bedienelemente{left:75px;top:65px;height:40px;position:absolute}
#id_circle_tonaufname_szenenweiter{left:0px;top:0px;width:40px;height:40px;position:absolute}
*[id^='id_image_popup_blaettern_']{cursor:pointer;padding-right:5px}



.button_durchsichtig {
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
	height:45px;
	width:80px;
}
.class_invisible{display:none}