.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.justify {
    text-align: justify;
}

.selected {
    font-weight: 900;
}

html {
    margin-bottom: 1px;
    min-height: 100%;
}

body {
    background-color: #bbbbbb;
    color: #222222;
    font-family: "Lucida Grande", "Trebuchet MS", "Helvetica", "Arial", sans-serif;
    font-size: 11px;
    line-height: 1.4;
    margin: 0px;
    padding: 0px;
}

img {
    border: 0px;
    padding: 2px;
    vertical-align: top;
}

img.link {
    vertical-align: bottom;
}

#wrapper {
    background-color: #ffffff;
    border: 1px solid #777777;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 800px;
}

#header {
    background-color: #f0f0f0;
    border: 1px solid #777777;
    height: 120px;
    margin: 10px;
    margin-bottom: 0px;
    width: 778px;
}

#header img {
    padding: 0px;
}

#header h1 {
    color: #ffffff;
    font-size: 40px;
    text-align: center;
}

#header img {
    border: 1px solid #cccccc;
    height: 120px;
    width: 776px;
}

#sidebar {
    background-color: #8c0000; /* blue: #31639c; */
    border: 1px solid #777777;
    border-bottom: 1px solid #cccccc;
    color: #ffffff;
    font-size: 12px;
    height: 20px;
    margin: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#sidebar img {
    padding-top: 3px;
    vertical-align: bottom;
}

#sidebar li.disabled a {
    color: #4c0000;
}

.actions {
    margin-left: 550px;
    margin-right: 10px;
    position: relative;
    text-align: right;
    top: -18px;
}

#sidebar a,a:visited,
.actions a,a:visited {
    color: #ffffff;
    text-decoration: none;
}

#sidebar a:hover,
.actions a:hover {
    color: #ffad21;
}

#sidebar ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#sidebar li {
    display: inline;
    padding-left: 5px;
}

#content {
    background-color: #f0f0f0;
    border: 1px solid #777777;
    border-bottom: 0px;
    margin: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px;
}

#footer {
    background-color: #e0e0e0;
    border: 1px solid #777777;
    border-top: 1px solid #cccccc;
    color: #777777;
    height: 20px;
    margin: 10px;
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

#footer .actions a,a:visited {
    color: #777777;
}

h1, h2, h3, h4, h5, h6 {
    color: #444444;
    border: 0px;
    font-weight: normal;
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    text-shadow: 1px 1px #cdcdcd;
}

h1.line, h2.line, h3.line, h4.line, h5.line, h6.line {
    border-bottom: 1px solid #d7d7d7;
    margin-top: 0px;
}

div.content-kommentar {
    margin: 0px;
    padding: 0px;
}

p.post-actions {
    color: #444444;
    float: right;
    margin: 0px;
    margin-top: 2px;
    padding: 0px;
    position: relative;
    top: -15px;
    font-size: 9px;
}

p.post-actions a,a:visited {
    color: #777777;
}

form.post-reply {
    margin-top: 20px;
    text-align: center;
}

textarea {
    font-family: "Lucida Grande", "Trebuchet MS", "Helvetica", "Arial", sans-serif;
    font-size: 11px;
}

h1 {
    color: #8c0000;
    font-size: 20px;
}

h1.list-kommentare a:before {
    content:url('/media/images/balloon_left.png') " ";
}

h1.list-nachrichten a:before {
    content:url('/media/images/sticky_note_text.png') " ";
}

h1.list-termine a:before {
    content:url('/media/images/calendar_select.png') " ";
}

h1.detail-kommentare a:before {
    content:url('/media/images/balloons.png') " ";
}

h1.detail-nachrichten a:before {
    content:url('/media/images/sticky_notes_text.png') " ";
}

h1.detail-termine a:before {
    content:url('/media/images/calendar_month.png') " ";
}

h1 a, a:visited {
    color: #8c0000;
}

h1 a:hover {
    color: #444444;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 14px;
}

h4 {
    font-size: 10px;
}

h5 {
    font-size: 8px;
}

h6 {
    font-size: 6px;
}

blockquote {
    background-color: #e0e0e0;
    border: 1px solid #d7d7d7;
    border-top: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
    color: #777777;
    margin: 5px;
    margin-left: 15px;
    padding: 5px;
}

p {
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}

blockquote p {
    margin: 0px;
}

a {
    color: #8c0000;
    text-decoration: none;
}

a.external, a.external-image {
    white-space: nowrap;
}

a.external:before {
    content:url('/media/images/chain_arrow.png') " ";
    position: relative;
    top: 5px;
}

a.external-image:before {
    content:url('/media/images/image_arrow.png') " ";
    position: relative;
    top: 5px;
}

#spamfilter {
    display: none;
}

.preview {
    color: #777777;
}

#controls {
    margin: 0px;
    margin-left: 155px;
    margin-top: 5px;
}

