/* CSS Document - Golda Eppstein */

a:focus	{
  	/*-moz-outline-style: none;*/
	 outline: none;
}


a:active	{  outline: none;}




/********************************************/

body		{
	border: 0px;
	padding: 0px;
	margin: 0px;
	font-family: Arial;
	height:100%;
	background: #FFFFFF;
	background:  url(images/background.jpg) no-repeat center center; 
	text-align: center;
	font-size: 12px;
	border: 0px dotted #000000;
}

.bg         {
	margin: 0px;
	background:  transparent;
	border: 0px;
	padding: 0px;
}

p	{font-size: 11px;color: #000000; font-weight: normal;padding: 0;}

.uber p, .leftsidecoaching p	{padding: 0 0 0 10px;}

.p	{font-size: 11px;color: #000000; font-weight: normal;}

.p2, h2	{
	background:  url(images/bullet.gif) no-repeat 0px 0px transparent;
	font-size: 14px;
	color:#CC3300;
	font-weight: normal;
	padding: 0px 0px 0px 27px;
}
.p3, h3	{font-size: 11px;color: #CC3300; font-weight: bold;}

.p4, h5	{font-size: 16px;color: #000000; font-weight: normal;}


#imgf	{
	float:right;
}

/*************************Celine***********************/


.bg_schule	{
	background:  url(images/2clowns.png) no-repeat bottom right transparent;
}

.bg_was	{
	background:  url(images/vision2.png) no-repeat top right transparent;
}

.bg_wie	{
	background: transparent;
}

.bg_wozu	{
	background:  url(images/vision1.png) no-repeat bottom right transparent;
}

/**********************************************/
.mainlayout	{
	width:100%;
	height:100%;
	padding: 0px;
	margin: 0px;
	border: 1px dotted #000000;
	text-align: center;
}

.page		{
	width:1050px;
	height:650px;
	padding: 0;
	text-align: left;
	margin: 0 auto; 
	/*border: 1px dotted #000000;*/
}


#logo, #logo_open	{
	background:  url(images/logo.gif) no-repeat top left transparent;
	padding: 0;
	width:237px;
	float:left;
}

#logo_open	{
	height:400px;
}


.topmenu	{
	width:1000px;
	height:40px;
	margin: 0 auto;
	/*border: 1px dotted #000000;*/
	/*display:none;*/
}


#content, .content	{ 
	width:800px;
	height:650px;
	margin: 0;
	padding: 0;
	background:  transparent;
	text-align: left;
	border: 0px;
	border-collapse: collapse;
	float:left;
	/*border: 1px dotted #000000;*/
}

#footer		{
	width:1000px;
	background:  transparent;
	margin: 0 auto;
	padding: 0;
	text-align: right;
	font-size: 11px;
	font-weight: normal;
	color: #777;
	border: 0px;
}

/********************************************************/

.leftsidetop		{
	width:400px;
	height:463px; 
	margin: 0;
	padding: 55px 0 0 0;
	background:  transparent;
	border: 0px dashed #000000;
	font-size: 11px;
	text-align: left;
}


.leftsidetheater		{
	height:463px; 
	margin: 0;
	padding: 45px 0px 0px 0px;
	background:  transparent;
	border: 0px dashed #000000;
	font-size: 11px;
	text-align: left;
	background:  url(images/theater.jpg) no-repeat 0px 46px transparent;
}

.leftsidecoaching		{
	height:463px; 
	width:440px;
	margin: 0;
	padding: 190px 0px 0px 0px;
	background:  transparent;
	border: 0px dashed #000000;
	font-size: 11px;
	text-align: left;
	background:  url(images/coaching.jpg) no-repeat 0px 46px transparent;
}

.leftsidecbausteine		{
	height:463px; 
	width:400px;
	margin: 0;
	padding: 250px 0px 0px 0px;
	background:  transparent;
	border: 0px dashed #000000;
	font-size: 11px;
	text-align: left;
	background:  url(images/bausteine.jpg) no-repeat 0px 46px transparent;
}


#coaching	{
	width:440px;
	height: 90%;
	margin-top: 5px;
	padding: 0px;
	border: 0px;
	font-size: 11px;
	border-collapse: collapse;
	/*border:1px dotted red;*/
}





/***************************************************/

.leftsideseminar		{
	width:300px;
	height:463px; 
	margin: 0;
	padding: 95px 0 0 0;
	background:  transparent;
	font-size: 11px;
	text-align: left;
	background:  url(images/seminar.jpg) no-repeat -2px 30px transparent;
}

/*************************************************/

