html {padding: 0; margin: 0; background: #F0F0F0; color: #454545; font: normal 0.7em Arial, sans-serif; line-height: 1.5em}
a {color: #0E4D8B; background: inherit}
a:hover {color: #000; background: inherit}
a.title {color: #B41A1A; background: #FFF}

h1 {font: bold 2em Arial, Sans-Serif; letter-spacing: -1px; padding: 16px 0 0 8px; margin: 0}
h2 {margin: 0px; padding: 0; font: normal 1.6em Arial, Sans-Serif; letter-spacing: -1px}
h1 a {color: #FFF; background: inherit}
h1 a, h2 a {text-decoration: none}
h1 a:hover, h2 a:hover {color: #BFE1ED; background: inherit}
h3 {font: 95% Arial, Sans-Serif; margin: 10px 5px 5px 10px; padding: 0; color: #5f5f5f; background: #FFF; font-weight: bold; text-transform: uppercase}
p {margin: 0 0 0px 0; line-height: 1.5em}
form {margin: 0}
input.search {width: 199px; border: none; background: #FFF url("media/input.gif"); padding: 4px; color: #808080}
input.submit {height: 24px; font-weight: bold; width: 53px; border: none; background: #D96855 url("media/button.gif"); padding: 3px; color: #FFF}
ul{margin: 0px 0px 0px 30px; padding: 0px; list-style-image:url("media/bullet.gif")}
li {margin: 0px; padding: 5px 0px}
li a {font-weight: bold; text-decoration: none}
p img {float: left; margin: 0 9px 3px 0}

/* layout */
.content {margin: 10px auto; width: 984px; background: #FFF url("media/big_middle.gif") repeat-y; color: #454545}
.logo {padding: 18px 0 0 3px}

/* header */
.header_top {background: #FEFEFE url("media/big_top.gif") no-repeat; color: #FFF; height: 15px}
.header {padding: 0px 10px 0 10px}
.header_bottom {clear: both; background: #FEFEFE url("media/big_bottom.gif") no-repeat; color: #FFF; height: 15px}

/* navigation */
#nav {width: 100%; float: left}
#nav ul {margin: 0; list-style: none; padding: 0}
#nav a, #nav strong, #nav span {float: left; display: block; color: #fff; padding: 7px 20px 4px 10px; background: #C43219 url("media/nav.gif") no-repeat 100% 0px; text-decoration: none; font-weight: bold}
#nav a {float: none}
#nav li {float: left; color: #FFF; background: #C43219 url("media/nav.gif") no-repeat 0px 0px; margin: 0; padding: 0 0 0 9px}
#nav .current {background: #1995C2 url("media/nav.gif") no-repeat 0 -41px; color: #FFF}
#nav .current a {background: #1995C2 url("media/nav.gif") no-repeat 100% -41px; padding: 7px 20px 4px 11px; color: #FFF}
#nav a:hover {color: #BFE1ED; background: #C43219 url("media/nav.gif") no-repeat 100% 0px}
#nav .current a:hover {color: #FFFFFF; background: #1995C2 url("media/nav.gif") no-repeat 100% -41px}

.sf_left {float: left; width: 203px; height: 77px; background: #5BB2D1 url("media/logobg.gif") repeat-x; color: #FFF; border-top: 1px solid #137DA2; border-bottom: 1px solid #000; padding: 10px 0 0px 7px}
.sf_logo{background: url("media/bpel.png") no-repeat center top; height: 100%}
.sf_right {width: 753px; float: right}
.sf_search {clear: both; background: #CA090D url("media/searchbg.gif") repeat-x bottom left; color: #FFE4E0; border-top: 1px solid #AA1717; border-bottom: 1px solid #000; padding: 18px 0 17px 15px; margin-top: -2px; height: 100%}
.subheader {padding: 8px; background: #f0f0f0; color: #808080; font-weight: bold}
  .subheader a {text-decoration: none; font-weight: bold; color: #808080}
  .subheader a:hover {text-decoration: underline}

/* left side */
.lleft {float: left; width: 811px; margin: 0 0 10px 0}

/* right side */
.rright {float: right; width: 170px; margin: 0 0 10px 0}

/* left and right box */
.box_top {background: #F0F0F0 url("media/leftbox_top.gif") no-repeat; color: #808080; height: 40px; width: 159px}
.box_top h2 {color: #808080; background: inherit; padding: 7px 0 0 5px; margin: 0}
.box {border-left: 2px solid #F0F0F0; border-right: 2px solid #F0F0F0; padding: 0 4px 0 7px; margin: 0; width: 144px; color: #595959; background: #FFF}
.box_bottom {background: #F0F0F0 url("media/leftbox_bottom.gif") no-repeat; color: #000; height: 12px; width: 159px; margin: 0 0 7px 0}

/* left and central column */
.left_side {float: left; width: 159px; padding: 0px 5px 8px 8px}
.right_side {float: right; width: 621px; margin: 0 5px 0 0; text-align: justify}
.article {padding: 0 8px 0 0; text-indent: 1cm}

/* middle box: events */
.boxm_top {background: #F0F0F0 url("media/middlebox_top.gif") no-repeat; color: #808080; height: 45px; width: 611px}
.boxm_top h2 {color: #808080; background: inherit; padding: 7px 0 0 5px; margin: 0}
.boxm {border-left: 2px solid #F0F0F0; border-right: 2px solid #F0F0F0; padding: 0 4px 0 7px; margin: 0; width: 596px; color: #595959; background: #FFF}
.boxm_bottom {background: #F0F0F0 url("media/middlebox_bottom.gif") no-repeat; color: #000; height: 12px; width: 611px; margin: 0 0 7px 0}

/* middle gray box */
.grey_top {clear: both; width: 598px; background: #EDEDED url("media/grey_top.gif") no-repeat; color: #000; height: 5px; padding: 0; margin: 0 0 0 6px}
.grey {width: 578px; margin: 0 0 0 6px; padding: 10px; background: #EDEDED url("media/grey_bottom.gif") no-repeat bottom left; color: #808080}
.grey a {color: #C83C3C; background: inherit; font-weight: bold}
.grey a:hover {color: #000; background: #EDEDED}
.highlight {padding: 5px 3px 5px 3px; margin: 0 0 3px 0; border-bottom: 1px solid #ccc}

/* footer */
.footer {clear: both; text-align: center; color: #808080; background: #f0f0f0; padding: 10px 0 5px 0; border-top: 1px solid #eee}
.footer p {line-height: 2em}
.footer a {color: #4F4F4F; background: #f0f0f0; border-bottom: 1px dotted #808080; text-decoration: none}

/* inherited */
/* general */
.nofloat{clear: both}
.inline {display: inline}
.center {text-align: center}
.mcenter {margin: 0 auto}
.left {text-align: left}
.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}
.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}
table {border-collapse: collapse}

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

/* lang */
#lang {float: right; margin: 5px 10px; font-weight: bold; color: #ffffff}
#lang a {font-weight: bold; text-decoration: none}
#lang a:link {color: #ffffff}
#lang a:visited {color: #ffffff}
#lang a:hover {color: #bfe1ed}

/* search */
#search {font-weight: bold; color: #ffffff}
#search a {font-weight: bold; text-decoration: underline}
#search a:link {color: #ffffff}
#search a:visited {color: #ffffff}
#search a:hover {color: #bfe1ed}

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

/* module specific */
/* photos */
td.photos {padding: 10px 20px; vertical-align: top; text-align: center}
td.phototxtleft {padding: 8px; width: 45%; text-align: left}
td.phototxtcenter {padding: 8px; width: 10%; text-align: center; font-weight: bold; font-style: normal}
td.phototxtright {padding: 8px; width: 45%; text-align: right}
td.photoimgleft {padding: 5px; width: 10%; text-align: left; vertical-align: middle}
td.photoimgcenter {padding: 0px; width: 80%; text-align: center}
td.photoimgright {padding: 5px; width: 10%; text-align: right; vertical-align: middle}

/* events */
td.eva {padding: 5px; vertical-align: top; text-align: center; border: #F0F0F0 solid 1px; width: 20px}
td.evb {padding: 5px; vertical-align: top; text-align: center; border: #F0F0F0 solid 1px; width: 30px}
td.evc {padding: 5px; vertical-align: top; text-align: center; border: #F0F0F0 solid 1px; width: 40px}
td.evd {padding: 5px; vertical-align: top; text-align: justify; border: #F0F0F0 solid 1px; width: 140px}
td.eve {padding: 5px; vertical-align: top; text-align: justify; border: #F0F0F0 solid 1px; width: 309px}

/* search */
.src {padding: 0 5px 0 0px}
div.src p {margin: 2px 0}
div.src p.src {font-size: 1.3em; margin-top: 15px}