body {
 background-color: #fff;
 color: #000;
 margin:0px;
 padding:5px;
}

div {
 margin: 0px;
 padding: 0px;
}

img {
 border:0px;
}

div#banner {
 width:530px;
 height:110px;
 background-image:url(../image/banner.abi05.jpg);
 background-repeat:no-repeat;
 background-position:top right;
 float:right;
 margin:3px;
 padding:0px;
 text-align:right;
}

h1, h2, h3, h4, h5, h6, th, td {
 font-family:sans-serif;
}

p, div, span, ul {
 font-family:sans-serif;
 font-size:10pt;
}

#title {
 text-align:center;
}

.date {
 padding-left: 0.5em;
 color: #aab;
}

.author {
 color: #aab;
}

.b {
 font-weight:bold;
}

.back {
 text-align:center;
 padding:10px;
}

.back a, .back a:visited, div.announcement a, div.announcement a:visited {
 color:#0000B0;
}

.back a:hover, .back a:active, div.announcement a:hover, div.announcement a:active {
 color:#006;
}

table {
 width:100%;
 border:0px;
}

div#nav {
 width:20%;
 float:left;
 margin:0px;
 padding:0px;
 padding-top:20px;
 text-align:center;
}

div#nav div {
 margin: 0px;
 padding: 0px;
}

div#nav h3 {
 margin: 0px;
 padding:2px;
 color:#FFFFFF;
 background-color:#34007B;
}

div#nav ul {
 margin:0px;
 padding:2px;
 background-color:#FFFFFF;
 list-style-type:none;
 border-right: 1px solid #34007B;
 border-left: 1px solid #34007B;
 border-bottom: 1px solid #34007B;
}

div#nav ul a {
 display:block;
 width:100%;
 background-color:#FFFFFF;
 text-decoration:none;
 color:#0000B0;
}

div#nav ul li a span.old_section {
 font-size:7pt;
 color:#888;
}

div#nav ul a:hover {
 background-color:#dde;
 text-decoration:underline;
 color:#006;
}

div#nav ul a.selected {
 font-weight: bold;
}

div#content {
 width:77%;
 min-height:350px;
 float:right;
 padding:0px;
 background-repeat:no-repeat;
}

body > div#content { /* use explicitly "body > " here to make the background image disappear in IE6 since it does also not interpret the next rule! */
 background-image:url(../image/bg.jpg);
}

div#content > div {
 margin:0px;
 padding:15px 5px 5px 15px;
}

div.announcement {
 background-image:url(../image/icon-announcement.jpg);
 background-position:top left;
 background-repeat:no-repeat;
 margin:0px 0px 5px 0px;
 padding:5px 5px 5px 50px;
 border:2px solid #f00;
 font-weight:bold;
 color:#f00;
}

div.box {
 margin:0px 0px 5px 0px;
 padding: 0px;
 border: 1px solid #dde;
}

div.box h3 {
 margin:0px;
 padding:2px;
 background-color:#dde;
}

div.box div.box-content {
 padding:2px;
}

div.box div.box-content p {
 padding: 0.5em;
 margin: 0px;
}

div.box div.box-content p.remark {
 color:#808080;
}

div.box div.box-content p a:link, div.box div.box-content p a:visited {
 color:#0000B0;
 text-decoration:none;
}

div.box div.box-content p a:hover, div.box div.box-content p a:active {
 color:#006;
}

div.thumbnail {
 float: left;
 width: 150px;
 height: 280px;
 margin-top:10px;
}

div.thumbnail a {
 display: block;
 color: #00c;
 text-decoration: none;
 padding:5px 10px 0px 10px;
}

div.thumbnail a:hover { /* // derive using ">" since IE6 crashes otherwise (when it applies this rule)! NOTE: This breaks all links in IE5! */
/* background-color:#dde;*/
 text-decoration:underline;
 color:#006;
/*
 position: relative;
 top: -65px;
 left: -65px;
 width: 260px;
*/
}