#controls-centered {
    margin: 0px;
    margin-top: 5px;
    text-align: center;
}

#controls input,
#controls-centered input {
    background-color: #d7d7d7;
    border: 1px solid #777777;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #444444;
    padding: 3px;
}

#controls input:hover,
#controls-centered input:hover {
    background-color: #b7b7b7;
    border: 1px solid #777777;
    color: #222222;
}

#pagination,
#pagination-top {
    font-size: 10px;
    text-align: right;
}

#pagination a,
#pagination-top a {
    background-color: #d7d7d7;
    border: 1px solid #777777;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #444444;
    padding: 3px;
    padding-left: 4px;
    padding-right: 4px;
}

#pagination a.current,
#pagination a:hover,
#pagination-top a.current,
#pagination-top a:hover {
    background-color: #b7b7b7;
    border: 1px solid #777777;
    color: #222222;
}

#categories {
    font-size: 10px;
    line-height: 23px;
    text-align: center;
}

#categories a {
    background-color: #d7d7d7;
    border: 1px solid #777777;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #444444;
    padding: 3px;
}

#categories a.current,
#categories a:hover {
    background-color: #b7b7b7;
    border: 1px solid #777777;
    color: #222222;
}

form table tr th {
    padding: 0px;
    padding-right: 5px;
    padding-top: 9px;
    text-align: right;
    vertical-align: top;
    width: 150px;
}

form table tr td {
    border-bottom: 1px solid #d7d7d7;
    font-style: italic;
    padding-bottom: 5px;
    padding-top: 5px;
}

td.wide {
    min-width: 515px;
}

ol {
    margin: 0px;
    margin-top: 5px;
    padding-left: 30px;
}

ul {
    list-style: square outside;
    margin: 0px;
    margin-top: 5px;
    padding-left: 30px;
}

ul.errorlist {
    background-color: #cccccc;
    border: 1px solid #aaaaaa;
    font-style: normal;
    list-style:none;
    margin: 0px;
    padding: 0px;
}

ul.errorlist li {
    margin: 0px;
    padding: 2px;
}

ul.errorlist li:before {
    content:url('/media/images/information_frame.png') " ";
    position: relative;
    top: 2px;
    vertical-align: middle;
}

#single_column {
    font-size: 13px;
    margin: 0px;
    margin-left: 50px;
    margin-right: 50px;
    min-height: 200px;
}

pre {
    font-size: 10px;
}

#id_honeypot {
    display: none;
}

table {
    margin-bottom: 5px;
}

td.content-kommentar {
    background-color: #f7f7f7;
    border: 1px solid #999999;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    vertical-align: top;
    width: 100%;
}

td.content-kommentar p,
.content-kommentar {
    font-size: 10px;
}

td.author-left {
    padding: 5px;
    padding-left: 0px;
}

td.author-right {
    padding: 5px;
    padding-right: 0px;
}

img.avatar {
    /* what will we do with the avatar images? */
}

table.calendar {
    border-spacing: 2px;
}

td.calendar-left {
    border-right: 1px solid #777777;
    margin: 0px;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    width: 50px;
    height: 40px;
}

td.calendar-info {
    margin: 0px;
    padding: 0px;
    text-align: right;
    vertical-align: middle;
}

td.calendar-right {
    margin: 0px;
    padding: 2px;
    padding-top: 4px;
    padding-left: 5px;
    vertical-align: top;
}

.calendar-category {
    color: #777777;
    font-size: 10px;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.calendar-day {
    color: #bbbbbb;
    font-size: 25px;
    margin: 0px;
    padding: 0px;
}

.calendar-month {
    color: #777777;
    font-size: 15px;
    position: relative;
    top: -5px;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.calendar-title {
    font-size: 18px;
    letter-spacing: 0.1em;
    text-shadow: 1px 1px #cdcdcd;
}

.calendar-details {
    font-size: 10px;
}

table.community {
    margin-top: 10px;
    border-spacing: 2px;
}

td.community-left {
    border-right: 1px solid #777777;
    margin: 0px;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    width: 50px;
    height: 40px;
}

td.community-info {
    margin: 0px;
    padding: 0px;
    text-align: right;
    vertical-align: middle;
}

td.community-right {
    margin: 0px;
    padding: 2px;
    padding-top: 4px;
    padding-left: 5px;
    vertical-align: top;
}

.community-category {
    color: #777777;
    font-size: 10px;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.community-day {
    color: #bbbbbb;
    font-size: 20px;
    margin: 0px;
    padding: 0px;
}

.community-month {
    color: #777777;
    font-size: 11px;
    position: relative;
    top: -5px;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.community-title {
    color: #8c0000;
    font-size: 14px;
    text-shadow: 1px 1px #cdcdcd;
}

.community-details {
    font-size: 10px;
}