* {
    margin: 0;
    padding: 0;
}

body {
    font: 1em / 1.5em Arial, Helvetica, sans-serif;
	background: black;
} 
a:focus {
	outline:none;
}

.meter {
    position: absolute;
    width: 92px;
    height: 30px;
    top: 280px;
	left:0px;
} 

.regler {
	position:absolute;
	width: 40px;
	height: 64px;
	background: transparent url(regler.png) top left no-repeat;
	top: 755px;
	cursor:pointer;
	z-index:4;
}

#display {
	position:relative;
	top:50px;
    width: 690px;
    height: 320px;
    margin: auto;
    background: black;
	overflow: hidden;
}

#laufband {
	width:100%;
	height:820px;
	position:absolute;
	top:0px;
	left:0px;
	background: black url(mischpult_v2.png) left top no-repeat;
}

#menu {
	position:relative;
	top:70px;
    width: 690px;
    height: 150px;
    margin: auto;
    background: black;
	overflow: hidden;	
}

#mainmenu {
	list-style: none;
	margin-left:0px;
	letter-spacing: -0.05em;
}
#mainmenu ul {
	margin-top:10px;
	padding:0;
}

#mainmenu a img {
	width: auto;
	height: auto;
	border: none;
	margin: 0;
	padding: 0;
	margin-left: 0;
}

#mainmenu li {
	float: left;
/*	margin: 0 1.2em 10px 0px;*/
	/*width: 14%;*/
	text-align: center;
	height: 65px;
}

#mainmenu li.kontakt {
	width: 110px;
	background: black url("images/menu_kontakt.png") no-repeat scroll left top;
}
/*#mainmenu li.kontakt:hover {
	background-position: 0 -65px;
}*/

#mainmenu li.wir {
	width: 66px;
	background: black url("images/menu_wir.png") no-repeat scroll left top;
}
/*#mainmenu li.wir:hover {
	background-position: 0 -65px;
}*/

#mainmenu li.mastering {
	width: 127px;
	background: black url("images/menu_mastering.png") no-repeat scroll left top;
}
/*#mainmenu li.mastering:hover {
	background-position: 0 -65px;
}*/

#mainmenu li.studio {
	width: 76px;
	background: black url("images/menu_studio.png") no-repeat scroll left top;
}
/*#mainmenu li.studio:hover {
	background-position: 0 -65px;
}*/

#mainmenu li.mrec {
	width: 107px;
	background: black url("images/menu_mrec.png") no-repeat scroll left top;
}
/*#mainmenu li.mrec:hover {
	background-position: 0 -65px;
}*/

#mainmenu li.kuenstler {
	width: 101px;
	background: black url("images/menu_kuenstler.png") no-repeat scroll left top;
}
/*#mainmenu li.kuenstler:hover {
	background-position: 0 -65px;
}*/

#mainmenu li.musik {
	width: 102px;
	background: black url("images/menu_musik.png") no-repeat scroll left top;
}
/*#mainmenu li.musik:hover {
	background-position: 0 -65px;
}*/

.safari #mainmenu li {
	float: left;
/*	margin: 0 1.1em 10px 0px;*/
	font-size:0.95em;
	/*width: 14%;*/
	text-align: center;
}

#mainmenu a:link, #mainmenu a:visited, #mainmenu a:active {
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font: Tahoma;
	padding:20px 0;
	display:block;
	text-indent: -5000px;
}

#mainmenu a:hover {
	text-decoration: underline;
}

#content {
	position:absolute;
	top:530px;
	left:90px;
	width:590px;
	height:300px;
	color: #EEE;
	font-size:0.8em;
	line-height: 1.4em;
	font-weight:lighter;
	letter-spacing:-0.02em;
	word-spacing:0.1em;
	z-index:100;
}
.box_ne {
	background:transparent url(images/box_ne.png) left top no-repeat;
	width:14px;
	height:15px;
}
.box_e {
	background:transparent url(images/box_e.png) left top repeat-y;
	width:14px;
}
.box_se {
	background:transparent url(images/box_se.png) left top no-repeat;
	width:14px;
	height:15px;
}
.box_s {
	background:transparent url(images/box_s.png) left top repeat-x;
	height:15px;
}
.box_sw {
	background:transparent url(images/box_sw.png) left top no-repeat;
	width:14px;
	height:15px;
}
.box_w {
	background:transparent url(images/box_w.png) left top repeat-y;
	width:14px;
}
.box_nw {
	background:transparent url(images/box_nw.png) left top no-repeat;
	width:14px;
	height:15px;
}
.box_n {
	background:transparent url(images/box_n.png) left top repeat-x;
	height:15px;
}
.box_content {
	background:black;
}

.hideme {
	position:absolute;
	left:-5000px;
	top:-5000px;
}
.hideme a:focus {
	position:static;
	left:0;
	top:0;
}

#content img {
	padding:2px;
	border:2px solid grey;
}

#content h2, #content h1, #content h3, #content h4 {
	font-weight:normal;
	font-size: 1em;
	/*color:#ff5e3c;*/
}
#content h2 {
	font-size: 1.4em;
	margin-bottom:0.5em;
}
#content h1 {
	text-transform: uppercase;
	/*color:#ff2020;*/
}
#content h3 {
	/*color:#ffaa3d;*/
}
#content h4 {
	/*color:#fff220;*/
}
#content a, #content a:link, #content a:visited, #content a:active {
	/*color:#fff220;*/
	color:#fff;
}
#content a:hover {
	text-decoration:none;
	/*color:#fef018;*/		
}

img.klein {
	width:80px;
	margin: 0px 15px;
}
img.klein:hover {
	cursor:pointer;
	border-color:white !important;
}
.textbox {
	height:180px;
	overflow:auto;
}
#socialcontainer {
	position:absolute;
	top:103px;
	left:0;
}
#socialcontainer img {
	border: none;
}
#socialcontact {
	position:absolute;
	right:15px;
	top:15px;
}
#socialcontact img {
	border:none;
}


.infobox {
	position:absolute;
	width:500px;
	background:black;
	border:2px solid white;
	margin-left:-265px;
	left:50%;
	color:#ddd;
	padding:15px;
	font-size:0.9em;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	z-index: 3000;
}