body {
    background-color: #fff;
    font-family: sans-serif;
    font-size: 13px;
    margin: 10px;
    padding: 0;
}
a {
    color: #5B4832;
    text-decoration: underline;
}
a:hover {
    color: #111;
}
a.active {}
a.disabled {
    color: #aaa;
}
table {
    border-collapse: collapse;
}
hr {
    border: none;
    border-top: 1px solid #d8d8d8;
    padding: 0;
    margin: 2px 0 2px 0;
}
hr.spacer {
    border: none;
    height: 20px;
}
form {
    padding: 0;
    margin: 0;
    display: inline;
}
img {
    border: 0;
}

/* :::: FORMS :::: */
input[type="button"],
input[type="submit"],
input[type="reset"] {
    background-color: #fafafa;
    border: 1px solid #d8d8d8;
    padding: 1px;
    font-size: 13px;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
    border: 1px outset #d8d8d8;
}
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active {
    border: 1px inset #d8d8d8;
}
input[type="text"],
input[type="password"],
textarea {
    border: 1px solid #d8d8d8;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="reset"]:focus,
textarea:focus {
    border: 1px solid #999;
}
select option.spacer {
    height: 2px!important;
    line-height: 2px!important;
    font-size: 1px!important;
    background-color: #ddd;
}
select option.caption {
    font-weight: bold;
    background-color: #eee;
}

/* :::: HEADER :::: */
#header {
    margin: -10px -10px 0 -10px;
    padding: 0;
    background-color: #fff;
    height: 70px;
    background: url("images/header.png") repeat-x left bottom;
}
#header h1, #header p { display: none; }
#header ul {
    position: absolute;
    top: 38px;
    right: 10px;
    list-style-type: none;
    margin: 0;
    padding: 0
    float: right; 
}
#header ul li {
    float: left;
    padding: 0 0 0 5px;
    margin: 0 5px 0 0;
    background: url("images/tab_normal.png") no-repeat left top;
    cursor: pointer;
}
#header ul li a {
    float: left;
    padding: 13px 15px 4px 8px;
    margin: 0 -5px 0 0;
    background: url("images/tab_normal.png") no-repeat right top;
    color: #666;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}
#header ul li:hover { background-position: left -163px; }
#header ul li:hover a { background-position: right -163px; color: #111; }
#header ul li.active {
    background: url("images/tab_active.png") no-repeat left top;
}
#header ul li a:focus {
    outline: none; 
    -moz-outline: none;
}
#header ul li.active a {
    background: url("images/tab_active.png") no-repeat right top;
    color: #000;
    -moz-outline: none;
}
#header ul li.active:hover {
    background-position: left top;
}
#header ul li.active:hover a {
    background-position: right top;
}
#logo {
    float: left;
    height: 50px;
    width: 300px;
    padding: 10px;
    margin: 0;
}
#breadcrumbs {
    background-color: #eee;
    border-bottom: 1px solid #d8d8d8;
    margin: 0 -10px 14px -10px;
    padding: 2px 18px 2px 18px;
    font-weight: bold;
    color: #999;
    vertical-align: center;
}
#breadcrumbs a {
    font-weight: normal;
    color: #000;
    text-decoration: none;
    font-size: 10px;
}
#loginlogout {
    float: right;
    padding: 14px 20px 0 0;
}

/* :::: FOOTER :::: */
#footer {
    text-align: center;
    margin: 30px 0 10px 0;
    font-size: 9px;
    color: #999;
}
#footer a { color: #999; }

/* :::: SIDEBAR :::: */
div.sidebar {
    float: right;
    width: 200px;
}
div.sidebar div.title {
    text-align: center;
    padding: 1px 0 1px 0;
    background-color: #eee;
    font-weight: bold;
}
div.sidebar div.title a {
    text-decoration: none;
    color: #000;
}
div.sidebar div.text {
    font-size: 12px;
    padding: 3px;
    margin: 0 0 12px 0;
}
div.sidebar div.text .small {
    font-size: 11px;
}
div.sidebar ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
div.sidebar ul li {
    padding: 0 0 3px 4px;
}
div.sidebar ul li ul li {
    padding: 0 0 3px 8px;
}
div.sidebar ul.small {
    margin: 0;
    padding: 0;
    font-size: 11px;
    list-style-type: none;
}
div.sidebar ul.small li {
    padding: 0 0 3px 4px;
}

