@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,100);
@import url(https://fonts.googleapis.com/css?family=Asap:400,300,700,100);

body {
  font-family: Roboto, sans-serif;
  background: #2C3D51;
  padding: 1em;
  font-weight: 300;
  line-height: 1.5em;
  -webkit-font-smoothing: antialiased;
}

td {
	font-family: Roboto, sans-serif;
	font-weight: 300;
  line-height: 1.5em;
}
p {
	text-align: center;
}
h1 {font-family: Asap, sans-serif;
	color:#05A7A0;
	text-align: center;	
}

h2 {font-family: Asap, sans-serif;
	color:#05A7A0;
	text-align: center;
	font-style: italic
}
.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto; 
    max-width: 838px/*whatever width you want*/;
}

/* stacked div's in .inner */

.topA .main, .topB .main, .topC .main{
	padding:30px;
}
.footer {
	padding: 10px;
}

.logo {
	background: #FFF  url("../images/foot.png") no-repeat 400px 105px;
	height: 504px;
}
.topA {
	background: #DFEDED  url("../images/foot.png") no-repeat 400px -400px;
	height: 776px;
}
.topB {
	background: #F4F8E9  url("../images/") no-repeat 400px -966px;
	height: 180px;
}
.topC {
	background: white  url("../images/fotobalk.jpg") no-repeat;
	height: 169px;
}
.footer {
	background: #8BBF40  center;
	height: 120px;
}
.footer h1, .footer p {
	color: white;
}
.footer .links {
	float: left;
	display: none;
	width: 50%;
	color: white;
	text-align: center;
}
.footer .rechts {
	float: right;
	display: inline-block;
	width: 100%;
	color: white;
	text-align: center;
}

.slogan {
	background: #05A7A0 url("../images/slogan.jpg") center;
	height: 40px;
}