﻿/* --- Allgemeine Formatierungen--- */

*								{ margin:0;padding:0; }	

body						{ background-color:#1C1C1C; background-image:url('../images/bg_2x4000.png');background-repeat:repeat-x;
								  font-family:Arial, Helvetica, Sans-Serif;
								  font-size:10pt; color:#000000; }

h1							{ font-family:Arial, Helvetica, Sans-Serif;
								  font-weight:normal; font-size:12pt; color:#000000; 
								  margin-bottom:20px;}

h1.margin12			{ margin-bottom:12px;}

p								{ font-family:Arial, Helvetica, Sans-Serif;
								  font-weight:normal; font-size:10pt; color:#000000; 
								  margin-bottom:18px;}					  

p.margin6				{ margin-bottom:6px; }
					
div							{ padding:0em;
					  			margin-top:0px; }

img							{ border-width:0px; }

a:link   	 			{ color:#ffffff; text-decoration:none; }
a:visited 			{ color:#ffffff; text-decoration:none; }
a:hover   			{ color:#ffff99; }


/* --- Allgemeine Klassen --- */

.text1					{ font-style:normal; font-family:century gothic; font-size:10pt; 
					  			letter-spacing: 4pt; color:#ffffff; text-align:right; }

.text2					{ font-style:normal; font-family:Arial, Helvetica, Sans-Serif; font-size:13pt; 
					  			line-height:30px; color:#B20909; text-align:center; }

.text3					{ font-style:normal; font-family:Arial, Helvetica, Sans-Serif; font-size:9pt; 
					  			color:#B20909; text-align:left; }

.text4					{ font-style:normal; font-family:Arial, Helvetica, Sans-Serif; font-size:7pt; 
					  			color:#B20909; text-align:right; }

.leftbottom			{ padding-left:12px; padding-top:6px; vertical-align:top; padding-bottom:6px; }

.margin					{ margin-top:44px; }

.margin2				{ margin-top:26px; }

.margin3				{ margin-top:18px; margin-bottom:0px; }

.margin4				{ margin-top:18px; margin-bottom:12px; }

.nonbullet			{ margin-top:40px; list-style-type:none; }

.left						{ padding-left:12px; padding-top:6px; vertical-align:top; }

.bottom					{ padding-bottom:6px; }

.bottom12				{ padding-bottom:12px; }

.bottom12top		{ padding-bottom:12px; vertical-align:top; padding-top:6px; }

.aligntop				{ vertical-align:top; padding-bottom:12px; }

.size8					{ font-size:7pt; font-family:Verdana; }

a:link.red			{ color:#950303; text-decoration:none; }
a:visited.red		{ color:#950303; text-decoration:none; }
a:hover.red			{ color:#000000; }


/* --- Listenformate --- */

ul.list					{ list-style-image: url('../images/bullet_6x11.gif'); }

li.bullet				{ margin-left: 16px; margin-top: 12px; }

li.bullet2			{ margin-left: 16px; margin-top: 6px; }

li.space				{ margin-left:62px; }

li.space-a			{ margin-left:62px; color:#950303; }

li.rot					{ font-weight:normal; color:#000000; }

li.height				{ line-height:24px; }


/* --- Formatierungen für DIV-Container über IDs, allgemeine Container --- */

#seite					{ position: absolute; top:12px; left:12px;
					  			width:100%; height:660px; }

#seite1					{ position: absolute; top:12px; left:12px;
					  			width:100%; height:300px; }

#logo						{ position: absolute; top:0px; left:0px; }

#cube						{ position: absolute; top:60px; left:2px;
								  width:188px; height:150px; 
								  border-bottom:#C6AFAA solid 1px; border-right:#C6AFAA solid 1px; }

#tanz						{ position: absolute; top:0px; left:631px;
					  			width:329px; height:210px; }

#bildtext				{ position: absolute; top:185px; left:634px;
					  			width:322px; height:30px; }

#menuzeile			{ position: absolute; top:150px; left:0px; z-index:10;
								  width:960px; height:25px;
								  font-size:10pt; color:#ffffff;
								  padding:0px; background-color:#B20909; }

ul#menu	li			{ list-style-type:none;
								  float:left; 
								  position: relative; top: 4px }

#submenubox			{ position: absolute; top:210px; left:2px;
								  width:188px; height:175px;
								  font-size:10pt; color:#950303;
								  padding:0px; }
									
ul#submenu li		{ list-style-type:none; 
								  border-bottom:1px #c6afaa solid; 
								  padding-top:6px; padding-bottom:6px;
								 	color:#950303; }


/* --- Formatierungen für DIV-Container über IDs, Hauptmenüs --- */
								
#menu-bg01			{ position: absolute; top:0px; left:28px; background-color:#ffffff;
					  			width:124px; height:25px; }

#menu-bg02			{ position: absolute; top:0px; left:152px; background-color:#ffffff;
					  			width:145px; height:25px; }

#menu-bg03			{ position: absolute; top:0px; left:297px; background-color:#ffffff;
					 			 	width:196px; height:25px; }
														
#menu-bg04			{ position: absolute; top:0px; left:493px; background-color:#ffffff;
					 			 	width:139px; height:25px; }

#menu-bg05			{ position: absolute; top:0px; left:632px; background-color:#ffffff;
					 			 	width:102px; height:25px; }

#menu-bg06			{ position: absolute; top:0px; left:734px; background-color:#ffffff;
					 			 	width:105px; height:25px; }

#menu-bg07			{ position: absolute; top:0px; left:839px; background-color:#ffffff;
					 			 	width:95px; height:25px; }


