html, body {
	height: 100%;
}

html {	
	font-size: 100%;
	-webkit-font-smoothing: antialiased;
	font-size: 62.5%;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	margin: 0px; 
	padding: 0px;
	background: url(../images/bg.jpg) repeat #0b3678;
}

/*----------------
--- Typografie ---
------------------*/

h1 {		
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 2.7rem;
	margin: 0;
	color: #004b93;
	text-transform: uppercase;
	text-align: center;
	display: table;
}

p {
	line-height: 2.4rem;
    margin-bottom: 0;
    margin-top: 2.4rem;
}

a, a:visited {
	color: #004b93;
	text-decoration: none;
}
a:hover, a:focus, a:active {
	color: #cb0606;
	text-decoration: none;
}

/*----------------
--- Main Style ---
----------------*/
.item {
	display: table;
}
#willkommen img,
#team img{
	margin: 20px auto 0;
}

header {
	/*background: url(../imageslp/glow.png) no-repeat bottom center;*/
}


#links {
	background: url(../images/bg_grey.jpg) repeat #6f6f6f;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	box-shadow: 0 0 20px #000;
	padding: 20px 0;
	text-align: center;
}

#links h1 {
	margin: 0 auto;
}

#links p {
	color: #fff;
	text-align: center;
}

.button {
}

.button a {
	display: block;
	width: 181px;
	height: 181px;
	background: url(../images/btn.png) no-repeat 0 0;
	display: table-cell;
	vertical-align: middle;
	-webkit-transition: background-image 3s ease-in-out;
	transition: background-image 3s ease-in-out;
}

.button a:hover {
	background-position: 0 -181px;
}
	
@media (max-width: 768px) {
	.item {
		margin-bottom: 50px;
	}
}