.content {
    margin: 0 220px 0 0;
    padding: 0;
}

/* :::: DIALOG :::: */
div.dialog {
    margin: 5px 0 7px 0;
}
div.dialog h2 {
    display: block;
    font-size: 19px;
    font-weight: bold;
    color: #5B4832;
    text-decoration: none;
    border-bottom: 1px solid #d8d8d8;
    margin: 0 0 5px 0;
    padding: 2px 0 1px 3px;
}
div.dialog h2:hover, div.dialog h3:hover {
    background-color: #f2f2f2;
}
div.dialog h2 a, div.dialog h3 a {
    display: block;
    color: #5B4832;
    text-decoration: none;
}
div.dialog h3 {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #5B4832;
    text-decoration: none;
    border-bottom: 1px solid #d8d8d8;
    margin: 0 0 5px 0;
    padding: 2px 0 1px 3px;
}
div.dialog div.text {
    margin: 5px 0 4px 9px;
}
div.dialog .info {
    color: #aaa;
    font-size: 11px;
    padding: 2px 0 8px 0;
    float: right;
}
div.dialog img.icon {
    float: left;
    padding: 4px 10px 0 4px;
}
.right {
    text-align: right;
}

/* :::: PORTAL :::: */
.portalblock {
    margin: 10px 0 10px 0;
    padding: 0;
}
.portalblock h3 {
    color: #5B4832;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #d8d8d8;
    padding:2px 0 3px 5px;
    margin: 0 0 3px 0;
}
.portalblock h3:hover {
    background-color: #f2f2f2;
}
.portalblock h3 a {
    display: block;
    color: #5B4832;
    text-decoration: none;
}

/* :::: NEWS :::: */Benutzername
div.dialog div.flattable {
    border-bottom: 1px dotted #d8d8d8;
    margin: 3px 0 8px 0;
}
div.dialog div.flattable div.title a {
    text-decoration: none;
    font-weight: bold;
}
div.dialog div.flattable div.extra {
    color: #aaa;
    font-size: 11px;
}

/* :::: INDEX :::: */
table.indend {
    margin: 0 0 0 10px!important;
}
table.forum {
    width: 100%;
    margin: 0;
}
table.forum th {
    font-size: 14px;
    font-weight: bold;
    color: #5B4832;
}
table.forum td {
    font-size: 13px;
}
table.forum .col_posts {
    width: 60px;
}
table.forum .col_lastpost {
    width: 120px;
}
table.forum td.col_posts {
    font-size: 11px;
    text-align: center;
}
table.forum td.col_lastpost {
    font-size: 11px;
    text-align: right;
}
table.forum .col_cat a {
    display: block;
    font-size: 19px;
    font-weight: bold;
    color: #5B4832;
    text-decoration: none;
    border-bottom: 1px solid #d8d8d8;
    margin: 0 0 5px 0;
    padding: 2px 0 1px 3px;
}
table.forum .col_cat a:hover {
    background-color: #f2f2f2;
}
table.forum .col_icon {
    vertical-align: center;
    text-align: center;
    padding-bottom: 8px;
    width: 40px;
}
table.forum .col_description h3,
table.forum .col_description p {
    margin: 0;
    padding: 0;
}
table.forum .col_description h3 a {
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
}
table.forum .col_description p.desc {
    font-size: 13px;
    margin: 1px 0 3px 0;
}
table.forum .col_description p.mods {
    font-size: 11px;
    margin: 1px 0 7px 0;
}

