html {  /*verhindert, dass das Layout springt*/
 	height: 100%;
 	overflow-x:scroll;
 	overflow-y:scroll;
	background-color: #000000;
}

body {
	height:100%;
}

/*
html a {
    -webkit-font-smoothing: antialiased !important;
	-webkit-text-stroke: 1px transparent;
	text-rendering: optimizeLegibility; 
	-moz-osx-font-smoothing: grayscale;
}Webfont smoothening, appears some kinda bold otherwise*/

*{
 	margin:0;
 	padding:0;
}

#indexwrapper{
	width: 810px;
	height: auto;
 	margin-left: auto;
 	margin-right: auto;
 	margin-top: 0px;
	margin-bottom: 0px;
	top: 0px;
	z-index: 1;
	position: relative;
}

#index{
	font-family: 'PT Sans', helvetica, arial, sans-serif; 
	font-weight: normal;
	font-size: 14px; 
	color: #7C6545;
 	top: 370px;
	width:100%;
 	height: 60px;
	z-index: 3;
	position: absolute;
	text-align: center;
}

#index li{
  display:inline-block;
}

#index a, #index strong{
 	text-decoration:none;
	padding:0;
	margin:0;
	font-weight: normal;
}

#index a:link, #index a:visited, #index a:focus, #index a:active, #index strong{
  color: #7C6545;
}

#index a:hover{
	color: #898A83;
}

#indexcontent{
 	top: 40px;
	width: 100%;
	z-index: 2;
	position: relative;
}