html, body {
margin: 0;
padding: 0;
height:100%;
}
body  {
color: #000;
font-size: 75%;
font-family: Arial, Helvetica, Verdana, sans-serif;
background: #FDD781;
text-align: center }

/* --------------------------------------------------------------------------------------------------------
  Seitenstruktur
  ------------------------------------------------------------------------------------------------------- */
#wrapper0  {
color: #000;
background: #FDD781 url(../_images/hgwrapper0.jpg) no-repeat;
text-align: center;
margin: 0 auto;
position: relative;
border: 1px solid #FDD781;
width: 770px
 }



#wrapper1  {
color: #000;
background: #FFCE61 url(../_images/hgwrapper1.jpg) no-repeat;
text-align: left; margin: 0 auto;
border-top: none;
border-left: 1px solid #CC0033;
border-right: 1px solid #CC0033;
border-bottom: 1px solid #CC0033;
margin-top: 10px;
margin-bottom: 0px;
position: relative;
width: 750px;
 }

#wrapper1_fsa  {
color: #000;
background: #FFCE61 url(../_images/hgwrapper1_fsa.jpg) no-repeat;
text-align: left; margin: 0 auto;
border-top: none;
border-left: 1px solid #CC0033;
border-right: 1px solid #CC0033;
border-bottom: 1px solid #CC0033;
margin-top: 10px;
margin-bottom: 0px;
position: relative;
width: 750px;
 }

 #wrapper1_nu  {
color: #000;
background: #FFCE61 url(../_images/hgwrapper1_nu.jpg) no-repeat;
text-align: left; margin: 0 auto;
border-top: none;
border-left: 1px solid #CC0033;
border-right: 1px solid #CC0033;
border-bottom: 1px solid #CC0033;
margin-top: 10px;
margin-bottom: 0px;
position: relative;
width: 750px;
 }

#wrapper1_lk  {
color: #000;
background: #FFCE61 url(../_images/hgwrapper1_lk.jpg) no-repeat;
text-align: left; margin: 0 auto;
border-top: none;
border-left: 1px solid #CC0033;
border-right: 1px solid #CC0033;
border-bottom: 1px solid #CC0033;
margin-top: 10px;
margin-bottom: 0px;
position: relative;
width: 750px;
 }

#header  {
background-color: transparent;
text-align: right;
color: #000;
padding: 0 0 0 0;
height: 84px;
width: 746px;
}

#printheader {
display: none;
}

#hauptnavigation {
background-color: transparent;
color: #000;
width: 700px;
padding: 0px 0px 0px 0px;
height: 19px;
margin: 0;
}


#menue {
clear: both;
float: left;
width: 158px;

background: #FFCE61 url(../_images/hgnav.jpg) no-repeat;

color: #000;
margin-top: 10px;
min-height: 332px;
padding: 0;

}

* html #menue {
 /*vor IEMac verstecken \*/
 height: 332px;
 /*IEMac wieder reinlassen*/
}


/* Brotkruemmel */
#brkr {
 padding:0;
 margin: 0px 0 20px 0px;
 color: #666;
 text-align:left;
 font-size:1em;
 }


#content {
position: relative;
color: #000;
margin: 30px 20px 0px 180px;
padding: 0px 0px 0px 0px;
border-left: 0;
}

* html #content {
 /*vor IEMac verstecken \*/
 height: 1%;
 /*IEMac wieder reinlassen*/
}

#drucken {
margin-top: 0;
margin-bottom: 40px;
text-align: right;
padding-right: 30px;
}


#footer {
clear: both;
color: #000;
margin: 5px 0 10px 0;
text-align: center;
}
/* -------------------------------------------------------
  Header
  --------------------------------------------------- */

#header a {

text-decoration: none;
color: #9E6914;
}
/* -------------------------------------------------------
  Navigationen
  --------------------------------------------------- */

