@font-face {
    font-family: 'Roboto';
    src: url('roboto-400-regular.woff') format('woff');
	font-weight:400;
}
@font-face {
    font-family: 'Roboto';
    src: url('roboto-500-medium.woff') format('woff');
	font-weight:500;
}
@font-face {
    font-family: 'Roboto';
    src: url('roboto-700-bold.woff') format('woff');
	font-weight:700;
}
* {
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
html { 
      overflow: -moz-scrollbars-vertical;
	  overflow-y: scroll;
}
body {
	background: #ec6121;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 15px;
}
#header {
	background:white;
	color: #ec6121;
	font-weight:500;
	font-size:1.2em;
}
#content {
	background:#FFC;
	background-image: url(background.jpg);
	-ms-behavior: url(backgroundsize.min.htc);
	behavior: url(backgroundsize.min.htc);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}
#footer {
	text-align:right;
}
#datenschutz {
	text-align:left;
}
p {
	margin: 0 0 10px 0;
}
a {
	text-decoration:none;
}
strong {
	font-weight:500;
}

.text {
	max-width:640px;
	margin:auto;
	padding: 4px 15px 10px;
	background:rgba(255,255,255,.8);
}
#header .text {
    padding: 40px 15px 5px;
}
#content .text {
    color:#646446;
}
#footer .text {
    background: none;
    padding: 30px 15px;
    color: white;
}
#content a {
	color:#646446;
}
#footer a {
	color:white;
}
.impressumslink {
	font-size:13px;
}
.red {
	color: #ec6121;
}
.day {
	width:100px;
	display:inline-block;
}
@media only screen and (min-width : 550px) {
#header .text {
    padding: 40px 100px 5px;
}
.text {
	padding: 4px 100px 10px;
}
#footer .text {
    padding: 30px 15px;
}
}
@media only screen and (max-width : 660px) {
#content .text, #header .text {
	margin: 0 10px;	
}
}