/* Html5 fix */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	display: block; 
}

body {
	margin:0;
	background:#000;
	height:100%;
	color:#fff;
	font: 0.75em/1.73em Verdana;
}

ul {
	list-style:none;
	margin:0;
	padding:0;
}

ul li {
	float:left;
}

ul li a {
	display:block;
	float: left;
	color:#777;
	text-decoration:none;
	margin-right:20px;
	font:verdana;
}

#nav {
	display:block;
}

#sub-nav {
	font-size:0.75em;
}

#active a {
	color:#fff!important;
}

#back {
	background:url("circle.png") no-repeat;
}

/* Horizontal und Vertical Zentrieren ------------------ */

#outer {
	height: 180px; 
	width: 100%;
	overflow: hidden; 
	position: relative; 
}

#outer[id] {
	display: table; 
	position: static;
}

/* for explorer only*/
#middle {
	position: absolute; 
    top: 35%;
	width: 100%; 
	text-align: center;
} 

#middle[id] {
	display: table-cell; 
	vertical-align: middle; 
	width: 100%;
}

/* for explorer only */
#inner { 
	position: relative; 
	top: -50%; 
	width: 1000px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: left;
} 

#inner[id] {
	position: static;
}

/* hide-controllers */

#hide-controllers {
    background: none repeat scroll 0 0 black;
    margin: 0;
    position: relative;
    text-indent: -9999px;
    top: -22px;
}

.button {
    color: #FFFFFF;
    float: left;
    height: 50px;
    width: 45px;
		font-size: 30px;
    font-weight: lighter;
}

.button a {
	display:block;
	width:20px;
	height:20px;

}

#open {
	display:block;
}

#close {
	display:none;
}

.home {
	display:inline;
}

#back {
	color:white;
	text-decoration:none;
    font-size: 12px;
	}

#save {
	font-size:10px;
	color:#ccc;
	text-decoration:none;
	position:relative;
    left: -123px;
}

#inner a {
	text-decoration:none;
	color:white;
}