/*
Farben:
Hg-Rot:          Hex={68,00,14}
helleres Hg-Rot: Hex={7A,02,19}
hellblau: ???
*/


/*	reset some basic style
*******************************************************************************/
/*
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr {padding:0px; margin:0px; }
td {padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

body, div,p,li { background-repeat:no-repeat; }


dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }
*/

/* specific settings
********************************************************************************/


p,body,td {
  font-family:Arial,Helvetica,Verdana,sans-serif;
  font-style:normal;
  font-size:13px;
  color: rgb(192, 192, 192);
  font-weight:bold;
  text-align:left;
}

body {
  position:relative;
  border: 0px solid black;
  background-color:rgb(104, 0, 20);
  background-image: url('bglogotest.gif');
}
p,td {
  background-color:none;
}
p,ul {
	line-height:1.4em;
}


a:link       { color: rgb(255, 165, 30); font-weight: bold; }
a:visited    { color: rgb(255, 165, 30); font-weight: bold; }
a:hover      { color:#FFCB0C; font-weight: bold; }
a:active     { color: rgb(255, 165, 30); font-weight: bold; }

/* padding-bottom als gegenstück zu border bei hover - sonst wackeln durch größenänderung!: */
a:link {
  text-decoration:none;
  padding-bottom:1px;
}
a:visited {
  text-decoration:none;
  padding-bottom:1px;
}
a:hover {
  text-decoration:none;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:red;
  padding-bottom:0;
 }
a:active {
  text-decoration:none;
  padding-bottom:1px;
}
/* a:hover { text-decoration:underline; } */
/* a:active { text-decoration:underline; } */

/* verhindert den sonst erzwungenen Border-Unterstrich?? */
a.hidden:hover {
  text-decoration:none;
  border:none;
  padding-bottom:1px;
}

/* versuch eines Rahmens bei Bilder-Links*/
a.box:link {
  text-decoration:none;
  border:1px solid none;
}
a.box:visited {
  text-decoration:none;
  border:1px solid none;
}
a.box:hover {
  text-decoration:none;
  border:1px solid red;
}
a.box:active {
  text-decoration:none;
  border:1px solid none;
}

/* --- Listen --- */

ul {
  list-style: disc;
  list-style-image: url('li_blue.gif');
  list-style-position: outside;
  margin:0;
  padding:0 0 0 17px;
}
ul li {
  vertical-align:middle;
  margin:0 0 0.5em 0;
}


table        { table-border-color-light: rgb(192, 192, 192); table-border-color-dark:
               rgb(192, 192, 192) }

b,strong
{
  color:rgb(255, 255, 255)
}

td
{
  font-family: Arial,Helvetica,sans-serif;
  color: rgb(192, 192, 192);
  font-weight: bold;
}
th
{
  font-family: Arial,Helvetica,sans-serif;
  background-color: #2A000E;
  color: rgb(192, 192, 192);
  font-weight: bold;
  text-align: left;
}

h1,h2,h3,h4,h5
{
  font-family: serif;
  font-style: italic;
  font-weight: bold;
  text-align: left;
  color: rgb(192, 192, 192)
}
/* h1 : größe definieren! */
h1 {
  font-size: 24px;
	color:#8DD2F2;
}

/* nav1_n = Hauptnavigation 1 für horizontale <td> */
/* nav1_s = Style für selektierte/aktuelle Seite */
/* nav1h = justieren der dazugehörigen <td></td> */

.nav1_n,.nav1_s {
  display:block;
  font-family: serif;
  font-style: italic;
  font-weight: bold;
  font-size: 14pt;
  white-space:nowrap;
  margin:1px;
  padding-bottom:2px;
  padding-top:6px;
  padding-left:6px;
  padding-right:6px;
}
a.nav1_n:hover {
  border-color:#FF0000;
  border-style:solid;
  border-width:1px;
  margin:0px;
  /* background-color:rgb(104, 0, 20); */
}
.nav1_s {
  display:block;
  background-color:rgb(104, 0, 20);
}
td.nav1h {
  vertical-align:middle;
  padding:0;
  margin:0;
}

/* alternative einfache Text-Navi (normales Linkdesign) */
.nav2_n,.nav2_s {
  font-family: serif;
  font-style: italic;
  font-weight: bold;
  font-size: 19px;
  white-space:nowrap;
/* background-color:rgb(104, 0, 20); */
}
/* akt. Seite = hellblaue Schrift     color:#8DD2F2;
   sieht leider doof aus
*/
/* testweise akt. Seite = hellerer Hg.
*/
/*.nav2_s {
  color:#840000;
}
*/
.nav2_s {
  color:rgb(192,192,192);
}

/* in Mozilla-Browsern kann padding für <span> einzelner Textteile nicht immer korrekt angezeigt
   werden, deshalb umgebender <td> nötig (IMPROVEME: oder teste mal, ob einfach Leerzeicheh
   dazwischen muss)
   (wieder was gelernt...)
*/
td.nav2 {
  padding: 0 10px 0 10px;
}


/* alternative einfache Text-Navi  - kleiner */
.nav3_n,.nav3_s {
  font-family: serif;
  font-style: italic;
  font-weight: bold;
  font-size: 17px;
  white-space:nowrap;
}
.nav3_s {
  color:rgb(192,192,192);
}
td.nav3 {
  padding: 0 0px 0 0px;
}


/* boxlink = ähnlich nav1_n, roter Kasten bei hover, */

.boxlink {
  white-space:nowrap;
  margin:1px;
  padding-bottom:2px;
  padding-top:6px;
  padding-left:6px;
  padding-right:6px;
}
a.boxlink:hover {
  border-color:#FF0000;
  border-style:solid;
  border-width:1px;
  margin:0px;
  /* background-color:rgb(104, 0, 20); */
}


/* für "Tänzer, Tanzlehrer, ..." */
.banner1/*,.banner2*/ {
  font-family: serif;
  font-style: italic;
  font-weight: bold;
  margin:0px;
  padding:0;
}

.banner1 {
  font-size: 16pt;
}

.banner2 {
  font-size: 12pt;
  /*color:#8DD2F2;*/
}

/* LINIEN ************************************/
/* macht eine schöne blaue, plastische, hori. Linie:*/
/*ridge #8DD2F2*/
/*border-top: 2px solid #7A0219;*/

.bluehr,.bluehr2 {
  border-top:2px ridge #8DD2F2;
}
.bluehr {
  padding-top:10px;
  margin-top:10px;
}
.dbluehr {
  border-top: 2px ridge #8DD2F2;
  border-bottom: 2px ridge #8DD2F2;
}

.bluevr {
  vertical-align:top;
  width:0;
  padding: 0 12px 0 0;
  border-right: 2px ridge #8DD2F2;
  margin: 0 12px 0 0;
}

/* dünne graue Linie */
.grayhr {
  border-top: 1px solid rgb(192, 192, 192);
}

/* dünne hellrote Linie */
.lighthr {
  border-top: 3px solid #7A0219;
}

/* ABBILDUNGEN *******************************/

img.picframe {
/*  border: 4px solid rgb(192,192,192);*/
  border: 2px ridge #8DD2F2;
	margin:0px 0px 20px 0px;
	padding:0px;
}
img.picframe_left {
/*  border: 4px solid rgb(192,192,192);*/
  border: 2px ridge #8DD2F2;
	margin: 0 20px 20px 0;
}
img.picframe_right {
  border: 2px ridge #8DD2F2;
	margin: 0 0 20px 20px;
}


table.textblock {
  width:600px;
}

.textblock p {
	text-align:justify;

}

table.textblock_b {
  width:750px;
}

.footer {
	white-space:nowrap;
/*
	font-size:10px;
	font-weight:normal;
*/
}

#tkGallery  img {
	border:1px solid #8DD2F2;
}

#player1 {
  text-align:left;
}

/* Layout-Unterscheidung */

/* sollte immer ganz hinten stehen */
.print {
	display:none;
}

#videowrapper td {
  vertical-align:bottom;
}
/* video help text */
#videohelper {
  position:relative;
  text-align:right;
  font-weight:normal;
  color:rgb(255, 165, 30);
}
/* format the tooltip */
/* TODO: Farben korrekt anpassen */

td.tiptd      {border:1px solid white; padding:2px; font-family:Helvetica,Arial,sans-serif; background: #7A0219; text-align:center}
td.tiptd td {background: #680014}
td.tiptd th {text-align:right;font-size:13px;padding:2px}

span.ptt      {font-family:Helvetica,Arial,sans-serif; font-weight:bold; color:white; }
span.pst      {font-family:Helvetica,Arial,sans-serif; font-weight:normal; color:white; text-align:left}
ul.pst        {font-family:Helvetica,Arial,sans-serif; font-weight:normal; color:black; text-align:left}