/* :::: SEARCH :::: */
table.forum .col_forum {
    width: 150px;
    text-align: left;
}
table.forum .col_username {
    width: 200px;
    text-align: left;
    padding-left: 10px;
}
table.forum .col_last_update {
    width: 180px;
    text-align: left;
}
table.forum .col_forum_location {
    text-align: center;
}

/* :::: PRIVMSGS :::: */
table.forum .col_from_or_to {
    width: 200px;
    text-align: center;
}
table.forum .col_date {
    width: 160px;
    text-align: center;
}

/* :::: VIEWFORUM :::: */
table.forum .col_view {
    width: 100px;
    text-align: center;
}
table.forum .col_reply {
    width: 180px;
}
table.forum .col_reply_extend {
    width: 140px;
    text-align: center;
    padding-bottom: 10px;
}
table.forum .col_reply_short {
    text-align: center;
}
table.forum .col_topic div.info {
    margin: 2px 0 1px 7px;
}

/* :::: VIEWTOPIC :::: */
.avatar {
    padding: 3px;
    margin: 6px 0 4px 0;
    background-color: #fff;
    border: 1px solid #d8d8d8;
}
table.forum .col_author {
    width: 150px;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    padding: 3px 0 0 10px;
    font-size: 11px;
    background-repeat: no-repeat;
    background-image: none!important;
}
table.forum .col_author h3 {
    padding: 0;
    margin: 3px 0 0 0;
    font-size: 13px;
}
table.forum .col_author a {
    text-decoration: none;
    color: #000;
}
table.forum .col_message div.infobar {
    border-bottom: 1px solid #d8d8d8;
    margin: 0 0 5px 0;
    padding: 5px 0 3px 15px;
}
table.forum .col_message div.message {
    margin: 0;
    padding: 5px 15px 0 15px;
}
table.forum .col_message div.infobar h3 {
    margin: 0;
    padding: 0;
    font-size: 12px;
    display: inline;
}
table.forum .col_message div.buttons {
    float: right;
}
table.forum .col_message div.buttons a img { opacity: 0.5; }
table.forum .col_message div.buttons a:hover img { opacity: 1; }
table.forum td.col_message {
    vertical-align: top;
    padding: 0;
    margin: 0;
    border-right: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
}
table.forum td.col_author {
    vertical-align: top;
    border-right: 1px solid #d8d8d8;
    background-color: #f2f2f2;
}
table.forum td.col_author, table.forum td.col_message {
    padding-bottom: 10px;
    border-bottom: 1px solid #d8d8d8;
    overflow: auto;
}
table.forum  td.col_message .edited {
    padding: 0 0 0 15px;
    font-size: 10px;
}
table.forum td.col_author div.userinfo {
    position: absolute;
    width: 180px;
    border: 1px solid #d8d8d8;
    display: none;
    background-color: #fff;
}
table.forum .col_author div.userinfo a img { opacity: 0.5; }
table.forum .col_author div.userinfo a:hover img { opacity: 1; }
table.vote {
    margin: auto;
    font-size: 11px;
}
table.vote .vote_title {
    font-size: 12px;
    font-weight: bold;
    padding: 3px 0 9px 0;
}
table.vote .vote_vote {
    font-size: 12px;
    text-align: center;
}
table.vote .vote_percent,
table.vote .vote_votes,
table.vote .vote_caption {
    padding: 1px 4px 1px 4px;
}
img.votebar {
    padding: 1px;
    border: 1px solid #d8d8d8;
}

/* :::: POSTING :::: */
a.bbcode_button img {
    padding: 0;
    border: 1px solid #d8d8d8;
}
a.bbcode_button:hover img {
    border: 1px solid #777;
}
#infobar {
    float: right;
    text-align: right;
    padding: 6px 4px 0 0;
    font-size: 10px;
    color: #888;
    width: 280px;
    height: 50px;
}
.reviewbox {
    height: 300px;
    overflow: auto;
    margin: 0;
    padding: 2px;
}
.reviewbox .forum .col_author {
    width: 120px;
}
.reviewbox .forum .col_author h3 {
    font-size: 13px;
}
.toolbar {
    padding: 3px 0 4px 0;
}

