/*********************************************************************
	Copyright (c) 2007 Timo Zincke IST WERBETEAM AG (info@istwerbeteam.ch)
	JavaScript IST-Navigation Version 0.1
	Here are placed all important functions for navigation
**********************************************************************/

body {background-color:#FFFFFF;}

a				{margin:0;}

/* Spezialisation for individual tags */

#gruen			{color:#99bf24; font-family:Lucida Sans Unicode, Arial; font-size:14px; margin:0px;}

#grau			{color:#767676; font-family:Lucida Sans Unicode, Arial; font-size:14px; margin:0px;}

#grau2			{color:#767676; font-family:Lucida Sans Unicode, Arial; font-size:14px; margin:0px;}

#blau_spez		{color:#92a9c6; font-family:Arial, Verdana; font-size:24px; letter-spacing:6px; margin:0px;}

#blau_k			{color:#92a9c6; font-family:Lucida Sans Unicode, Arial; font-size:11px; margin:0px;}

#gruen_k		{color:#99bf24; font-family:Lucida Sans Unicode, Arial; font-size:11px; margin:0px;}

#grau_k			{color:#767676; font-family:Lucida Sans Unicode, Arial; font-size:11px; margin:0px;}

#grau_k_c		{color:#767676; font-family:Lucida Sans Unicode, Arial; font-size:11px; margin-left:5px; margin-top:3px; margin-bottom:0px; margin-right:0px;}
				
#basis			{border:0;}/*thin solid #99bf24;}*/

#margin_0		{margin:0;}

#margin_top_6	{margin-bottom:0; margin-left:0; margin-right:0; margin-top:6px;}


/* Div-Objects: only for positions  ****************************************************************************************************/

div#txt_profil_1			{
	position:absolute;
	top:154px;
	left:258px;
	margin:0;
	width:324px;
	height:74px;
}

div#txt_profil_2			{
	position:absolute;
	top:246px;
	left:258px;
	margin:0;
	width:324px;
	height:74px;
}

div#txt_profil_3			{
	position:absolute;
	top:337px;
	left:258px;
	margin:0;
	width:324px;
	height:165px;
}

div#start_adr			{position:absolute; top:386px; left:653px; margin:0; }

div#kontakt_adr			{
	position:absolute;
	top:513px;
	left:35px;
	margin:0;
	width: 127px;
}

div#txt_skills		{
	position:absolute;
	top:135px;
	left:211px;
	margin:0;
	width:357px;
	height:301px;
}

div#txt_skills_podcast		{
	position:absolute;
	top:135px;
	left:211px;
	margin:0;
	width:306px;
	height:301px;
}

div#txt_skills_animation		{
	position:absolute;
	top:135px;
	left:211px;
	margin:0;
	width:218px;
	height:301px;
}

div#txt_skills_mobile		{
	position:absolute;
	top:135px;
	left:211px;
	margin:0;
	width:294px;
	height:301px;
}

div#txt_skills_studio		{
	position:absolute;
	top:135px;
	left:211px;
	margin:0;
	width:243px;
	height:301px;
}

div#txt_skills_multi		{
	position:absolute;
	top:135px;
	left:196px;
	margin:0;
	width:357px;
	height:301px;
}

div#txt_portfolio_kids		{
	position:absolute;
	top:124px;
	left:205px;
	margin:0;
	width:357px;
	height:301px;
}

div#swissforum_download_button	{
	position:absolute;
	top:470px;
	left:639px;
	margin:0;
	width:321px;
	height:92px;
	z-index: 34;
}


div#kids_navigation		{
	position:absolute;
	top:350px;
	left:15px;
	margin:0;
	width:150px;
	height:190px;
}

div#kidsworld		{
	position:absolute;
	top:248px;
	left:628px;
	margin:0;
	width:223px;
	height:111px;
	z-index: 34;
}

