/* 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: #cd0404}
.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}
.wsrc {width: 146px}

html {background-color: #ffffff; color: #313131}
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#spacer {width: 1000px; margin: 5px auto; padding: 1px 5px 5px 5px; border: 1px solid #e4e4e4; background-color: #ffffff}
div#logo {background: url("media/logo-bg.png") repeat-x; height: 166px}
div#logo-left {background: url("media/logo-bg-left.png") no-repeat left; height: 166px}
div#logo-right {background: url("media/logo-bg-right.png") no-repeat right; height: 166px}
  img#logo-txt {float: left; margin: 12px 0px 0px 142px}
div#logo-calendar {clear: both; float: left; width: 520px; margin: 28px 0px 0px 160px; padding: 4px; border: 3px solid #468cca; background-color: #dceaf3}
  div#logo-calendar img {float: left; margin-right: 5px; border: 1px solid #5193cd}
td#left-side {width: 164px; vertical-align: top}
td#main-page {width: 672px; vertical-align: top; background: url("media/main-bg.png") bottom right no-repeat}
 div#main-page-spacer {margin: 20px 10px; min-height: 300px}
td#right-side {width: 164px; vertical-align: top}

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

a.colr:link {color: #4886c1}
a.colr:visited {color: #4886c1}
a.colr:hover {color: #4886c1; text-decoration: underline}

/* headings */
h1 {font-family: arial, "times new roman", times, serif; font-size: 18px; font-weight: normal; font-style: italic; color: #313131; margin: 0px 10px}
h2 {font-family: arial, "times new roman", times, serif; font-size: 14px; font-weight: bold; font-style: normal; color: #313131}
h3 {font-family: arial, "times new roman", times, serif; font-size: 13px; font-weight: bold; font-style: normal; color: #313131; text-align: center}
h4 {font-family: arial, "times new roman", times, serif; font-size: 13px; font-weight: bold; font-style: normal; color: #313131; text-align: left}
h4 a{font-size: 13px; font-weight: bold}

/* 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: #313131}
li a:visited {color: #313131}
li a:hover {color: #4886c1; text-decoration: none}

/* navigation menu */
#navmenu {text-align: left}
#navmenu div {padding: 2px 0px}
#navmenu div a {margin-left: 10px; padding-left: 15px; font-weight: bold; font-style: italic; font-size: 13px}
#navmenu div a:link {color: #313131}
#navmenu div a:visited {color: #313131}
#navmenu div a:hover {color: #4886c1}
#navmenu div a.current {color: #4886c1; background: url("media/menu-selected.png") center left no-repeat}

/* place menu */
#placemenu {height: 15px; padding: 6px; font-weight: bold; color: #4886c1; background: url("media/placemenu-bg.png") repeat-x}
#placemenu a {margin: 0px 8px 0px 0px; padding: 0px 15px 0px 0px; font-weight: bold; background: url("media/placemenu.png") center right no-repeat}
#placemenu a:link {color: #313131}
#placemenu a:visited {color: #313131}
#placemenu a:hover {color: #313131; text-decoration: underline}

/* side module */
div.side-module {margin-top: 10px; border-bottom: 1px #b4babc solid}
 div.side-module div.title-menu {height: 31px; background: url("media/side-module-menu.png") no-repeat}
 div.side-module div.title-contact {height: 31px; background: url("media/side-module-contact.png") no-repeat}
 div.side-module div.title-email {height: 31px; background: url("media/side-module-email.png") no-repeat}
 div.side-module div.title-event {height: 31px; background: url("media/side-module-event.png") no-repeat}
 div.side-module div.title-ph-arch {height: 31px; background: url("media/side-module-ph-arch.png") no-repeat}
 div.side-module div.title-search {height: 31px; background: url("media/side-module-search.png") no-repeat}
 div.side-module div.title-partners {height: 31px; background: url("media/side-module-partners.png") no-repeat}
 div.side-module div.main {padding: 0px 5px 5px 5px; background: url("media/side-module-bg.png") repeat-y}
 div.side-module div.margin {margin-left: 25px}
 div.side-module div.margin div {padding: 2px 0px}
 div.side-module p {margin: 0px 0px 5px 0px; font-weight: bold}
 div.side-module div.img {padding: 5px 0px; text-align: center}
 div.side-module a {font-weight: bold; font-style: italic}

/* error messages */
#error {margin: 5px; padding: 5px; text-align: justify; color: #cd0404; background-color: #e4e4e4; font-weight: bold}
#error #ok {color: #009933}

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

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

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

/* footer */
#footer {height: 20px; padding: 10px 10px 1px 0px; text-align: right; color: #313131; font-size: 11px; background: url("media/footer-bg.png") repeat-x}
#footer a {color: #4f4f4f; border-bottom: 1px dotted #808080; text-decoration: none}

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

/* others */
/* cday */
div.cday-title{font-family: arial; font-size: 14px; font-weight: bold; font-style: normal; color: #313131}
div.cday {font-family: arial; font-size: 11px; font-weight: normal; font-style: normal; color: #5f5f5f}

/* module specific */
/* photos */
td.photos {padding: 10px 15px; vertical-align: top; text-align: center}
td.photos img {border: 3px solid #d4d3d3}
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}

/* search */
td.srcright {text-align: right; padding: 1px}
td.srcleft {text-align: left; padding: 1px}
div.src {padding: 0px}
div.src p {margin: 5px 0px}
div.src p.src {font-size: 1.2em; margin-top: 20px}
div.src p.src a:link {color: #184b7c}
div.src p.src a:visited {color: #184b7c}
div.src p.src a:hover {color: #184b7c; text-decoration: underline}

/* calendar */
table.calr {width: 500px; margin-left: auto; margin-right: auto; border: #b4babc solid 1px; background-color: #efefef}
td.calrtop {height: 15px; padding: 6px; text-align: center; font-weight: bold; border: #b4babc solid 1px; background: url("media/placemenu-bg.png") repeat-x}
td.calrmnyr {padding: 6px; text-align: center; border: #b4babc solid 1px}
td.calrcntr {width: 15px; padding: 5px; vertical-align: top; text-align: center; border: #b4babc solid 1px}
td.calrrght {width: 15px; padding: 5px; vertical-align: top; text-align: right; border: #b4babc solid 1px}
td.calrjstf {padding: 5px; text-align: justify; border: #b4babc solid 1px}