/* www.tangarabrasil.de/dance/ */
/*
  colors:

	body-bg: 0A168B
	Menu-bg: 0244D9
	menu-border: DE9E03
	
 */

/* --- resets --------------------------------------- */

body,p,td,th,h1,h2,h3,h4 ,a,table,th,td,ol,ul,li ,img {
  margin:0;padding:0;border:0;
  border-collapse:collapse;
  font-style:normal;
  font-weight:normal;
}
ol,ul {
  list-style-type:disk;
	margin-left:1.5em;
}

/* --- Seitenaufbau --------------------------------------- */
body {
	position:relative;
	padding:2px;
}
#seitenrand {
	position:relative;
	width:810px; /* exakt die Randgrafik */
	height:100%;
	margin:auto;
}
#seite {
	position:relative;
	/*	border:1px solid green;*/
}
#titeltext {
	position:absolute;
	width:800px;
	text-align:center;
}

* html #seite {
	/* \*/
	word-wrap: break-word;
	/* verhindert -Probleme beim IE/Win siehe Referenz zu float */
}
#kopf {
	position:relative;
	width:100%;
	height:84px;
	background:url(titel.jpg) top left no-repeat;
}
#fussball {
  position:absolute;
	top:0px;
	left:0px;
  width:169px;
  height:149px;
  background:url(2010-fussball.jpg) top left no-repeat;
}
#fussballkante {
	position:absolute;
	left:170px;
	width:9px;
	height:53px;
	background:url(titel-fussball.gif) top left no-repeat;
}
#fussball a {
  display:block;
  line-height:0;
  width:175px;
  height:145px;
}
#fussball a:hover {
  position:absolute;
	top:0px;
	left:0px;
  width:248px;
  height:224px;
  background:url(2011-fussball-hover.jpg) top left no-repeat;
  z-index:1000;
}
#titel {
	width:620px;
	height:60px;
}
#titel a {
	position:relative;
	width:100%;
	height:100%;
	display:block;
}
#titelkante {
	position:absolute;
	width:7px;
	height:84px;
	right:0px;
	background:url(titel-kante.gif) top left no-repeat;
}

/* buttons für Sprachen */

#lang_de, #lang_br, #lang_uk {
  position: absolute;
  z-index:800;
}
#lang_de {
  left:200px;
  top:74px;
}
#lang_br {
  left:230px;
  top:74px;
}

#lang_uk {
  left:260px;
  top:74px;
}

/* button für LIVE PERCUSSION */
#livepercussion {
	position:absolute;
	right:-17px;
	top:-3px;
	width:155px;
	height:146px;
	background: url(furiosa.gif);
	z-index:2000;
}
#livepercussion a {
	display:block;
	width:155px;
	height:146px;
}
#livepercussion a:hover {
	background: url(furiosa_rollover.gif)
}
#xmas {
  position:absolute;
	top:0px;
	left:0px;
  width:167px;
  height:185px;
  background:url(xmas.jpg) top left no-repeat green;
}
#xmas a {
  display:block;
  line-height:0;
  width:167px;
  height:165px;
}
#xmas a:hover {
  position:absolute;
	top:0px;
	left:0px;
  width:248px;
  height:297px;
  background:url(xmas_rollover.jpg) top left no-repeat;
  z-index:200;
}
#xmas a#xmas_start:hover {
  position:absolute;
	top:0px;
	left:0px;
  width:248px;
  height:297px;
  background:url(xmas_rollover_start.jpg) top left no-repeat;
  z-index:200;
}

/* OFFER-button */
#buttonAktion a {
  display:block;
  margin-top:20px;
  margin-right:3px;
  padding:2px 0 2px 30px;
  background: url(aktion-bg-normal.gif) repeat-x center left;
}
#buttonAktion a:hover {
  background: url(aktion.gif) repeat-x center left;
}

#haupt {
	position:relative;
	width:810px;
}
#inhalt {
	position:relative;
	width:620px; /* testweise rechts 10px weniger */
	margin-left:185px; /* für navigation */
	padding-top:15px; /* für navigation */
}
#content {
	overflow:hidden;
	/* border:1px solid red; */
}
#navigation {
	position:absolute;
	top:0px;
	left:0px;
	width:170px; /* 80 * 5 - 1 */
	height:574px; /* jetzt 524+50=564px */
	background:url(navi.gif) top left no-repeat;
	z-index:0;
}
#naviecke {
	position:absolute;
	width:10px;
	height:9px;
	top:0px;
	left:170px;
	background:url(navi-ecke.gif) top left no-repeat;
}	
#fuss {
	position:absolute;
	bottom:5px;
}
#telefonnr {
	display:none;
}

.clearer {
	clear:both;
	height:1px;
	font-size:1px;
	border:0px none;
	margin:0; padding:0;
	background:transparent;
}

/* --- Basis-Stil --------------------------------------- */

body,p,td,th,h1,h2,h3,h4 {
  font-family:Arial,Helvetica,sans-serif;
  font-weight:normal;
  text-align:left;
	line-height:1.2em;
	font-size:13px;
	font-weight:bold;
  color:white;
}
p,ol,ul {
  margin-bottom:1em;
}

p,h1,h2,h3,h4 {
	margin-top:12px;
	margin-bottom:1em;
}

h1,h2,h3,h4 {
  font-weight:bold;
}
h1 {
  margin-top:1em;
  font-size:200%;
}
h2 {
  font-size:150%;
	line-height:1.3em;
	margin-bottom:1em;
}
h3 {
  font-size:120%;
}
/* für Absatzüberschriften im Text: */
h4 {
	font-size:110%;
	margin-top:0;
	margin-bottom:3px;
	font-style:italic;
}