div#player		{
	background: #000;
	position:absolute;
	top:134px;
	left:264px;
	margin:0;
	width:440px;
	height:330px;
	z-index: 34;
}
#video {
	position: absolute;	
}
#video2 {
	position: absolute;	
	top: 0px;
}

div#kidsworld		{
	position:absolute;
	top:248px;
	left:628px;
	margin:0;
	width:223px;
	height:111px;
	z-index: 34;
}

div#button_photokids  {
	position:absolute;
	background: url(./images/1px.gif) repeat;
	display:block;
	top:142px;
	left:604px;
	margin:0;
	width:224px;
	height:425px;
	z-index: 50;
	cursor: pointer;
}
img#photokids {
	position: absolute;
	left: 73px;
	top: 23px;
}

div#kids_rubriken  {
	position:absolute;
	top:560px;
	left:18px;
	margin:0;
	width:414px;
	height:45px;
	z-index: 50;
}

div#button_fwdbwd  {
	position:absolute;
	top:482px;
	left:847px;
	margin:0;
	width:94px;
	height:80px;
	z-index: 50;
}



div#formular			{
	position:absolute;
	top:142px;
	left:310px;
	margin:0;
}

div#formular table {
	float: left;
	margin-right: 10px;
}

div#kids_button{
	position: absolute;
	top: 605px;
	left: 5px;
	margin: 0px;
	padding: 0px;
	z-index: 1;
}

div#one2edit_button{
	position: absolute;
	top: 302px;
	left: 24px;
	margin: 0px;
	padding: 0px;
	z-index: 1;
}

div#back_button{
	position: absolute;
	top: 520px;
	left: 787px;
	margin: 0px;
	padding: 0px;
	z-index: 34;
	width: 103px;
	height: 23px;
}

div#back_button a {
	width: 100%;
	height: 100%;
	display: block;
}

div#o2edit_info_video {
	position: absolute;
	top: 178px;
	left: 373px;
	margin: 0px;
	padding: 0px;
	z-index: 1;
}

div#o2edit_info1 {
	position: absolute;
	top: 74px;
	left: 125px;
	margin: 0px;
	padding: 0px;
	z-index: 1;
}

div#o2edit_content {
	position: absolute;
	top: 106px;
	left: 200px;
	margin: 0px;
	padding: 0px;
	z-index: 1;
	width: 530px;
	font-family: "Lucida Sans Unicode", Arial;
	font-size:12px;
	line-height:1.5em;
	color: #fff;
}

div#o2edit_content h2 {
	font-size: 18px;
}

div#o2edit_content p {
	padding: 0;
	margin: 0;
}

div#o2edit_buttons {
	position: absolute;
	top: 300px;
	left: 200px;
	margin: 0px;
	padding: 0px;
	z-index: 1;
	width: 220px;
}

div#content_sub		{position:absolute; top:38px; left:651px; width:308 px; height:533px; z-index:33; margin:0; padding:0;}

div#sitemap		{position:absolute; top:65px; left:662px; z-index:60; margin:0;}

div#impressum		{position:absolute; top:65px; left:662px; z-index:60; margin:0;}

div#close_sub		{position:absolute; top:553px; left:653px; z-index:34; margin:0;}

div#skills_head			{position:absolute; top:141px; left:279px; margin:0;}

div#skills_imgbox_big		{position:absolute;top:194px;left:269px; margin:0;}

div#skills_imgbox_small1	{position:absolute;top:475px;left:289px; margin:0;}

div#skills_imgbox_small2	{position:absolute;top:475px;left:452px; margin:0;}

div#skills_imgbox_small3	{position:absolute;top:475px;left:614px; margin:0;}

div#skills_img_back			{position:absolute;top:466px;left:186px; margin:0;}

div#skills_img_next			{position:absolute;top:466px;left:779px; margin:0;}

div#zeppelin1	{position:absolute; top:46px; left:694px;}

div#popup_contact	{position:absolute; top:65px; left:627px; z-index:2;}