/* --- Formatierungen für DIV-Container über IDs, Startseite --- */
			  
#cover					{ position: absolute; top:210px; left:0px; }					  
					  
#erleben				{ position: absolute; top:300px; left:633px; 
					  			width:329px; height:200px; }		  

#proust					{ position: absolute; top:580px; left:660px; 
					  			width:289px; height:100px; }


/* --- Formatierungen für DIV-Container über IDs, Hauptmenü SPIRALDYNAMIK (sp) --- */
/* --- ----------------------------------------------------------------------- --- */
/* --- Formatierungen für DIV-Container über IDs, Untermenü Spiraldynamik (sp_sp) --- */

#sp_sp_bild01		{ position: absolute; top:400px; left:0px; 
					  			width:188px; height:270px; }
	
#sp_sp_text01		{ position: absolute; top:240px; left:250px; 
					  			width:720px; height:600px; }

/* --- Formatierungen für DIV-Container über IDs, Untermenü Bewegungsintelligenz (sp_be) --- */

#sp_be_text01		{ position: absolute; top:240px; left:250px; 
					  			width:360px; height:400px; }
					  			
#sp_be_bild01		{ position: absolute; top:66px; left:381px; z-index:2;
					  			width:200px; height:300px; }

/* ---	#sp_be_bild02		{ position: absolute; top:62px; left:205px; z-index:2;
					 		 		width:153px; height:152px; }  --- */

#sp_be_line_h		{ position: absolute; top:42px; left:0px; z-index:10;
					  			width:476px; height:40px; 
					  			border-top:1px #c6afaa solid; border-right:1px #c6afaa solid; }

/* ---	#sp_be_line_v		{ position: absolute; top:42px; left:0px; z-index:10;
								  width:76px; height:40px; 
								  border-right:1px #c6afaa solid; }  --- */


/* --- Formatierungen für DIV-Container über IDs, Untermenü Zielgruppe (sp_zi) --- */

#sp_zi_text01		{ position: absolute; top:240px; left:250px; 
					  			width:360px; height:530px; }

#sp_zi_text02		{ position: absolute; top:736px; left:250px; 
					  			width:700px; height:40px; }

#sp_zi_bild01		{ position: absolute; top:66px; left:383px; z-index:2;
					  			width:120px; height:180px; }

#sp_zi_bild02		{ position: absolute; top:266px; left:383px; z-index:2;
					  			width:120px; height:180px; }

#sp_zi_line_h		{ position: absolute; top:42px; left:0px; z-index:10;
					  			width:442px; height:40px; 
					  			border-top:1px #c6afaa solid; border-right:1px #c6afaa solid; }