.leftsideangebote		{
	width:340px;
	height:463px; 
	margin: 0;
	padding: 95px 0 0 0;
	background:  transparent;
	font-size: 11px;
	text-align: left;
	background:  url(images/angebote.jpg) no-repeat -2px 30px transparent;
}

.leftsideangebote p	{padding: 0px 10px 0px 10px;}

#angebote	{
	width:480px;
	height: 90%;
	margin-top: 5px;
	padding: 0px;
	border: 0px;
	font-size: 11px;
	border-collapse: collapse;
	/*border:1px dotted red;*/
}

#angebotetext	{
	margin-top: 0;
	padding: 0;
	border: 0;
	font-size: 11px;
	border-collapse: collapse;
}

#backstage2	{
	background:  url(images/backstage2.gif) no-repeat top left transparent;
	width:470px;
	height:500px;
}

/****************************************************/

#menu	{
	background:  transparent;
	padding: 0;
	margin: 0;
	border: 0;
	height:550px; 
}

#menutheater	{
	background:  transparent;
	padding: 0;
	margin: 0;
	border: 0;
	height:550px; 
	/*width:370px;*/
}

.spacer	{
	width:15px;
	background:  url(images/spacer.png) no-repeat top left transparent;
}

.rightside	{
	width:470px;
	/*height:700px;*/
	margin: 0;
	padding: 5px 0 0 0;
	background:  transparent;
	font-size: 11px;
	text-align: left;
}

/*___________studio____________*/

.studio		{
	width:650px;
	margin: 0;
	padding: 55px 0 0 0;
	background:  transparent;
	border: 0px;
	font-size: 11px;
	text-align: left;
	background:  url(images/studio.jpg) no-repeat -1px 46px transparent;
}

.studioright	{
	height:30px;
	margin: 0;
	padding: 55px 0 0 0;
	background:  transparent;
	text-align: left;
}

/*___________PRESSE____________*/

.presse		{
	/*width:780px;*/
	/*height:463px; */
	margin: 0;
	padding: 55px 0 0 0;
	background:  transparent;
	border: 0px;
	font-size: 11px;
	text-align: left;
	background:  url(images/presse.jpg) no-repeat -1px 46px transparent;
}

.presseright	{
	height:600px;
	margin: 0;
	padding: 55px 0 0 0;
	background:  transparent;
	text-align: left;
}

#pressephotos	{
	/*width:96%;*/
	height: 96%;
	margin: 0;
	padding: 0;
	border: 0;
}
/*___________Über____________*/

.uber		{
	width:240px;
	margin: 0px;
	padding: 155px 0px 0px 0px;
	background:  transparent;
	border: 0px;
	font-size: 11px;
	text-align: left;
	background:  url(images/uber.jpg) no-repeat -2px 0px transparent;
}

.uberright	{
	height:600px;
	margin: 0px;
	padding: 55px 0px 0px 0px;
	background:  transparent;
	text-align: left;
}

#uberright2	{
	width:480px;
	height: 99%;
	margin-top: 5px;
	padding: 0px;
	border: 0px;
	font-size: 11px;
	border-collapse: collapse;
}

#uberright3	{
	width:475px;
	height: 313px;
	margin-top: 50px;
	padding: 0px;
	border: 0px;
	font-size: 11px;
	border-collapse: collapse;
}

#uberright4	{
	width:475px;
	height: 210px;
	margin-top: 20px;
	padding: 0;
	border: 0;
	font-size: 11px;
	border-collapse: collapse;
}

#uberright5	{
	width:475px;
	height: 410px;
	margin-top: 20px;
	padding: 0;
	border: 0;
	font-size: 11px;
	border-collapse: collapse;
}

#uberright6	{
	width:455px;
	height: 400px;
	margin-top: 20px;
	padding: 0;
	border: 0;
	font-size: 11px;
	border-collapse: collapse;
}

#uberright7	{
	width:475px;
	height: 308px;
	margin-top: 20px;
	padding: 0;
	border: 0;
	font-size: 11px;
	border-collapse: collapse;
}

/*__________OPENMENU____________*/

.openmenu		{
	margin: 0;
	padding: 55px 0 0 0;
	background:  transparent;
	border: 0px;
	font-size: 11px;
	text-align: left;
	background:  url(images/openmenu.jpg) no-repeat -1px 46px transparent;
}

#openimg	{
	margin-top:150px;
	border:0;
}

#openimg a:hover	{
	/*background:#FFF;*/
}



/*__________OPEN____________*/

.open		{
	width:580px;
	margin: 0px;
	padding: 155px 0px 0px 20px;
	border: 0px;
	font-size: 11px;
	text-align: left;
	background:  url(images/open_neu.jpg) no-repeat  0px 46px transparent;
}

