/* Checkbox Hack von http://dabblet.com/gist/1506530 */


/* Default State */


#cyfvidbox {
position: relative; 
top:0px;
right: 0px;
background: transparent;
width: 800px;
height: 450px;
}


#firevidbox {
position: relative; 
top:0px;
right: 0px;
background: transparent;
width: 800px;
height: 450px;
}

#fireframe {
position: absolute; 
top:0px;
right: 0px;
background: black;
width: 800px;
height: 450px;
opacity: 0.0;
z-index:30;
}

#firepart1 {
position: fixed; 
top:0px;
right: 12px;
background: url(../pics_vid/blacksandsun.jpg);
width: 400px;
height: 100px;
line-height: 100px;
color: white;
text-align: center;
opacity: 0.0;
z-index:110;
}

#firepart2 {   
position: fixed; 
top: 120px;
right: 12px;
background: yellow;   
width: 400px;   
height: 100px;   
line-height: 100px;   
color: white;   
text-align: center;
opacity: 0.0;
z-index:110;
}

#firepart3 {   
background: yellow;  
position: fixed;
left: -2px;
right: -2px; 
top: 80px;
bottom: 30px;     
z-index:101;
}



/* Toggled State */

input[type=checkbox]:checked ~ #fireframe { background: black; opacity:1; z-index:30}



/* Start Box brauch ich nicht
 
input[type=checkbox]:checked ~ #start { background: transparent; display:none; z-index:-100}

*/


/* btn hack */

#firebtnControl {
    display: none;
	position: absolute;
}

.firebtn {
	position: absolute; 
    width: 800px;
    height: 450px;
	top:0;
	margin: 0;
	background: url(../pics_vid/maxkoffler_v_fire_shot.jpg);
    padding: 0;
    display: block;
	z-index:30;
	opacity: 0.88;
	cursor: pointer; 
}

.firebtn:hover {
	background: url(../pics_vid/maxkoffler_v_fire_play.jpg);
}


#firebtnControl:checked + label {
    display:none;
}