/**
 * CASCADING STYLE SHEET
 *
 * size:      4.459 bytes
 * created:   04/09/2007 03:26:05 pm
 * modified:  10/23/2008 05:10:15 pm
 * code © by moLa
 */

body {
 color: black;
 font-size: 10pt;
 font-family: Arial, sans-serif;
 text-align: center;
 margin: 0px;
 background: url('body.gif') white right bottom no-repeat fixed;
}
h1, h2, h3 {
 clear: both;
 font-size: 13pt;
 text-align: left;
 margin: 20px 0px 25px 10px;
 padding-left: 3px;
 border-bottom: 1px solid #fff580;
}
h2, h3 {
 font-size: 10pt;
 margin: 25px 0px 15px 20px;
}
h3 {
 font-weight: normal;
 margin-top: 50px;
}
p, blockquote {
 width: 67%;
 margin: 10px auto;
 text-align: justify;
 line-height: 1.4em;
}
blockquote {
 width: 55%;
 font-style: italic;
 line-height: 1.3em;
}
a {
 color: #53913b;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
/* --> Misc. -----------------> */
img {
 padding: 1px;
 border: 1px solid silver;
 vertical-align: middle;
}
hr {
 width: 100%;
 height: 1px;
 text-align: center;
 border: 1px solid #fff580;
}
table {
 margin: 0px auto;
}
td, th {
 text-align: left;
}
ol, ul {
 text-align: left;
}
ul {
 list-style-type: square;
}
legend {
 padding-right: 5px;
 font-style: italic;
}
input, select, textarea {
 color: black;
 font-size: 12px;
 font-family: Arial, sans-serif;
 vertical-align: middle;
 background-color: white;
 border: 1px solid black;
}
input[type=radio], input[type=checkbox] {
 border: none;
 background: none;
}
/* --> IDs -------------------> */
#main {
 width: 100%;
 margin: 0px auto;
}
#banner {
 height: 105px;
 padding: 10px;
 text-align: left;
 border-bottom: 1px solid black;
 background: url('logo.gif') #f7f7f7 10px top no-repeat;
}
#banner h1, #banner h2 {
 color: black;
 font-size: 24pt;
 font-variant: small-caps;
 text-align: left;
 font-style: italic;
 margin: 0px;
 padding-top: 10px;
 padding-left: 210px;
 border: none;
}
#banner h2 {
 font-size: 12pt;
 font-variant: normal;
 padding-top: 5px;
}
#banner ul {
 position: absolute;
 top: 99px;
 width: 984px;
 text-align: right;
 margin: 0px;
 padding: 2px;
}
#banner li {
 float: left;
 width: 80px;
 margin-left: 2px;
 font-size: 9pt;
 list-style-type: none;
}
#banner li a {
 color: gray;
 display: block;
 margin-top: 3px;
 padding: 4px 0px 2px;
 text-align: center;
 font-weight: bold;
 background: url('menu.gif') white top left no-repeat;
}
#banner li a:hover, #banner li a:focus, #banner li a:active, #banner li a.active {
 color: #29166f;
 margin-top: 0px;
 padding: 6px 0px 4px;
 text-decoration: none;
}
#content {
 min-height: 350px;
 padding: 10px;
 margin-bottom: 10px;
 background: url('content.gif') top left repeat-x;
}
#content li img {
 border: none;
}
#content #newsletter {
 width: 174px;
 border: 1px solid #53913b;
 margin: 0px auto;
 padding: 5px;
 padding-left: 42px;
 background: url('newsletter.gif') #f0f0f0 5px center no-repeat;
}
#content #sponsoren img {
 display: block;
 margin: 10px auto;
 border: none;
}
#content #footer {
 text-align: left;
 border-top: 1px solid #fff580;
 margin-top: 35px;
 padding: 5px 0px 0px 10px;
}
#content #login input {
 width: 100px;
}
#counter {
 display: none;
}
/* --> CLASSes ---------------> */
#content table.links {
 width: 70%;
 margin-bottom: 30px;
}
#content table.links td {
 width: 50%;
}
#content table.style {
 width: 75%;
 margin-bottom: 15px;
}
#content table.style th {
 color: white;
 width: 50%;
 font-size: 16px;
 font-weight: normal;
 background-color: #53913b;
}
#content table.style th a {
 color: white;
 text-decoration: none;
 font-weight: bold;
}
#content table.style td {
 text-align: justify;
}
#content table.style td a {
 font-style: italic;
}
#content table.style .infos td {
 width: 50%;
 padding: 2px;
 font-size: 11px;
 background-color: silver;
}
#content table.image {
 width: 55%;
}
#content table.image td {
 line-height: 1.3em;
 vertical-align: middle;
}
#content table.center td, #content table.center th {
 text-align: center;
 padding: 8px;
}
#content table.center img {
 border: none;
}
#content .indent {
 margin-left: 17%;
}
#content .left {
 float: left;
 margin: 10px 15px 5px 25px;
}
#content .right {
 float: right;
 margin: 10px 25px 5px 15px;
}

/* -> menu-groß ->
#banner ul {
 top: 96px;
 width: 985px;
}
#banner li {
 width: 87px;
 font-size: 11pt;
}
#banner li a {
 background: url('menu_87px.gif') white top left no-repeat;
}
#banner li a:hover, #banner li a:active, #banner li a.active {
 padding: 7px 0px 3px;
}
*/

/*
 Verwendete Farben:
  Grün:     #53913b
  Gelb:     #fff580
  Blau:     #29166f
  Grautöne: white, #f7f7f7, #f0f0f0,
            (#eee), silver, gray, black
*/