div#zeppelin2	{position:absolute; top:45px; left:682px;}

div#em_popup	{position:absolute; top:80px; left:256px;}

div#heads_txtbox{position:absolute; top:308px; left:560px; z-index:2;}

div#heads_txtclose{position:absolute; top:308px; left:570px; z-index:3;}

div#background	{position:absolute; top:5px; left:5px;}

div#PhotoImp	{position:absolute; top:22px; left:500px; margin:0; z-index:11;}

div#contact		{position:absolute; top:20px; left:653px; z-index:11;}

div#sprache_d	{position:absolute; top:21px; left:879px; z-index:11;}

div#sprache_e	{position:absolute; top:21px; left:900px; z-index:11;}

div#sprache_f	{position:absolute; top:21px; left:921px; z-index:11;}

div#agb			{position:absolute; top:571px; left:653px; z-index:11;}

div#boxen		{position:absolute; top:571px; left:871px;}

div#pegel		{position:absolute; top:571px; left:918px;}

div#level1 		{position:absolute; top:140px; left:35px; margin:0;}

div#level2 		{position:absolute; top:240px; left:38px; margin:0;}

div#level2_photoimp {position:absolute; top:230px; left:38px; margin:0;}

div#level3 		{position:absolute; top:323px; left:50px; margin:0;}

div#level3_clients 		{position:absolute; top:295px; left:50px; margin:0;}

div#level3_portfolio 		{position:absolute; top:315px; left:50px; margin:0;}

div#level3_skills	{position:absolute; top:315px; left:50px; margin:0;}

div#level3_photo 		{position:absolute; top:270px; left:50px; margin:0;}

div#arrow_up	{position:absolute; top:403px; left:64px; margin:0;}

div#arrow_up_clients	{position:absolute; top:287px; left:57px; margin:0;}

div#level4 		{position:absolute; top:392px; left:50px; margin:0;}

div#arrow_down	{position:absolute; top:564px; left:63px; margin:0;}

div#arrow_down_clients	{position:absolute; top:450px; left:57px; margin:0;}

div#line7_right	{position:absolute; top:5px; left:435px; margin:0; z-index:10;}

div#bg_box		{position:absolute; top:241px; left:179px; margin:0; z-index:0;}

div#analyse		{position:absolute; top:282px; left:180px; margin:0; z-index:1;}

div#ziel		{position:absolute; top:304px; left:180px; margin:0; z-index:2;}

div#zielgruppe	{position:absolute; top:329px; left:180px; margin:0; z-index:3;}

div#botschaft	{position:absolute; top:352px; left:180px; margin:0; z-index:4;}

div#idee		{position:absolute; top:374px; left:180px; margin:0; z-index:5;}

div#ci			{position:absolute; top:399px; left:180px; margin:0; z-index:6;}

div#kontrolle	{position:absolute; top:430px; left:180px; margin:0; z-index:7;}

div#clients_head{position:absolute; top:175px; left:279px; margin:0; z-index:2;}

div#clients_imgbox	{position:absolute;top:219px;left:266px; width: 490px; height: 245px; margin:0;z-index:1;}

div#clients_textbox	{position:absolute; top:455px; left:454px; margin:0; z-index:2;}

div#clients_text_l{position:absolute; top:434px; left:450px; margin:0px; z-index:3; width:225px; height:110px; /*background:#FFFFFF F8F8FF FFFAFA*/;}

div#clients_text_r{position:absolute; top:434px; left:688px; margin:0px; z-index:3; width:225px; height:110px; /*background:#FFFFFF*/;}

div#clients_button	{position:absolute; top:535px; left:48px; margin:0;}

div#clients_button	{position:absolute; top:535px; left:48px; margin:0;}



div#clients_right	{position:absolute; top:498px; left:285px; margin:0;}

div#clients_info	{position:absolute; top:498px; left:315px; margin:0;}

div#clients_close	{position:absolute; top:545px; left:450px; margin:0;}

