body { background: url('/media/images/system/default/background_main.png') repeat-x 0 0 #D4D4D4; height: 100%; margin: 0; padding: 0 0 1px 0; } html { height: 100%; } p { padding-bottom: 10px; } div.layoutPage { width: 840px; margin: 0 auto; padding-bottom: 75px; } div.layoutPage div.clear { clear: both; } div.layoutPage div.layoutPageHead { background: url('/media/images/system/default/background_head.png') repeat-x 100% 0; height: 100px; position: relative; } div.layoutPage div.layoutPageHead a.head_logo { position: absolute; right: 30px; top: 15px; } div.langSelect { left: 20px; position: absolute; top: 10px; z-Index: 2; } div.langSelect ul.languages li { float: left; margin-right: 5px; } div.langSelect ul.languages li a img { height: 12px; width: 20px; } div.layoutPage div.layoutPageTeaser { position: relative; } div.layoutPage div.layoutPageBody div.layoutColumns { display: inline-block; } div.layoutPage div.layoutPageBody div.layoutColumns { display: block; } div.layoutPage div.layoutPageBody div.layoutColumns div.layoutColumn { float: left; } div.layoutPage div.layoutPageBody div.layoutColumns div.layoutColumn.nofloat { float: none; } div.layoutPage div.layoutPageBody div.layoutColumns div.layoutColumn33 { width: 32.99%; } div.layoutPage div.layoutPageBody div.layoutColumns div.layoutColumn50 { width: 49.99%; } div.layoutPage div.layoutPageBody div.layoutColumns div.layoutColumn66 { width: 65.99%; } div.layoutPage div.layoutPageFoot a { color: #000000; text-decoration: none; } div.layoutPage div.layoutPageBody { background-color: #FFFFFF; padding: 25px; } div.layoutPage div.layoutPageFoot { background: url("/media/images/system/default/background_foot.png") repeat-x scroll transparent 0 0; height: 90px; overflow: hidden; } div.layoutPage div.layoutPageFoot div.line_separator { padding: 18px 0 5px 0; } div.layoutPage div.layoutPageFoot div.line_separator hr { background-color: #000000; color: #000000; display: block; height: 2px; margin: auto; width: 96%; } div.layoutPage div.layoutPageFoot div.foot_text { padding: 5px 0 0 20px; } div.layoutPage div.layoutPageFoot div.foot_text span { display: block; } div.layoutPage div.layoutPageFoot div.foot_text span a { font-size: 1em; } div.layoutPage div.layoutPageFoot div.foot_text h3 { font-size: 1.1em; font-weight: bold; margin-bottom: 5px; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr { border: 0; margin: 0; padding: 0; outline: 0; } body { color: #000000; font-family: "Arial", Helvetica, sans-serif; font-size: 62.5%; vertical-align: top; } img { vertical-align: text-bottom; } h1, h2, h3, h4, h5, h6, p, address { font-weight: normal; } h1 {} h2 {} h3 {} a, p, ul, ol, dl, table, address { font-size: 1.2em; } p { line-height: 1.4em; } table ul, ul a, ol a, dl a, ul dl, ol dl, ul p, ol p, p a { font-size: 1.0em; } li { list-style-image: none; list-style-type: none; } label, span.label, legend, input, option, select, textarea { font-size: 1.2em; } legend { display: none; } input.inputText { border: 1px solid #BBBBBB; } input.inputText:hover { border: 1px solid #8888DD; } input.error { background-color: #FFD7DC; border: 1px solid #CA1A1C; } textarea.message { border: 1px solid #BBBBBB; display: block; height: 100px; width: 92.5%; } textarea.message:hover { border: 1px solid #8888DD; } div.formElement { display: inline-block; } div.formElement { display: block; padding-bottom: 10px; } div.element { margin: 15px 20px 15px 5px; } div.element h2 { font-size: 1.4em; font-weight: bold; line-height: 27px; margin-bottom: 5px; } div.element span.bold { display: inline; font-weight: bold; margin: 0; } div.box { display: inline-block; } div.box { display: block; margin: 10px 5px; } div.box span, div.box h2, div.box a { display: block; margin: 0 15px; } div.box div.boxHead { display: inline-block; } div.box div.boxHead { background: url("/media/images/system/box/box_border_set.png") 0 0 no-repeat; display: block; } div.box div.boxHead div.boxHeadInner { display: inline-block; } div.box div.boxHead div.boxHeadInner { background: url("/media/images/system/box/box_border_set.png") 100% 0px no-repeat; display: block; margin-left: 10px; height: 10px; } div.box div.boxBody { display: inline-block; } div.box div.boxBody { border-left: 1px solid #CBCDD2; border-right: 1px solid #CBCDD2; display: block; overflow: hidden; } div.box div.boxBody div.boxBodyInner { display: inline-block; } div.box div.boxBody div.boxBodyInner { display: block; } div.box div.boxBody div.boxBodyInner span { font-size: 1.2em; } div.box div.boxBody div.boxBodyInner span.quote { display: block; font-style: italic; margin-bottom: 3px; } div.box div.boxBody div.boxBodyInner div.element ul li span { font-size: 1em; } div.box div.boxBody div.boxBodyInner div.bulletpointList, div.box div.boxBody div.boxBodyInner div.checkList { margin: 15px 10px; } div.box div.boxBody div.boxBodyInner div.bulletpointList span, div.box div.boxBody div.boxBodyInner div.checkList span { display: inline; margin: 0; } div.box div.boxFoot { display: inline-block; } div.box div.boxFoot { background: url("/media/images/system/box/box_border_set.png") 0 -100px no-repeat; display: block; overflow: hidden; } div.box div.boxFoot div.boxFootInner { display: inline-block; } div.box div.boxFoot div.boxFootInner { background: url("/media/images/system/box/box_border_set.png") 100% -100px no-repeat; display: block; height: 10px; overflow: hidden; margin-left: 10px; } div.box.greyColorGradient { background: url("/media/images/system/box/background_border.png") 0px 0px repeat-x #F7F8F8; } div.box.greyColorGradient div.boxBody div.boxBodyInner { min-height: 70px; } div.box div.boxBody div.boxBodyInner.teamMember div.layoutColumns div.layoutColumn33 ul li { font-size: 1.1em; list-style-type: inherit; margin-left: 25px; } div.box div.boxBody div.boxBodyInner.teamMember div.layoutColumns div.layoutColumn33 ul li.name { font-weight: bold; } div.box div.boxBody div.boxBodyInner.teamMember div.layoutColumns div.layoutColumn33 ul li.job { color: #888888; font-size: 1em; } div.box div.boxBody div.boxBodyInner.teamMember img { float: left; margin: 10px 25px 0; } div.box div.boxBody div.boxBodyInner.teamMember span { line-height: 18px; padding-top: 25px; } div.box div.boxBody div.boxBodyInner.teamMember span.bold { padding-top: 0; } div.telIcon div.boxBody { background: url("/media/images/system/default/phone.png") no-repeat scroll transparent 100% 0; } div.box.greyColorGradient.telIcon div.boxBody div.boxBodyInner { margin-right: 50px; } div.headIcon div.boxBody { background: url("/media/images/system/default/head.png") no-repeat scroll transparent 95% 50%; } div.box.greyColorGradient.headIcon div.boxBody div.boxBodyInner { min-height: 100px; margin-right: 55px; } div.box.greyColorGradient.headIcon div.boxBody div.boxBodyInner ul li { line-height: 18px; } div.box.greyColorGradient.headIcon div.boxBody div.boxBodyInner ul li a { text-decoration: none; } div.list ul { margin-left: 20px; } div.list li { line-height: 17px; } div.list ul.second { list-style: decimal; } div.list ul li div.element span { font-size: 1.0em; } div.list ul li div.list.bulletpointList ul.second, div.list ul li div.list.bulletpointList ul.second li { font-size: 1em; list-style-image: none; list-style-type: square; } div.list ul li div.list ul.second li div.list ul.third, div.list ul li div.list ul.second li div.list ul.third li { font-size: 1em; list-style-image: none; list-style-type: circle; } div.list.checkList ul li { color: #666666; font-size: 1.1em; line-height: 20px; list-style-image: url("/media/images/icon/checkList_icon.png"); } div.list.bulletpointList ul li { font-size: 1.1em; line-height: 20px; list-style-image: url("/media/images/icon/bulletpointList_icon.png"); } div.continuoustext h3 { font-size: 1.3em; font-weight: bold; line-height: 18px; margin-top: 20px; } div.continuoustext h3 a { font-size: 1em; } div.continuoustext span { font-size: 1.3em; line-height: 18px; } div.continuoustext a { font-size: 1em; } div.table table { border-collapse: collapse; width: 100%; } div.table table tr td { border-bottom: 1px solid #D4D4D4; padding: 5px 10px; } div.table table tr.first td { border-top: 1px solid #D4D4D4; } div.table table tr td.bold { border-right: 1px solid #CBCDD2; font-weight: bold; padding-left: 2px; } div.reference div { float: left; } div.reference div.clear { clear: both; float: none; } div.reference div.arrow { margin: 0 15px; } div.contactForm { padding: 5px 20px; } div.contactForm h2 { font-size: 13px; font-weight: bold; text-align: center; margin-bottom: 5px; margin-top: 10px; line-height: 18px; } div.contactForm h3 { font-size: 16px; text-align: center; margin-bottom: 10px; line-height: 22px; } div.contactForm form label { display: block; width: 100%; } div.contactForm form label.checkbox { display: inline; float: left; vertical-align: top; width: 60%; } div.contactForm form input { display: block; width: 85%; } div.contactForm form input.checkbox { display: block; float: left; width: 10%; } div.contactForm form div.layoutColumns { padding-left: 30px; overflow: hidden; } div.contactForm form div.layoutColumn { margin-bottom: 5px; } div.contactForm form div.layoutColumns.layoutColumnsActions { margin-top: 10px; } div.contactForm form span.mandatory { margin-right: 60px; text-align: right; } div.navigationMain { margin-left: 20px; overflow: hidden; padding-top: 52px; position: relative; z-index: 1; } div.navigationMain ul li { float: left; margin-right: 3px; } div.navigationMain ul li a { background: url("/media/images/system/default/navigation_tabs.png") no-repeat 0px 0px scroll transparent; color: #707173; display: block; font-family: "Trebuchet MS"; text-decoration: none; } div.navigationMain ul li a span { display: block; font-size: 14px; line-height: 48px; padding: 0 10px; } div.navigationMain ul li { background: url("/media/images/system/default/navigation_tabs.png") no-repeat 100% 0px scroll transparent; } div.navigationMain ul li:hover, div.navigationMain ul li.active { background-position: 100% -100px; } div.navigationMain ul li a:hover, div.navigationMain ul li a:focus, div.navigationMain ul li.active a { background-position: 0 -100px; } div.navigationSubMain { background: url("/media/images/system/default/background_subnavigation.png") repeat-x 0 0; height: 45px; float: left; overflow: hidden; width: 100%; } div.navigationSubMain div.navigationMainInner { display: none; } div.navigationSubMain div.navigationMainInner.active { display: block; } div.navigationSubMain ul { margin-left: 20px; } div.navigationSubMain ul li { float: left; margin-right: 3px; } div.navigationSubMain ul li.active, div.navigationSubMain ul li:hover { background: url("/media/images/system/default/navigation_tab_second.png") no-repeat 100% 11px scroll transparent; } div.navigationSubMain ul li a { color: #707173; display: block; font-family: "Trebuchet MS"; text-decoration: none; } div.navigationSubMain ul li.active a, div.navigationSubMain ul li a:hover { background: url("/media/images/system/default/navigation_tab_second.png") no-repeat 0px 11px scroll transparent; } div.navigationSubMain ul li a span { display: block; font-size: 14px; line-height: 48px; padding: 0 10px; } div.navigationSubMain ul li:hover, div.navigationSubMain ul li.active {} div.navigationSubMain ul li a:hover, div.navigationSubMain ul li a:focus, div.navigationSubMain ul li.active a { } div.navigationFoot { float: left; } div.navigationFoot ul li { float: left; margin-right: 20px; } div.navigationFoot ul li a { color: #FFFFFF; display: block; font-family: "Verdana"; height: 13px; text-decoration: none; text-transform: uppercase; } div.navigationFoot ul li a { width: 80px; } div.navigationFoot ul li a:hover, div.navigationFoot ul li a:focus, div.navigationFoot ul li.active a { font-weight: bold; } div.indexSubNavigation { } div.advertiseSubNavigation { } div.aboutusSubNavigation { } div.contactSubNavigation { } div.globalTeaser div.teaserIndex { background: url("/media/images/system/default/background_teaser.png") no-repeat 0 45px; height: 292px; } div.globalTeaser div.teaserIndex img.teaserText { bottom: 40px; left: 60px; position: absolute; } div.globalTeaser div.teaserIndex img.teaserPeople { bottom: 0px; position: absolute; right: 135px; } div.globalTeaser div.teaserSmall { background: url("/media/images/system/default/background_teaser_small.png") no-repeat 0 0; height: 151px; margin-top: 45px; } div.globalTeaser div.teaserSmall h1 { padding-top: 60px; text-align: center; }