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

html {
height: 100%;
width: 100%;
overflow:hidden;
}

body {
height: 100%;
width: 100%;
overflow:auto;
font-size:15px;
font-family: 'Lato', 'sans-serif';
font-weight:300;
line-height:30px;

}

body { 
background: url(img/bg.png) no-repeat center center fixed #fae1cf; 
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin:0;
border:0;
text-align:center;
}

.main {
padding:0;
box-sizing: border-box;
width:100%;
margin:0 auto;
background:url(img/schlagerparty_moers_kuenstler_hg.png) bottom left repeat-x;
padding:0 50px;
}

.main > img {
max-width:750px;
}

.content {
width:100%;
box-sizing: border-box;
background:#fae1cf;
padding:20px 50px 0 50px;
}

.daten {
max-width:720px;
box-sizing: border-box;
margin:0 0 50px 0;
}

.vvk {
width:100%;
box-sizing: border-box;
padding:50px 50px 6em 50px;
background: #fae1cf;
text-align:center;
}

.vvk > img {
max-width:750px;
}

.footer {
position:fixed;
bottom:0;
width:100%;
text-align:center;
height:2.5em;
line-height:2.5em;
background:#333;
}

.footer a {
color:#ffffff;
text-decoration:none;
text-transform:uppercase;
}

.footer a:hover {
color:#000000;
text-decoration:none;
text-transform:uppercase;
}

.button {
display:block;
box-sizing: border-box;
border:1px solid #d50b3b;
width:100%;
max-width:720px;
margin:0 auto;
text-align:center;
padding:15px;
font-size:20px;
font-weight:500;
background:#d50b3b;
color:#ffffff; 
text-decoration:none;
}

.button:hover {
background:#ffffff;
color:#d50b3b;
border:1px solid #d50b3b;
}