/* --- Formatierungen für DIV-Container über IDs, Untermenü Med Center (sp_me) --- */

#sp_me_text01		{ position: absolute; top:240px; left:250px; 
					  			width:720px; height:600px; }

#sp_me_zusatz		{ position: absolute; top:70px; left:382px; 
					  			width:195px; height:230px; 
					  			padding:12px; border:1px #c6afaa solid; }

#sp_me_line_h		{ position: absolute; top:42px; left:0px; z-index:10;
					  			width:492px; height:27px; 
					  			border-top:1px #c6afaa solid; border-right:1px #c6afaa solid; }

/* --- Formatierungen für DIV-Container über IDs, Untermenü Referenzen (sp_re) --- */

#sp_re_text01			{ position: absolute; top:240px; left:250px; 
					  			width:370px; height:420px; }

#sp_re_bild01			{ position: absolute; top:66px; left:383px; z-index:2;
					  			width:153px; height:152px; }

#sp_re_line_h			{ position: absolute; top:42px; left:0px; z-index:10;
					  			width:500px; height:40px; 
					  			border-top:1px #c6afaa solid; border-right:1px #c6afaa solid; }


/* --- Formatierungen für DIV-Container über IDs, Hauptmenü AUS- UND WEITERBILDUNG (au) --- */		  	  
/* --- -------------------------------------------------------------------------------- --- */
/* --- Formatierungen für DIV-Container über IDs, Untermenü Aus- und Weiterbildung (au_au) --- */

#au_au_text01		{ position: absolute; top:240px; left:250px; 
					  			width:720px; height:465px; }

#au_au_bild01		{ position: absolute; top:400px; left:0px; 
					  			width:188px; height:270px; }

#au_au_line_h		{ position: absolute; top:42px; left:0px; z-index:10;
					  			width:477px; height:40px; 
					  			border-top:1px #c6afaa solid; border-right:1px #c6afaa solid; }	  	  

/* --- Formatierungen für DIV-Container über IDs, Untermenü Einführungskurse (au_ei) --- */

#au_ei_text01		{ position: absolute; top:240px; left:250px; 
					  			width:360px; height:520px; }

#au_ei_text02		{ position: absolute; top:590px; left:250px; 
					  			width:700px; height:140px; }

#au_ei_bild01		{ position: absolute; top:66px; left:383px; z-index:2;
					  			width:120px; height:200px; }

#au_ei_line_h		{ position: absolute; top:42px; left:0px; z-index:10;
					  			width:482px; height:40px; 
					  			border-top:1px #c6afaa solid; border-right:1px #c6afaa solid; }

/* --- Formatierungen für DIV-Container über IDs, Untermenü Lehrgang Basic (au_ba) --- */

#au_ba_text01		{ position: absolute; top:240px; left:250px; 
					  			width:360px; height:600px; }

#au_ba_text02		{ position: absolute; top:690px; left:3px; 
					  			width:700px; height:140px; }

#au_ba_bild01		{ position: absolute; top:66px; left:383px; z-index:2;
					  			width:120px; height:200px; }

#au_ba_bild02		{ position: absolute; top:271px; left:383px; z-index:2;
					  			width:120px; height:200px; }

#au_ba_bild03		{ position: absolute; top:476px; left:383px; z-index:2;
					  			width:120px; height:200px; }

#au_ba_line_h		{ position: absolute; top:42px; left:0px; z-index:10;
					  			width:497px; height:36px; 
					  			border-top:1px #c6afaa solid; border-right:1px #c6afaa solid; }

/* --- Formatierungen für DIV-Container über IDs, Untermenü Intermediate (au_in) --- */

#au_in_text01		{ position: absolute; top:240px; left:250px; 
					  			width:360px; height:600px; }

#au_in_bild01		{ position: absolute; top:66px; left:383px; z-index:2;
					  			width:120px; height:200px; }

#au_in_bild02		{ position: absolute; top:57px; left:0px;
					  			width:710px; height:1780px; }

