/* 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}

html {background: url("media/body-bg.png") fixed repeat-x #f1f1f2; color: #3e5a6a}
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: 945px; margin: 5px auto; padding: 7px; border: 1px solid #97a3ab; background-color: #ffffff}
div#logo {background: url("media/logo-bg.png") no-repeat; height: 183px}
 div#logo-txt {padding: 40px 0px 0px 175px}
  div#logo-company {color: #76909e; font-weight: bold; font-size: 16px}
   span#company-name {color: #dfe6ea; font-size: 36px}
  div#logo-logo {margin: 3px 0px 0px 25px; color: #dfe6ea; font-weight: bold; font-style: italic; font-size: 13px}
div#line-top {clear: both; margin: 1px 0px 8px 0px; background: url("media/line-bg.png") repeat-x; height: 8px}
td#left-side {width: 234px; vertical-align: top}
td#main-page {width: 711px; vertical-align: top; background: url("media/main-bg.png") bottom right no-repeat}
 div#main-page-spacer {margin: 10px 10px 10px 20px}
div#line-bottom {margin: 12px 0px 5px 0px; background: url("media/line-bg.png") repeat-x; height: 8px}

/* headings */
h1 {font-family: arial, times, serif; font-size: 18px; font-weight: bold; font-style: normal; color: #b2c801; margin: 5px}
h2 {font-family: arial, times, serif; font-size: 14px; font-weight: bold; font-style: normal; color: #3e5a6a}
h3 {font-family: arial, times, serif; font-size: 13px; font-weight: bold; font-style: normal; color: #3e5a6a; text-align: center}

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

/* lists */
ul{margin: 0px 0px 0px 20px; padding: 0px; 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: #113448}
li a:visited {color: #113448}
li a:hover {color: #b2c801; text-decoration: underline}

/* lang */
#lang {margin: 57px 445px 0px 0px; text-align: right; font-weight: bold; color: #9fadb5}
#lang span.current {color: #dee5e9}
#lang a {font-weight: bold; text-decoration: none}
#lang a:link {color: #9fadb5}
#lang a:visited {color: #9fadb5}
#lang a:hover {color: #dee5e9}

/* navigation menu */
#navmenu {text-align: left}
#navmenu a {float: left; padding: 3px 0px 3px 20px; width: 214px; height: 22px; font-weight: bold}
#navmenu a:link {color: #ffffff; background: url("media/navmenu-bg.png") no-repeat}
#navmenu a:visited {color: #ffffff; background: url("media/navmenu-bg.png") no-repeat}
#navmenu a:hover {color: #b2c801; background: url("media/navmenu-sel-bg.png") no-repeat}
#navmenu a.current {color: #b2c801; background: url("media/navmenu-sel-bg.png") no-repeat}

/* navigation menu ph */
#navmenuph {text-align: left}
#navmenuph a {float: left; padding: 3px 0px 3px 20px; width: 193px; height: 22px; font-weight: bold}
#navmenuph a:link {color: #ffffff; background: url("media/navmenu-ph-bg.png") no-repeat}
#navmenuph a:visited {color: #ffffff; background: url("media/navmenu-ph-bg.png") no-repeat}
#navmenuph a:hover {color: #b2c801; background: url("media/navmenu-ph-sel-bg.png") no-repeat}
#navmenuph a.current {color: #b2c801; background: url("media/navmenu-ph-sel-bg.png") no-repeat}

/* side module */
div.side-module {color: #113448; background: url("media/company-logo.png") center center no-repeat}
 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}
 div.side-module a:link {color: #113448}
  div.side-module a:visited {color: #113448}
  div.side-module a:hover {color: #b2c801}

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

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

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

/* indent paragraphs */
div.indent p {text-indent: 1cm}

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

/* footer */
#footer {text-align: right; color: #3e5a6a; font-size: 11px}
#footer a {color: #3e5a6a; border-bottom: 1px dotted #3e5a6a; text-decoration: none; font-size: 11px}

/* others */

/* module specific */
/* photos */
td.photos {padding: 10px; vertical-align: top; text-align: center}
td.photos img {border: 4px solid #c1c1c1}
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.photoimgcenter img {border: 4px solid #c1c1c1}
td.photoimgright {padding: 5px; width: 10%; text-align: right; vertical-align: middle}