 {margin: 0; padding: 0;}

body {height: 100%;}

body
{

background:#b0e584;
background-repeat:repeat-x;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: small;
padding: 0;
text-align: center;
margin: auto auto;
}



h2  {
         font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	padding-bottom: 4px;
         margin-top: 35px;
         padding-left: 35px;
         padding-top: 10px;
	color:#1a3504;
         height: 35px;
         background: url(images/bg_headline.gif) no-repeat;

	}


h2#headline_spannung  {
         font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	padding-bottom: 4px;
         margin-top: 35px;
         padding-left: 35px;
         padding-top: 10px;
	color:#ffffff;
         height: 35px;
         background: url(images/bg_headline_spannung.gif) no-repeat;

	}

         h4  {
         font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	margin-bottom: -10px;
         margin-top: 15px;
          padding-left: 35px;
         padding-top: 12px;
	color:#1a3504;
         height: 25px;
         background: url(images/bg_headline_h4.gif) no-repeat;

	}
                h5  {
         font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	margin-bottom: -10px;
         margin-top: 15px;
          padding-left: 35px;
         padding-top: 12px;
	color:#1a3504;
         height: 25px;
          background: url(images/bg_headline.gif) no-repeat;

	}

h2 { font-size: 120%; }
h3 { font-size: 145%; }
h4 { font-size: 100%; }
h5 { font-size: 100%;  }
h6 { font-size: 150%;  }

p {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 1px;
padding-bottom: 3px;
padding-left: 10px;
padding-top: 4px;
border-bottom: 0px solid #1a3504;

}

ul.wann {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 1px;
padding-bottom: 3px;
padding-left: 10px;
list-style-position: inside;
}


p#maerchen {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 1px;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 10px;
border-bottom: 0px solid #1a3504;
font-style:italic;
color: #1a3504;
}

p#fairy {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 1px;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 10px;
border-bottom: 0px solid #1a3504;

color: #1a3504;
}

p#home {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
letter-spacing: 1px;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 10px;
border-bottom: 0px solid #1a3504;

color: #1a3504;
}

p#top {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 1px;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 10px;
color: #1a3504;
text-align: right;
}

#start_absatz {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 1px;
padding-bottom: 15px;
margin-left: 15px;
padding-top: 4px;
border-bottom: 0px dotted #757575;

}


a {
 font-family: Tahoma, Verdana;
 font-size: small;
 text-decoration: none;
 color: #003300;

}

a:hover {
 font-family: Tahoma, Verdana;
 font-size: small;
 text-decoration: none;
 color:darkred;

}

#headline {
border-bottom: 1px solid #003300;
margin-bottom: 10px;
margin-right: 30px;
}


#header {

border: 0px solid #cccccc;
text-align: center;
margin: 0 auto;
padding: 0;
}


#content {
margin: 0 auto;
border-left: 2px solid #1a3504;
border-right: 2px solid #1a3504;
width: 850px;
background-color:#ffffff;
text-align: left;
padding: 0;
background: url(images/bg_pixel.gif);
}


#content_spannung {
margin: 0 auto;
border-left: 2px solid #1a3504;
border-right: 2px solid #1a3504;
width: 850px;
background-color:#000000;
text-align: left;
padding: 0;
background: url(images/bg_pixel_spannung.gif);
}


#text {
border: 0px solid #000;
text-align: left;
margin: 0px 2em 0 19em;
padding: 0;

}



#text_spannung {
border: 0px solid #000;
text-align: left;
margin: 0px 2em 0 19em;
padding: 0;
background-color:#0C0C0C;
}

p#maerchen_spannung {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 1px;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 10px;
padding-right: 15px;
font-style:italic;
color: #fff;
}

p#absatz_spannung {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 1px;
padding-bottom: 3px;
padding-left: 10px;
padding-top: 4px;
color: #ffffff;
}

#footer {
border: 0px solid #000;
text-align: left;
margin: 0px 0em 0 0em;
padding: 0;
height: 10px;
background-color:#1a3504;
}


#logo {
float: left;
padding: 0 30px 0 10px;
}

#img_start {

padding: 0 30px 0 20px;
margin-top: 20px;´
}

#img_spannung_2 {
padding: 10px 0 0 0;
margin-left: 0px;

}

#flyer {
margin-left: 70px;
border: 1px solid #1a3504;
}
#menu {
margin-left: 70px;
border: 0px solid #1a3504;
float: right;
}

#programme {
margin-left: 20px;
margin-top: 20px;
border: 0px solid #1a3504;
float: right;
}

#programme2 {
margin-left: 80px;
border: 0px solid #1a3504;

}

#spannung {
margin-left: -14px;
border: 1px solid #1a3504;
vertical-align: top;
}
#erwachsene {
margin-left: 20px;
border: 0px solid #1a3504;
float: right;
}
#warum {
margin-left: 20px;
border: 0px solid #1a3504;
float: right;
}

#ul {   /* navigation list */

	list-style: none;
         list-style-position: outside;
         margin: 0 0 0 -38px;

}

*:first-child+html #ul {
  margin: 0 0 0 2px;
}


#menu7 {
	float: left;
	height: 100%;
         background-color:#1a3504;
         margin: -5px 0 0 0px;
         padding: 50px 0 0 0px;
         width: 220px;
        }

*:first-child+html #menu7 {
  margin: 0px 0 0 0px;

}

#menu7 li a {
        height: 32px;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 24px;
        text-decoration: none;
        border: 0px solid #fff;
  }

#menu7 li a:link, #menu7 li a:visited {
        color: #fff;
        display: block;
        padding: 8px 0 0 30px;
        margin: 0px 0 0 0px;
        border-bottom: 1px solid #52852A;
        }



#menu7 li a:hover, #menu7 li #current {
        color: #fff;
        padding: 8px 0 0 30px;
        margin: 0px 0 0 0px;
        background: url(images/menu7.gif) no-repeat;
        border-bottom: 1px solid #52852A;
        }


        div.clear
{
clear: left;
height: 0;
margin: 0;
padding: 0;
font-size: 0;
}

#submenu {

         background-color:#52852A;
         margin: -1px 0 3px -4px;
         padding: 0px 0 0 15px;

        }

*:first-child+html #submenu {
  margin: 0px 0 0 0px;

}

#submenu li a {
        height: 32px;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 24px;
        text-decoration: none;
        border: 0px solid #1A3504;
  }

#submenu li a:link, #submenu li a:visited {
        color: #fff;
        display: block;
        padding: 8px 0 0 30px;
        margin: 0px 0 0 0px;
        border-bottom: 0px solid #1A3504;
        }



#submenu li a:hover, #submenu li #current {
        color: #1A3504;
        padding: 8px 0 0 30px;
        margin: 0px 0 0 0px;
        border-bottom: 0px solid #1A3504;

        background: url(images/menu7_sub.gif) no-repeat;
        }

#pic {
	height:323px;
	width: 500px;
        
         border: 0px solid;
         text-align: left;
}


#pic img {
         position:absolute;
	height:323px;
	width: 500px;
         margin: 0 0 0 0;
         padding-left: 7px;
	z-index:1;
}

#pic img.obersteebene {
	z-index:3;
}

#pic img.mittlereebene {
	z-index:2;
}