div#clients_index	{position:absolute; top:498px; left:348px; margin:0;}

div#geschaeftspapiere	{position:absolute; top:81px; left:205px; z-index:0;}

div#photo_box	{position:absolute; top:45px; left:180px; z-index:0;}

div#ges_left	{position:absolute; top:360px; left:205px;}

div#ges_right	{position:absolute; top:360px; left:229px;}

div#new_left	{position:absolute; top:520px; left:205px;}

div#new_right	{position:absolute; top:520px; left:229px;}

div#media_left	{
	position:absolute;
	top:352px;
	left:154px;
}

div#media_right	{
	position:absolute;
	top:352px;
	left:180px;
}

div#cons_left	{position:absolute; top:516px; left:567px;}

div#cons_right	{position:absolute; top:516px; left:591px;}

div#geschaeft_index	{position:absolute; top:393px; left:143px; margin:0;}

div#txt_history	{position:absolute; top:280px; left:682px;}

div#uc_back	{position:absolute; top:559px; left:24px; margin:0;}

div#media	{position:absolute; top:215px; left:205px; margin:0; }

div#uc	{position:absolute; top:197px; left:128px; margin:0; }

div#photo_head	{position:absolute; top:90px; left:695px;}

div#img_photo_impression	{position:absolute; top:75px; left:180px;}

div#img_loading	{position:absolute; top:300px; left:327px;}

div#photo_preview	{position:absolute; top:130px; left:695px;}

div#photo_play	{position:absolute; top:522px; left:721px;}

div#photo_pause	{position:absolute; top:522px; left:750px;}

div#photo_back	{position:absolute; top:522px; left:779px;}

div#photo_next	{position:absolute; top:522px; left:808px;}




div#progress	{position:absolute; top:50%; left:50%; width:350px; height:350px; margin-left:-175px; margin-top:-175px;}
/***************************************************************************************************************************************/



#level3_clients a:hover {
	text-decoration:none;
  background: url(./images/nav_ist_point.gif);
   background-repeat:no-repeat; 
  background-position:left; 
  padding-left: 14px;
  }
  
  #level3_photo a:hover{
  text-decoration:none;
  background: url(./images/nav_ist_point.gif);
   background-repeat:no-repeat; 
  background-position:left; 
  padding-left: 14px;
  }
  
  
/*#level3_clients a:active {
   text-decoration:none;
   color:#99bf24;
  background: url(./images/nav_ist_point.gif);
   background-repeat:no-repeat; 
  background-position:left; 
  padding-left: 14px;
  }*/
  
/*#level3_clients a:focus {
   text-decoration:none;
   color:#99bf24;
  background: url(./images/nav_ist_point.gif);
   background-repeat:no-repeat; 
  background-position:left; 
  padding-left: 14px;
  }*/





/*Settings for several tags *************************************************************************************************************/
img				{border:0; margin:0px;}

td				{margin-bottom:0; margin-left:0; margin-right:0; margin-top:0px;}
/***************************************************************************************************************************************/


/*Classes for navigation: changes the gifs *********************************************************************************************/
a.close			{background: url(./images/nav_ist_close.gif); background-repeat:no-repeat; background-position:left; padding-left: 14px;}

a.open			{background: url(./images/nav_ist_open.gif); background-repeat:no-repeat; background-position:left; padding-left: 14px;}

a.px			{background: url(./images/1px.gif); background-repeat:no-repeat; background-position:left; padding-left: 14px;}

a.point			{background: url(./images/nav_ist_point.gif); background-repeat:no-repeat; background-position:left; padding-left: 14px;
				 }
/***************************************************************************************************************************************/


/* Spezialisation for individual links of navigation ***********************************************************************************/
a:link 			{text-decoration:none;}
a:visited 		{text-decoration:none;}
a:hover 		{text-decoration:none;}
a:active 		{text-decoration:none;}
a:focus 		{text-decoration:none;} /*Tastatur*/