#au_in_line_h		{ position: absolute; top:42px; left:0px; z-index:10;
					  			width:482px; height:36px; 
					  			border-top:1px #c6afaa solid; border-right:1px #c6afaa solid; }
					  			
#au_in_back			{ position: absolute; top:1840px; left:0px;
					  			width:710px; height:24px; }


/* --- Formatierungen für DIV-Container über IDs, Untermenü Fortbildung (au_fo) --- */

#au_fo_text01		{ position: absolute; top:240px; left:250px; 
					  			width:360px; height:600px; }

#au_fo_bild01		{ position: absolute; top:66px; left:383px; z-index:2;
					  			width:120px; height:200px; }

#au_fo_bild02		{ position: absolute; top:271px; left:383px; z-index:2;
					  			width:120px; height:200px; }

#au_fo_bild03		{ position: absolute; top:476px; left:383px; z-index:2;
					  			width:120px; height:200px; }

#au_fo_line_h		{ position: absolute; top:42px; left:0px; z-index:10;
					  			width:442px; height:36px; 
					  			border-top:1px #c6afaa solid; border-right:1px #c6afaa solid; }


/* --- Formatierungen für DIV-Container über IDs, Hauptmenü PUBLIKATIONEN (pu) --- */		  	  
/* --- ----------------------------------------------------------------------- --- */
/* --- Formatierungen für DIV-Container über IDs, Untermenü Publikationen (pu_pu) --- */

#pu_pu_text01		{ position: absolute; top:240px; left:250px; 
					  			width:720px; height:465px; }

/* --- Formatierungen für DIV-Container über IDs, Untermenü News (pu_ne) --- */

#pu_ne_text01		{ position: absolute; top:240px; left:250px; 
					  			width:360px; height:223px; }

#pu_ne_bild01		{ position: absolute; top:74px; left:381px; z-index:2;
					  			width:200px; height:300px; }

#pu_ne_line_h		{ position: absolute; top:54px; left:0px; z-index:10;
					  			width:469px; height:37px; 
					  			border-top:1px #c6afaa solid; border-right:1px #c6afaa solid; }

#pu_ne_form			{ position: absolute; top:476px; left:248px;
								  width:720px; height:340px; }


/* --- Formatierungen für DIV-Container über IDs, Hauptmenü BÜCHER (bu) --- */		  	  
/* --- ---------------------------------------------------------------- --- */
/* --- Formatierungen für DIV-Container über IDs, Untermenü Bücher (bu_bu) --- */

#bu_bu_text01		{ position: absolute; top:240px; left:250px; 
					  			width:720px; height:465px; }


/* --- Formatierungen für DIV-Container über IDs, Hauptmenü KONTAKT (ko) --- */		  	  
/* --- ----------------------------------------------------------------- --- */
/* --- Formatierungen für DIV-Container über IDs, Untermenü Barbara Eichenberger (ko_ba) --- */

#ko_ba_text01		{ position: absolute; top:240px; left:250px; 
					  			width:360px; height:760px; }

#ko_ba_bild01		{ position: absolute; top:66px; left:381px; z-index:2;
					  			width:200px; height:300px; }


#ko_ba_line_h		{ position: absolute; top:42px; left:0px; z-index:10;
					  			width:456px; height:40px; 
					  			border-top:1px #c6afaa solid; border-right:1px #c6afaa solid; }

/* --- Formatierungen für DIV-Container über IDs, Untermenü Dozentinnen (ko_do) --- */

#ko_do_text01		{ position: absolute; top:240px; left:250px; 
					  			width:720px; height:465px; }

#ko_do_dozpic1	{ position: absolute; top:90px; left:0px;
								  width:120px; height:168px; }

#ko_do_doztext1	{ position: absolute; top:87px; left:188px;
								  width:500px; height:200px; }

#ko_do_dozpic2	{ position: absolute; top:378px; left:0px;
								  width:120px; height:168px; }

#ko_do_doztext2	{ position: absolute; top:375px; left:188px;
								  width:500px; height:200px; }

#ko_do_dozpic3	{ position: absolute; top:636px; left:0px;
								  width:120px; height:168px; }

