/* general */
.nofloat {clear: both}
.inline {display: inline}
.indent {text-indent: 1cm}
.mcenter {margin: 0 auto}
.left {text-align: left}
.center {text-align: center}
.right {text-align: right}
.justify {text-align: justify}
.full {width: 100%}
.red {color: red}
.green {color: green}
.blue {color: blue}
.b {font-weight: bold}
.i {font-style: italic}
.u {text-decoration: underline}
.s {text-decoration: line-through}
.sub {vertical-align: -4px; font-size: 0.9em}
.sup {vertical-align: 4px; font-size: 0.9em}
.allcaps {text-transform: uppercase}
.smallcaps {font-variant: small-caps}
.w25 {width: 25px}
.w50 {width: 50px}
.w100 {width: 100px}
.w150 {width: 150px}
.w200 {width: 200px}
.w250 {width: 250px}
.w300 {width: 300px}
.w400 {width: 400px}
.w500 {width: 500px}
.w600 {width: 600px}

html {background: url("media/main-light-bg.png") repeat; color: #876335}
input, select, textarea {border: 1px solid #b65427; color: #671520}
body, div, p, td {font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: normal; font-style: normal}
table {border-collapse: collapse}
html, body, div, img, form, table, tr, td, a {margin: 0px; border: 0px; padding: 0px}

/* site specific */
/* positioning */
div#spacera{width: 990px; margin: 0px auto; border: 6px solid #3e2c15}
div#spacerb {border: 1px solid #b65427}
div#spacerc {border: 2px solid #3e2c15}
div#spacerd {border: 3px solid #b65427; background: url("media/main-bg.png") repeat}
div#logo-bg {height: 288px; background: url("media/logo-bg.png") center top no-repeat}
 div#logo {padding: 12px 0px 117px 210px}
div#middle-bg {background: url("media/middle-bg.png") center repeat-y}
td#left-side {width: 190px; vertical-align: top; padding-left: 6px}
td#main-page {width: 598px; vertical-align: top; background: url("media/main-page-bg.png") bottom right no-repeat}
 div#main-page-spacer {margin: 8px 0px 0px 0px}
td#right-side {width: 190px; vertical-align: top; padding-right: 6px}

/* headings */
h1 {margin: 5px 0px 0px 8px; font-family: arial, times, serif; font-size: 18px; font-weight: normal; font-style: normal; color: #523818}
h2 {margin: 10px 5px 5px 4px; font-family: arial, times, serif; font-size: 15px; font-weight: bold; font-style: normal; color: #6e4e25}
h3 {font-family: arial, times, serif; font-size: 13px; font-weight: bold; font-style: normal; text-align: center}

/* links */
a {font-weight: bold; font-style: normal; text-decoration: none}
 a:link {color: #671520}
 a:visited {color: #671520}
 a:hover {text-decoration: underline; color: #671520}
a.normal {font-weight: normal}

/* lists */
ol, ul {margin: 0px 0px 0px 20px; padding: 0px}
ul {list-style-image: url("media/bullet.png")}
li {margin: 5px 0px 0px 10px; padding: 3px}
li a {font-weight: bold; text-decoration: none}
li a:link {color: #671520}
li a:visited {color: #671520}
li a:hover {text-decoration: underline; color: #671520}

/* lang */
#lang {float: right; margin: 22px 30px 0px 0px; font-weight: bold; text-align: right; color: #ffffff}
#lang span.current {text-decoration: underline; color: #ffffff}
#lang a {font-weight: bold; text-decoration: none}
#lang a:link {color: #ebc894}
#lang a:visited {color: #ebc894}
#lang a:hover {text-decoration: underline; color: #ebc894}

/* place menu */
#placemenu {margin: 22px 0px 0px 30px; font-weight: bold; color: #ffffff}
#placemenu a {margin: 0px 8px 0px 0px; padding: 0px 16px 0px 0px; background: url("media/placemenu.png") center right no-repeat; font-weight: bold}
#placemenu a:link {color: #ebc894}
#placemenu a:visited {color: #ebc894}
#placemenu a:hover {text-decoration: underline; color: #ebc894}

/* navigation menu */
#navmenu a {display: block; height: 20px; padding: 4px 0px 0px 30px; font-weight: bold; font-style: normal; text-decoration: none; text-align: left}
#navmenu a:link {background: url("media/side-module-menu-bg.png") center no-repeat; color: #671520}
#navmenu a:visited {background: url("media/side-module-menu-bg.png") center no-repeat; color: #671520}
#navmenu a:hover {background: url("media/side-module-menu-sel-bg.png") center no-repeat; color: #ffffff}
#navmenu a.current {background: url("media/side-module-menu-sel-bg.png") center no-repeat; color: #ffffff}

/* institution menu */
table.insmenu {margin: 0px auto 0px auto; text-align: center}
td.insmenu-left {width: 4px; height: 28px; background: url("media/horizontal-menu-left-bg.png") no-repeat}
td.insmenu-center {width: 95px; height: 28px; background: url("media/horizontal-menu-center-bg.png") no-repeat}
td.insmenu-spacer {width: 1px; height: 28px; background: url("media/horizontal-menu-spacer-bg.png") no-repeat}
td.insmenu-right {width: 4px; height: 28px; background: url("media/horizontal-menu-right-bg.png") no-repeat}
 .insmenu a {text-decoration: none}
 .insmenu a:link {color: #671520}
 .insmenu a:visited {color: #671520}
 .insmenu a:hover {color: #ffffff}
 .insmenu a.current {color: #ffffff}

/* side module */
div.side-module {width: 164px; margin: 10px auto 0px auto; color: #671520}
 div.side-module div.menu-top {height: 11px; background: url("media/side-module-menu-top-bg.png") center no-repeat}
 div.side-module div.menu-bottom {height: 11px; background: url("media/side-module-menu-bottom-bg.png") center no-repeat}
 div.side-module div.top {height: 19px; padding: 5px 0px 0px 10px; background: url("media/side-module-top-bg.png") center no-repeat; font-weight: bold; color: #ffffff}
 div.side-module div.main {padding: 5px 5px 2px 5px; background: url("media/side-module-main-bg.png") center repeat-y}
 div.side-module div.bottom {height: 11px; background: url("media/side-module-bottom-bg.png") center no-repeat}
 div.side-module p {margin: 3px 0px 0px 0px; font-weight: bold}
 div.side-module div.img {padding: 10px 0px 5px 0px; text-align: center}
 div.side-module div.margin {margin-left: 10px}
 div.side-module div.margin div {padding: 4px 0px 0px 0px}
 div.side-module a {font-weight: bold; font-style: normal; text-decoration: none; text-align: left}
 div.side-module a:link {color: #671520}
 div.side-module a:visited {color: #671520}
 div.side-module a:hover {color: #ffffff}

/* error messages */
#error {margin: 5px 0px 0px 0px; padding: 5px; background-color: #ffe3bb; font-weight: bold; text-align: justify; color: #db1111}
#error #ok {color: #117844}

/* hr */
div.hr {margin: 0px; padding: 8px 0px; background: url("media/hr.png") center center repeat-x}

/* show image */
img.border {border: 3px solid #9a4722}
img.imgleft {float: left; margin: 0px 10px 5px 0px; border: 3px solid #9a4722}
img.imgright {float: right; margin: 0px 0px 5px 10px; border: 3px solid #9a4722}

/* indication */
.indic {font-family: arial; font-size: 12px; font-weight: normal; font-style: normal; text-align: center; color: #db1111}

/* footer */
#footer {padding: 20px 0px 5px 0px; background: url("media/footer-bg.png") center top no-repeat; font-family: arial, sans-serif; font-weight: bold; text-align: center; line-height: 2em; color: #ffffff}
#footer a {border-bottom: 1px dotted #ffffff; font-weight: bold; text-decoration: none; color: #ffffff}
#footer #authval {color: #eab372}
#footer #authval a {border-bottom: 1px dotted #eab372; color: #eab372}

/* bbcode text */
.bbctext {text-align: justify}
.bbctext div {text-indent: 1cm; margin: 7px 0px}
.bbctext ul, ol, div.center {text-indent: 0cm}

/* others */

/* module specific */
/* photos */
td.photos {padding: 10px; text-align: center; vertical-align: top}
td.photos img {border: 3px solid #9a4722}
td.photoleft {width: 45%; padding: 8px; text-align: left}
td.photocenter {width: 10%; padding: 8px; font-weight: bold; font-style: normal; text-align: center}
td.photoright {width: 45%; padding: 8px; text-align: right}