/*color: #FC4B51*/

html, body {
	width: 1200px;
	margin-left: auto; 
	margin-right: auto;
	/*border: 1px solid black;*/ 
}

#header-section {
	width: 1200px;
	height: 500px;
	background-color: #000;
	margin-right: auto;
	margin-left: auto;
}

#main-section-headline {
	width: 1198px;
	height: 125px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 100px;
	text-align: center;
	font-size: 50px;
	font-family: 'Oswald',helvetica;
	font-weight: bold;
	color: #353B48;
	border-left: 1px solid #353B48;
	border-right:  1px solid #353B48;
}

#main-section-headline p {
	margin: 0;
}

#second-section {
	width: 1198px;
	height: 400px;

	border-left: 1px solid #353B48;
	border-right:  1px solid #353B48;
}

/* rahmen des key features*/
.second-section-key {
	width: 250px;
	height: 350px;
	margin-left: 35px;
	position: relative;
	display: inline-block;
}

#second-section-key-icon {
	height: 100px;
	width: 100px;
	position: absolute;
	left: 70px;
	top: 10px;
	font-size: 30px;
	line-height: 100px;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	background-color: #FC4B51;
}

#second-section-key-headline {
	width: 200px;
	height: 50px;
	position: absolute;
	top: 125px;
	left: 18.5px;
}

#second-section-key-headline p {
	color: #353B48;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Raleway', Helvetica;
	text-align: center;
}

#second-section-key-description {
	width: 225px;
	height: 150px;
	position: absolute;
	top: 175px;
	left: 12.5px;
}

#second-section-key-description p {
	color: #353B48;
	font-size: 18px;
	font-family: 'Raleway', Helvetica;
	text-align: center;
}

#first-section-headline {
	width: 1200px;
	height: 125px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	text-align: center;
	font-size: 50px;
	font-family: 'Oswald', Helvetica;
	font-weight: bold;
	color: #353B48;
}

#first-section-headline p{
	margin: 0;
}

#first-section {
	width: 1198px;
	height: 400px;

	border-left: 1px solid #353B48;
	border-right:  1px solid #353B48;
}

#twitter-section {
	height: 200px;
	width: 1200px;
}

#twitter-section-tweet {
	display: inline-block;
	margin-left: 65px;
}

#twitch-section {
	padding-left: 175px;
	height: 550px;

	border-left: 1px solid #353B48;
	border-right:  1px solid #353B48;
}

#twitch-section-player-div-id {
	
}

footer {
	width: 100%;
	height: 80px;
	background-color: #262626;
	position: relative;
}

#footer-text {
	width: 1200px;
	height: 50px;
	color: #fff;
	font-family: 'Raleway', Helvetica, sans-serif;
	position: absolute;
	top: 10px;
	left: 25px;
}

#footer-link {
	color: #FC4B51;
	text-decoration: none;
}

#footer-right {
	position: absolute;
	bottom: 35px;
	left: 800px;
}

#footer-right a {
	margin-left: 50px;
	color: #fff;
	font-family:'Raleway', Helvetica;
	font-size: 15px;
}

#footer-right a:hover {
	text-decoration: underline;
}

.text-center {
	text-align: center;
}

.bold {
	font-weight: bold;
}

.front-page .default-page { 
	position: relative;
}

#footer-back-to-top, #backtop {
	position: absolute;
	left: 300px;
	text-align: center;
	color: #fff;
	font-size: 40px;
	font-family:'Oswald', Helvetica;
}

/* header */

#header {
	-webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    transition: all 200ms linear;
}

body.display-header #header {
	left: 0; 
}
/*
body.display-header {
	margin-left: ; 
}
*/
#header-trigger, a {
	text-decoration: none;
}

#header-trigger {
	background:transparent; 
	height: 48px;
	position: absolute; 
	right: -68px;
	top: 50%;
	width: 50px;
	z-index: 5;
	margin-top: -24px;
	color: #FC4B51;
	font-size: 21px; 
	font-weight: normal;
	line-height: 48px;
	text-align: center;
	border:1px solid #FC4B51;
	transition: all 0.7s ease 0s;
	-webkit-transition: all 0.7s ease 0s; 
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s; 
}

