/*	wildes denken - css - version 3
		13.09.2018
		20.01.2026
------------------------------------------------  */

#test {
	position: absolute;
	left: 250px;
	top: 50px;
}

#inhalt {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1000px;
	background: white;
}

#btnVerdecken {
	position: absolute;
	left: 821px;
	top: 0px;
	width: 179px;
	display: none;
}

/*  ------  anker 5 buttons  -----  */

#btn5 {
	position: absolute;
	left: 0px;
	top: 160px;
}





#titelWDenken {
	position: absolute;
	left: 50px;
	top: 560px;
	width: 900px;
	text-align: center;
}



/*  -------  video  --------  */

#titelVideo {
	position: absolute;
	left: 50px;
	top: 70px;
	width: 900px;
	line-height: 1.5em;
	text-align: center;
}

.videoClassFilm {
	position: absolute;
	top: 160px;
	left: 180px;
	/*width: 640px;
	height: 360px;*/
}

#btnVideo {
	position: absolute;
	top: 160px;
	left: 180px;
	width: 640px;
	height: 360px;
}





/*  -----  5 buttons  -----  */

#liste {
	position: absolute;
	left: 110px;
	top: 660px;
}

div.table {
	display: table;
	/*width: 660px;*/
	border: 0;
	padding: 5px;
}

div.trZeile {
	height: 40px;
	/*background-color: #f5f5f5;*/
	/*width: 660px;*/
}

div.tdInhalt {
	display: table-cell;
	border: 0;
	width: 150px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}


/*  ----  5 unter-buttons gruen  -----  */

#unterListe {
	position: absolute;
	left: 420px;
	top: 800px;
	display: none;
}

div.tdBtn {
	display: table-cell;
	border: 0;
	width: 80px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}



/*  ------  lehre - rot 1  ------  */


#roterPunkt1 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 900px;
	text-align: center;
	display: none;
}

#txt_lehre {
	position: absolute;
	left: 200px;
	top: 100px;
	width: 600px;
	text-align: center;
}

#bg_lehre {
	position: absolute;
	left: 0px;
	top: 0px;
}

#lehre1 {
	position: absolute;
	left: 0px;
	top: 20px;
	width: 600px;
	text-align: center;
}

#lehre3 {
	position: absolute;
	left: 100px;
	top: 80px;
}

#lehre4 {
	position: absolute;
	left: 0px;
	top: 120px;
}

#lehre5 {
	position: absolute;
	left: 250px;
	top: 160px;
}

#lehre6 {
	position: absolute;
	left: 400px;
	top: 200px;
}

#lehre7 {
	position: absolute;
	left: 200px;
	top: 240px;
}

#lehre8 {
	position: absolute;
	left: 50px;
	top: 280px;
}

#lehre9 {
	position: absolute;
	left: 0px;
	top: 320px;
	width: 600px;
	text-align: center;
}

#lehre10 {
	position: absolute;
	left: 0px;
	top: 360px;
	width: 600px;
	text-align: center;
}

#lehre11 {
	position: absolute;
	left: 0px;
	top: 400px;
	width: 600px;
	text-align: center;
}

#lehre12 {
	position: absolute;
	left: 0px;
	top: 440px;
	width: 600px;
	text-align: center;
}

#lehre13 {
	position: absolute;
	left: 0px;
	top: 480px;
	width: 600px;
	text-align: center;
}

#lehre14 {
	position: absolute;
	left: 0px;
	top: 520px;
	width: 600px;
	text-align: center;
}

#lehre15 {
	position: absolute;
	left: 0px;
	top: 560px;
	width: 600px;
	text-align: center;
}

#lehre16 {
	position: absolute;
	left: 75px;
	top: 600px;
}

#lehre17 {
	position: absolute;
	left: 50px;
	top: 640px;
}

#lehre18 {
	position: absolute;
	left: 0px;
	top: 680px;
}

#lehre19 {
	position: absolute;
	left: 100px;
	top: 720px;
}

#lehre20 {
	position: absolute;
	left: 0px;
	top: 760px;
	width: 600px;
	text-align: center;
}

