/*
  Hellgrün: #ccff66
  Dunkelgrün: #66cc33
  Aktive Links werden in grün (66cc33) dargestellt. 
  Rollover Effekt grün (66cc33)
*/

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 85%;
}

a:link, a:visited {
  color: #000 ;
  text-decoration: none;
}
a:hover {
  color: #9c3;
}

#current, .currentAncestor { color: black; text-decoration: underline; }
#current:hover  { color: black; text-decoration: none; }

#copyright {
  font-size: 80%;
}

#lyrics {
  padding-left: 20px;
}

#twoColumn {
  float:none;
  clear:both;
}

.clear{
  height:1px;
  font-size:1px;
  float:none;
  clear:both;
}
.embed{
  width:50%;
  float:left;
}

#pageHeader {
  text-indent: -10000px;
  background-image: url(images/logo.jpg);
  width: 200px;
  height: 205px;
  float: right;
  margin-right: 20px;
  margin-bottom: 20px;
}

.container {
  width: 780px;
}
#navigation {
  clear: both;
  border-top: 5px solid #ccff66;
  position: relative;
}

#navigation ul {
/*  float: left;*/
  position: relative;
}

#navigation h2 {
  position: absolute;
/*  left: 565px;*/
  left: 598px;
  font-size: 100%;
  font-weight: bold;
  margin-right: 65px;
}

#navigation li {
  display: block;
  list-style-type: square;
  padding-right: 20px;
  float: left;
}


/* Subnavi */
#navigation ul ul {
  position: absolute;
  padding: 0;
  margin: 0;
}

#navigation ul ul li {
  
}

#content {
  clear: both;
  padding-top: 20px;
}

#content h1 {
  font-size: 240%;
  color: #9c3;
  text-transform: uppercase;
}

#content h2 {
  font-size: 130%;
}
#content h3 { color: #9c3; font-size: 100%; }
#content td {
  vertical-align: top;
}

#content .slide {
  width: 780px;
  height: 232px;
  margin: 0;
  padding: 0;
  position: absolute; 
}


#page-infos-kapok .slide img {
    width: 780px;
    height: 232px; 
}
    
/*#footer {
  background-image: url(images/verlauf.jpg);
  background-repeat: repeat-x;
  height: 160px;
  width: 100%;
}*/

#footer {
  background-image:url(images/verlauf.png);
/*  background-position: center center;*/
  background-repeat: repeat-x;
  bottom:0;
  height: 120px;
  position:fixed;
  width: 100%;
  z-index:5;
}