@font-face {
    font-family: 'JournalRegular';
    src: url(../fonts/journal-webfont.eot);
    src: url(../fonts/journal-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/journal-webfont.woff) format('woff'),
         url(../fonts/journal-webfont.ttf) format('truetype'),
         url(../fonts/journal-webfont.svg#JournalRegular) format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'District';
    src: url(../fonts/DistTh.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;

}

.journal30 {font: 30px/30px 'JournalRegular', Arial, sans-serif;}

.journal40 {font: 40px/40px 'JournalRegular', Arial, sans-serif;}

.district30 {font: 30px/34px 'District', Arial, sans-serif;}

.district20 {font: 20px/28px 'District', Arial, sans-serif;}

.district21 {font: 21px/21px 'District', Arial, sans-serif;}

.district22 {font: 22px/28px 'District', Arial, sans-serif;}

.district17 {font: 17px/17px 'District', Arial, sans-serif;}

.district13 {font: 13px/13px 'District', Arial, sans-serif;}

.district12 {font: 13px/13px 'District', Arial, sans-serif;}

.body {

	background-color: #081a30;
	_background-color: #FFF;

}

.link {
	text-decoration: none;
	color: #FFF;
	border: none;
}

.terms {

	font-family: Lucida Grande, Arial, sans-serif;
	font-size: 13px;
	line-height: 17px;
	text-decoration: none;
	margin-left: 38px;
	margin-top: -100px;
	color: #FFF;
	width: 500px;
	height: 570px;
	float: left;
}

.db {

	font-family: Lucida Grande, Arial, sans-serif;
	font-size: 13px;
	line-height: 17px;
	text-decoration: none;
	margin-left: 38px;
	margin-top: -80px;
	color: #FFF;
	width: 500px;
	height: 1300px;
	float: left;
}

.im {

	font-family: Lucida Grande, Arial, sans-serif;
	font-size: 13px;
	line-height: 17px;
	text-decoration: none;
	margin-left: 38px;
	margin-top: -80px;
	color: #FFF;
	width: 500px;
	height: 2900px;
	float: left;
}

.dt {

	font-family: Lucida Grande, Arial, sans-serif;
	font-size: 13px;
	line-height: 17px;
	text-decoration: none;
	margin-left: 22px;
	margin-top: -50px;
	color: #FFF;
	width: 520px;
	height: 2920px;
	float: left;
}

.uselink {

	font-family: Lucida Grande, Arial, sans-serif;
	font-size: 10px;	
	color: #33477a;	
	cursor: pointer;
}

.ptf {
	margin-top: 70px;
	margin-left: 25px;
	cursor: pointer;
}

.ptg {
	margin-top: 6px;
	margin-left: 22px;
	cursor: pointer;
}

.ptt {
	margin-top: 6px;
	margin-left: 14px;
	cursor: pointer;
}

.bg {

	margin-left: -8px;
	margin-right: -8px;
	margin-top: -8px;
	margin-bottom: -12px;
	background-image: url(../images/verlauf.jpg);
	height: 780px;

}

.lefto {

	margin-left: -30px;
	width: 254px;
	height: 850px;
	float: left;

}

.main {

	margin: 0 auto;
	margin-top: -8px;
	margin-bottom: 8px;	
	width: 1024px;
	
}

.bg_vid {

	
	height: 810px;
	margin-top: -8px;	
	margin-left: -8px;
	margin-right: -8px;
	margin-bottom: -12px;
	background-image: url(../images/verlauf.jpg);


}

.left_vid {

	margin-left: -30px;
	width: 254px;
	height: 850px;
	float: left;

}


.main_vid {

	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 0px;	
	width: 1024px;


	
}

.bg_terms {

	height: 850px;
	margin-top: -8px;	
	margin-left: -8px;
	margin-right: -8px;
	margin-bottom: -12px;
	background-image: url(../images/verlauf.jpg);


}


.main_terms {

	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 0px;	
	width: 1024px;
	
}

.bg_mobile {

	height: 1500px;
	margin-top: -8px;	
	margin-left: -8px;
	margin-right: -8px;
	margin-bottom: -12px;
	background-image: url(../images/verlauf.jpg);

}

.main_mobile {

	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 0px;	
	width: 570px;
	height: 1000px;
}

.bg_uu {

	margin-left: -8px;
	margin-right: -8px;
	margin-top: -8px;
	margin-bottom: -12px;
	background-image: url(../images/verlauf.jpg);
	height: 870px;
}

.lefto_uu {

	margin-left: -30px;
	width: 254px;
	height: 900px;
	float: left;
}

.bg_im {

	margin-left: -8px;
	margin-right: -8px;
	margin-top: -8px;
	margin-bottom: -12px;
	background-image: url(../images/verlauf.jpg);
	height: 3100px;
}

.lefto_im {

	margin-left: -30px;
	width: 254px;
	height: 3270px;
	float: left;
}

.bg_nb {

	margin-left: -8px;
	margin-right: -8px;
	margin-top: -8px;
	margin-bottom: -8px;
	background-image: url(../images/verlauf.jpg);
	height: 2000px;
}

.bg_dt {

	margin-left: -8px;
	margin-right: -8px;
	margin-top: -8px;
	margin-bottom: -8px;
	background-image: url(../images/verlauf.jpg);
	height: 2300px;
}

.lefto_nb {

	margin-left: -30px;
	width: 254px;
	height: 4260px;
	float: left;
}

.nb {

	font-family: Lucida Grande, Arial, sans-serif;
	font-size: 13px;
	line-height: 17px;
	text-decoration: none;
	margin-left: 38px;
	margin-top: -80px;
	color: #FFF;
	width: 500px;
	height: 3900px;
	float: left;
}

.bg_db {

	margin-left: -8px;
	margin-right: -8px;
	margin-top: -8px;
	margin-bottom: -12px;
	background-image: url(../images/verlauf.jpg);
	height: 1650px;
}

.lefto_db {

	margin-left: -30px;
	width: 254px;
	height: 1650px;
	float: left;
}

.lefto_dt {

	margin-left: -30px;
	width: 254px;
	height: 3290px;
	float: left;
}

.upper {

	height: 780px;

}

.show {

display: none;

}

.lower {

}


.lefti {

	width: 254px;
	height: 150px;
	margin-top: 390px;
	margin-left: 130px;
	background-image: url(../images/Schritt_01.png);	
	background-repeat: no-repeat;

}

.lefte {

	width: 254px;
	height: 50px;
	margin-top: 285px;
	margin-left: 160px;
	background-image: url(../images/aenderung.png);	
	background-repeat: no-repeat;
	display: none;

}

.lefti2 {

	width: 254px;
	height: 150px;
	margin-top: 60px;
	margin-left: 130px;
	background-image: url(../images/schritt2.png);
	background-repeat: no-repeat;

}

.lefti3 {

	width: 254px;
	height: 150px;
	margin-top: 420px;
	margin-left: 120px;
	background-image: url(../images/Schritt_03_Freunde.png);
	background-repeat: no-repeat;

}

.lefti4 {

	width: 254px;
	height: 150px;
	margin-top: 470px;
	margin-left: 130px;
	background-image: url(../images/Schritt_03_details.png);
	background-repeat: no-repeat;

}

.schreibe {
	margin-top: -150px;
	margin-left: 570px;
	width: 289px;
	height: 155px;
	background-image: url(../images/schreib_kommentiere_live.png);
	background-repeat: no-repeat;
}


.ende {

	width: 254px;
	height: 150px;
	margin-top: 370px;
	margin-left: 120px;
	background-image: url(../images/ende.png);	
	background-repeat: no-repeat;
	display: none;

}

.center {

	width: 620px;
	float: left;
}

.header {
	
	width: 620px;
	height: 400px;
	background-image: url(../images/header_620.jpg);
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;

}

.headerindex {
	
	width: 620px;
	height: 400px;
	background-image: url(../images/header_620.jpg);
	background-repeat: no-repeat;
	float: left;

}

.headerchat {
	
	width: 660px;
	height: 155px;
	background-image: url(../images/header_vid.jpg);
	background-repeat:no-repeat;

}

.steps {
	
	margin-left: 40px;
	margin-top: 260px;
	width: 520px;
	height: 200px;
	float: left;
}

.stepstl{

	font: 14px/22px 'District', Arial, sans-serif;	
	font-weight: bold;
	margin-left: 30px;
	margin-top: -5px;
}


.stepsts{

	font-family: Lucida Grande, Arial, sans-serif;
	font-size: 12px;
	margin-left: 30px;

}

.steps1a {
	
	background-image: url(../images/steps1.png);
	background-repeat:no-repeat;	
	width: 520px;
	height: 30px;
	margin-top: 20px;
	float: left;
}

.steps1b {
	
	background-image: url(../images/steps2.png);
	background-repeat:no-repeat;	
	width: 520px;
	height: 30px;
	margin-top: 20px;
	float: left;
}

.steps1c {
	
	background-image: url(../images/steps3.png);
	background-repeat:no-repeat;	
	width: 520px;
	height: 30px;
	margin-top: 20px;
	float: left;
}

.steps2 {
	
	color: #FFF;
	width: 550px;
	height: 100px;	
	float: left;
}

.steps2a {

	background-image: url(../images/steps2a_logo_an.png);
	background-repeat:no-repeat;
	color: #FFF;
	width: 180px;
	height: 90px;
	float: left;
}

.steps2b {

	background-image: url(../images/steps2b_logo_an.png);
	background-repeat:no-repeat;
	color: #FFF;
	width: 180px;
	height: 90px;
	float: left;
}

.steps2c {

	background-image: url(../images/steps2c_logo_an.png);
	background-repeat:no-repeat;
	color: #FFF;
	width: 180px;
	height: 90px;
	float: left;
}

.steps2a_aus {

	background-image: url(../images/steps2a_logo_aus.png);
	background-repeat:no-repeat;
	color: #6c90ca;
	width: 180px;
	height: 90px;
	float: left;
}

.steps2b_aus {

	background-image: url(../images/steps2b_logo_aus.png);
	background-repeat:no-repeat;
	color: #6c90ca;
	width: 180px;
	height: 90px;
	float: left;
}

.steps2c_aus {

	background-image: url(../images/steps2c_logo_aus.png);
	background-repeat:no-repeat;
	color: #6c90ca;
	width: 180px;
	height: 90px;
	float: left;
}

.title1 {

	width: 570px;
	height: 160px;
	margin-top: 150px;
	margin-left: 20px;
	background-image:url(../images/input_leer.png);
  	background-repeat:no-repeat;
	float: left;
}


.step2 {

	width: 285px;
	margin-top: 0px;
	margin-left: -85px;
	height: 200px;
	float: right;
	background-image:url(../images/input_leer_02.png);
  	background-repeat:no-repeat;

}


.step2o {

	width: 240px;
	margin-top: -80px;
	margin-right: -20px;
	height: 140px;
	float: right;
	background-image:url(../images/Schritt_01_erklaeren.png);
  	background-repeat:no-repeat;
  	display: none;

}

.step21 {

	width: 150px;
	margin-top: -220px;
	margin-right: 65px;
	height: 270px;
	float: right;
	background-image:url(../images/Schritt_01_weiter.png);
  	background-repeat:no-repeat;
  	background-position: 0px 0px;

}

.step3 {

	width: 285px;
	margin-top: -100px;
	margin-left: 485px;
	height: 163px;
	float: right;
	background-image:url(../images/aenderung.png);
  	background-repeat:no-repeat;
  	background-position: 0px 0px;
  	display: none;

}

.step31 {

	width: 230px;
	margin-right: 11px;
	margin-top: -290px;
	height: 333px;
	float: right;
	_background-image:url(../images/aenderung.png);
  	_background-repeat:no-repeat;
  	_background-position: 0px 30px;
  	display: none;

}

.step4 {

	width: 250px;
	margin-top:  10px;
	margin-right: 200px;
	height: 100px;
	float: right;
	background-image:url(../images/einfach_kopieren.png);
  	background-repeat:no-repeat;
  	background-position: 0px 0px;
  	display: none;

}

.step5 {

	width: 470px;
	margin-top:  10px;
	margin-right: 270px;
	height: 100px;
	float: right;
	background-image:url(../images/achtung.png);
  	background-repeat:no-repeat;
  	background-position: 0px 0px;
  	display: none;

}


.step6 {

	width: 162px;
	height: 104px;
	float: right;
	margin-top: 50px;
	margin-right: 40px;
	background-image:url(../images/und_jetzt.png);
  	background-repeat:no-repeat;
  	display: none;
}

.okt {
	background-image:url(../images/input_ok.png);
  	background-repeat:no-repeat;
	margin-top: 0px;
	margin-right: 15px;
	height: 80px;
	width: 70px;
	float: right;
	display: none;	

}

.okt:hover {

	cursor: pointer;
	background-image:url(../images/input_ok_omo.png);

}

.okd {

	cursor: pointer;
	background-image:url(../images/datum_rechts_livestream.png);
  	background-repeat:no-repeat;	
	margin-top: 180px;
	margin-left: -218px;
	height: 80px;
	width: 227px;	
	display: none;		

}

.okd:hover {
	
	cursor: pointer;
	background-image:url(../images/datum_rechts_livestream_omo.png); 

}

.oknd {
	
	background-image:url(../images/datum_rechts_leer.png);
  	background-repeat:no-repeat;		
	margin-top: 180px;
	margin-left: -218px;
	height: 80px;
	width: 227px;	
	display: none;	

}

.titlebox{


	font: 17px/24px 'District', Arial, sans-serif;
	font-size: 20px;
  	margin-top: 24px;
  	margin-left: 36px;
  	width: 470px;
  	height: 25px;
  	border: 0px;
  	color: #7e7e7e;
} 

.titleboxedit{

	font: 17px/24px 'District', Arial, sans-serif;
	font-size: 20px;
	color: #7e7e7e;
  	margin-top: 0px;
  	margin-left: 2px;
  	padding-left: 5px;
  	width: 500px;
  	height: 30px;
  	border: 0px;
} 


.tdescriptionediti {

	font: 15px/18px 'District', Arial, sans-serif;
	font-size: 15px;
  	margin-top: 0px;
  	margin-left: 2px;
  	padding-left: 5px;
  	padding-top: 3px;  	
  	width: 500px;
  	height: 70px;
  	border: 0px;
  	color: #7e7e7e;

}

.text {


	_background-image:url(../images/inputfeld_02.png);
  	_background-repeat:no-repeat;
  	background-color: #FFF;
  	float: left;
  	width: 467px;
  	height: 80px;
  	margin-left: 40px;
  	margin-top: 7px;
  	float: left;
  	display: none;

}

.textbox {

	font: 15px/18px 'District', Arial, sans-serif;
	color: #7e7e7e;
	border: 0px;
	margin-top: 5px;
	margin-left: 7px;
	width: 455px;
	height: 70px;

}


.ttitel {
	cursor: pointer;
	font: 30px/34px 'District', Arial, sans-serif;
	color: #FFF;
	height: 50px;
	width: 500px;
	margin-left: 38px;
	float: left;
	display: none;
	
}

.ttiteledit {
	font: 30px/34px 'District', Arial, sans-serif;
	color: #AAA;
	float: left;	
	width: 570px;
	height: 50px;
	margin-left: 38px;	
	display: none;
	
}


.tdescription {

	cursor: pointer;
	font: 20px/24px 'District', Arial, sans-serif;
	width: 500px;
	color: #FFF;
	height: 75px;
	float: left;
	margin-left: 38px;
	word-wrap: break-word;	
	display: none;
	
}

.tdescriptionedit {


	font: 20px/24px 'District', Arial, sans-serif;
	width: 570px;
	color: #FFF;
	height: 75px;
	float: left;
	margin-left: 38px;	
	display: none;
	
}

.ttime {

	font: 18px/20px 'District', Arial, sans-serif;
	width: 570px;
	color: #FFF;
	height: 50px;
	float: left;
	margin-left: 38px;
	display: none;
	
}

.gotittd {

	display: inline;
	font-weight: bold;

}

.tedit {

	display: none;
}

.dedit {

	display: none;
}

.datebox{

	font: 17px/24px 'District', Arial, sans-serif;
	font-size: 20px;
  	margin-top: 24px;
  	margin-left: 0px;
  	width: 110px;
  	height: 25px;
  	border: 0px;
  	color: #7e7e7e;
} 

.timebox{

	font: 17px/24px 'District', Arial, sans-serif;
	font-size: 20px;
  	margin-top: 24px;
  	margin-left: 0px;
  	width: 90px;
  	height: 25px;
  	border: 0px;
  	color: #7e7e7e;
} 

.date {
	font: 17px/24px 'District', Arial, sans-serif;
	color: #7e7e7e;
	width: 570px;
	margin-top: 25px;
	margin-left: 20px;
	height: 110px;
	background-image:url(../images/datum_links.png);
  	background-repeat:no-repeat;
	float: left;
	display: none;


}

.use {

	font-family: Lucida Grande, Arial, sans-serif;
	font-size: 10px;	
	color: #33477a;
	margin-left: 36px;
	margin-top: -70px;
	float: left;
	display: none;
	width: 580px;
	height: 20px;
	
}


.links {

	width: 570px;
	margin-left: 20px;
	float: left;
	display: none;

}

.rl {

	font: 15px/45px 'District', Arial, sans-serif;
	color: #2c4075;
	text-align: center;
	background-image:url(../images/raiter_freunde_aktiv.png);
  	background-repeat:no-repeat;
	width: 174px;
	height: 39px;
	float: left;
	cursor: pointer;
		
}

.rr {

	font: 15px/45px 'District', Arial, sans-serif;
	color: #FFF;	
	background-image:url(../images/raiter_eigene_details.png);
  	background-repeat:no-repeat;
  	background-position: 0px;
  	width: 180px;
	height: 39px;
	float: left;
	cursor: pointer;
	
}

.close {

	background-image:url(../images/fertig.png);
  	background-repeat:no-repeat;
  	background-position: 0px 10px;
	width: 60px;
	margin-bottom: -25px;
	margin-left: 130px;
	height: 39px;
	float: left;
	cursor: pointer;
	display: none;

}

.rld {

	font: 15px/45px 'District', Arial, sans-serif;
	color: #2c4075;
	text-align: center;
	background-image:url(../images/raiter_freunde_aktiv.png);
  	background-repeat:no-repeat;
	width: 174px;
	height: 39px;
	float: left;
	cursor: pointer;		
}

.rrd {

	font: 15px/45px 'District', Arial, sans-serif;
	color: #FFF;	
	background-image:url(../images/raiter_eigene_details_aktiv.png);
  	background-repeat:no-repeat;
  	background-position: 0px;
  	width: 204px;
  	width: 180px;
	height: 39px;
	float: left;
	cursor: pointer;
}

.mr {
	font-family: Lucida Grande, Arial, sans-serif;
	font-size: 13px;
	color: #2c4075;
	background-image:url(../images/hintergrund_freunde.png);
  	background-repeat:no-repeat;
  	width: 554px;
	height: 145px;
	float: left;
}

.dist {

	margin-right: 10px;
	cursor: pointer;
}

.distg {
	background-image:url(../images/share_google_plus.png);
  	background-repeat:no-repeat;
	overflow: hidden;
	width: 36px;
	height: 36px;
	margin-right: 10px;
	float: left;
	cursor: pointer;
}

.poste {

	margin-top: 20px;
	margin-left: 30px;
	width: 150px;

}

.share {

	margin-top: 20px;
	margin-left: 30px;
	float: left;

}

.and {
	
	margin-left: 20px;
	margin-top: -33px;
	float: left;

}

.invite {

	margin-left: 50px;
	margin-top: -33px;
	width: 200px;
	float: left;

}

.invitei {

	margin-top: 17px;

}

.linkfbg {

	_width: 188px;
	height: 43px;
	background-image:url(../images/bitly_feld.png);
  	background-repeat:no-repeat;
  	margin-top: -1px;
  	margin-left: 10px;
}

.linkdbg {

	width: 180px;
	height: 43px;
	background-image:url(../images/bitly_feld.png);
  	background-repeat:no-repeat;
  	margin-top: 15px;
  	margin-left: 15px;
}


.linkf {

	cursor: pointer;
	font: 20px/24px 'District', Arial, sans-serif;
	margin-left: 15px;
	margin-top: 12px;
	width: 100px;
	height: 20px;
	border: 0px;


}


.sendlinkf {

	margin-top: 4px;
	margin-left: -5px;
	float: left;

}


.sendlinkd {

	margin-top: 5px;
	margin-left: -12px;
	float: left;

}

.sendlinkt {
	cursor: pointer;
	font: 18px/24px 'District', Arial, sans-serif;
	color: #7e7e7e;
	margin-top: 9px;
	margin-left: 5px;
	height: 25px;
	float: left;

}


.mrd {
	font-family: Lucida Grande, Arial, sans-serif;
	font-size: 13px;
	color: #FFF;
	background-image:url(../images/hintergrund_details.png);
  	background-repeat:no-repeat;
  	background-position: 0px -1px;
  	width: 554px;
	height: 145px;
	margin-left: 20px;
	float: left;
	display: none;
}


.deinlink {


	margin-left: 30px;
	margin-top: 20px;
	float: left;

}


.deinlinkf {

	margin-top: 3px;

}

.mail {

	float: left;
	margin-left: 15px;
	margin-top: 20px;

}

.mailbg {

	width: 261px;
	height: 43px;
	background-image:url(../images/feld_detailszusenden.png);
  	background-repeat:no-repeat;
  	margin-top: -48px;
  	margin-left: 12px;
  	float: left;

}

.maild {
	font: 18px/20px 'District', Arial, sans-serif;
	color: #7e7e7e;
	margin-left: 30px;
	margin-top: 10px;
	width: 175px;
	height: 20px;
	border: 0px;

}

.okb {

	background-image:url(../images/ok_button_single.png);
  	background-repeat:no-repeat;
  	margin-left: -20px;
	margin-top: 67px;
	width: 51px;
	height: 51px;
	float: left;

}

.okb:hover {

	background-image:url(../images/ok_button_single_omo.png);

}

.t1 {

	width: 1px; 
	float: left; 
	margin-right: 20px;

}

.blog {

	width: 95px; 
	margin-left: -5px;
	float: left;
	text-align: center;

}

.blogi {

	margin-top: 53px; 
	margin-left: 45px;

}

.t2 {

	width: 1px;
	margin-right: -15px;
	float: right; 
	margin-top: -92px;

}

.t3 {

	width: 1px; 
	float: left; 
	margin-top: 20px;
	margin-left: 5px;

}

.ang {

	font-size: 11px; 
	line-height: 17px;

}

.dlz {

	margin-bottom: 5px;
	width: 250px;

}

.achtung {

	margin-left: 30px; 
	font-size: 12px;
	float: left;

}

.achtungt {

	color: #ae0855; 
	float: left;

}


.shiftright {

	margin-top: 50px;
	margin-left: 220px;

}

.texte1 {

	font-family: Lucida Grande, Arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #FFF;
	background-image: url(../images/kostenlosen_livestreaming.png);
	background-repeat: no-repeat;
	background-position: 109px 200px;
	margin-left: 18px;
	margin-bottom: 0px;
	width: 570px;
	height: 700px;
	float: left;
}

.texte11small {

	width: 275px;
	margin-top: 20px;
	margin-bottom: 80px;

}

.texte12small {

	width: 400px;
	margin-top: 20px;

}

.texte2 {

	font-family: Lucida Grande, Arial, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #FFF;
	background-image: url(../images/weniger_als_eine_minute.png);
	background-repeat: no-repeat;
	background-position: 0px;
	margin-left: 18px;
	margin-bottom: 20px;
	width: 570px;
	height: 570px;
	float: left;
}

.texte21small {

	width: 350px;
	margin-top: 20px;
	margin-bottom: 85px;

}

.texte22small {

	width: 350px;
	margin-top: 20px;

}


.texte3 {

	font-family: Lucida Grande, Arial, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #FFF;
	background-image: url(../images/livestream_einbauen.png);
	background-repeat: no-repeat;
	background-position: 95px 145px;
	margin-left: 18px;
	margin-bottom: 40px;
	width: 570px;
	height: 730px;
	float: left;
}

.texte31small {

	width: 300px;
	height: 175px;
	margin-top: 20px;
	margin-bottom: 110px;

}

.texte32small {

	width: 350px;
	margin-top: 20px;

}


.texte4 {

	font-family: Lucida Grande, Arial, sans-serif;
	font-size: 13px;
	line-height: 20px;
	background-image: url(../images/trenner.png);
	background-repeat: no-repeat;
	background-position: 88px 220px;	
	color: #FFF;
	margin-left: 18px;
	margin-bottom: 30px;
	width: 570px;
	height: 230px;
	float: left;
}

.texte41small {

	width: 570px;
	margin-top: 20px;
	margin-bottom: 100px;

}

.texte5 {

	font-family: Lucida Grande, Arial, sans-serif;
	font-size: 13px;
	line-height: 20px;
	background-image: url(../images/trenner.png);
	background-repeat: no-repeat;
	background-position: 88px 280px;	
	color: #FFF;
	margin-left: 18px;
	margin-bottom: 30px;
	width: 570px;
	height: 300px;
	float: left;
}

.texte51small {

	width: 570px;
	margin-top: 20px;
	margin-bottom: 100px;

}

.bris {

	height: 180px;
	width: 580px;
	margin-top: 10px;
	float: left;
	
}

.brisl {

	margin-left: 18px;
	font-family: Arial;
	font-size: 20px;	
	color: #FFF;

}

.brisr {

	height: 300px;
	font-family: Lucida Grande, Arial, sans-serif;
	font-size: 20px;	
	color: #FFF;
	margin-left: 250px;
	margin-top: -32px;

}

.follow {

	background-image: url(../images/folge_uns.png);
	background-repeat: no-repeat;
	width: 66px;
	height: 166px;
	margin-right: 110px;
	margin-top: 0px;
	float: right;

}

.apps {

	background-image: url(../images/hg_appankuendigung_eng.png);
	background-repeat: no-repeat;
	width: 144px;
	height: 199px;
	margin-right: 25px;
	margin-top: 0px;
	float: right;

}

.apps_vid {

	background-image: url(../images/hg_appankuendigung_eng.png);
	background-repeat: no-repeat;
	width: 144px;
	height: 199px;
	margin-right: -155px;
	margin-top: 0px;
	float: right;

}

.ios {
	margin-top: 50px;
	margin-left: 5px;
	cursor: pointer;
}

.android {
	margin-top: 5px;
	margin-left: 5px;
	cursor: pointer;
}

.follow_vid {

	background-image: url(../images/folge_uns.png);
	background-repeat: no-repeat;
	width: 66px;
	height: 166px;
	margin-right: -70px;
	margin-top: 0px;
	float: right;

}

.deineigener {

	background-image: url(../images/eigener_livestream.png);
	background-repeat: no-repeat;
	width: 79px;
	height: 80px;
	margin-left: 150px;
	margin-top: -30px;
	cursor: pointer;
	display: none;
}

.language {

	background-image: url(../images/button_deusch.png);
	background-repeat: no-repeat;
	width: 74px;
	height: 74px;
	margin-left: 150px;
	margin-top: 0px;	
	cursor: pointer;

}

.quicktour {

	background-image: url(../images/quicktour.png);
	background-repeat: no-repeat;
	width: 74px;
	height: 74px;
	margin-left: 150px;
	margin-top: -30px;	
	cursor: pointer;

}

.follow_lefto {


	background-image: url(../images/folge_uns.png);
	background-repeat: no-repeat;
	width: 66px;
	height: 166px;
	margin-left: 150px;
	margin-top: 0px;

}

.flash {

	margin-left: 20px;
	margin-top: -22px;

}

.feedback {

	position: absolute; 
	margin-top: 350px;
	cursor: pointer;

}

.danke {
	background-image: url(../images/hg_danke.png);
	background-repeat: no-repeat;
	color: #FFF;
	margin-top: -22px;
	margin-left: 20px; 
	height: 675px; 
	width: 548px; 
	font: 20px/34px 'District', Arial, sans-serif; 

}

.noflash {
	background-image: url(../images/hg_flash.png);
	background-repeat: no-repeat;
	color: #FFF;
	margin-top: -22px;
	margin-left: 20px; 
	height: 675px; 
	width: 548px; 
	font: 20px/34px 'District', Arial, sans-serif; 

}

.mobile {
	background-image: url(../images/hg_mobile.png);
	background-repeat: no-repeat;
	color: #FFF;
	margin-top: -22px;
	margin-left: 20px; 
	height: 675px; 
	width: 548px; 
	font: 20px/34px 'District', Arial, sans-serif; 

}

.danketextg {

	font: 28px/28px 'District', Arial, sans-serif; 
	padding-left: 200px;
	padding-top: 20px;
}


.danketextk {

	font: 14px/20px 'District', Arial, sans-serif; 
	padding-left: 200px;
	padding-top: 10px;
	width: 320px;
}


.footer {

	
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 38px;
	float: left;

}

.footera {

	font: 12px/13px 'District', Arial, sans-serif;
	text-decoration: none;
	color: #FFF;
	margin-right: 20px;

}


.spende {
	float: right;
	margin-right: 73px;
	background-image: url(../images/ja_spende.png);
	background-repeat: no-repeat;
	width: 280px;
	height: 50px;
}

.spende:hover {
	background-image: url(../images/ja_spende_omo.png);
}