/* 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/html-bg.png") top repeat-x #ffffff; color: #282828}
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: 960px; margin: 15px auto; border: 1px solid #979797; background-color: #ffffff}
div#logo-bg {background: url("media/logo-bg.png") top repeat-x; height: 209px; margin: 10px 0px 0px 0px}
 div#logo {background: url("media/logo.png") center top no-repeat; margin: 0px auto; height: 159px}
td#left-side {width: 195px; vertical-align: top}
td#main-page {width: 570px; vertical-align: top}
 div#main-page-spacer {margin: 10px 0px}
td#right-side {width: 195px; vertical-align: top}
div#footer {background: url("media/footer-bg.png") center top no-repeat; margin: 10px auto; padding: 6px 0px 9px 18px; text-align: left; font-weight: bold; color: #ffffff}
div#azatech {float: right; margin: 16px 18px 0px 0px; text-align: right; font-weight: bold; color: #ffffff}
 div#azatech a {font-weight: bold; font-style: normal; text-decoration: none; border-bottom: 1px dotted #ffffff; color: #ffffff}

/* headings */
h1 {font-family: arial, times, serif; font-size: 18px; font-weight: normal; font-style: normal; margin: 13px 0px 0px 11px}
h2 {font-family: arial, times, serif; font-size: 15px; font-weight: bold; font-style: normal; margin: 5px}
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: #282828}
 a:visited {color: #282828}
 a:hover {color: #ff0000}

/* 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: #282828}
li a:visited {color: #282828}
li a:hover {color: #f21007; text-decoration: underline}

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

/* navigation menu */
#navmenu {}
#navmenu div {height: 1px; margin: 3px 5px 3px 20px; padding: 0px 0px 0px 5px; background: url("media/navmenu-hr.png") bottom repeat-x}
#navmenu a {margin: 0px 0px 0px 5px; padding: 10px 0px 10px 15px}
#navmenu a:link {background: url("media/navmenu.png") left no-repeat; color: #282828}
#navmenu a:visited {background: url("media/navmenu.png") left no-repeat; color: #282828}
#navmenu a:hover {background: url("media/navmenu-sel.png") left no-repeat; color: #f21007}
#navmenu a.current {background: url("media/navmenu-sel.png") left no-repeat; color: #f21007}

/* place menu */
#placemenu {background: url("media/placemenu-bg.png") center top no-repeat; margin: 11px auto; padding: 6px 0px 9px 20px; font-weight: bold; color: #282828}
#placemenu a {margin: 0px 8px 0px 0px; padding: 0px 16px 0px 0px; font-weight: bold; background: url("media/placemenu.png") center right no-repeat}
#placemenu a:link {color: #ffffff}
#placemenu a:visited {color: #ffffff}
#placemenu a:hover {color: #ffffff; text-decoration: underline}

/* side module */
div.side-module {margin: 10px 10px 0px 10px}
 div.side-module div.title {height: 23px; padding: 7px 0px 0px 10px; background: url("media/side-module-title.png") no-repeat; font-family: arial, times, serif; font-size: 14px; font-weight: bold; font-style: normal; color: #ffffff}
 div.side-module div.title-sel {height: 24px; padding: 7px 0px 0px 10px; background: url("media/side-module-title-sel.png") no-repeat; font-family: arial, times, serif; font-size: 14px; font-weight: bold; font-style: normal; color: #ffffff}
 div.side-module div.main {width: 165px; padding: 5px; background-color: #d1d1d1}
 div.side-module div.main-sel {width: 165px; padding: 5px; background-color: #606060}
 div.side-module div.main-sel a {color: #ffffff}
 div.side-module div.bottom {height: 2px; background: url("media/side-module-bottom.png") no-repeat}
 div.side-module div.bottom-sel {height: 3px; background: url("media/side-module-bottom-sel.png") no-repeat}
 div.side-module div.margin {margin-left: 20px}
 div.side-module div.margin div {padding: 2px 0px}
 div.side-module p {margin: 2px 0px 0px 0px; font-weight: bold}
 div.side-module div.img {padding: 5px 0px 0px 0px; text-align: center}
 div.side-module a {font-weight: bold; color: #282828}

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

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

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

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

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

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