html,body{
	height:100%;
	margin:0;
	padding:0;
}
body#index{
	background:url(gras.png) repeat;
	text-align:center;
	min-width:962px;
	min-height:500px;
}
#vertical{
	position:absolute;
	top:50%;
	margin-top:-250px;/* half main elements height*/
	left:0;
	width:100%;
}
#hoz {
  padding: 0;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	height:500px;
	overflow:none;/* allow content to scroll inside element */
	text-align:left;
	position: relative;
}

img{
  border: 2px solid #6F6F6F;
  margin: 0;
  padding: 0;
}

body{
	background-color: #515151;
	text-align:center;
	min-width:962px;
	min-height:500px;
}

#twitter-link{
  width: 28px;
  height: 29px;
  display: block;
  position: absolute;
  left: 698px;
  top: 268px;
  background: url(transparent.gif) repeat;
}

#step-link{
  width: 326px;
  height: 86px;
  display: block;
  position: absolute;
  left: 479px;
  top: 359px;
  background: url(mouseover.png) no-repeat;
}


#step-link:link, #step-link:visited {
  background: url(transparent.gif) repeat;
}

#step-link:hover, #step-link:focus{
  background: url(mouseover.png) no-repeat;
}


#eenwieler-link{
  width: 100px;
  height: 20px;
  display: block;
  position: absolute;
  left: 780px;
  top: 76px;
  background: url(transparent.gif) repeat;
}


#bolt-link{
  width: 64px;
  height: 34px;
  display: block;
  position: absolute;
  left: 778px;
  top: 100px;
  background: url(transparent.gif) repeat;
}

#facebook{
  background-color: #bbb;
  position:absolute;
  top: 510px;
  right: 0;
  padding-top: 20px;
  padding-left: 10px;
  border: 1px solid #bbb;
}