@charset "utf-8";
/* CSS Document */

body {
	background-color: #000;
}

.huelle {
	background-color: #000;
	width: 80%;
	height: 800px;

}

.social-bar {
	background-color: #000;
	width: 100%;
	height: 90px;
}


.button1 {
	background-image: url(mail.jpg);
	width: 254px;
	height: 52px;
	float:left;
	margin-left:3%;
	background-repeat: no-repeat;
}



.button2 {
	background-image: url(button2.jpg);
	width: 92px;
	height: 90px;
	float:right;
	background-repeat: no-repeat;
}

.button2:hover {
	background-image: url(button2_hover.jpg);
}

.button3 {
	background-image: url(button3.jpg);
	width: 90px;
	height: 90px;
	float:right;
	background-repeat: no-repeat;
}

.button3:hover {
	background-image: url(button3_hover.jpg);
}

.button4 {
	background-image: url(button4.jpg);
	width: 94px;
	height: 90px;
	float:right;
	background-repeat: no-repeat;
}

.button4:hover {
	background-image: url(button4_hover.jpg);
}

.button5 {
	background-image: url(button5.jpg);
	width: 92px;
	height: 90px;
	float:right;
	background-repeat: no-repeat;
}

.button5:hover {
	background-image: url(button5_hover.jpg);
}

.button6 {
	background-image: url(button6.jpg);
	width: 94px;
	height: 90px;
	float:right;
	background-repeat: no-repeat;
}

.button6:hover {
	background-image: url(button6_hover.jpg);
}

.button7 {
	background-image: url(button7.jpg);
	width: 93px;
	height: 90px;
	float:right;
	background-repeat: no-repeat;
}

.button7:hover {
	background-image: url(button7_hover.jpg);
}