div.thumbnail div.imgenvelope {
/*
 background: #aab;
 position: relative;
 top: 4px;
 left: 4px;
*/
 padding:0px;
}

div.thumbnail img {
/*
 position: relative;
 bottom:4px;
 right: 4px;
*/
 width: 100%;
 border: none;
 padding:0px;
 margin:0px;
}

div.thumbnail div {
 text-align: center;
 padding:5px 0px 0px 0px;
}

div.floatend {
 clear: both;
}

div.committee_members {
 width:48%;
 float:left;
}

div.calmonth {
 width: 100%;
}

div.calmonth ul.calweekdays {
 display: block;
 margin: 0px;
 padding: 0px;
}

div.calmonth ul.calweekdays li.calweekday {
 display: block;
 float: left;
 width: 14%;
 text-align: center;
 border: 0.5px solid #dde;
}

div.calweek {
 clear: left;
}

div.calnoday {
 display: block;
 float: left;
 width: 14%;
 border-top: 0.5px solid #dde;
 border-bottom: 0.5px solid #dde;
 border-right: 0.5px solid transparent;
 border-left: 0.5px solid transparent;
}

div.calday {
 display: block;
 float: left;
 width: 14%;
 height: 6em;
 border: 0.5px solid #dde;
 overflow:auto;
 padding-top:1.5em;
}

div.calday:hover {
 background: #dde;
}

div.calday .day {
 display: block;
 height: 0px;
 text-align: center;
 overflow: visible;
 font-size: 3em;
 color: #ccd;
 padding: 0px;
 margin: 0px;
}

div.calday ul {
 list-style-type:none;
 list-style-position:inside;
 margin: 0px;
 margin-top:-1.5em;
 padding: 0px;
}

div.calday li {
 border-top: 1px solid #aab;
}

div.calday a {
 color:#0000B0;
 text-decoration: none;
}

div.calday a:hover {
 text-decoration: underline;
}

div.calday .time:after {
 content: " Uhr ";
}

div.calday .title {
 font-weight: bold;
}

div.previous, div.next {
 padding:0px;
 margin:0px;
 background-repeat: no-repeat;
 height: 36px;
 line-height: 36px;
 white-space: nowrap;
}

div.previous {
 float: left;
 background-image: url(../image/previous-3.gif);
 background-position:top left;
}

div.next {
 float: right;
 background-image: url(../image/next-3.gif);
 background-position:top right;
}

div.previous:hover {
 background-image: url(../image/previous-3-hover.gif);
}

div.next:hover {
 background-image: url(../image/next-3-hover.gif);
}

div.previous a, div.next a {
 text-decoration: none;
 color: #34007B;
}

div.previous a:hover, div.next a:hover {
 color: #64a;
}

div.previous a {
 padding-left: 25px;
}

div.next a {
 padding-right: 25px;
 text-align:right;
}

table.article_list, table.reservations, table.addresses {
 width:100%;
 border:0px;
}

table.article_list tr:hover, table.reservations tr:hover, table.addresses tbody:hover {
 background-color:#dde;
 border-top:1px solid #fff;
 border-bottom:1px solid #fff;
}

table.article_list tr th , table.reservations tr th, table.addresses tr th {
 background-color:#EDEDFF;
 border:0px;
 border-top:1px solid #dde;
 border-bottom:1px solid #dde;
 font-size:10pt;
}

table.article_list tr td, table.reservations tr td, table.addresses tr td {
 border:0px;
 margin-top:1px;
 border-top:1px solid #dde;
 border-bottom:1px solid #dde;
 font-size:10pt;
}

table.addresses tr td, table.addresses tr td div, table.addresses tr td span {
 font-size:8pt;
}

table.article_list tr td div, table.addresses tr td div {
 padding:0px;
 margin:0px;
}

table.article_list tr td a {
 display:block;
 color:#0000B0;
 text-decoration:none;
}

table.article_list tr:hover td a {
 color:#006;
}

