/* core.css|global */
/* CORE (ver 0.7.0) */
/*#######################*/
body {height: 100%; margin: 0; padding: 0; z-index: 1}

/* WRAP */
#mdWrapSubInner {position: relative}

/* HEAD */
#mdHead {position: relative; text-align: left}

/* BODY */
#mdBody {position: relative; text-align: left}
#mdBodySubInnerBodySubInner {height: auto; overflow: hidden} /* clears floats in modern browsers */

/* BODY MAIN (only wraps left & content - NOT right) */
#mdBodyMainSub {float: left; width: 100%; overflow: hidden} /* fixes overflow */

/* BODY LEFT */
#mdBodyLeft {float: left; overflow: hidden}
#mdBodyLeftHead {overflow: hidden}

/* BODY CONTENT */
#mdBodyContentHeadSubInner {overflow: hidden}
#mdBodyContentSub {float: left; width: 100%; overflow: hidden} /* float fixes bug so you can use the property "clear" in the content-area (in 3fi-design anyway) AND width fixes moz-bug with div not being 100% when floated and maybe fixes IE-bug with clearing floating column-divs in modern browsers (in 3fi-design anyway) */

/* BODY RIGHT */
#mdBodyRight {float: right; overflow: hidden}
#mdBodyRightHead {overflow: hidden}

/* FOOT */
#mdFoot {position: relative; text-align: left}

/* TOPBAR */
#mdTopbar {position: fixed; top: 0; left: 0; width: 100%; z-index: 100}

/* BOTTOMBAR */
#mdBottombar {position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100}

/* ACCESSIBILITY */
.mdAccess {display: none}

/* datagrid.css|global */
/* DATAGRID */
/*#######################*/
.mdDatagrid table {width: 100%; height: auto}
.mdDatagrid td, .mdDatagrid th {white-space: nowrap}
.mdDatagrid table img {vertical-align: text-bottom; padding: 0 ! important; margin: 0 ! important}
/* icons */
.mdDatagrid td span.icon {margin: 0 5px}

/* column.css|global */
/* COLUMNS (standard) */
/*#######################*/
.mdColumn1, .mdColumn2, .mdColumn3, .mdColumn4, .mdColumn5, .mdColumn6, .mdColumn7, .mdColumn8, .mdColumn9, .mdColumn10, .mdColumn11, .mdColumn12, .mdColumn13, .mdColumn14, .mdColumn15, .mdColumn16, .mdColumn17, .mdColumn18 {float: left; overflow: hidden; min-height: 1px}
.mdColumnCenter {float: none; text-align: center; margin: 0 auto}

/* modclasses.css|global */
/* MODIFYING CLASSES */
/*#######################*/
#mdBody .aLeft {text-align: left ! important}
#mdBody .aRight {text-align: right ! important}
#mdBody .aCenter {text-align: center ! important}
#mdBody .fLeft {float: left ! important}
#mdBody .fRight {float: right ! important}

#mdBody .noWrap {overflow: hidden ! important}
#mdBody .noFloat {float: none ! important}
#mdBody .noClear {clear: none ! important}
#mdBody .noBorder {border: 0 ! important}
#mdBody .noBackImage {background-image: none ! important}
#mdBody .noBackColor {background-color: transparent ! important}

#mdBody .disBlock {display: block ! important}
#mdBody .disInline {display: inline ! important}

#mdBody .clearBoth {clear: both ! important}
#mdBody .clearAll {clear: both ! important; height: 1px; line-height: 1px; font-size: 0}

#mdBody .fontNormal {font-size: 1em ! important; font-weight: normal ! important; font-style: normal ! important; font-variant: normal ! important}
#mdBody .fontLarger {font-size: 1.1em ! important}
#mdBody .fontSmaller {font-size: 0.9em ! important}
#mdBody .fontImp, #mdBody .fontImp * {color: #f00 ! important}

