* { padding: 0; margin: 0; }
html { height: 101%; }

body {
margin: 5px 10% 20px 10%;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100.01%;
	line-height: 18px;
	color: #000;
	background-color: #FBF7EE;

	background-image: url(bg7.gif);
	background-repeat: repeat-x;
}

p, li {
font-size: 80%;
}

/* Die Farbangabe im |#wrapper| sorgt dafuer, dass im Contentbereich
eine durchgaengige Hintergrundfarbe inkl. rechter |border| angezeigt
wird, auch wenn das Menue laenger als der Text ist ... */
#wrapper {
background-color: #f0f0f0;
color: #ffcc66;
height: 1%;/* Buggy IE needs this */
border-top: 1px solid #000;
border-right: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
}
/* Wenn man sicher ist, dasz der Text IMMER laenger als das Menue
oder die Farbe dieselbe wie der Hintergrund ist, kann man diesen Div
komplett streichen. Die |border|s kann man dann bei Bedarf den
anderen |div|s zuweisen ... */

/* ---- */
#header {
background-color: #F49C35;
color: #FFF;
width: 100%;
min-width: 380px;
height: 98px;
}
    #header img {
      margin-left: 30px;
}
    #header p {
      position:absolute;
      top: 29px;
      right: 12%;
      font-weight: bold;
      padding: 5px 0 5px 0;
      margin-bottom: 0;
    }
    #header p span {
      color: #551A8B;
    }
/* ---- */

#mainmenue a {
text-decoration: none;
font-weight: bold;
padding: 1px 10px 2px 10px;
background-color: #600;
color: #fff;
}
#mainmenue a:hover {
background-color: #030;
color: #ff9900;
}

/* ---- */
#leftmenue {
float: left;
left: 10%;
width: 200px;
margin-top: 10px;
padding-bottom: 10px;
background-color: #FFB966;
color: #fff;
}
#leftmenue ul li {
list-style-type: none;
}
#leftmenue a {
display: block;
text-decoration: none;
width: 194px;
margin: 2px 0;
padding: 1px 0 2px 5px;
font-weight: bold;
background-color: #100;
color: #fff;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}
#leftmenue a:hover {
background-color: #47483D;
color: #fff;
}

/* ---- */
#content {
background-color: #F3E7CD;
color: #000;
border-left: 200px solid #b00;
border-color:#FFB966;
background-image: url(bg6.gif);
background-repeat: repeat-x;
}
#content h1,
#content h2,
#content h3 {
padding: 20px 50px 10px 60px;
background-color: transparent;
color: #666;
}
#content h1 {
font-size: 150%;
letter-spacing: 1pt;
padding: 30px 50px 20px 60px;
}
#content h2 {
font-size: 125%;
}
#content h3 {
font-size: 105%;
}
#content p {
line-height: 150%;
padding: 0 50px 15px 60px;
}
#content p.topper {
padding: 10px 0 30px 40px;
}
#content a {
text-decoration: none;
background-color: transparent;
color: #900;
border-bottom: 1px solid #900;
}
#content a:hover {
background-color: transparent;
color: #848671;
border-bottom: 1px solid #060;
}

/* ---- */
.breaker {
clear: both;
}
#footer {
height: 40px;
background-color: #F49C35;
color: #100;
border-top: 1px solid #000;
}
#footer p {
padding: 8px 15px;
}
#footer a {
text-decoration: none;
background-color: transparent;
color: #fff;
border: 0 none;
}
#footer a:hover {
background-color: transparent;
color: #f00;
}

/* ---- */
#main .invis, hr {
display: none;
}


#liste {
 list-style-type:square;
margin-left: 2.4em; padding-left: 2.4em;
}






#box {
color:black;
background-color:transparent;
padding: 0px 50px 0px 60px;
}

#box a {
color:black;
background-color:transparent;
font-family:arial, sans-serif;
font-size:14px;
font-weight:bold;
text-decoration:none;
display:block;
padding: 2px;
border-top:0px solid #e4d9c0;
border-right:2px solid #837c6b;
border-bottom:2px solid #837c6b;
border-left:0px solid #e4d9c0;
border-style: dotted;
}

#box a:visited {
color:black;
background-color:transparent;

}

#box a:hover {
color:#fff;
background-color:#47483D;
text-decoration:none;
border-style: double;
}

#box a:active {
color:#f6e4c1;
background-color:#47483D;

}

#box a .info {
display:none;
}

#box a:hover .info {
color:black;
background:white;
font:14px courier,sans-serif;
display:block;
padding: 15px 20px 15px 20px;
text-align:justify;
}


#adsense {

}