*{
	margin:0;
	padding:0;
	outline-style:none;
	}
html, body{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background-image:url(images/bg-horizontal.gif);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#e9e9e9;
	text-decoration:none;
	text-align:center;
}

#bg{
	width:800px;
	min-height:756px;
	height:	600px;
	margin:0 auto;
	background-image:url(images/bg.gif);
	background-repeat:no-repeat;
	position:relative;
	text-align:left;
}

.facebook{
	width:88px;
	height:13px;
	position:absolute;
	display:block;
	top:65px;
	left:520px;
	background-image:url(images/top.gif);
	background-position:top left;
	line-height:0;
	overflow:hidden;
}

.facebook:hover{
	background-position:0 -14px;
}

.shuqq-mail, .aeox-mail{
	top:920px;
}

.aeox-mail{
	width:119px;
	height:13px;
	position:absolute;
	display:block;
	left:300px;
	background-image:url(images/contact.gif);
	background-position:top left;
	line-height:0;
	overflow:hidden;
}

.aeox-mail:hover{
	background-position:0px -14px;
}

.shuqq-mail{
	width:132px;
	height:16px;
	position:absolute;
	display:block;
	left:500px;
	background-image:url(images/contact.gif);
	background-position:-120px 0px;
	line-height:0;
	overflow:hidden;
}

.shuqq-mail:hover{
	background-position:-120px -16px;
}

.twitter{
	width:66px;
	height:13px;
	position:absolute;
	display:block;
	top:65px;
	left:650px;
	background-image:url(images/top.gif);
	background-position: -88px 0px;
	line-height:0;
	overflow:hidden;
}

.twitter:hover{
	background-position: -88px -14px;
}

.shuqq, .aeox{
	display:block;
	position:absolute;
	top:760px;
	line-height:0;
	overflow:hidden;
}

.shuqq{
	width:158px;
	height:142px;
	background-image:url(images/shuqq.gif);
	left:500px;
}

.shuqq:hover{
	background-position: 0 -142px;
	}
	
.aeox{
	width:158px;
	height:142px;
	background-image:url(images/aeox.gif);
	left:300px;
}

.aeox:hover{
	background-position: 0 -142px;
	}

h1{
	margin-bottom:15px;
	}
	
a{
	margin-bottom:10px;
	text-decoration:none;
	}
	
#logo {
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:0px;
	height:0px;
	padding-top:0px;
	overflow:hidden;
	}

#kontakt{
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-163px;
	margin-top:130px;
	}
	
#neue{
	display:block;
	position:absolute;
	right:50%;
	top:50%;
	margin-top:30px;
	}

h1#neueHead{
	background-image:url(images/neue-projekte.png);
	display:block;
	width:118px;
	height:0px;
	padding-top:19px;
	overflow:hidden;
	}
	
	h1#mehrHead{
	background-image:url(images/mehr-projekte.png);
	display:block;
	width:117px;
	height:0px;
	padding-top:19px;
	overflow:hidden;
	}
	h1#kontaktHead{
	background-image:url(images/kontakt.png);
	display:block;
	width:67px;
	height:0px;
	padding-top:16px;
	overflow:hidden;
	}
	
#facebook{
position:absolute;
top:20px;
left:20px;
}
#link{
font-size:12px;
}
a, a:visited{
color:#00bcfc;
}

#link a:hover{
color:#ceff00;
}