
body            { color: #414032; font-size: 100%; font-family: "Times New Roman", Times, Georgia, serif; background-color: #fff; text-align: center; width: 99% }
#main          { text-align: center; margin-top: 20px; margin-right: auto; margin-left: auto; width: 51em; max-width: 2000px }
body>#main  { min-width: 700px }
#topheader        { height: 100px }
#topheader img  { margin: 0; padding: 0; border-width: 0; outline-width: 0 }
#topheader ul          { font-size: 0.84em; line-height: 37px; background-color: transparent; background-image: url("design/noten_oben.gif"); background-repeat: repeat-x; background-position: left bottom; text-align: center; list-style-type: none; margin: -0.4em 0 0; padding: 0; width: auto; height: 32px }
#navlist li  { display: inline }
#navlist a:link, #navlist a:visited     { color: black; font-weight: normal; text-decoration: none; padding: 0 1% }
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
 { color: #8c4118 }
h1#header            { text-align: left; margin-top: -36px; margin-left: 23%; padding: 0; position: relative; left: -15px; width: 75%; max-width: 1500px; clear: both }
h1#header-doppel { text-align: left; margin-top: -62px; margin-left: 23%; padding: 0; position: relative; left: -15px; width: 75%; max-width: 1500px; clear: both }
h1#header img  { margin-left: -5px }
h1#header-doppel img { margin-left: -5px }
h1#header[title]      { margin-bottom: 30px; position: static }
h1#header-doppel[title] { margin-bottom: 30px; position: static }
h3  { font-size: 0.85em; font-family: Helvetica, Geneva, Arial, sans-serif; font-weight: bold; line-height: 1.2em; text-align: left; margin: 2em 40px 0.2em 50px }
#content     { margin-right: auto; margin-bottom: 0; padding: 1em 0 0 10px; width: 70%; height: 300px; max-width: 1500px; float: right; border-left: 1px solid #8c4118 }

/* hide from IE Mac \*/
#content {width: 75%}
/* end hack */
#contentsmall  { text-align: left; margin-right: 0; margin-bottom: 10px; padding: 1em 0 10px 10px; width: 98%; border-left: 1px solid #8c4118 }
html>body #content { /* be nice to opera (&gekko) */
height: auto;
min-height: 300px;
}
#content h2 { font-size: 0.95em; font-family: Helvetica, Geneva, Arial, sans-serif; font-weight: bold; line-height: 1.2em; text-align: left; margin: 0 40px 1.2em 50px }
#contentsmall h2  { font-size: 0.95em; font-family: Helvetica, Geneva, Arial, sans-serif; font-weight: bold; line-height: 1.2em; text-align: left; margin: 10px 40px 1.2em 20px }
p + h2 { font-size: 0.95em; font-family: Helvetica, Geneva, Arial, sans-serif; font-weight: bold; line-height: 1.2em; text-align: left; margin: 2em 40px 1.2em 50px }
#content p, table       { font-size: 0.85em; font-family: Helvetica, Geneva, Arial, sans-serif; line-height: 1.2em; text-align: justify; margin: 0 40px 10px 50px }
#content table.tabelle { font-size: 1em; font-family: Helvetica, Geneva, Arial, sans-serif; line-height: 1.2em; margin: 0; padding:0;}
#contentsmall p, table  { font-size: 0.85em; font-family: Helvetica, Geneva, Arial, sans-serif; line-height: 1.2em; text-align: justify; margin: 0 40px 10px 20px }
#content ul  { font-size: 0.85em; font-family: Helvetica, Geneva, Arial, sans-serif; line-height: 1.2em; text-align: justify; margin: 10px 40px 0 50px; padding: 0 }
#content li      { background-image: url("design/content-trenner.gif"); background-repeat: no-repeat; background-position: center 100%; list-style-type: none; margin: 0; padding: 5px 0 20px }
#content p.top      { color: #8c4118; text-align: right; margin-right: 0; margin-bottom: -2px; padding-right: 0; padding-bottom: 0; float: right; clear: both }
#content a:link   { color: #8c4118; font-size: inherit; font-family: Helvetica, Geneva, Arial, sans-serif; line-height: 1.2em; text-decoration: none; text-align: justify }
#content a:visited { color: #8c4118; font-family: Helvetica, Geneva, Arial, sans-serif; text-decoration: none; text-align: justify }
#content a:hover   { color: #8c4118; font-family: Helvetica, Geneva, Arial, sans-serif; text-decoration: underline }
#contentsmall a:link   { color: #8c4118; font-size: inherit; font-family: Helvetica, Geneva, Arial, sans-serif; line-height: 1.2em; text-decoration: none; text-align: justify }
#contentsmall a:visited { color: #8c4118; font-family: Helvetica, Geneva, Arial, sans-serif; text-decoration: none; text-align: justify }
#contentsmall a:hover   { color: #8c4118; font-family: Helvetica, Geneva, Arial, sans-serif; text-decoration: underline }
#contentsmall h1 { margin: 0 0 20px; padding: 0; width: 400px; float: left }
#sidebar        { text-align: left; margin: 1em 0 0; padding: 0; max-width: 500px; width: 23%; float: left }
#subnav
        { font-size: 0.84em; background-image: url("design/trenner1.gif"); background-repeat: no-repeat; background-position: left top; text-align: left; margin: 0; padding: 0; width: 100% }

#subnav li
       { background-image: url("design/trenner1.gif"); background-repeat: no-repeat; background-position: left bottom; list-style: none; margin: 0; padding: 0.5em 0; width: 12em; overflow: visible }
#subnav a:link, #subnav a:visited { color: #414032; text-decoration: none }
#subnav a:link#current, #subnav a:visited#current, #subnav a:hover { color: #8c4118; text-decoration: none }
#subnav .listheader { color: #8c4118; font-weight: bold; text-decoration: none }
#subnav a:link.current, #subnav a:visited.current { color: #8c4118; text-decoration: none }
#subnav-2
             { font-size: 0.84em; background-image: url("design/trenner1.gif"); background-repeat: no-repeat; background-position: 0 0; margin-top: 43px; margin-left: 0; padding-top: 0.5em; padding-left: 0; width: 100px }
#subnav-2 li
  { list-style: none; margin: 0;}
#subnav-2 a:link, #subnav-2 a:visited { color: #414032; text-decoration: none }
#subnav-2 a:link.current, #subnav-2 a:visited.current, #subnav-2 a:hover { color: #8c4118; text-decoration: none }
.listentrenner   { background-image: url("design/trenner1.gif"); background-repeat: no-repeat; background-position: 0 0; margin: -0.8em 0 0; padding: 0 }
#footer      { color: black; margin-top: 20px; width: 100% }
#footer ul       { color: black; font-size: 0.84em; line-height: 2.5em; background-color: transparent; background-image: url("design/noten_unten.gif"); background-repeat: repeat-x; background-position: left bottom; text-align: center; list-style-type: none; margin: 0; padding: 0; width: 100%; height: 31px }
#navlist-unten li
 { list-style-type: none; display: inline; margin: 2em 0 0; padding: 0 }

#navlist-unten a:link, #navlist-unten a:visited
       { color: black; text-decoration: none; margin: 0 0.7em 4px }

#navlist-unten a:link#current, #navlist-unten a:visited#current, #navlist-unten a:hover
{
background: transparent;
color: #8c4118;
}

#navlist-unten a:hover { color: #8c4118; }
.trenner { background-image: url("design/content-trenner.gif"); background-repeat: no-repeat; background-position: center top; text-indent: 0; list-style-type: none; margin: 0; padding: 10px 0 }
.clear   { margin: 0; padding: 0; height: 0.1px; clear: both }
.right { display: inline; margin-right: 0; margin-bottom: 10px; margin-left: 20px; float: right }
.left     { display: inline; margin: 5px 20px 20px -40px; float: left }
a img { border-style: none }

form    { color: #414032; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin: 0; padding: 0.5em; clear: both }
form br { clear: left; }
input, select, textarea    { color: #414032; font-size: 0.85em }
label, select    { font-size: 0.85em; display: block; margin: 0.3em 20px 0.5em 0; padding: 0.5em 0; width: 156px; float: left }
input#Mitglied { background-color: transparent; text-align: left; margin-right: 1em; margin-bottom: 1em; margin-left: 40px; width: auto; float: left; border-style: none }
input, textarea      { font-size: inherit; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #fffaf0; margin: 0.5em 0 0.5em 0; padding: 4px 0 4px 4px; width: 62%; float: left; border: solid 1px silver }
#contentsmall label,  select { font-size: 0.85em; display: block; margin: 0.3em 20px 0.5em 0; padding: 0.5em 0; width: 110px; float: left }
#contentsmall input, #contentsmall textarea { font-size: inherit; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #fffaf0; margin: 0.5em 0 0.5em 0; padding: 4px 0 4px 4px; width: 250px; float: left; border: solid 1px silver }
#contentsmall .button { font-size: 0.85em; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; margin-right: 4px; margin-left: 4px; width: 100px; border-style: solid none; border-width: 1px 0; border-color: #8c4118 }
label { text-align: right; padding-right: 1em; }
.button    { font-size: 0.85em; font-family: Georgia, "Times New Roman", Times, serif; margin: 10px 4% 10px 10px; width: 120px; float: right; border-style: solid none; border-width: 1px 0; border-color: #8c4118  }
.event  { background-image: url("design/content-trenner.gif"); background-repeat: no-repeat; background-position: 50% 0; margin: 0; padding: 20px 0 10px; clear: both }
.element    { background-image: url("design/content-trenner.gif"); background-repeat: no-repeat; background-position: 50% 0; margin: 0; padding: 25px 0 5px }
.movie   { text-align: left; margin: 20px 40px 5px 50px; width: auto; clear: both }
.movie h3  { font-size: 0.85em; font-family: Helvetica, Geneva, Arial, sans-serif; font-weight: bold; line-height: 1.2em; text-align: left; margin: 1em 40px 0.2em 50px }
.movie p  { padding-top: 2px }
.movie img   { margin-right: 20px; margin-bottom: 20px; width: 160px; float: left; border: solid 1px #8c4118 }
.movie .buttonimg { text-align: left; margin-top: -5px; margin-right: 10px; margin-bottom: 0; width: auto; float: left; clear: none }
.enger { letter-spacing: -0.05em }
.weiter { letter-spacing: 0.1em }