/* :::: PROFILE :::: */
table.forum .col_desc {
    font-size: 12px;
    width: 320px;
    padding: 4px 0 4px 10px;
    background-color: #f8f8f8;
    border-bottom: 3px solid #fff;
    vertical-align: top;
}
table.forum .col_line {
    font-weight: bold;
    padding: 10px 10px 10px 10px;
    background-color: #eeeeee;
}
table.forum .col_input {
    padding: 4px 0 4px 10px;
    vertical-align: top;
}
table.forum .small {
    font-size: 11px;
}
table.profile {
    margin-bottom: 30px;
    border-collapse: collapse;
}
table.profile .profile_left {
    text-align: left;
    font-weight: bold;
    padding: 2px 12px 2px 12px;
    width: 200px;
    /*border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;*/
}
table.profile .profile_right {
    text-align: left;
    font-weight: normal;
    padding: 2px 12px 2px 12px;
    /*border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;*/
}

/* :::: MEMBERLIST :::: */
table.forum .col_sortid {
    text-align: left;
    width: 40px;
}
table.forum .col_location {
    text-align: left;
}
table.forum .col_joined {
    text-align: center;
    width: 200px;
}

/* :::: SEARCH :::: */
table.forum .col_searchinfo {
    width: 50%;
    padding-bottom: 13px;
}
table.forum .col_searchinput {
    width: 50%;
    padding-bottom: 13px;
}

/* :::: IRC :::: */
table.irc {
    border-collapse: collapse;
    border: 1px solid #d8d8d8;
}
table.irc td {
    font-family: monospace;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    padding: 1px 10px 1px 10px;
}
table.irc td.date {
    color: #999;
    vertical-align: top;
    font-size: 11px;
}
table.irc td.username {
    font-weight: bold;
    border-right: 1px solid #d8d8d8;
    vertical-align: top;
    text-align: right;
}
table.irc td.joined {
    color: green;
    font-style: italic;
}
table.irc td.left {
    color: red;
    font-style: italic;
}
table.irc td.srvmsg {
    color: #bbb;
    font-style: italic;
}
table.irc td.msg {
    font-style: italic;
}

/* :::: BBCode :::: */
h5.quote, h5.code {
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    background-color: #f2f2f2;
    margin: 5px 14px 0 14px;
    padding: 2px 0 2px 10px;
    border: 1px solid #d8d8d8;
    border-bottom: 1px dotted #d8d8d8;
}
div.code {
    font-family: monospace;
    margin: 0 14px 5px 14px;
    padding: 2px 0 2px 10px;
    border: 1px solid #d8d8d8;
    border-top: none;
}
blockquote {
    margin: 0 14px 5px 14px;
    padding: 2px 0 2px 10px;
    border: 1px solid #d8d8d8;
    border-top: none;
}
a.searchlink,
a.linuxgooglelink,
a.googlelink,
a.ubuntuwikilink,
a.wikilink,
a.wikipedialink,
a.bookzillalink,
a.userlink {
    padding: 0 0 0 18px;
    background-position: 0px 2px;
    background-repeat: no-repeat;
}
a.searchlink { background-image: url(images/bbcode/search_link.png) }
a.googlelink { background-image: url(images/bbcode/google_link.png) }
a.linuxgooglelink { background-image: url(images/bbcode/google_linux_link.png) }
a.ubuntuwikilink { background-image: url(images/bbcode/ubuntuwiki_link.png) }
a.wikilink { background-image: url(images/bbcode/wiki_link.png) }
a.wikipedialink { background-image: url(images/bbcode/wikipedia_link.png) }
a.bookzillalink { background-image: url(images/bbcode/bookzilla_link.png) }
a.userlink { background-image: url(images/bbcode/user_link.png) }
.highlight {
    background-color: #ff8800!important;
    font-weight: bold!important;
    color: white!important;
}
