/* Author: GodaCon - Thorolf Godawa */
/* Date: 2008-05-12 */

body {
  color: black; background-color: #ffffff;
  font-size: 100.01%;
  font-family: Helvetica,Arial,sans-serif;
  margin: 0; padding: 0;
}


/* allg. Boxdefinition fuer alle Seiten */

  div#Seite {
  position: relative;
  text-align: left;    /* Seiteninhalt wieder links ausrichten */
  width: 800px; height: 600px;
  padding: 0;
  background: transparent url(images/ks_hintergrund.jpg) no-repeat; color: #595959;
  border: 2px ridge silver;
  z-index: 1;
}
html>body div#Seite {
  border-color: white;  /* Farbangleichung an den Internet Explorer  */
}
div#Seite h1 {
  font-size: 1.2em;
  font-weight: bold;
}
div#Seite p {
  font-size: 1.0em;
  font-weight: bold;
}
div#Seite a {
  text-decoration: none;
  font-weight: bold;
  color: #595959;
}


/* Boxdefinition fuer Kopf */

div#Kopfzeile {
  position: relative;
  text-align: left;    /* Seiteninhalt wieder links ausrichten */
  margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
  width: 790px; height: 124px;
  padding: 0;
  background: transparent url(images/ks_kopf.gif) no-repeat;
  z-index: 2;
}


/* Boxdefinition fuer Nav. */

#Nav {
  position: relative;
  text-align: right;    /* Nav rechts ausrichten */
  top: 0px; left: 0px;
  width: 140px; height: 475px;
  float: left;
  font-size: 0.83em;
/*  letter-spacing: 0.05em; */
/*  line-height: 1.6em; */
  background-color: transparent;
  z-index: 2;
}

/* Formatdefinition fuer Haupt-Nav. */

ul#Navigation {
  margin-right: 55px; padding: 0;
  background-color: transparent;
  display: block;
  z-index: 3;
}
ul#Navigation li {
  margin: 0; padding-bottom: 1.9em;
  list-style: none;
}
ul#Navigation a {
  display: block;
  margin: 0; padding: 0;
  font-weight: bold;
  text-decoration: none;
}
ul#Navigation a:link {
  display: block;
  font-weight: bold;
  text-decoration: none;
  color: #595959; background-color: transparent;
}
ul#Navigation a:visited {
  text-decoration: none;
  color: #595959; background-color: transparent;
}
ul#Navigation a:hover {
  text-decoration: none;
  color: #595959; background-color: transparent;
}
ul#Navigation a:active {
  text-decoration: none;
  color: #595959; background-color: transparent;
}
ul#Navigation hr {
  /* blau */
  color: #0049b5; background-color: #0049b5;
  color: #0089e5; background-color: #0089e5;
  /* gruen */
  color: #3b9c0b; background-color: #3b9c0b;
  color: #5bbc2b; background-color: #5bbc2b;
  /* orange */
  color: #bf4c00; background-color: #bf4c00;
  color: #ff8c00; background-color: #ff8c00;
  /* gelb */
  color: #bf9100; background-color: #bf9100;
  color: #ffd100; background-color: #ffd100;
  height: 5px; width: 100px;
  margin-right:0;
  border: 0;
}

ul#Navigation span_col1 {
  color: #0089e5;
}
ul#Navigation span_col1_aktiv {
  color: #0049b5;
}
ul#Navigation span_col2 {
  color: #5bbc2b;
}
ul#Navigation span_col2_aktiv {
  color: #3b9c0b;
}
ul#Navigation span_col3 {
  color: #ff8c00;
}
ul#Navigation span_col3_aktiv {
  color: #bf4c00;
}
ul#Navigation span_col4 {
  color: #ffd100;
}
ul#Navigation span_col4_aktiv {
  color: #bf9100;
}


/* allg. Listenelemente */

ul#Liste1 {
  margin: 0 0 0 12px; padding: 0;
  top:0; left:0;
}
ul#Liste1 li {
  margin: 0; padding: 0;
  list-style-image: url(images/bullet1.gif); list-style-position: outside;
  font-weight: bold;
}
ul#Liste2 {
  margin: 0 0 0 12px; padding: 0;
  padding-left: 0.4em;
  top:0; left:0;
}
ul#Liste2 li {
  margin: 0; padding: 0;
  list-style-image: url(images/bullet2.gif); list-style-position: outside;
  font-weight: normal;
}
ul#Liste3 {
  margin: 0 0 0 18px; padding: 0;
  top:0; left:0;
}
ul#Liste3 li {
  margin: 0; padding: 0;
  list-style-type: none; list-style-position: outside;
  font-weight: normal;
}