#mdBody .noPmTop {padding-top: 0 ! important; margin-top: 0 ! important}
#mdBody .noPmBottom {padding-bottom: 0 ! important; margin-bottom: 0 ! important}
#mdBody .noPmBoth {padding-top: 0 ! important; padding-bottom: 0 ! important; margin-top: 0 ! important; margin-bottom: 0 ! important}

#mdBody .noPmLeft {padding-left: 0 ! important; margin-left: 0 ! important}
#mdBody .noPmRight {padding-right: 0 ! important; margin-right: 0 ! important}
#mdBody .noPmAll {padding: 0 ! important; margin: 0 ! important}

#mdBody .space {font-size: 1px; line-height: 1px}
#mdBody .neutral {width: auto ! important; height: auto ! important; float: none ! important; margin: auto ! important; padding: 0 ! important; line-height: normal ! important; overflow: visible ! important; white-space: normal ! important}
#mdBody .scroll {overflow: auto ! important}
#mdBody div.divDefault {display: block; float: none; width: auto; height: auto; line-height: normal; margin: 0; padding: 0; overflow: visible; white-space: normal}
/* hr.css|global */
/* HR */
/*#######################*/
div.hr {height: 0; line-height: 1px; font-size: 0; clear: both}
hr {display: none; margin: 0 ! important; padding: 0 ! important}

/* link.css|global */
/* LINK */
/*#######################*/
a {text-decoration: underline}
a:hover {text-decoration: none}

/* image.css|global */
/* IMAGE */
/*#######################*/
img {border: 0; min-height: 1px} /* min-height because of floated-img bug in FF */
#mdBody p img {padding: 5px 0; margin: 0}

/* imagelink.css|global */
/* IMAGE LINK */
/*#######################*/
#mdBody .imgLink {position: relative}
#mdBody .imgLink a {position: absolute; display: block}

/* paragraph.css|global */
/* PARAGRAPH */
/*#######################*/
#mdBody p {margin: 0}

