/********************************************/
		/*                                          */
		/*		Tatiti, der Rhythmusindianer        */
		/*                -CSS-                     */
		/*                                          */
		/********************************************/


		body	{
			font-family:Verdana,Arial,Helvetica,sans-serif;
			color:#552200;
			margin:0;
			background-color:#f9c888;
			font-size:11pt;
				}



		#frame{
			position:relative;
			top:0;
			width:943px;
			margin:0 auto;
			background:#bcfffb url("images/bgFrame.gif") repeat-y;
				}

		.header	{
			position:relative;
			top:0;
			left:0;
			width:910px;
			height:114px;
			background:#f9d4a3 url("images/header.gif") no-repeat;
				}

		.leftFrame{
			position:absolute;
			top:380px;
			left:0px;
			width:63px;
			height:167px;
			background:#f9d4a3 url("images/leftFrame.gif") no-repeat;
				}

		.rightFrame{
			position:absolute;
			top:0;
			left:907px;
			width:36px;
			height:551px;
			background:#f9d4a3 url("images/rightFrame.gif") no-repeat;
				}

		.navigation{
			position:absolute;
			top:110px;
			left:0px;
			width:188px;
			height:270px;
			list-style:none;
			margin:0;
			padding:0;
			background:#f9d4a3 url("images/navBg.gif") no-repeat;
				}

		.navigation a{
			width:100%;
			height:100%;
				}

		.navigation span{
			display:none;
				}

		#index	{
			position:absolute;
			width:184px;
			height:54px;
			background:transparent url("images/start.gif") no-repeat;
				}

		#index:hover,#indexS{
			position:absolute;
			width:184px;
			height:54px;
			background:transparent url("images/startS.gif") no-repeat;
				}

		#register{
			position:absolute;
			top:54px;
			width:166px;
			height:54px;
			background:transparent url("images/register.gif") no-repeat;
				}

		#register:hover,#registerS{
			position:absolute;
			top:54px;
			width:166px;
			height:54px;
			background:transparent url("images/registerS.gif") no-repeat;
				}

		#download{
			position:absolute;
			top:108px;
			width:150px;
			height:54px;
			background:transparent url("images/downloadl.gif") no-repeat;
				}

		#download:hover,#downloadS{
			position:absolute;
			top:108px;
			width:150px;
			height:54px;
			background:transparent url("images/downloadS.gif") no-repeat;
				}

		#kontakt	{
			position:absolute;
			top:162px;
			width:136px;
			height:54px;
			background:transparent url("images/midimaster.gif") no-repeat;
				}

		#kontakt:hover,#kontaktS{
			position:absolute;
			top:162px;
			width:136px;
			height:54px;
			background:transparent url("images/midimasters.gif") no-repeat;
				}

		#shop	{
			position:absolute;
			top:216px;
			width:136px;
			height:54px;
			background:transparent url("images/shop.gif") no-repeat;
				}

		#shop:hover,#shopS{
			position:absolute;
			top:216px;
			width:136px;
			height:54px;
			background:transparent url("images/shops.gif") no-repeat;
				}


		#content{
			margin:-70px 90px 0 230px;
				}

		h1		{
			position:relative;
			margin-bottom:54px;
			text-align:right;
				}

		h2		{
			font-size:18pt;
			font-style:italic;
				}

		h3		{
			padding:0;
			margin:4px;
				}

		.gelBox	{
			width:584px;
			margin:6px 0 40px 0;
				}

		.gelBoxO{
			background: transparent url(images/gelBoxO.png) no-repeat;
			width:584px;
			height:46px;
			font-weight:bold;
			font-size:14pt;
			color:#cfF;
			padding:10px 0 0 24px;
				}

		.gelBoxM{
			background: transparent url(images/gelBoxM.png) repeat-y;
			margin-top:-10px;
			padding:16px;
			height:160px;
				}

		.gelBox img{
			margin:4px 40px 20px 8px;
			float:left;
				}

		.gelBoxU{
			background: transparent url(images/gelBoxU.png) no-repeat;
			width:100%;
			height:10px;
			clear:left;
				}

		.noBtn	{
			position:relative;
			left:-20px;
			display:block;
			margin:0 auto;
			width:172px;
			height:48px;
			font-size:14pt;
			border:1px outset #bcfffb;
			padding:0;
				}

		#olReg	{
			position:relative;
			left:-20px;
			width:650px;
			margin:20px auto;
				}

		#olReg span{
			display:block;
			float:left;
			text-align:right;
			font-style:italic;
			width:280px;
			margin:8px 10px 6px 0;
			padding:0
				}

		.oro	{
			display:inline;
			color:#ff0000;
			width:6px;
				}

		#olReg .txtInp{
			width:322px;
			margin:4px 10px 6px 0;
			padding:1px;
			font-size:16pt;
			border:1px solid #000000;
			background-color:#FFEEDD;
				}

		#olReg .btnInp{
			position:absolute;
			left:480px;
			margin:6px 0 0 0;
			width:200px;
			font-size:14pt;
			font-weight:bold;
			color:#666033;
			background-color:#FFEFCC;
			border:1px solid #330000;
				}

		.cntPix	{
			display:block;
			margin:20px auto;
				}

		a img	{
			border:0px solid white;
			margin:10px auto;
			display:block;
				}

		.dlP	{
			margin:0 0 30px 30px;
				}

		.imp	{
			padding-left:20px;
			font-size:11pt;
			margin:0 0 40px 80px;
				}

		.imp span{
			font-style:italic;
			color:#666;
				}

		a		{
			text-decoration:none;
			color:#803030;
				}

		a:hover{
			color:#966;
				}

		.impStr	{
			color:#803030;
			margin:4px 0 4px -20px;
			padding:0;
			font-size:13pt;
			font-weight:bold;

				}

		#ctFrm	{
			position:relative;
			left:-80px;
			width:650px;
			margin:20px auto;
				}

		#ctFrm span{
			display:block;
			float:left;
			text-align:right;
			font-style:italic;
			width:280px;
			margin:8px 10px 6px 0;
			padding:0
				}

		#ctFrm .txtInp{
			width:322px;
			margin:4px 10px 6px 0;
			padding:1px;
			font-size:16pt;
			border:1px solid #000000;
			background-color:#FFEEDD;
				}

		#ctFrm .btnInp{
			position:absolute;
			left:480px;
			margin:6px 0 0 0;
			width:200px;
			font-size:14pt;
			font-weight:bold;
			color:#666033;
			background-color:#FFEFCC;
			border:1px solid #330000;
				}

		.toTop	{
			margin:60px auto 0;
			width:75px;
			height:105px;
				}


		.footer	{
			position:relative;
			top:40px;
			width:943px;
			height:80px;
			margin:0px auto;
			padding:30px 0 0 0;
			text-align:center;
			font-size:9pt;
			background:#f9c888 url("images/untenFrame.gif") no-repeat;
				}

		.footer a{
			text-decoration:none;
			color:#996633;
				}

		.footer a:hover{
			text-decoration:underline;
			color:#663300;
				}

		.olink   {		/* optischer Link (automatischer Pfeil) */
			background: transparent url("images/mehr.gif") no-repeat center left;
			padding:0 20px 0 12px;
			font-size:13px;
			color:#990000;
			text-decoration:none;
			text-align:right;
			font-weight:bold;
			width:0;
			display:block;
			white-space:nowrap;
			margin-bottom:1em;
				}