/* Formatdefinition fuer Home-Seite */

div#Inhalt_Home_Title {
  position: relative;
  text-align: right;    /* Titel rechts ausrichten */
  top: 0px; left: 325px;
  height:50px; width: 250px;
  float: left;
  margin: 0; padding: 0;
  font-size: 2.4em;
  font-weight: bold;
  background-color: transparent; color: #0089e5;
  z-index:2;
}
* html div#Inhalt_Home_Title {
  top: 0px; left: 285px;   /* Workaround Internet Explorer Bug */
}
div#Inhalt_Home_Bild1 {
  position: absolute;
  top: 175px; left: 140px;
  width: 177px; height: 113px;
}
div#Inhalt_Home_Bild2 {
  position: absolute;
  top: 175px; left: 340px;
  width: 177px; height: 113px;
}
div#Inhalt_Home_Bild3 {
  position: absolute;
  top: 175px; left: 540px;
  width: 177px; height: 113px;
}
div#Inhalt_Home_Text1 {
  position: relative;
  position: absolute;
  top: 320px; left: 140px;
  height:100px; width: 300px;
  font-size: 0.83em;
  line-height: 1.5em;
  z-index:3;
}
div#Inhalt_Home_Text2 {
  position: absolute;
  top: 550px; left: 140px;
  height:50px; width: 400px;
  font-size: 0.83em;
  text-align: left;
  z-index:3;
}


/* Formatdefinition fuer Sprachkurse-Seite */

div#Inhalt_Sprache_Title {
  position: relative;
  text-align: right;    /* Titel rechts ausrichten */
  top: 0px; left: 325px;
  height:50px; width: 250px;
  float: left;
  margin: 0; padding: 0;
  font-size: 2.4em;
  font-weight: bold;
  background-color: transparent; color: #5bbc2b;
  z-index:2;
}
* html div#Inhalt_Sprache_Title {
  top: 0px; left: 285px;   /* Workaround Internet Explorer Bug */
}
div#Inhalt_Sprache_Text {
  position: absolute;
  top: 160px; left: 140px;
  height:100px; width: 350px;
  font-size: 0.83em;
  line-height: 1.5em;
  z-index:3;
}
div#Inhalt_Sprache_Text h1 {
  font-size: 1.1em;
  font-weight: bold;
}
div#Inhalt_Sprache_Bild {
  position: absolute;
  top: 175px; left: 490px;
  width: 227px; height: 170px;
}


/* Formatdefinition fuer Tanzkurse-Seite */

div#Inhalt_Tanz_Title {
  position: relative;
  text-align: right;    /* Titel rechts ausrichten */
  top: 0px; left: 325px;
  height:50px; width: 250px;
  float: left;
  margin: 0; padding: 0;
  font-size: 2.4em;
  font-weight: bold;
  background-color: transparent; color: #ff8c00;
  z-index:2;
}
* html div#Inhalt_Tanz_Title {
  top: 0px; left: 285px;   /* Workaround Internet Explorer Bug */
}
div#Inhalt_Tanz_Text1 {
  position: absolute;
  top: 160px; left: 140px;
  height:100px; width: 350px;
  font-size: 0.83em;
  line-height: 1.5em;
  z-index:3;
}
div#Inhalt_Tanz_Text1 h1 {
  font-size: 1.1em;
  font-weight: bold;
}
div#Inhalt_Tanz_Bild {
  position: absolute;
  top: 175px; left: 490px;
  width: 227px; height: 170px;
}
div#Inhalt_Tanz_Text2 {
  position: absolute;
  top: 400px; left: 140px;
  height:100px; width: 600px;
  font-size: 0.83em;
  text-align: left;
  z-index:3;
}


/* Video */

div#Inhalt_Video_Title {
  position: relative;
  text-align: right;    /* Titel rechts ausrichten */
  top: 0px; left: 325px;
  height:50px; width: 250px;
  float: left;
  margin: 0; padding: 0;
  font-size: 2.4em;
  font-weight: bold;
  background-color: transparent; color: #ff8c00;
  z-index:2;
}
* html div#Inhalt_Tanz_Video {
  top: 0px; left: 285px;   /* Workaround Internet Explorer Bug */
}