/* content.css|customers */
/* CONTENT */
/*#######################*/
body, input, select, button, textarea, table, tr, td, font {font: normal 11px/18px verdana, arial, sans-serif; color: #333}

/* shell.css|customers */
/* GENEREL SHELL DESIGN */
/*#######################*/
/* WRAP */
#mdWrapSubInner {text-align: center}

/* TOPBAR */
#mdTopbar {height: 20px; background-position: 0 -230px ! important; text-align: center}

/* HEAD */
#mdHead {background-position: 0 100% ! important}
#mdHeadSub {width: 820px; height: 355px; margin: 0 auto; text-align: left; position: relative}
#mdHeadSubInner {float: left; width: 200px; height: 100px}

/* HEAD (logo) */
#mdHeadLogo {padding: 35px 0 0 30px}
#mdHeadLogo img {border: 0 ! important}

/* HEAD (lang) */
#mdHeadLang {width: 810px; margin: 0 auto; text-align: right}
#mdHeadLang a {color: #fff; text-decoration: none}
#mdHeadLang a:hover {text-decoration: underline}

/* HEAD (menu) */
#mdHeadMenu {float: left; width: 620px; height: 100px}
#mdHeadMenuSub {padding: 55px 0 0}
#mdHm {list-style: none ! important; margin: 0 ! important; padding: 0 ! important; font: bold 13px/19px "trebuchet ms", garuda, arial, verdana, sans-serif}
#mdHm li {float: left; height: 20px; margin: 0 ! important; padding: 0 ! important}
#mdHm li a {display: block; text-decoration: none; color: #000 ! important; padding: 0 8px; margin: 0 12px}
#mdHm li span {display: block}
#mdHm li span span {height: 20px}
#mdHm li a:hover, #mdHm li.selected a {border-bottom: 2px solid #d4a415}
#mdHm a span span {cursor: pointer}

/* HEAD (banner) */
#mdHeadBanner {position: absolute; top: 123px; left: 20px; width: 780px; height: 214px; z-index: 2}

/* BODY */
#mdBody {width: 820px; margin: 0 auto; text-align: left}
#mdBodySubInner {height: auto; overflow: hidden} /* clears floats in modern browsers */

/* BODY LEFT */
#mdBodyLeft {position: absolute; top: -250px; left: 0; width: 190px; height: 250px; z-index: 1}

/* BODY LEFT (menu) */
#mdLm {list-style: none ! important; font: normal 13px/19px "trebuchet ms", garuda, arial, verdana, sans-serif}
#mdLm {margin: 0 ! important; padding: 25px 0 0 25px ! important}
#mdLm li {width: 164px; padding: 0 0 7px ! important; margin: 2px 0 ! important; display: none}
#mdLm li a {display: block; padding: 0 0 0 2px; text-decoration: none}
#mdLm li span {display: block}
#mdLm li span span {padding: 0 0 0 5px; height: 18px}
#mdLm li a:hover, #mdLm li.selected a {color: #fff ! important; padding: 0; border-left: 2px solid #d4a415}
#mdLm a span span {cursor: pointer}
#mdLm li ul {display: none}
#mdLm0, #mdLm1, #mdLm2, #mdLm3, #mdLm4, #mdLm5, #mdLm6 {display: block ! important}

/* BODY CONTENT */
#mdBodyContentSub {padding: 0 10px 40px 180px; background: url(img/logo2.png) no-repeat 30px 20px}
#mdBodyContentSubInner {min-height: 350px; width: 630px; padding: 10px 0 0}

/* BODY CONTENT (newsletter) */
.mdNewsletter {position: absolute; left: 30px; top: 185px; width: 135px; height: 120px}
.mdNewsletter h4 {padding: 8px 0 2px}
.mdNewsletter .mdForm {padding: 0}
.mdNewsletter .mdForm input {margin: 5px 0; width: 133px}
.mdNewsletter .mdForm button {margin: 5px 0; float: right; width: 70px}

/* BODY CONTENT (print) */
.mdPrint {position: absolute; left: 30px; top: 185px; width: 135px; height: 44px}
.mdPrint button {margin: 10px 0; width: 133px; height: 23px; background: url(img/print.gif) no-repeat 0 0; cursor: pointer; text-align: center; padding: 0 0 0 14px; font-size: 10px; bordeR: 0 none}
.mdPrint img {margin: 10px 0 ! important; cursor: pointer}

/* BOTTOMBAR */
#mdBottombar {height: 30px; text-align: center; font-size: 10px; line-height: 30px}
#mdBottombar a {color: #ceac9c}
#mdBottombar span {padding: 0 7px; color: #d4a415}

/* (basic) */
body.basic {background: #d7dacc url(img/basic/bg_tile.png) repeat 50% 0}
.basic #mdTopbar, .basic #mdHead, .basic #mdBottombar {background: url(img/basic/bgbar.png) repeat-x 0 0}
.basic #mdBottombar, .basic #mdBottombar a {color: #fff}
.basic #mdLm li a {color: #ffd239}
.basic h1, .basic h2, .basic h4 {color: #38342d}
.basic p, .basic a {color: #4a4d44}
.basic .imgLink a {background: url(img/basic/imglink.png) no-repeat 100% 0}
.basic img, .basic #googlemap, .basic .mdBoxSub, .basic .mdDatagrid table, .basic .mdForm input, .basic .mdForm select, .basic .mdForm textarea {border: 1px solid #4a4D44 ! important}
.basic .mdNewsletter, .basic .mdPrint {border-top: 1px solid #4a4D44; border-bottom: 1px solid #4a4D44}
.basic .mdBox dl {background: #e1e2dc url(img/basic/box.gif) repeat-y 0 0}
.basic .mdBox dt {color: #4a4D44}
.basic .mdBox dd a:hover {color: #4a4D44}
.basic .mdBox .sep {border-top: 1px solid #b6bfc2; border-bottom: 1px solid #b6bfc2}
.basic .mdForm button {background: #3c4332; border: 2px solid #d4a415}
.basic .mdDatagrid th {background: #fff url(img/basic/th.gif) repeat-x 0 1px}
.basic .mdDatagrid th div {border-left: 1px solid #4a4D44; color: #4a4d44}
.basic .mdDatagrid td {background: #e6e9e3 url(img/basic/td.gif) repeat-y 0 0}

/* form.css|customers */
/* FORM (ver 0.3.1) [still not accurate in opera & safari] */
/*#######################*/
form {margin: 0}
.mdForm {padding: 5px 12px 0 6px}
.mdForm div, .mdForm label {display: block; float: left; height: 20px; line-height: 18px; margin: 0; padding: 3px 5px; overflow: hidden; white-space: nowrap}
.mdForm input {float: left; height: 16px; padding: 2px 0 0; margin: 3px 5px 3px; text-indent: 2px}
.mdForm textarea {float: left; height: 78px; padding: 0; margin: 3px 5px 5px; overflow: auto}
.mdForm select {float: left; height: 18px; padding: 0; margin: 3px 5px 5px}
.mdForm select.selectFile {height: auto}
.mdForm button {float: left; height: 20px; padding: 0; margin: 3px 5px 5px; cursor: pointer; text-align: center}
.mdForm p {clear: both}
.mdForm .req {font-weight: bold; color: red; padding: 0 0 0 3px}
.mdForm .fieldsetEnd {display: none} /* removed in modern browsers - div added because of IE6 */

/* radio/checkbox */
.mdForm div input, .mdForm input.mdRadiobutton, .mdForm input.mdCheckbox {float: none; margin: 0 5px 0 0; padding: 0; text-indent: 0; border: 0; background: none; vertical-align: middle}
.mdForm div label {float: none; display: inline}

.mdColumn1 .mdForm {padding: 5px}
.mdColumn1 .mdForm fieldset {padding: 0; border: none}
.mdColumn1 .mdForm fieldset legend {}
.mdColumn1 .mdForm fieldset button.fRight {margin-right: 7px}
.mdColumn2 .mdForm fieldset button.fRight {margin-right: 11px}

/* input/select/textarea/button */
.mdForm .third {width: 56px}
.mdForm .twothird {width: 124px}
.mdForm .single {width: 192px}
.mdForm .singlethird {width: 260px}
.mdForm .singletwothird {width: 328px}
.mdForm .double {width: 396px}
.mdForm .doublethird {width: 464px}
.mdForm .doubletwothird {width: 532px}
.mdForm .triple {width: 600px}

.mdForm label.third, .mdForm button.third, .mdForm select.third {width: 58px}
.mdForm label.twothird, .mdForm button.twothird, .mdForm select.twothird {width: 126px}
.mdForm label.single, .mdForm button.single, .mdForm select.single {width: 194px}
.mdForm label.singlethird, .mdForm button.singlethird, .mdForm select.singlethird {width: 262px}
.mdForm label.singletwothird, .mdForm button.singletwothird, .mdForm select.singletwothird {width: 330px}
.mdForm label.double, .mdForm button.double, .mdForm select.double {width: 398px}
.mdForm label.doublethird, .mdForm button.doublethird, .mdForm select.doublethird {width: 466px}
.mdForm label.doubletwothird, .mdForm button.doubletwothird, .mdForm select.doubletwothird {width: 534px}
.mdForm label.triple, .mdForm button.triple, .mdForm select.triple {width: 614px}

.mdFormLabelWidth{width:80px}

/* shelltype_layout.css|customers */
/* SHELL TYPE LAYOUT */
/*#######################*/
.mdSt1 .mdPrint {display: none}

/* googlemap.css|customers */
/* GOOGLEMAP */
/*#######################*/
#googlemap {width: 608px; height: 448px; margin: 10px}
#googlemap img {border: 0 ! important; margin: 0 ! important; padding: 0 ! important}

/* box.css|customers */
/* BOX */
/*#######################*/
.mdBox {padding: 10px}
.mdBoxSub {background: #fff; padding: 1px}
.mdBox dl {margin: 0; padding: 5px 0 10px; min-height: 1px; overflow: hidden}
.mdBox dt {float: left; width: 90px; font-size: 12px; padding: 0 5px; font-weight: bold; font-style: italic}
.mdBox dd {float: right; width: 173px; margin: 0; padding: 3px 0 1px 15px; color: #696969; line-height: 12px}
.mdBox dd a:hover {text-decoration: none}
.mdBox .sep {height: 2px; font-size: 1px}
/* form_layout.css|customers */
/* FORM LAYOUT */
/*#######################*/
.mdForm input, .mdForm select, .mdForm textarea {background: #fff; color: #999; line-height: 13px}
.mdForm button {color: #dbb033; line-height: 13px}

/* heading.css|customers */
/* HEADING */
/*#######################*/
h1, h2, h3, h4 {margin: 0}
h1, h2 {padding: 10px 10px 0}
h3, h4 {padding: 5px 10px 0}

/* shelltype01.css|customers */
/* SHELL TYPE 1 */
/*#######################*/
.mdSt1 #mdBodyLeft {display: none}
/* shelltype02.css|customers */
/* SHELL TYPE 1 */
/*#######################*/
.mdSt2 #mdHeadBanner {left: 200px; width: 600px}
/* column_layout.css|customers */
/* COLUMNS LAYOUT */
/*#######################*/
.mdColumn1 {width: 210px}
.mdColumn2 {width: 420px}
.mdColumn3 {width: 630px}

.mdGrid1 .mdGridA {float: left; width: 508px; overflow: hidden}
.mdGrid1 .mdGridB {float: left; width: 122px; overflow: hidden}

.mdGrid2 .mdGridA {float: left; width: 375px; overflow: hidden}
.mdGrid2 .mdGridB {float: left; width: 255px; overflow: hidden}

.mdGrid3 .mdGridA, .mdGrid3 .mdGridB {float: left; width: 315px; overflow: hidden}

/* datagrid_layout.css|customers */
/* DATAGRID LAYOUT */
/*#######################*/
.mdDatagrid {padding: 10px}
.mdDatagrid table {border-collapse: collapse}
.mdDatagrid td, .mdDatagrid th {vertical-align: middle}
.mdDatagrid th {height: 26px; padding: 0}
.mdDatagrid th div {margin: 4px 0 4px 1px; padding: 0 7px 0 13px}
.mdDatagrid th:first-child div {border: 0}
.mdDatagrid td {height: 22px; padding: 0 7px 0 13px}
.mdDatagrid td:first-child {background-image: none}
.mdDatagrid table img {vertical-align: text-bottom; padding: 0 ! important; margin: 0 ! important}

/* paragraph_layout.css|customers */
/* PARAGRAPH LAYOUT */
/*#######################*/
#mdBody p {padding: 5px 10px 10px; text-align: justify}

/* imagelink_layout.css|customers */
/* IMAGE LINK LAYOUT */
/*#######################*/
#mdBody .imgLink a {width: 235px; height: 20px; top: 80px; left: 10px; color: #fff; text-decoration: none; text-align: right}
#mdBody .imgLink a span {display: block; padding: 1px 30px 0 0; font-style: italic; cursor: pointer}

/* heading_layout.css|customers */
/* HEADING LAYOUT */
/*#######################*/
h1 {font: normal 18px/20px "trebuchet ms", garuda, arial, verdana, sans-serif}
h2 {font: normal 16px/18px "trebuchet ms", garuda, arial, verdana, sans-serif}
h3 {font: bold 13px/15px "trebuchet ms", garuda, arial, verdana, sans-serif; color: #d4a415}
h4 {font: bold 12px/16px "trebuchet ms", garuda, arial, verdana, sans-serif}

/* image_layout.css|customers */
/* IMAGE LAYOUT */
/*#######################*/
#mdBody img {border: 1px solid #000; padding: 0; margin: 10px}

/* hr_layout.css|customers */
/* HR LAYOUT */
/*#######################*/
div.hr {border-top: 1px solid #d4a415; margin: 5px 10px 0; padding: 0 0 5px}