a.top:link 		{color:#767676; font-family:Lucida Sans Unicode, Arial; font-size:14px; text-decoration:none; }
a.top:visited 	{color:#767676; font-family:Lucida Sans Unicode, Arial; font-size:14px; text-decoration:none; }
a.top:hover 	{color:#99bf24; text-decoration:none;}
a.top:active 	{color:#767676; text-decoration:none;}
a.top:focus 	{color:#767676; text-decoration:none;} /*Tastatur*/

a.close:link 		{color:#767676; font-family:Lucida Sans Unicode, Arial; font-size:11px; text-decoration:none; }
a.close:visited 	{color:#767676; font-family:Lucida Sans Unicode, Arial; font-size:11px; text-decoration:none; }
a.close:hover 		{color:#99bf24; text-decoration:none;}
a.close:active 		{color:#767676; text-decoration:none;}
a.close:focus 		{color:#767676; text-decoration:none;} /*Tastatur*/

a.open:link 		{color:#767676; font-family:Lucida Sans Unicode, Arial; font-size:11px; text-decoration:none; }
a.open:visited 		{color:#767676; font-family:Lucida Sans Unicode, Arial; font-size:11px; text-decoration:none; }
a.open:hover 		{color:#99bf24; text-decoration:none;}
a.open:active 		{color:#767676; text-decoration:none;}
a.open:focus 		{color:#767676; text-decoration:none;} /*Tastatur*/

a.px:link 		{color:#767676; font-family:Lucida Sans Unicode, Arial; font-size:11px; text-decoration:none; }
a.px:visited 	{color:#767676; font-family:Lucida Sans Unicode, Arial; font-size:11px; text-decoration:none; }
a.px:hover 		{color:#99bf24; text-decoration:none;}
a.px:active 	{color:#767676; text-decoration:none;}
a.px:focus 		{color:#767676; text-decoration:none;} /*Tastatur*/

a.point:link 	{color:#767676; font-family:Lucida Sans Unicode, Arial; font-size:11px; text-decoration:none; }
a.point:visited {color:#767676; font-family:Lucida Sans Unicode, Arial; font-size:11px; text-decoration:none; }
a.point:hover 	{color:#99bf24; text-decoration:none;}
a.point:active 	{color:#767676; text-decoration:none;}
a.point:focus 	{color:#767676; text-decoration:none;} /*Tastatur*/

a.photoImp:link 	{color:#c8008c; font-family:Lucida Sans Unicode, Arial; font-size:11px; text-decoration:none; }
a.photoImp:visited 	{color:#c8008c; font-family:Lucida Sans Unicode, Arial; font-size:11px; text-decoration:none; }
a.photoImp:hover 	{color:#99bf24; text-decoration:none;}
a.photoImp:active 	{color:#767676; text-decoration:none;}
a.photoImp:focus 	{color:#767676; text-decoration:none;} /*Tastatur*/

a.top_right:link 	{color:#767676; font-family:Lucida Sans Unicode, Arial; font-size:11px; text-decoration:none; }
a.top_right:visited	{color:#767676; font-family:Lucida Sans Unicode, Arial; font-size:11px; text-decoration:none; }
a.top_right:hover 	{color:#99bf24; text-decoration:none;}
a.top_right:active 	{color:#767676; text-decoration:none;}
a.top_right:focus 	{color:#767676;text-decoration:none;} /*Tastatur*/

a.green:link 		{color:#99bf24; font-family:Lucida Sans Unicode, Arial; font-size:11px; text-decoration:none; }
a.green:visited		{color:#99bf24; font-family:Lucida Sans Unicode, Arial; font-size:11px; text-decoration:none; }
a.green:hover 		{color:#99bf24; text-decoration:none;}
a.green:active 		{color:#99bf24; text-decoration:none;}
a.green:focus 		{color:#99bf24; text-decoration:none;} /*Tastatur*/
/***************************************************************************************************************************************/