#hauptnavigation ul, #menue ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#hauptnavigation ul li, #menue ul li {

}

/* ------------------------------------------------
  Hauptnavigation
  ---------------------------------------------- */


#hauptnavigation LI
{
margin: 0;
padding: 0;
float: left;
width: auto;
border-right: 1px solid #FCAD81;
background-color: transparent;
height: 19px;
}

#hauptnavigation A
{
font-weight: bold;
color: #FCAD81;
display: block;
width: auto;
text-decoration: none;
background: transparent;
margin: 0;
padding: 2px 8px 2px 8px;
}

#hauptnavigation A:hover, #navcontainer A:active { background-color: #F33134; }



#hauptnavigation .act a{
background-color: #F33134;
}



 /* -----------------------------------------
  Seitennavigation Breite 158px s.o.
  ---------------------------------------- */


/* 1. Ebene */

#menue ul,#menue ol {
padding: 0;
margin: 10px 0 0 0;
}

#menue li {
padding: 0;
margin: 0;
}

#menue a{
border-top: 1px solid #FEE9BA;
border-bottom: 1px solid #FCA128;
}

#menue a:link,#menue a:visited  {
color: #000;
text-decoration: none;
display: block;
font-weight: bold;

}
#menue ul a:hover, #menue ul li a:focus, #menue ul li a:active{
background-color: #FDD781;
color: #900;
}



#menue .lev1_no a {
width: 148px;
color: #59451B;
padding: 2px 0px 2px 10px;
}
#menue li.lev1_act {
width: 148px;
background-color: #FED171;
}

#menue .lev1_act a{
width: 148px;
padding: 2px 0px 2px 10px;
}

#menue .lev1_cur{
background-color: #FDD781;
display: block;
color: #000;
padding: 2px 0px 2px 10px;
font-weight: bold;
color: #900;
border-top: 1px solid #FEE9BA;
border-bottom: 1px solid #FCA128;
}

/* 2. Ebene */

#menue ul ul {
width: 158px;
border: none;
padding: 0;
margin: 0;
}

#menue ul ul a:hover, #menue ul ul li a:focus, #menue ul ul li a:active{
background-color: #FDD781;
color: #900;
}

#menue .lev2_no a {
width: 140px;
color: #59451B;
padding: 2px 0px 2px 18px;
background: #FED171 url(../_images/menulink_lev2.gif) no-repeat;
background-position: left center;
}
#menue li.lev2_act {
width: 140px;
}
#menue .lev2_act a{
width: 140px;
padding: 2px 0px 2px 18px;
}

#menue .lev2_cur{
background-color: #FDD781;
display: block;
width: 140px;
color: #000;
padding: 2px 0px 2px 18px;
font-weight: bold;
color: #900;
border-top: 1px solid #FEE9BA;
border-bottom: 1px solid #FCA128;
background: #FED171 url(../_images/menulink_lev2_act.gif) no-repeat;
background-position: left center;
}

#menue li.lev2_cur{
background-color: #FDD781;
display: block;
width: 140px;
color: #000;
padding: 2px 0px 2px 18px;
font-weight: bold;
color: #900;
border-top: 1px solid #FEE9BA;
border-bottom: 1px solid #FCA128;
background: #FED171 url(../_images/menulink_lev2_act.gif) no-repeat;
background-position: left center;
}

 /* -----------------------------------------
  Zusatzinfo linke Spalte
  ---------------------------------------- */
#menueplus {
margin-top: 30px;
padding: 10px;
}
#menuetest {
margin-top: 30px;
padding: 10px;
background-color:#FED171;
color: #c03;
border-top: 1px solid #c03;
border-bottom: 1px solid #c03;
}
#menuetest a:hover {
color: #c03;
}
/* -----------------------------------------------------------------
  Formatierungen
  ---------------------------------------------------------------- */