a:link,a:visited,a:hover,a:active {
  text-decoration: none;
	font-weight:bold;
}
a:link       { color: rgb(255, 204, 0) }
a:visited    { color: rgb(255, 204, 0) }
a:hover      { color: white }
a:active     { color: rgb(255, 153, 0) }


/* --- Feste Elemente --------------------------------------- */

#kopf h1,
#kopf h2,
#kopf h3,
#kopf h4,
#kopf p {
	margin:0;
	padding:0;
	line-height:1em;
}
#kopf h1 {
	font-size:300%;
}
#untertitel {
  font-family:serif;
	font-size:50%;
}

#navigation ol,
#navigation ul {
  list-style-type:none;
	margin:0;
	margin-top:100px;
	padding:0;
	font-size:15px;
}
#navigation #repertoire ol,
#navigation #repertoire ul {
	margin-top:20px;
	font-size:13px;
}
#navigation li {
	margin:0;
	padding:0;
	padding-right:3px;
}
#navigation ul a {
	display:block;
	padding:0 5px 0 30px;
	text-align:left;
	font-weight:bold;
	white-space:nowrap;
	text-decoration:none;
}
#navigation ul em a {
  color:white;
	text-decoration:none;
}
#navigation ul a:hover {
	color:white;
	background-color:#0A168B;
}

/* ----------------------- Video Link -------------------- */

#link_video {
	display:block;
	margin:-90px 0 0 0;
	border-top:1px solid red;
	border-bottom:1px solid red;
	padding:5px;
}
#link_video:hover {
	border-color:white;
}

/* ----------------------- Footer -------------------- */

#fuss p {
  font-family:sans-serif;
  font-size:11px;
  font-weight:normal;
	text-align:left;
	padding-left:30px;
	padding-right:10px;
}
#fuss a {
	display:auto;
	margin:0; padding:0;
	font-weight:normal;
	text-align:left;
	background-color:transparent;
}

/*  =================================== DIASHOW powered by tkSlideShow  ============================== */

#slideshowframe {
	position:relative;
	width:402px;
	height:302px;
	background: url('loading_tbd.gif') top left no-repeat;
}

#slideshow {
	position:relative;
	width:400px;
	height:300px;
	overflow:hidden;
	/*background-color:black;*/
}

#slideshowpreface {
	padding:10px;
	display:none;
}

#slide {
	position:relative;
  top:0px;
	left:0px;
	display:none;
	/*background-color:black;*/
}

/*  =================================== DIASHOW powered by MONOSLIDESHOW  ============================== */

.monoslideshow {
	width:400px;
	height:300px;
	border:1px solid white;
}

/* --- Komponenten --------------------------------------- */

.flLeft {
	float:left;
	margin:0 15px 30px 0;
}
.flRight {
	float:right;
	margin:0 0 30px 15px;
}
.flNone {
	float:none;
	margin:0 0 30px 0;
}

/* default */
img.picframe {
	border:1px solid white;
}

.table_content {
  clear:both;
  float:none;
	margin-bottom:14px;
}
/* allg. Tabellenzelle im Content */
.td_content {
	vertical-align:top;
	text-align:left;
	padding:0;
}
.td_content p,
.td_content img {
	margin:0 14px 14px 0;
}

.hline {
  border-top:1px solid white;
	padding-top:1em;
}

.nichtvisuell {
	font-size:80%;
	position:absolute;
	top:-1000em;
}

.hyphen {
	margin-right:-0.3em;
}

/* --- Startseite ------------------------------------------- */

#start_content {
	position:absolute;
	top:50px; /* nur wegen Furiosa-button */
	right:0px;
	width:140px;
}
/* dieser Block muss hinter td_content p */
#start_content p {         
	margin:0;
	padding:20px 0 10px 10px;
}

#start_titlechange,
#start_topadd,
#start_leftadd {
	position:absolute;
}
#start_titlechange {
	top:-35px;
	left:140px;
	width:138px;
	height:35px;
	background:url(startseite_08.jpg) no-repeat top left;
}
/* alt */
#start_topadd {
	top:-1px;
	left:54px;
	z-index:110;
}
/* neu */
#start_topadd {
	top:83px;
	left:239px;
}
#start_leftadd {
	top:59px;
	left:-38px;
	z-index:100;
}
/* wegen MSIE: */
#start_leftadd {
	top:143px;
	left:147px;
	z-index:100;
}
#start_repert {
	position:relative;
	top:-4px;
	left:-15px;
}

/* evtl. später auf *allen* Seiten
*/
/* bestimmt positionierung und ausrichtung */
#videoteaser {
  position:relative;
  width: 167px;
  height: 90px;
  margin-top: -30px;
}
/* ist player selbst, der von swf-object ediriert wird
   proportional höhe ist 126px
*/
#videoplayer1 {
  width: 167px;
  height: 90px;
  font-weight:normal;
/*  border-top: 2px solid black rgb(255, 204, 0);
  border-bottom: 2px solid rgb(255, 204, 0);
*/
}

#mob_frame p {
  margin:0;
  padding:0;
  text-align:center;
}
#magicofbrazil  {
  position:relative;
  width:167px;
  height:30px;
}
#magicofbrazil a {
  white-space: normal !important;  
}

/* --- Links ------------------------------------------- */

#links_tabelle td {
	margin:0;
	padding:0 14px 10px 0;
	vertical-align:top;
}
#links_tabelle p {
	margin:0;
	padding:0;
}
#links_tabelle td.links {
	white-space:nowrap;
}

.externallink {
  clear:both;
  float:none;
  margin-bottom:2em;
}
.externallink p {
  margin:0;
  padding:0;
}

/* --- Effekte --------------------------------------- */

.star {
  position:absolute;
	top:50px;
	left:50px;
  width:10px;
  height:10px;
}