div#Inhalt_Video {
  position: absolute;
  top: 150px; left: 140px;
  width: 662px; height: 430px;
  margin: 0 0 0 0;
  overflow: auto;
  padding: 0;
  background: transparent;
  font-size: 0.90em;
  line-height: 1.2em;
  z-index:4;
}
div#Inhalt_Video h1 {
  font-size: 1.2em;
  margin: 0.2em 0;
  color: #595959;
}
div#Inhalt_Video h2 {
  font-size: 1.0em;
  margin: 0.2em 0;
  color: #595959;
}
div#Inhalt_Video h3 {
  font-size: 1.0em;
  font-weight: normal;
  margin: 0.2em 0;
}
div#Inhalt_Video p {
  font-size: 1.0em;
  margin: 1em 0;
}

div#Inhalt_Video td.kopf {
    vertical-align:middle; text-align:left;  background-color:#ff0000;
}
div#Inhalt_Video td.design {
  vertical-align:middle; text-align:left; background-color:#000000;
  font-family:Helvetica,Arial,sans-serif;
}
div#Inhalt_Video td.col1 {
  vertical-align:middle; text-align:left;
  font-size: 0.90em; font-weight: normal;
}
div#Inhalt_Video td.col2 {
    width: 10%;
    vertical-align:middle; text-align:center;
  font-size: 0.90em; font-weight: normal;
}
div#Inhalt_Video td.col3 {
    width: 10%;
    vertical-align:middle; text-align:center;
  font-size: 0.90em; font-weight: normal;
}
div#Inhalt_Video span {
  font-size: 1.0em;
  font-weight: normal;
  color: #555555;
}
div#Inhalt_Video_FLV {
  position: relative;
  top: 25px; left: 10px;
  width: 320px; height: 272px;
  margin: 0 0 0 0;
  clear: left; float: left;
  padding: 0;
  background: transparent;
  z-index:4;
}
div#flowplayerholder {
  position: relative;
  top: 0px; left: 0px;
  width: 320px; height: 40px;
  text-align: center;
  background: red;
}
div#Inhalt_Video_FLV_Text {
  position: relative;
  top: 15px; left: 10px;
  width: 320px; height: 53px;
  margin: 0 0 0 0;
  clear: left; float: left;
  padding: 0;
  text-align: center;
  background: transparent;
  z-index:4;
}
div#Inhalt_Video_Text {
  position: relative;
  top: 10px; left: 30px;
  width: 312px; height: 390px;
  margin: 0 0 0 0;
  overflow: auto;
  padding: 0;
  background: transparent;
  z-index:4;
}

div#Inhalt_Video_Text td.video_col1 {
  width: 120px;
  width: 80px;
  vertical-align:top; text-align:left;
  font-size: 0.90em; font-weight: normal;
}
div#Inhalt_Video_Text td.video_col2 {
  vertical-align:middle; text-align:left;
  font-size: 0.90em; font-weight: normal;
}


/* Formatdefinition fuer Kontakt-Seite */

div#Inhalt_Kontakt_Title {
  position: relative;
  text-align: right;    /* Titel rechts ausrichten */
  top: 0px; left: 325px;
  height:50px; width: 250px;
  float: left;
  margin: 0; padding: 0;
  font-size: 2.4em;
  font-weight: bold;
  background-color: transparent; color: #ffd100;
  z-index:2;
}
* html div#Inhalt_Kontakt_Title {
  top: 0px; left: 285px;   /* Workaround Internet Explorer Bug */
}
div#Inhalt_Kontakt_Text1 {
  position: absolute;
  top: 160px; left: 140px;
  height:220px; width: 350px;
  font-size: 0.83em;
  line-height: 1.5em;
  z-index:3;
}
div#Inhalt_Kontakt_Text h1 {
  font-size: 1.1em;
  font-weight: bold;
}
div#Inhalt_Kontakt_Bild {
  position: absolute;
  top: 175px; left: 490px;
  width: 227px; height: 170px;
}
div#Inhalt_Kontakt_Text2 {
  position: absolute;
  top: 390px; left: 140px;
  height:100px; width: 600px;
  font-size: 0.83em;
  text-align: left;
  z-index:3;
}


div#Inhalt_EMail_Text {
  margin: 0; padding: 1em 1em 1em 1em;
  font-family:Helvetica,Arial,sans-serif;
  font-size: 0.83em;
  text-align: center;
  background: transparent url(images/ks_hintergrund_email.jpg) no-repeat; color: #595959;
  z-index:3;
}
div#Inhalt_EMail_Text a {
  text-decoration: none;
  font-weight: bold;
  color: #595959;
}


div#Fusszeile {
  clear: both;
  font-size: 0.83em;
  margin: 0; padding: 0.1em;
  text-align: center;
  background-color: #ffffff;
  z-index: 2;
}