html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
background-image:url(images/stapel.jpg);
}


@font-face {  
  font-family: "04b";  
  src: url("fonts/04B_30.eot"); /* IE */  
  src: local("04b"), url( fonts/04B_30.TTF ) format("truetype"); /* non-IE */  
}  

#fiddlestixx{
text-shadow: 0px 1px 1px #030303;
right: auto;
left: 20%;
bottom: 0px;
font-weight: bold;
display: block;
position: absolute;
text-align: center;
margin-right: auto;
margin-left: auto;
width: auto;
text-align: center;
font-family: "04b", sans-serif;
font-size: 40px;
color: #ff0088;
Z-index:50;
}

#screen {
        font-size: 10pt;
        font-family: helvetica, Verdana, sans-serif;
        width: 100%;
        position: relative;
        height: 400px;
}
#charinput {
        display: none;
        border-color: #333333;
	border-width: 5px;   
	border-style: dashed;   
	position: relative;   
	display: block;   
	width: 612px; 
	margin-top: 5px;  
	margin-right: auto;   
	margin-left: auto;   
	background-color: #f5cbd9; 
	font-family: "04b", Verdana, Arial, monospace;
	font-size: 30px;
	color:black;
}

input[type=text] {   
	border-color: #333333;
	border-width: 5px;   
	border-style: dashed;   
	position: relative;   
	display: block;   
	width: 612px;   
	margin-top: 5px;
	margin-right: auto;   
	margin-left: auto;   
	background-color: #f5cbd9; 
	font-family: "04b", Verdana, Arial, monospace;
	font-size: 30px;
	color:black;
	
} 
#screen pre {
        background-color: black;
        margin: 0;
        font-family: "Courier New",monospace;
}

#screen div {
		padding-left: 1px;
		width: 620px;
		color: #2a2a2a;
		word-wrap: normal;
        height: 100%;
        background-color: white;
        overflow-y: scroll;
        overflow-x: hidden;
}
.timed {
        background-color: #ddf;
}
.wrapper {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-color: #333333;
border-width: 5px;
border-style: solid;
color: white;
background-color: #fdfff5;
width: 625px;
padding: 5px;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 0px;
display: block;
position: relative;
width: 625px;
height: 280px;
overflow:hidden;
}
.footer {
font-weight: bold;
font-size: 12px;
text-align: center;
font-family: Helvetica, Verdana, Arial, sans-serif;
color: #fff3f5;
}
.footer a {
font-weight: bold;
text-decoration: underline;
font-size: 12px;
text-align: center;
font-family: Helvetica, Verdana, Arial, sans-serif;
color: #fff5f8;

}

#backbutton {
top:5px;
position: absolute;
float: left;
width:49px;
height:26px;
}
#mutemidi {
	float: right;
	top: 5px;
	right: 0px;
	position: absolute;
	z-index: 100;
}
#playmidi {
	float: right;
	top: 5px;
	right: 0px;
	position: absolute;
	display: none;
}
#tarzanboy {
	display: hidden;
	position: absolute;
}
#iphone {
display: none;
}