#lehre21 {
	position: absolute;
	left: 0px;
	top: 800px;
	width: 600px;
	text-align: center;
}



/*  -----  struktur  - rot 2  -----  */

#roterPunkt2 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 900px;
	text-align: left;
	display: none;
}

#bg_struktur {
	position: absolute;
	left: 0px;
	top: 0px;
}

#titelStruktur {
	position: absolute;
	left: 200px;
	top: 80px;
	width: 600px;
	text-align: center;
}

#uTitelStruktur {
	position: absolute;
	left: 200px;
	top: 120px;
	width: 600px;
	text-align: center;
}

#struktur {
	position: absolute;
	left: 200px;
	top: 200px;
	width: 600px;
	line-height: 180%;
}

#denken {
	position: absolute;
	left: 300px;
	top: 800px;
}

#schwimmen {
	position: absolute;
	left: 500px;
	top: 880px;
}

#slogen {
	position: absolute;
	left: 200px;
	top: 960px;
	width: 600px;
	text-align: center;
}


/*  -----  schreiben - rot3  ------  */

#roterPunkt3 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 900px;
	text-align: left;
	display: none;
}

#bg_schreiben {
	position: absolute;
	left: 0px;
	top: 0px;
}

#txt_schreiben {
	position: absolute;
	left: 50px;
	top: 100px;
	width: 900px;
	text-align: left;
}



/*  ------  dichten - gruen 1  -----  */

#gruenerPunkt1 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 900px;
	display: none;
}

#grafik_dichten {
	position: absolute;
	left: 0px;
	top: 0px;
}



/*  -----  bauen - gruen 2 ------  */


#gruenerPunkt2 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 900px;
	display: none;
}

#bg_bauen {
	position: absolute;
	left: 0px;
	top: 0px;
}

#titel_bauen {
	position: absolute;
	left: 50px;
	top: 90px;
	width: 900px;
	text-align: center;
}

#btnVideo2 {
	position: absolute;
	top: 160px;
	left: 180px;
	width: 640px;
	height: 360px;
	display: none;
}

#txt_bauen {
	position: absolute;
	left: 50px;
	top: 560px;
	width: 900px;
	text-align: center;
}



/*  -----  singen - bolle - gruen3  ------  */


#gruenerPunkt3 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 900px;
	display: none;
}

#bg_singen {
	position: absolute;
	left: 0px;
	top: 0px;
}

#titel_singen {
	position: absolute;
	left: 50px;
	top: 70px;
	width: 900px;
	text-align: center;
}

#txt_singen {
	position: absolute;
	left: 50px;
	top: 820px;
	width: 900px;
	text-align: center;
}

#btnVideo3 {
	position: absolute;
	top: 160px;
	left: 320px;
	width: 640px;
	height: 360px;
	display: none;
}



/*  -----  spielen - gruen 4 ------  */


#gruenerPunkt4 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 900px;
	display: none;
}

#bg_spielen {
	position: absolute;
	left: 0px;
	top: 0px;
}

#titel_spielen {
	position: absolute;
	left: 50px;
	top: 70px;
	width: 900px;
	text-align: center;
}

#foto_spielen {
	position: absolute;
	left: 150px;
	top: 120px;
	width: 700px;
	/*text-align: center;*/
}

#txt_spielen {
	position: absolute;
	left: 50px;
	top: 600px;
	width: 900px;
	text-align: center;
}




/*  -----  tanzen - gruen 5 ------  */


#gruenerPunkt5 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 900px;
	display: none;
}

#titel_tanzen {
	position: absolute;
	left: 50px;
	top: 90px;
	width: 900px;
	text-align: center;
}

#bg_tanzen {
	position: absolute;
	left: 0px;
	top: 0px;
}

#btnVideo5 {
	position: absolute;
	top: 160px;
	left: 180px;
	width: 640px;
	height: 360px;
	display: none;
}

#txt_tanzen {
	position: absolute;
	left: 50px;
	top: 560px;
	width: 900px;
	text-align: center;
}