#header-trigger:hover {
	background-color:#FC4B51;
	color: #fff;
}

#header {
	background: #2E3137;
	bottom: 0;
	height: 100%;
	left: 0;
	padding: 0;
	position: fixed;
	top: 0;
	width: 255px;
	z-index: 9999;
	left: -255px;
}

#top-head {
	padding:50px 28px 30px;
}

#site-description {
	color: #FC4B51;
	font-family: 'Raleway', Helvetica;
	font-size: 15px;
	line-height: normal; 
	margin-top: 5px; 
	position: relative;
}

#header-name {
	font-family: 'Oswald', sans-serif;
	font-size: 23px;
	color: #fff;
}

#nav-margin {
	margin-top: 50px;
	margin-bottom: 30px;
}

#a-nav ul li {
	list-style-type: none;
	display: block;
	padding-top: 5px;
}

#a-nav a {
	color: #fff;
	font-family:'Raleway', Helvetica;
	font-size: 15px;
}

#a-nav a:hover {
	text-decoration: underline;
}

#fist-section {
	height: 500px;
}

/* Soziale Netzwerke Icons */
.social_icon ul{margin:0; padding:0;}  
.social_icon ul li {list-style-type: none;margin:4px 2px;display: inline-block;}
.social_icon ul li a{background-color:transparent; border: 1px solid #62656C; border-radius: 0;  color: #62656C; display: inline-block; font-size: 18px; height: 28px; line-height: 28px; margin:0;padding: 0; text-align: center; width: 30px; -webkit-transition:all .5s ease 0s;-moz-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;transition: all .5s ease 0s;}         
.social_icon ul li a:hover {background-color: #FC4B51;color: #fff; border: 1px solid transparent;}

/* Site Notice / Impressum */

#impressum p {
	margin: 0;
}

#impressum {
	width: 1198px;

	border-left: 1px solid #353B48;
	border-right:  1px solid #353B48;
}

#impressum-main-section-headline {
	width: 1178px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	font-weight: bold;
	padding-left: 20px;
}

#impressum-second-section {
	width: 1168px;
	height: 150px;
	padding-left: 30px;
}

#impressum-third-section {
	width: 1128px;
	height: 370px;
	padding-left: 30px;
	padding-right: 40px;
}

/* Contact Site */

#contact {
	width: 1198px;
	height: 800px;
	padding-left: auto;
	padding-right: auto;

	border-left: 1px solid #353B48;
	border-right:  1px solid #353B48;
}

#contact p {
	margin: 0;
}

#contact-formular form {
    margin:0 auto;
    width:459px;
}


#contact-formular {
	display: block;
    margin: 0 auto;
    width: 576px;
}

input, textarea {
	width: 439px;
	height: 27px;
	background: #efefef;
	border: 1px solid #dedede;
	padding: 10px;
	margin-top: 3px;
	font-size: 0.9em;
	color: #3a3a3a;
}

 textarea {
	height: 213px;
}

#submit {
	width: 127px;
    height: 38px;
    line-height: 15px;
    background-color: #fff;
    cursor: pointer;
    color: #FC4B51;
    font-size: 19px; 
	font-weight: normal;
	text-align: center;
	border:1px solid #FC4B51;
	transition: all 0.7s ease 0s;
	-webkit-transition: all 0.7s ease 0s; 
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s; 
}

#submit:hover {
	background-color:#FC4B51;
	color: #fff;
}

input:focus, textarea:focus {
    border:1px solid #FC4B51;
} 

#contact label {
    display: block;
    margin-top: 20px;
    letter-spacing: 2px;
}

#contact-main-section-headline {
	width: 1178px;
	height: 75px;
	line-height: 75px;
	font-size: 32px;
	font-weight: bold;
	font-family: 'Oswald', sans-serif;
	color: #353B48;
}