table.article_list td div.description {
 font-size:8pt;
}

table.article_list tr td.last_post {
 height:30pt;
 font-size:8pt;
}

table.article_list tr td.last_post a {
 display:inline;
 font-size:8pt;
}

p.link_post_form {
 background-image:url(../image/post.png);
 background-repeat:no-repeat;
 background-position:top left;
 padding-left:15px;
 margin-left:2px;
}

p.link_post_form a {
 color:#0000B0;
 text-decoration:none;
}

p.link_post_form a:hover {
 color:#006;
}

div.form_title {
 padding:2px;
 margin:0px;
 border:1px solid #dde;
 background-color:#dde;
 font-weight:bold;
 text-align:center;
}

form div div.form_title {
 margin:2px 5px;
}

div.form_field {
 padding:5px;
 text-align:center;
 clear: both;
}

div.form_field div.example {
 font-size:8pt;
 color:#999;
}

div.form_buttons {
 text-align:center;
}

div.votes div.form_buttons {
 margin-bottom: 1em;
}

div.form_field input, div.form_field textarea, div.form_field select, div.form_field_image input, div.form_buttons input {
 border:1px solid #dde;
 background-color:#EDEDFF;
 color:#006;
 font-size:10pt;
}

div.form_buttons input.mainoption {
 font-weight:bold;
}

div.form_buttons input.liteoption {
 font-size:9pt;
}

div.form_field_image {
 padding:5px;
 text-align:right;
 border: 0.5px solid #dde;
 width: 32em;
 height: 10em;
 line-height:2em;
 float: left;
 nowrap: nowrap;
}

div.form_field_image img {
 float: left;
 height: 7em;
 border: 0px;
}

div.form_field_image div.warning {
 width:32em;
 height:2em;
 line-height:2em;
 color:#f00;
 font-weight:bold;
}

div.success, div.error {
 min-height:50px;
 overflow:visible;
 margin:10px;
 padding-left:50px;
 background-position:top left;
 background-repeat:no-repeat;
 white-space:no-wrap;
 border:1px solid #dde;
}

div.success {
 background-image:url("../image/icon-info-1.png");
}

div.error {
 background-image:url("../image/icon-error-1.png");
}

div.success a, div.error a {
 color:#0000B0;
 text-decoration:none;
}

div.success a:hover, div.error a:hover {
 color:#006;
}

div.vote {
 background-image:url(../image/icon-vote.gif);
 background-repeat:no-repeat;
 background-position:center left;
 padding-left:35px;
 line-height:2.5em;
 margin-top:4px;
}

div.vote:hover {
 background-color:#dde;
}

div.vote a {
 color:#0000B0;
 text-decoration:none;
}

div.vote a:hover {
 color:#006;
}

table.vote_options {
 width:100%;
 border:0px;
 border-spacing: 0px;
}

table.vote_options tr:hover {
 background-color:#dde;
}

table.vote_options tr td {
 border:0px;
 border-top:1px solid #dde;
 padding-left: 1em;
 padding-right: 1em;
 font-size:10pt;
}

div.vote_bar {
 height: 1em;
 background-color: #34007B;
}

div.vote_result {
 text-align: right;
}

div.person {
 float: left;
 border-bottom: 1px solid #dde;
 width: 251px;
 height: 6em;
 padding: 0.3em;
}

div.person:hover {
 background: #dde;
}

div.person h4 {
 margin: 0px;
 padding: 0px;
}

div.person span {
 display: block;
}

div.link {
 width:100%;
}

div.link div.screenshot {
 float:left;
}

div.link p {
 padding-left:205px;
}

div.link p a {
 color:#0000B0;
 text-decoration:none;
}

div.link p a:hover {
 color:#006;
}

p#copyright {
 clear:both;
 text-align:center;
 font-size:10px;
 color:#C4C4C4;
}

p#copyright a {
 color:#C4C4C4;
 text-decoration:underline;
}

p#copyright a:hover {
 color:#000000;
}