/*__________LINKS____________*/

.linkback {
	margin: 0;
	background: url(images/links.jpg) no-repeat 0px 46px transparent;
}

.linkback img	{
	padding:0 0 0 150px;
}

.links	{
	padding:120px 0 0 0;
}

#navlist li a:link, ul a:link		{ color: #000000; font-weight: normal;}
#navlist li a:visited,  ul a:visited	{ color: #000000; font-weight: normal;}
#navlist li a:active,  #navlist li a:focus	{ color: #CC3300; font-weight: normal;	margin-left: 3px;}

#navlist li a:hover		{
	list-style: none;
	margin-left: 3px;
	text-align: left;
    	font-weight: normal;
	color: #CC3300;
}

#navlist ul a:hover		{
	color: #CC3300;
}

/* __________________________*/

#img	{
	border: 1px dotted #FFFFFF;
	margin: 0px;
}

.image	{
	margin: 2px 10px 0px 0px;
	padding: 5px;
	border: 0;
}

#photos	{
	width:456px;
	height: 406px;
	margin: 0;
	padding: 0;
	border: 0;
	//width:470px;
	//height:396px;
	//border-collapse: collapse;
}

iframe	{
	//frameborder:0;
	//border: 0px solid #ffffff;
}

.projekt, #projekt, table#projekt	{
	width:100%;
	height: 590px;
	margin: 0;
	padding: 45px 0 0 0;
	border: 0;
	font-size: 11px;
	border-collapse: collapse;
	//width:475px;
	//padding:0;
}

.projekt2, #projekt2	{
	width:100%;
	height: 90%;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 11px;
	border-collapse: collapse;
}


#kontakt	{
	font-size: 11px;
	/*width:400px;*/
	margin: 140px 10px 10px 20px;
	border-collapse: collapse;
}

.kback {
	margin: 0;
	background: url(images/kontakt.jpg) no-repeat -2px 46px transparent;
	width:460px;
}

.kback2 {
	margin: 0;
	background: url(images/kontakt.jpg) no-repeat -2px 31px transparent;
}



#header  {
	font-size: 14px;
	font-weight: bold;
}

INPUT.TEXT, TEXTAREA.TEXT	{ 
  	font-family:Arial; 
  	font-size:11px; 
  	color: #000000; 
	width: 240px;
	text-align: left;
	background:  transparent;
	border-width: 1px;
	border-color: #000000;
}

#txt	{
	margin-left:10px;
	text-align: left;
}

/*___________MENU LIST____________*/

ul	{
	margin: 0px;
	padding: 0px;
}

#navlist,  #navlist2		{
	padding: 0px;
	margin: 0px;
}

#navlist ul img, #navlist2 ul img	{
	border:0;	
}

#navlist2 ul			{
	background: url(images/button-big_on.png) no-repeat left;
}

#navlist ul			{
	background: url(images/button-big.png) no-repeat left;
}

#navlist ul, #navlist2 ul			{
	/*border:1px solid red;*/
	height:64px;
	width:200px;
	list-style: none;
	margin: 0px 0 0 10px;
	padding: 20px 15px 0 15px;
	text-align: left;
	/*line-height:44px;*/
  	font-size:14px; 
	color: #000000;
}

#navlist li			{
	list-style: none;
	margin-left: 12px;
	line-height:24px;
	padding: 0px 0 0px 14px;
	text-align: left;
	background: url(images/button.png) no-repeat -2px 0px;
}

#navlist ul a, 	#navlist2 ul a	{
	display: block;
	padding: 0px;
	text-decoration: none;
    	/*font-weight: bold;*/
  	font-size:14px; 
}

#navlist li a		{
	padding: 0px;
	text-decoration: none;
    	font-weight: normal;
}


/*////////////////////////////////*/
ul.dot	{
	margin-left: 40px;
	padding: 0px;
}

li.dot	{
	margin-left: 40px;
	padding: 0px;
	font-size:11px;
}

li.number	{
	margin-left: 40px;
	padding: 0px;
	list-style-type: decimal;
}
/* ___________LINKS__________*/

a:link, a:visited, a:active   {
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #980200;
}

a:hover   {
	text-decoration: none;
	color:  #CC3300;
}

a.presse:link, a.presse:visited, a.presse:active   {
	padding: 0px;
	margin-left:120px;
	display: block;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #9802FF;
	background:  transparent;
}

a.presse:hover   {
	text-decoration: none;
}

a.mail:link, a.mail:visited, a.mail:active   {
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #777777;
	background:  transparent;
}

a.mail:hover   {
	text-decoration: none;
	color: #000000;
}



