
html { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; margin: 0; padding: 0 }
body    { color: #666; font-size: 12px; line-height: 17px; background-image: url(../syspix/graylines.gif); background-repeat: repeat; text-align: center; margin: 40px 0 0; padding: 0 20px 20px }
#container   { background-color: #eee; margin: auto; padding: 0; width: 864px; border-style: none solid solid; border-width: 5px; border-color: white }
/* ********** Start: Header ********** */
#header    { height: 200px; border-top: 5px solid white; border-bottom: 1px solid white }
#header h1   { color: white; font-size: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 28px; text-align: left; margin: 30px 0 0 20px }
/* ********** End: Header ********** */
/* ********** Start: Menu ********** */
#menu      { font-size: 12px; text-align: left; margin: 27px 0 16px; width: 200px; float: left }
#menu li    { list-style-type: none; margin: 0; padding: 0 0 6px }
#menu .menu0   { margin: 0; padding: 0 }
#menu .active0, #menu .inactive0    { color: #666; text-decoration: none; display: block; margin: 0; padding: 0 10px 6px 20px; border-bottom: 1px solid #fff }
#menu .active0      { color: #688d03; list-style-image: url("../syspix/arrow.gif"); list-style-position: inside; display: list-item; margin: 0 0 0 1px }
#menu .activeli0 ul, #menu .inactiveli0 ul    { margin: 0; padding: 6px 0 0 12px }
#menu .active0:hover, #menu .inactive0:hover      { color: #688d03 }
#menu .active0:focus, #menu .inactive0:focus { outline-style: none; outline-width: medium }
#menu .menu1     { margin: 0 0 0 1px; padding: 0; border-bottom: 1px solid white }
#menu .activeli1 a      { color: #688d03; text-decoration: none; list-style-image: url("../syspix/arrow.gif"); list-style-position: inside; display: list-item; margin: 0 0 0 1px; padding: 0 }
#menu .inactiveli1 a      { color: #666; text-decoration: none; margin: 0 0 0 22px; padding: 0 }
#menu .activeli1 .active1, #menu .activeli1 .active2, #menu .activeli1 .active3, #menu .activeli1 .active4, #menu .activeli1 .active5, #menu .activeli1 .active6, #menu .activeli1 .active7, #menu .activeli1 .active8, #menu .activeli1 .active9     { color: #688d03; list-style-image: url("../syspix/arrow.gif"); list-style-position: inside; display: list-item; margin: 0 0 0 23px; padding: 0 }
#menu .inactiveli1 a:hover   { color: #688d03; margin: 0 0 0 22px; padding: 0 }
#search   { color: #666; font-size: 12px; line-height: 30px; text-align: left; margin: 0; padding: 0 0 0 18px }
/* ********** End: Menu ********** */
/* ********** Start: Bilder ********** */
img   { margin-top: 3px; margin-bottom: 10px; padding: 0; max-width: 624px; border-style: none }
img.l       { margin: 3px 12px 10px 0; padding: 0; max-width: 624px; float: left }
img.r    { margin: 3px 0 10px 12px; padding: 0; max-width: 624px; float: right }
/* ********** End: Bilder ********** */
/* ********** Start: Content ********** */
#content     { background: #fff; text-align: left; margin: 0 0 0 200px; padding: 20px 20px 30px }
#content p { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 17px; margin: 10px 0; padding: 0 }
#content p.success { background-color: #edfff0; margin: 0; padding: 12px; border: solid 1px green }
#content p.error { background-color: #ffe6e6; margin: 0; padding: 12px; border: solid 1px #ff736e }
#content ul    { list-style-type: disc; margin: 0; padding: 0 0 0 17px }
#content a:link, #content a:visited, #content a:active, #content a:focus   { color: #688d03; font-weight: normal; text-decoration: none; outline-style: none; outline-width: medium }
#content a:hover { color: #666; text-decoration: underline }
#content #pagetitle   { color: #666; font-size: 12px; font-weight: normal; margin: 0; padding: 2px 0; border-bottom: 1px solid #ccc }
#content h1  { color: #666; font-size: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 28px; margin: 15px 0 14px; padding: 0 }
#content h2 { color: #666; font-size: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 26px; margin: 15px 0 12px; padding: 0 }
#content h3 { color: #666; font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 24px; margin: 13px 0 11px; padding: 0 }
#content h4 { color: #666; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 21px; margin: 14px 0 10px; padding: 0 }
#content h6 { color: #666; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 18px; margin: 14px 0 10px; padding: 0 }
#content h5   { color: #666; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 21px; margin: 16px 0 10px; padding: 0 0 0 8px; border-left: 21px solid #b5c38e }
#content pre  { color: white; font-size: 1px; margin: 14px 0; padding: 0; height: 1px; border-top: 1px solid #ccc }
#content blockquote p  { color: #b5c38e; font-size: 20px; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: bold; line-height: 24px; text-align: center; margin: 10px 0; padding: 0 }
#content table  { font-size: 12px; margin: 14px 0 18px; padding: 0; width: 100%; border: solid 1px #ccc }
#content table caption  { font-size: 14px; text-align: left; margin: 0; padding: 0 0 6px }
#content table td { font-size: 12px; background-color: #eee; margin: 0; padding: 0 0 0 4px; height: 22px }
#content input { color: #666; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 3px 0 0; padding: 0 }
#content textarea { color: #666; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 17px; margin: 3px 0 0; padding: 0 }
#gototop  { color: #999; font-size: 11px; text-decoration: none; margin: 0; padding: 10px 0 0; border-top: 1px solid #ccc }
#gototop a:link, #gototop a:visited, #gototop a:active { color: #666 }
#gototop a:hover { text-decoration: underline }
/* ********** End: Content ********** */
/* ********** Start: Footer ********** */
#footer { color: #666; font-size: 11px; text-align: center; margin-top: 10px }
#footer a:link, #footer a:visited, #footer a:active { color: #666; text-decoration: none }
#footer a:hover { color: #666; text-decoration: underline }
/* ********** End: Footer ********** */
/* ********** Start: Blog / Guestbook ********** */
.blogtitle  { color: #666; font-size: 14px; font-weight: normal; display: inline }
.blogheader { padding-bottom: 6px; border-bottom: 1px solid #ccc }
.blogmeta { font-style: italic; display: inline; margin-left: 6px }
.blogarticle  { background: #f8f8f8; margin: 12px 0; padding: 12px; border: solid 1px #ccc }
.blogtitle a { color: #666; text-decoration: none }
.blogfooter  { margin-top: 20px; padding-top: 6px; border-top: 1px solid #ccc }
#content .blogpaginationtop   { color: #666; font-size: 11px; text-align: left; margin-top: 20px }
#content .blogpaginationbottom  { color: #666; font-size: 11px; text-align: left; padding-bottom: 10px }
#content .blogpaginationtop a, #content .blogpaginationtop span, #content .blogpaginationbottom a, #content .blogpaginationbottom span { color: #666; padding: 2px 6px; border: solid 1px #ccc }
#content .blogpaginationtop span, #content .blogpaginationbottom span { background: #f8f8f8 }
#content .blogpaginationtop span.inactive, #content .blogpaginationbottom span.inactive { color: #ccc }
#content .blogpaginationtop a, #content .blogpaginationbottom a { text-decoration: none; background: #eee }
#content .blogpaginationtop a:hover, #content .blogpaginationbottom a:hover { color: #333; background: #f8f8f8 }
#comments { font-size: 12px; margin: 20px 0 12px }
.comment   { margin-top: 30px; margin-bottom: 12px; padding: 12px }
.comment + .comment { margin-top: 0 }
.comment.odd  { background: #f8f8f8 }
.comment.even  { background: #f2f2f2 }
.commentheader   { margin: 0; padding: 10px 0 4px; border-top: 1px solid #ccc }
.commentcount  { font-weight: bold }
.commentmeta { font-style: italic }
.commentcontent    { color: #666; margin: 0; padding: 0 }
p.success   { background-color: #edfff0; margin: 0; padding: 12px; border: solid 1px green }
p.error { background-color: #ffe6e6; margin: 0; padding: 12px; border: solid 1px #ff736e }
/* ********** End: Blog/Guestbook ********** */

