@import url("webfonts/Roboto_Regular/stylesheet.css");
@import url("webfonts/Roboto_Bold/stylesheet.css");
@import url("webfonts/Roboto_Light/stylesheet.css");
body {
	font-family: sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	color: #222;
	background-color: #FF0000;
}
p {
	font-family: Roboto-Light;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
}
h1 {
	font-family: Roboto-Bold;
	font-size: 46px;
	line-height: 40px;
	color: #DDD;
	margin: 1px;
	padding-top: 10px;
	letter-spacing: 2px;
}
h2 {
	font-family: Roboto-Bold;
	font-size: 16px;
	line-height: 20px;
	color: #222;
	margin-bottom: -16px;
	letter-spacing: 1px;
}
h3 {
	font-family: Roboto-Light;
	font-size: 14px;
	line-height: 20px;
	color: #DDD;
	text-align: left;
	margin: 1px;
}
h4 {
	font-family: Roboto-Light;
	font-size: 24px;
	font-weight: lighter;
	line-height: 30px;
}
h5 {
	text-align: right;
	margin-top: -50px;
}
h6 {
}
a {
	text-decoration: none;
}
a:link {
	color: #BB0000;
}
a:visited {
	color: #BB0000;
}
a:hover {
	color: #0000FF;
}
a:active {
	color: #0000FF;
}
#text-titel {
	max-width: 569px;
	text-align: left;
}
#text-blog {
	background-color: rgba(238,238,238,0.8);
	text-align: left;
	max-width: 560px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
}
#text-titel-lang {
	max-width: 769px;
	text-align: left;
}
#text-blog-lang {
	background-color: rgba(238,238,238,0.8);
	text-align: left;
	max-width: 760px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
}
#video {
	text-align: left;
	max-width: 780px;
	margin-bottom: -5px;
	margin-top: 10px;
}
#bgvideo{
	/*background-image: url(daten/video/weller-bg.jpg);*/
	background-size: cover;
	background-repeat: no-repeat;
	position: fixed;
	right: 0;
	bottom: 0px;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	background-image: url(daten/video/weller-bg-bearbeitet.jpg);
}
#bgkleingedrucktes{
	background-image: url(daten/logos/logo-ms.gif);	
	background-size: cover;	
	background-repeat: no-repeat;
	background-color: rgba(187,187,187,1);
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;	
	}
#hamburger{
	top: -4px;
	right: 0px;
	position: fixed;
	height: 40px;
	width: 40px;
	float: right;
	margin: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#nav{
	background-color: rgba(238,238,238,0.8);
	/*border-radius: 20px;*/
	/*border: 1px solid hsla(0,100%,50%,1);*/
	top: 50px;
	right: 2px;
	position: fixed;
	height: 150px;
	width: 180px;
	float: right;
	text-align: right;
	font-size: 18px;
	font-weight: bold;
	padding: 12px;
	line-height: 30px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-family: "Roboto Medium", sans-serif;
}
#header{
	top: 0px;
	position: fixed;
	height: 18px;
	display: block;
	width: 100%;
	z-index: 9;
	text-align: left;
	background-color: hsla(0,0%,87%,0.8);
	padding: 0px;
}
#footer{
	bottom: 0px;
	position: fixed;
	height: 18px;
	display: block;
	width: 100%;
	z-index: 9;
	text-align: right;
	background-color: hsla(0,0%,87%,0.8);
	padding: 0px;
}
#section1{
	background-image: url(daten/fotos-klein/1-rm.jpg);
	background-size: cover;
	background-position: 50% 50%;
	padding: 0 0 0 0;
}
#section2 {
	background-image: url(daten/fotos-klein/2-rm.jpg);
	background-size: cover;
	background-position: 70% 50%;
	padding: 0 0 0 0;
}
/*#section3{
	background-image: url(../daten/fotos-klein/_______.jpg);
	background-size: cover;
	padding: 6% 0 0 0;
}*/
#slide1{
	background-image: url(daten/fotos-klein/3-1-lazy.jpg);
	background-size: cover;
	background-position: 50% 50%;
	padding: 0 0 0 0;
}
#slide2{
	background-image: url(daten/fotos-klein/3-2-bytefm.jpg);
	background-size: cover;
	background-position: 50% 50%;
	padding: 0 0 0 0;
}
#slide3{
	background-image: url(daten/fotos-klein/3-3-hoerschule.jpg);
	background-size: cover;
	background-position: 30% 50%;
	padding: 0 0 0 0;
}
#slide4{
	background-image: url(daten/fotos-klein/3-5-boogienights.jpg);
	background-size: cover;
	background-position: 50% 50%;
	padding: 0 0 0 0;
}
#slide5{
	background-image: url(daten/fotos-klein/3-4-bjoernsundtrio.jpg);
	background-size: cover;
	background-position: 30% 50%;
	padding: 0 0 0 0;
}
#slide6{
	background-image: url(daten/fotos-klein/3-6-hophop.jpg);
	background-size: cover;
	background-position: 50% 50%;
	padding: 0 0 0 0;
}
#slide7{
	background-image: url(daten/fotos-klein/3-7-sundaesoul.jpg);
	background-size: cover;
	background-position: 50% 50%;
	padding: 0 0 0 0;
}
#slide8{
	background-image: url(daten/fotos-klein/3-8-countryfontaene.jpg);
	background-size: cover;
	background-position: 50% 50%;
	padding: 0 0 0 0;
}
#slide9{
	background-image: url(daten/fotos-klein/3-9-ICanSeeMusic.jpg);
	background-size: cover;
	background-position: 50% 50%;
	padding: 0 0 0 0;
}
#section4{
	background-size: cover;
	background-position: 68% 50%;
	padding: 0 0 0 0;
	background-image: url(daten/fotos-klein/4-wellermaennchen.jpg);
}
#section5{
	background-image: url(daten/fotos-klein/5-shoutsingel.jpg);
	background-size: cover;
	background-position: 30% 10%;
	padding: 0 0 0 0;
}
#section6{
	background-image: url(daten/fotos-klein/5-tamagnini.jpg);
	background-size: cover;
	background-position: 30% 10%;
	padding: 0 0 0 0;
}
/* Punkte */
#fullPage-nav li .active span, .fullPage-slidesNav .active span {
	background-color: #0000FF;
}
#fullPage-nav span, .fullPage-slidesNav span {
	border-color: #BB0000;
}