/* Überschriften */
h1 { font-size:160%; color: #C03; font-weight: normal;margin: 0 0 15px 0}
h2 { font-size:120%; font-weight: bold;}
h3 { font-size:115%; font-weight: bold;}
h4 { font-size:100%; font-weight: normal;}

h2, h3, h4 {
margin: 20px 0 15px 0;
padding: 5px 0;
}

h2.kurs {
width: 540px;
padding: 2px;
background-color: #FFD881;
border-bottom: 1px solid #D4B46C;

}

p {margin-top: 0; margin-bottom: 10px;}

/* Listen */

#content ul {
margin-top:0;
}
#content li {

margin-left: 0;
margin-bottom: 0;
}

/* Links */
a:link, a:visited, a:hover, a:active, a:focus {
 text-decoration: underline;
 color:#c30;
}

a:hover, a:focus {
color:#c03;
}


a.textlink:link, a.textlink:visited, a.textlink:hover, a.textlink:active, a.textlink:focus {
 text-decoration: none;
 color:#000;
 font-weight: normal;
}

a.textlink:hover, a.textlink:focus {
color:#c03;
text-decoration: underline;
}



#footer a {
font-weight: normal;
color: #000;
}


blockquote {
margin-bottom: 0.5em;
margin-left: 2em;
}
q, cite {
font-style: italic;
}


fieldset {
display: inline;
width: 93px;
        border: 0;
        padding: 0;
}

img, img a {
border: none;
}

/* --------------------------------------------------------------------------------------------------------
  Sonstiges
  ------------------------------------------------------------------------------------------------------- */


/* others */
.invis {
clear: both;
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}

.clear {
clear: both;
}

.center {
text-align: center;
}


.left {
float: left;
margin-right: 20px;
margin-bottom: 10px;
}
.leftleft {
float: left;
margin-right: 0px;
margin-bottom: 10px;
}

.right {
float: right;
margin-left: 20px;
margin-bottom: 10px;
}


.aufgabe, .horoskop {;
text-align:left;
width: 500px;
background-color: #FFD881;
border: 1px solid #D4B46C;
padding: 10px;
}

.line {
clear: both;
height: 1px;
color: #D4B46C;
background-color: #D4B46C;
border: none;
margin-top:0px;
margin-bottom: 20px;
}


/* -----------------------------------------------------------------
  Lichtkarten
  ---------------------------------------------------------------- */
table {
font-size: 100%;
}

table .lichtkarten {
width: 550px;
}


td.frage {

width: 140px;
text-align: left;
vertical-align: top;
padding-right: 10px;
}

td.karte {

width: 100px;
text-align: left;
vertical-align: top;
}

td.antwort {
width: 300px;
text-align: left;
vertical-align: top;
}

/* -----------------------------------------------------------------
  Galerie
  ---------------------------------------------------------------- */
.galerie_img {
border-left: 1px solid #666;
border-top: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
margin-bottom: 5px;
margin-right: 5px;
}


/* -----------------------------------------------------------------
  Libellenverlag
  ---------------------------------------------------------------- */

.produktbox {
text-align:left;
width: 500px;
background-color: #FFD881;
border: 1px solid #D4B46C;
padding: 10px;
margin-bottom: 1em;
}
.produktbox h2 {
margin-bottom: 0;
margin-top: 0;
}

.produktbox p {
margin-bottom: 0;
margin-top: 0;
}

.textbox {
margin-left: 130px;
}

p.autor {
margin-bottom: 0.5em;
margin-top: 5px;
font-style: italic;
}

p.price {
margin-bottom: 0;
margin-top: 0.5em;
margin-bottom: 1em;
}
span.subtitle { font-size:80%; font-weight: bold;}

/* Bild links mit Bildunterschrift  */
dl.ImgLeft {width: 120px;float:left; margin: 0;margin-top: 5px;}
dl.ImgLeft dt {margin: 0;padding: 0;}
dl.ImgLeft dd {text-align:left; margin:0px; padding:0px;}