html, body { 
  height: 100%;
  background-color: #555;    /* mittelgrau */
  }
    
body
{
  background-color: #D0F068;    /* hellgruen */
  color: #06432B;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  padding: 0;
  margin: 0;
  behavior: url(css/csshover.htc);
  /* border: 2px solid #0FF; */
}

a
{
  text-decoration: none;
  color: #06432B;                 /* dunkelgruen */
}

h1
{
  font-size: 18px;
  padding:0;
  margin:0;
}

hr
{
  size:0;
  background-color: #06432B;
  color: #06432B;
  border:0;
  height:1px;
}

img
{
  border:0;
}

a:hover
{
  text-decoration: none;
  font-weight: bold;
}

#innercontent2 table, tr, td
{
  font-size: 14px;
  padding: 0;
  margin: 0;
  border: 0;
  spacing: 0;
  vertical-align: top;
}

.inactiv
{
  color: #87AE12;
}

p.rahmen
{
    border-style: solid; 
    border-width: 3px; 
    border-color: #06432B;
    padding: 12px;
}

#seite
{
  position: absolute;
  width: 900px;
  /* height: 650px; */
  height: 1px;        /* Höhe min. 1px */
  top: 50%;
  left: 50%;
  /* background-color: #D0F068; */
  margin: -325px 0 0 -450px; /* Startpunkt links oben setzen*/
  /* border: 2px solid #F0F; */
}

#navi
{
  z-index: 1000;
  position: absolute;
  width: 900;
  height: 35px;
  background-color: #06432B;
  color: #D0F068;
  font-size: 14px;
}

#navi ul
{
  list-style: none; 
  margin: 0; 
  padding: 0; 
  float: left;
} 

#navi a
{
  display: block;
  background-color: #06432B;
  color: #D0F068;
  width: 223px;
  height: 25px;
  padding: 10px 0 0 0;
  text-align: center;
  border-left: 1px solid #D0F068; 
} 

#navi li
{
  position: relative;
  float: left;
  width: 224px;
} 

#navi ul ul
{
  z-index: 1000;
  position: absolute;
}

#navi ul ul li a
{
  margin: 0 0 0 1px;
  border: 0px;
  border-color: #fff;
}

#navi ul li ul
{
  display: none;
} 

#navi ul li:hover ul
{
  display: block;
} 

#content                     /* Zielbereich für alle nachfolgenden Seiten */
{
  width: 900px;
  height: 520px;
  border:0;
  padding:0;
  margin:0;
  /* border: 2px solid #00F; */
}

#main 
{
  z-index: 1;
  top: 34px;
  position: absolute;
  width: 900px;
  /* height: 485px; */
  height: 1px;
  /* border: 2px solid #F00; */
}

#main2
{
  z-index: 1;
  margin: 0;
  width: 900px;
  height: 485px;
  margin: 0;
}

/* --------------------- Startseite mit quasi Video ------------------------ */
#innercontent-video
{
  z-index: 1000;
  float: right;
  position: absolute;
  top: 7.5em;
  left: 35em;
  width: 26em;
  height: 19em;
  margin: 0em 0em 0em 0em;
  overflow: hidden;
  /* border: 2px solid #AAA; */
}

#video { 
  z-index: 1;
  margin-top: 2.75em; 
  }

.intro {
	height: 405px;
	margin: 0 auto;
	width: 720px;
}

#player1 { 
  z-index: 1;
  }

/* * html #video { margin-top: 2.75em; } */

/* --------------------- Seite mit Fotoschau ------------------------ */
#innercontent-fotoschau
{
  z-index: 1;
  float: left;
  position: absolute;
  top: 50px;
  left: 15px;
  width: 860px;
  height: 450px;
  /* margin: 10px; */
  overflow: hidden;
  /* border: 2px solid #AAA; */
}

/* --------------------- Seite mit Scrollbarbereich ------------------------ */
#kursprogramm
{
  float: left;
  width: 700px; 
  height: 430px;
  margin: 20px 20px 0 0;
  overflow: hidden;
  font-size: 100%;
  line-height: 200%;
  /* border: 2px solid #080; */
}

#innercontent2
{
  float: left;
  width: 700px; 
  height: 430px;
  margin: 20px 20px 0 0;
  overflow: hidden;
  /* font-size: 100%; */
  /* line-height: 200%; */
  /* border: 2px solid #080; */
}

#innercontent2 a
{
  text-decoration: underline;
  font-weight: normal;
  color: #06432B;  
}

#innercontent2 a:hover
{
  text-decoration: underline;
  font-weight: bold;
}


/* ----------------------- Seite mit Text und Bild ------------------------ */
#content_start
{
  z-index: 1;
  /* float: left; */
  position: absolute;
  /*top: 40px;*/
  top: 30px;
  left: 80px;
  width: 740px; 
  /*height: 400px;*/
  height: 420px;
  padding-right: 0;
  overflow: hidden;
  font-size: 100%;
  line-height: 130%;
  /*border: 2px solid #080;*/
}

#content_start a
{
  text-decoration: underline;
  font-weight: normal;
/*  color: #06432B;  */
}

#content_start a:hover
{
  text-decoration: underline;
  font-weight: bold;
}

#innercontent3
{
  z-index: 1;
  /* float: left; */
  position: absolute;
  /*top: 40px;*/
  top: 30px;
  left: 80px;
  width: 740px; 
  /*height: 400px;*/
  height: 420px;
  padding-right: 0;
  overflow: hidden;
  font-size: 110%;
  /*border: 2px solid #080;*/
}

#innercontent3 a
{
  text-decoration: underline;
  font-weight: normal;
  color: #06432B;  
}

#innercontent3 a:hover
{
  text-decoration: underline;
  font-weight: bold;
}

.fl_right
{
  float: right;
  width: auto; 
  margin-left: 20px;
  /*border: 2px solid #080;*/
}

.fl_left
{
  float: left;
  margin-left: 0px;
  margin-right: 40px;
  /*border: 2px solid #080;*/
}

/*------------------------------------------------------- */


* html #innercontent { margin-left:5px; }

#track 
{
  position: relative;
  float: left;
  height: 400px;
  width: 12px;
  border: 1px solid #06432B;
}

#thumb 
{
  margin: 1px 0 0 0;
  position: absolute;
  top: 0px;
  left: 1px;
  height: 10px;
  width: 10px;
  background: #06432B;
}

#bottom
{
  background-color: #06432b;
  color: #D0F068;
  height: 100px;  
  font-size: 16px;
  /* border: 2px solid #FF0; */
}

#bottom span.inner          /* Anzeige Logo */
{
  display: block;
  padding: 15px;
}



.vScrollbar 
{
  float: left;			
}
		
.vTrack {           /* von Scrollbar, passend zu innercontent2 */
    float: left;
    position: absolute;
    top: 20px;
    height: 450px; 
    width: 10px;
    border: 1px solid #06432B;
    background-color: #D0F068;
    overflow: hidden;			
    padding: 1px;
    }

.vThumb {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #D0F068;
    height: 15px;
    width: 10px;
    background-color: #06432B;
    overflow: hidden;
    }
		
#downloadlink
{
  border: 0px solid #06432B;
  width: 280px;
  position: absolute;
  top: 490px;
  left: 520px;
  display: block;
  text-align: center;
  padding: 5px;
}