#ko_do_doztext3	{ position: absolute; top:633px; left:188px;
								  width:500px; height:200px; }

#ko_do_dozpic4	{ position: absolute; top:911px; left:0px;
								  width:120px; height:168px; }

#ko_do_doztext4	{ position: absolute; top:908px; left:188px;
								  width:500px; height:308px; }

#ko_do_dozpic5	{ position: absolute; top:1252px; left:0px;
								  width:120px; height:168px; }

#ko_do_doztext5	{ position: absolute; top:1249px; left:188px;
								  width:500px; height:300px; }

#ko_do_cube1		{ position: absolute; top:240px; left:61px;
								  width:623px; height:112px; 
								  border-bottom:#CAD5CD solid 1px; border-left:#CAD5CD solid 1px; }

#ko_do_cube2		{ position: absolute; top:528px; left:61px;
								  width:609px; height:80px; 
								  border-bottom:#C6AFAA solid 1px; border-left:#C6AFAA solid 1px; }

#ko_do_cube3		{ position: absolute; top:788px; left:61px;
								  width:609px; height:95px; 
								  border-bottom:#C6AFAA solid 1px; border-left:#C6AFAA solid 1px; }

#ko_do_cube4		{ position: absolute; top:1060px; left:61px;
								  width:609px; height:160px; 
								  border-bottom:#C6AFAA solid 1px; border-left:#C6AFAA solid 1px; }

#ko_do_cube5		{ position: absolute; top:1398px; left:61px;
								  width:609px; height:118px; 
								  border-bottom:#C6AFAA solid 1px; border-left:#C6AFAA solid 1px; }

/* --- Formatierungen für DIV-Container über IDs, Untermenü Sekretariat (ko_se) --- */

#ko_se_text01		{ position: absolute; top:240px; left:250px; 
					  			width:720px; height:465px; }

#ko_se_form			{ position: absolute; top:532px; left:248px;
								  width:720px; height:340px; }


/* --- Formatierungen für DIV-Container über IDs, Hauptmenü LINKS (ko) --- */		  	  
/* --- --------------------------------------------------------------- --- */
/* --- Formatierungen für DIV-Container über IDs, Untermenü Links (li_li) --- */

#li_li_text01		{ position: absolute; top:240px; left:250px; 
					  			width:720px; height:465px; }

#migros					{ position: absolute; top:140px; left:20px; 
					  			width:600px; height:150px; }

/* --- Nicht mehr verwendet --- */

#corinna				{ position: absolute; top:86px; left:0px;
					  			width:150px; height:188px; }

#patricia				{ position: absolute; top:86px; left:187px;
					  			width:150px; height:215px; }

#shonach				{ position: absolute; top:86px; left:374px;
					  			width:150px; height:210px; }

#barbara				{ position: absolute; top:86px; left:561px;
					  			width:150px; height:206px; }
					  			
#cube1					{ position: absolute; top:370px; left:95px;
								  width:95px; height:54px; 
								  border-top:#C6AFAA solid 1px; border-left:#C6AFAA solid 1px; }
					  			
#cube2					{ position: absolute; top:661px; left:95px;
								  width:230px; height:54px; 
								  border-bottom:#C6D2CA solid 1px; border-left:#C6D2CA solid 1px; }

#cube3					{ position: absolute; top:510px; left:325px;
								  width:186px; height:205px; 
								  border-bottom:#C6D2CA solid 1px; border-left:#C6D2CA solid 1px; border-right:#C6D2CA solid 1px; }

#cube4					{ position: absolute; top:510px; left:511px;
								  width:186px; height:205px; 
								  border-bottom:#C6D2CA solid 1px; border-right:#C6D2CA solid 1px; }

#cube5					{ position: absolute; top:510px; left:697px;
								  width:186px; height:205px; 
								  border-bottom:#C6D2CA solid 1px; border-right:#C6D2CA solid 1px; }

#cube10					{ position: absolute; top:668px; left:95px;
								  width:871px; height:50px; 
								  border-bottom:#C6D2CA solid 1px; border-left:#C6D2CA solid 1px; }

