/* @import url(base.css); */
/* basic styles */
* {
padding: 0px;
margin: 0px
}
body {
font-family:Arial, Helvetica, sans-serif,"微软雅黑";
font-size: 12px;
/*font: normal 12px Arial, Helvetica, sans-serif;*/
/*color: #000;*/
/*background-color: #fff*/
margin:0;
padding:0;
}
}
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
SPAN {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
IFRAME {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H3 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H4 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H5 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H6 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
P {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BLOCKQUOTE {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
PRE {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
A {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
ADDRESS {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BIG {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
CITE {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
CODE {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DEL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
EM {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
FONT {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
IMG {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
INS {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
SMALL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
STRONG {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
VAR {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
B {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
U {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
I {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
CENTER {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DT {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DD {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
OL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
FIELDSET {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
FORM {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
LABEL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
LEGEND {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
OL {
LIST-STYLE-TYPE: none
}
UL {
LIST-STYLE-TYPE: none
}
:unknown {
outline: 0
}
A IMG {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
IMG {
VERTICAL-ALIGN: middle
}
TABLE {
empty-cells: show
}
INS {
TEXT-DECORATION: none
}
DEL {
TEXT-DECORATION: line-through
}
EM {
FONT-STYLE: normal
}
body,h1,h2,h3,h4,h5,h6,ul,dl,dd,dt,ol,div,form,img{ margin:0; padding:0; border:0;}
DIV, UL, OL, LI, H1, H2, FORM, P, IMG, {
border: 0px; padding: 0px; margin: 0px;
}
div, span, label, b, font, cite, img, a, h1, h2, h3, h4, h5, h6, table, tbody, tr, td, th {
border:none; padding:0px; margin:0px;
}
UL, LI {
TEXT-INDENT: 0px; LIST-STYLE-TYPE: none
}
div {
margin:0;
padding:0;
}
a, a:hover {
text-decoration: none;
}
img {
border: 0
}
.border {
border: 1px solid #CEC496
}
.b {
font-weight: bold
}
.red {
color:#C72026;
}
.yel {
color:#DE1F23;
}
html > body sup, html > body sub {
vertical-align: ddbaseline;
position: relative
}
html > body sup {
top: -0.4em
}
html > body sub {
bottom: -0.2em
}
ul, ol, li, dd {
margin-left: 20px
}
li {
line-height: 1.25em
}
.inline {
list-style: none;
/*margin-left: 50px;*/
margin-left: 10px;
margin-right: 10px;
}
.inline li, .inline li {
display: inline;
margin-left: 0
}
.inline dt {
clear: left;
float: left
}
.inline dd {
margin-left: 0
}
table {
/*border-collapse: collapse;
border-spacing: 0*/
}
tr {
vertical-align: middle
}
td {
/*height: 25px;*/
line-height: 25px;
padding-left:2px
}
caption, th {
text-align: left
}
/* add to floating elements which should not float afterthem */
* html .clearfix {
/* IE 5-6 */
height: 1%
}
* + html .clearfix {
/* IE7html */
/*display: inline-block;*/
}
.clearfix:not([class="XXX"]) {
/* Safari */
/*display: block*/
}
@media all and (min-width: 0) {
.clearfix {
display: block;
/* O */
}
}
.clearfix:after {
/* FF, O, etc. */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
/* useful for and shown by JS */
.jsblock, .jsinline {
display: none
}
/* @import url(layout.css); */
/* development classes */
._spec {
clear: both;
color: #fff;
background: #000;
padding: 0 10px
}
._todo {
background: red;
margin-bottom: 3.6em
}
/* hide elements except for screenreaders */
.hideMe {
position: absolute;
left: -5000px;
top: 0
}
/* bugfix for usage of .jsblock and .clearfix on the same element */
.clearfix.jsblock, .clearfix.jsinline {
display: none
}
/* general layout */
/* ensure scrollbar in FF */
html {
/*overflow-y: scroll;*/
}
body {
font-family: Arial, Helvetica, sans-serif;
/*font-family: "Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;*/
/*font-size: 70%;*/
color: #54595c;
background: #fff url("../images_2011/background.gif") 0 25px repeat-x
}
textarea, select, input {
font-size:12px;
font-family: Arial, Helvetica, sans-serif
}
buttom {
FONT-FAMILY: "Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif
}
#wrapper {
/*position: relative;*/
width: 965px;
padding-left: 20px;
margin: 0 auto;
/*font-size: 1em*/
}
.header {
/*z-index: 98;*/
position: relative;
/*height: 125px*/
/*height: 115px*/
height: 100px
}
.logo {
z-index: 99;
position: absolute;
/*top: 20px;*/
top: 10px;
/*bottom: 10px;*/
left: 39px;
/*margin:10px 0;*/
}
.mainmenu {
position: absolute;
z-index: 10000;
bottom: 0;
background-color: #FFFFFF;
}
* html .mainmenu {
margin-bottom: -1px
}
#wrapper {
/*position: relative;*/
width: 965px;
padding-left: 20px;
margin: 0 auto;
/*font-size: 1em;*/
overflow: hidden;
}
.content-area {
/*min-height: 596px*/
width: 965px;
padding:0px;
margin:0px;
overflow: hidden;
}
.left-area {
float: left;
width: 765px;
/*min-height: 500px*/
overflow: hidden;
}
.right-area {
float: right;
width: 200px;
background: #C72026;
overflow: hidden;
}
.right-area2 {
/*float: right;*/
width: 200px;
/*background: #ECECEC;*/
/*background: url("../images_2011/bg_right.gif") repeat-y;*/
}
/* microsite has no context area but left-area fills full area! */
.no-context .left-area {
width: 965px
}
html > body .left-content-area {
height: auto;
/*min-height: 500px*/
}
.stage {
/*position: relative;*/
background-color: #7F8385;
height: 160px;
}
.stage.fullSize {
height: 400px;
width:765px;
overflow:hidden
}
.stage.halfSize {
height: 192px;
}
html > body .stage {
height: auto;
/*min-height: 112px*/
}
.stage img, .stage object {
display: block
}
.stage div.altFlashtext {
position: absolute;
bottom: 10px;
background-color: #828B92;
color: #fff;
left: 10px;
padding: 5px 5px 5px 10px;
width: 735px;
opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80)
}
.stage a {
color: #fff;
text-decoration: underline
}
/*左侧栏目导航*/
.subnav {
float: left;
width: 190px;
padding: 38px 25px 40px 20px
}
.no-context .subnav {
width: 175px;
padding: 38px 15px 40px 20px
}
.subnav ul {
font-size: 1.2em
}
.subnav ul a {
font-size: 1.2em;
/*font-weight: normal;*/
line-height: 1.1em;
display: block;
color: #7f8385;
background: url("../images_2011/icons.png") no-repeat 0 -196px;
padding: 0 10px;
margin-bottom: 0.4em
}
.subnav ul b {
font-size: 1.20em;
color: #F95256;
background: url("../images_2011/icons.png") no-repeat 0 -196px;
padding: 0 10px;
margin-bottom: 0.4em
}
/*.subnav ul b {
color: #F95256;
font-size: 1.25em;
}*/
.subnav ul a:hover, .subnav ul a:focus {
color: #/*5b92d3*/F95256;
text-decoration: none;
}
.subnav ul a.open {
color: #5b92d3;
background-position: 0 -296px
}
.subnav ul a.open/*, .subnav ul b*/ {
color: #5b92d3;
background-position: 0 -296px
}
.subnav ul a.open, .subnav ul b.open {
background-position: 0 -446px
}
.subnav ul ul {
font-size: 0.8em;
margin: 1.4em 20px 2.3em
}
.subnav ul ul a, .subnav ul ul b {
background-position: 0 -248px
}
.subnav ul ul a.open, .subnav ul ul b {
color: #5b92d3;
background-position: 0 -347px
}
.subnav ul ul a.open, .subnav ul ul b.open {
background-position: 0 -395px
}
.subnav ul ul ul {
font-size: 1em;
margin: 0em 20px 1.4em
}
/*左侧通用栏目导航*/
.prod{width:190px !important; float: left; margin: 18px 25px 15px 0px !important; /*border:1px solid #D0D0D0*/ }
.prod .title{width:170px;padding-left:20px;height:29px;line-height:29px;/*font-size:1.5em;font-weight:bold;*/background:url(../images_2011/nav_left.gif) no-repeat;}
.prod .td{}
.prod .title span{font-size:14px; font-weight: bold; font-family:Arial, Helvetica, sans-serif,"微软雅黑";vertical-align: middle;}
.prod span{/*padding-left:23px;*/color:#DE1F23;font-size:12px;font-weight:normal;font-family:Arial, Helvetica, sans-serif,"微软雅黑";vertical-align: middle;}
.prodText{/*width:190px;display:none;*/border-left:1px solid #D0D0D0;border-right:1px solid #D0D0D0;border-bottom:1px solid #D0D0D0}
.prodText span{/*width:150px;*/color:#006699;/*border-bottom: 1px solid #CEEAF2;*/padding-left:0px;}
.prodText span a{color:#/*7f8385*/333333;background:url(../images_2011/nav_left2.gif) no-repeat; padding-left:40px;display:block;line-height:28px;}
/*.prodText span a:hover{color:#F95256; text-decoration:none;}*/
.prodText span a.act{/*width:150px;*/color:#006699;display:block;line-height:28px;/*background:url(../images_2011/nav_left12.gif) no-repeat left;*/background:url(../images_2011/nav_left_proo.gif) no-repeat left;color:#ffffff;/*border-bottom: 1px solid #CEEAF2;*/}
.prodText span a:hover{/*width:150px;*/color:#006699;display:block;line-height:28px;/*background:url(../images_2011/nav_left12.gif) no-repeat left;*/background:url(../images_2011/nav_left_proo.gif) no-repeat left;color:#ffffff;/*border-bottom: 1px solid #CEEAF2;*/}
/*左侧内容边距*/
.main-content, .no-context .with-subnav {
float: left;
/*width: 725px;*/
width: 745px;
/*padding: 38px 0 0 20px*/
/*padding: 18px 0px 0 0px !important;*/
overflow: hidden
}
.main-content2 {
float: left;
/*width: 725px;*/
/*width: 725px;
padding: 38px 0 0 20px*/
padding: 18px 0px 0px 15px;
/*margin-left:20px;
margin-top:5px;*/
margin:20px 0 0 0;
background:url(../images_2011/bg_mid_top.gif) no-repeat;
overflow: hidden
}
.main-content3, .with-subnav3 {
float: left;
width: 725px;
/*padding: 38px 0 0 20px*/
padding: 18px 5px 0 15px;
/*margin-left:20px;
margin-top:5px;*/
margin:20px 0;
background:url(../images_2011/bg_mid_top_news.gif) no-repeat;
overflow: hidden
}
.main-content4, .with-subnav4 {
float: left;
width: 725px;
padding: 18px 5px 0 15px !important;
margin:20px 0;
background:url(../images_2011/bg_mid_top_news.gif) no-repeat;
overflow: hidden
}
/*.main-content*/
.with-subnav {
/*width: 490px*/
width: 530px
}
.with-subnav2 {
width: 700px
}
.with-subnav3 {
width: 745px
}
.pagefunctions {
margin: 0px;
padding: 15px 35px 15px 0px !important;
clear:both;
/*font-size: 1.0em;*/
}
.pagefunctions ul {
float: right
}
.pagefunctions a {
display: block;
float: left;
color: #bcbec0;
background: url("../images_2011/icons.png") no-repeat 0 0;
padding-left: 16px;
margin-left: 19px;
font-family:Arial;
}
.pagefunctions a.print:hover, .pagefunctions a.print:focus {
background-position: 0 -1699px
}
.pagefunctions a.top {
background-position: 0 -13px
}
.pagefunctions a.top:hover {
background-position: 0 -1712px
}
.pagefunctions a.recommend {
background-position: 0 -50px;
padding-left: 15px
}
.pagefunctions a.recommend:hover, .pagefunctions a.recommend:focus {
background-position: 0 -1749px
}
.pagefunctions a.bookmark {
background-position: 0 -100px
}
.pagefunctions a.bookmark:hover, .pagefunctions a.bookmark:focus {
background-position: 0 -1800px
}
.nav_foot {
/*width:965px;
padding-left: 20px;
text-align:center;*/
font-family:Arial, Helvetica, sans-serif,"微软雅黑";
/*font-size: 1.0em;*/
font-size: 12px;
/*height: 35px;*/
/*line-height: 35px;
display:block;*/
clear: both;
padding:8px 0 !important;
margin:15px 0 !important;
background: url("../images_2011/bg_nav_foot.gif") repeat-x;
border: 1px solid #CEC496;
overflow: hidden;
}
.inline2 {
list-style: none;
/*margin-left: 50px;*/
text-align: center;
vertical-align: center;
}
.inline2 li, .inline2 li {
display: inline;
/*margin-left: 20px*/
}
.inline2 li a {
/*color:#DE1F23;*/
font-size: 1.0em;
}
/* footer */
.footer {
clear: both;
/*font-size: 1em;*/
/*width: 965px !important;*/
padding: 10px 0px 21px 0px !important;
border-top: 1px solid #E2645B;
font-family: Arial, Helvetica, sans-serif;
}
* + html .footer {
padding-bottom: 10px;
padding-top: 10px;
height:30px;
line-height:30px;
}
.footer .right {
float: right
}
.meta .languages a, .meta .languages b, .footer span, .footer a {
line-height: 1.2em;
/*display: block;*/
float: left;
color: #7f8385;
padding-left: 0.5em;
border-left: 1px solid;
margin-left: 0.5em
}
.footer a:hover {
color: #F95256;
}
* html .meta .languages a {
margin-top: 0.1em
}
* + html .meta .languages a {
margin-top: 0.1em
}
/*changed for Language*/
* html .meta .languages b {
margin-top: 0.1em;
line-height: 12px;
font-weight: 600
}
* + html .meta .languages b {
margin-top: 0.1em;
line-height: 12px;
font-weight: 600
}
.meta .languages .first *, .footer .first * {
padding-left: 0;
border-left: 0;
margin-left: 0
}
/* {FULLPAGE} */
body.fullpage {
background: #fff;
width: 490px;
margin: 37px 20px 36px
}
/* Sitemap */
#sitemap .flaps {
margin-bottom: 1em
}
#sitemap .flaps dt {
display: inline-block;
/* IE */
margin-bottom: 6px;
padding: 0.3em 10px 0.4em 35px;
color: #fff;
cursor: pointer;
font-size: 1.43em;
line-height: 1.2em;
background: #5b92d3
}
html > /**/body #sitemap .flaps dt {
display: block
}
#sitemap .flaps dd {
padding: 1.1em 0 1em 1.3em;
font-size: 1.08em
}
#sitemap dd ul {
display: inline;
float: left;
width: 45%;
margin-bottom: 1em;
padding-right: 0.3em;
font-weight: 700
}
#sitemap ul {
list-style-type: none;
margin-left: 2em
}
#sitemap li, #sitemap li ul {
margin-left: 1em
}
#sitemap li > ul {
font-weight: 400
}
#sitemap li {
/* for li > ul render bug in IE (creates an empty row above ul) */
display: inline-block
}
html > /**/body #sitemap li {
display: block
}
#sitemap dd ul a, #sitemap dd ul ul a:hover, #sitemap dd ul ul a:focus {
color: #5b92d3
}
#sitemap dd ul ul {
display: block;
float: none;
width: auto;
margin-bottom: 0;
padding-right: 0;
font-weight: 400
}
#sitemap dd ul ul a {
color: #54595c
}
#sitemap .flaps dt a {
color: #fff
}
/*hide the class bgiframe on ie6*/
* html .bgiframe {
display: none
}
/* @import url(mainMenu.css); */
/* the main (top) menu */
.mainmenu {
font-size: 1.1em
}
.mainmenu li {
z-index: 10000 !important;
position: relative;
float: left;
padding: 0
}
.mainmenu li.fullsubmenu {
position: static
}
.mainmenu li ul {
display: none;
position: absolute;
top: 25px;
left: -20px;
color: #fff;
background-color: #6b7074;
padding: 17px 0 24px;
height: 152px
}
html > body .mainmenu li ul {
height: auto;
min-height: 119px;
max-height: 343px
}
html > body .mainmenu li ul ul {
min-height: inherit
}
.mainmenu li.fullsubmenu ul {
left: -20px
}
.mainmenu li.align-right ul {
left: auto;
right: 0
}
.mainmenu li.lastelem-align-right ul {
left: auto;
right: -20px
}
.mainmenu li.first ul {
/*padding: 17px 0 23px;*/
}
.mainmenu li li {
position: static;
float: none
}
.mainmenu li .no-blocks {
width: 150px;
padding-left: 20px;
padding-right: 20px
}
.mainmenu li.align-right ul.no-blocks {
float: left;
left: -20px;
right: auto
}
.mainmenu li.align-right ul.blocks2, .mainmenu li.align-right ul.blocks3, .mainmenu li.align-right ul.blocks4 {
right: -20px
}
.mainmenu li.align-right ul.blocks4 {
/*right:-58px;*/
}
.mainmenu li.align-right ul.blocks3 {
/*right:-20px;*/
}
.mainmenu li li ul {
display: block;
position: static;
top: auto;
height: auto
}
.mainmenu ul.blocks2 {
width: 380px
}
.mainmenu ul.blocks3 {
width: 570px;
left: -140px
}
.mainmenu ul.blocks4 {
width: 765px
}
/*change 27.04.09*/
/*neu blocks5 added*/
.mainmenu ul.blocks5 {
width: 965px
}
.mainmenu ul.block ul {
padding: 0;
margin: 0
}
.mainmenu ul.block li {
float: left;
width: 149px;
padding: 0 20px;
border-right: 1px solid #c0c2c1
}
.mainmenu ul.block li.last, .mainmenu ul.block li li {
border-right: 0
}
.mainmenu ul.block li li {
padding: 0
}
.mainmenu li:hover ul, .mainmenu li.open ul {
display: block
}
.mainmenu .level1 {
color: #7f8385;
font-weight: bold;
display: block;
float: left;
padding: 5px 18px 0;
height: 20px
}
.mainmenu b.level1 {
color: #fff;
background-color: #6b7074
}
.mainmenu b.level1 a {
color: #fff;
/*text-decoration: none;*/
}
.mainmenu li:hover .level1, .mainmenu .open .level1, .mainmenu a.level1:hover, .mainmenu a.level1:focus {
text-decoration: none;
color: #fff;
background-color: #6b7074
}
.mainmenu li a:hover {
/*color: #fff*/
color: #DF2726;
text-decoration: none;
}
.mainmenu h3 {
color: #fff;
font-size: 1em;
margin-bottom: 1em
}
.mainmenu li ul a, .mainmenu li ul b {
display: block;
padding: 0 0 0.2em 10px;
color: #fff;
font-size: 0.9em;
font-weight: normal;
background: url("icons.png") no-repeat 0 -494px
}
/* @import url(dropdownmenu.css); */
/* country selector in meta nav and elsewhere */
.countries, div.simpleselect {
position: relative
}
.simpleselect {
width: 205px
}
.countries ul, .countries li, .simpleselect, .simpleselect li {
margin-left: 0;
padding-left: 0;
background: none
}
.countries ul, ul.simpleselect {
overflow: auto;
height: 4em
}
.countries ul {
border: 1px double #7f8385
}
.countries-hover ul, .simpleselect-hover ul {
position: absolute;
display: inline-block;
top: 0;
left: 0;
width: 150px;
height: 8em;
background-color: #fff;
padding: 0
}
ul.simpleselect {
height: 10em;
background-color: #edf0f2;
width: 205px
}
.countries a, .countries b, .simpleselect a, .simpleselect b {
font-size: 0.9em;
font-weight: normal;
display: block;
padding: 0 25px 0 3px
}
.simpleselect a, .simpleselect b {
color: #7f8385;
padding: 0.3em 25px 0.3em 10px
}
.simpleselect a:hover, .simpleselect a:focus {
text-decoration: none;
color: #fff;
background-color: #7f8385
}
.countries .countries-handle {
float: left;
border: 1px solid;
height: 1.3em;
background: url("../images_2011/icons.png") no-repeat right -1294px
}
* html .countries .countries-handle {
overflow: hidden
}
.simpleselect .simpleselect-handle {
background: #edf0f2 url("../images_2011/icons.png") no-repeat 173px -1290px;
display: block;
padding: 0.3em 20px 0.3em 10px
}
.meta .countries .countries-handle {
float: none;
height: 1.5em
}
.meta .countries-hover ul {
width: 200px
}
/* @import url(modules.css); */
/* container modules (columns): on full page 725px or with-subnav page of 490px */
.cols .col-left, .cols .col-middle {
float: left;
overflow: hidden
}
.cols .col-right {
float: right;
/*float: left;*/
overflow: hidden
}
/* 2 columns 1:1 */
/*.cols1-1 .col-left, .cols1-1 .col-right {
width: 343px
}*/
/* container modules (columns) for training overview*/
.traincols .col-left, .traincols .col-location, .traincols .col-middle, .traincols .col-right {
float: left;
overflow: hidden
}
/* 3 columns */
/*.traincols .col-left {
width: 180px
}
.traincols .col-location {
width: 100px
}
.traincols .col-middle {
width: 110px
}*/
/* /container modules (columns) for training overview*/
.with-subnav .cols1-1 .col-left, .with-subnav .cols1-1 .col-right {
width: 235px
}
/* 2:1 1:2 and 1:1:1 */
/*左侧宽度*/
.cols2-1 .col-left, .cols1-2 .col-right {
/*width: 390px*/
width: 455px !important;
overflow:hidden
}
.cols2-1 .col-left {
/*margin-right: 40px*/
margin-right: 25px !important;
}
/*右侧宽度*/
.cols1-2 .col-left, .cols2-1 .col-right, .cols1-1-1 .col-left, .cols1-1-1 .col-right {
/*width: 235px*/
width: 255px !important;
overflow:hidden
}
/*.with-subnav .cols2-1 .col-left, .with-subnav .cols1-2 .col-right {
width: 327px
}
.with-subnav .cols2-1 .col-left {
margin-right: 20px
}*/
.with-subnav .cols1-2 .col-left, .with-subnav .cols2-1 .col-right, .with-subnav .cols1-1-1 .col-left, .with-subnav .cols1-1-1 .col-right {
width: 163px
/*width: 255px*/
}
.cols1-1-1 .col-middle {
width: 235px
}
.with-subnav .cols1-1-1 .col-middle {
width: 164px
}
/* GENERAL LINKS */
a, input {
color: #54595c
}
a:hover, a:focus, a.lnk-exp:hover, a.lnk-exp:focus {
color: #/*5b92d3*/F95256;
text-decoration: underline
}
ul.llt, ul.dllt, ul.num {
margin-left: 0;
list-style-type: none
}
ul.llt li, ul.dllt li, ul.num li {
margin-left: 0
}
/* basic setup for applying icons to links */
a.lnkinternal, a.lnkexternal, a.dlnk, a.dlnkcollect, ul.llt li a, ul.dllt li a {
display: block;
padding-left: 8px;
background: url("../images_2011/sprite_icons.gif") no-repeat 0 4px
}
ul.llt li a, ul.dllt li a {
/*font-color:F95256;*/
font-size: 0.9em
}
ul.dllt li a.collect {
padding: 0.2em 0.4em 0 0;
font-size: 1.08em;
background: none
}
/* for external links */
a.lnkexternal {
display: block;
padding-left: 10px;
background-position: 0 -396px
}
/* for download links */
a.dlnk, ul.dllt li a {
padding-left: 12px;
background-position: 0 -196px
}
/* for collect download buttons */
a.dlnkcollect {
padding-left: 12px;
background-position: 0 -497px
}
/* used for link to exp search in meta and elsewhere */
a.lnk-exp {
/*clear: left;*/
display: block;
color: #bebec0;
background: url("../images_2011/icons.png") no-repeat 0 -145px;
padding-left: 7px
}
/* Bullet as used in {ARTNUM} e.g. */
ul.bullet {
list-style: none;
margin: 0
}
ul.bullet li {
margin-left: 0;
padding-left: 10px;
background: url("../images_2011/sprite_icons.gif") no-repeat 0 -295px;
font-size: 1.08em
}
/* anywhere richtext may be used */
ul {
list-style-type: square
}
.richtext p, .richtext ul, .richtext ol {
margin-bottom: 1em;
margin-left: 0
}
.richtext li {
padding-bottom: 0.3em;
margin-left: 0
}
.richtext ul li {
list-style: none;
background: url("../images_2011/bullet.gif") no-repeat 0 5px;
padding-left: 10px
}
.richtext ol li {
margin-left: 24px
}
.richtext a {
color: #5b92d3
}
/* HEADLINES */
h1, h2 {
font-weight: 400;
color: #/*5b92d3*/DE1F23
}
h3 {
color: #DE1F23
}
h4 {
font-size: 1.08em
}
/* Main headline, once per page */
h1, .hl1 {
font-size: 1.25em;
line-height: 20px;
margin-bottom: 0.7em;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif,"微软雅黑";
vertical-align: middle;
}
/* h2 headline for important headlines(page areas) */
h2, .hl2, binnenteaser h2 {
font-size: 1.43em;
line-height: 1.1em;
/*margin-bottom: 0.7em*/
}
.hlsub {
font-size: 1.0em;
line-height: 1.2em;
/*margin-bottom: 1.5em*/
font-weight:normal;
font-family:Arial, Helvetica, sans-serif,"微软雅黑";
vertical-align: middle;
}
/* main headline, once per page */
h1.hlproduct {
font-size: 2.14em;
line-height: 1.1em;
color: #fff;
background-color: #7F8385;
/*margin: 48px 20px 1px;*/
/* change 06.11.08 */
margin: 15px 20px 1px
}
/* teaser headline */
h3.hlt {
font-size: 1.25em;
line-height: 1.1em;
color: #5b92d3
}
/* SUBHEADLINES */
/* subheadline (for paragraphs) */
/* slt just for the record. use .sl */
h3, .sl, h3.slt {
display: block;
color: #/*5b92d3*/E02827;
/*font-size: 1.08em;*/
font-size: 12px;
font-weight: 700;
line-height: 1.15em;
margin-bottom: 0.7em;
/*text-align: center;*/
}
h3 .title {
/*width:260px;*/
text-align: center;
}
h3.slsmall {
color: #7f8385;
font-size: 0.9em;
font-weight: bold
}
/* UNORDERED ELEMENTS */
.date {
font-weight: 700
}
p.date {
color: #7f8385;
font-size: 1.08em
}
span.date {
margin-right: 0.7em;
color: #/*5b92d3*/F95256
}
/* TEXT ELEMENTS */
.abstract {
color: #54595c;
font-size: 1.08em;
font-weight: 700;
line-height: 1.3em;
margin-bottom: 1em
}
.abstract a {
color: #5b92d3
}
.note {
line-height: 1.2em
}
/* marks an element caption */
/* txtab & txadd just for the record. use .txsmall */
/* probably also txnum/lnknum */
caption, .txsmall, .txtab, .txadd {
color: #7f8385;
font-size: 0.9em
}
.txadd {
margin-bottom: 3.6em;
line-height: 1.2em
}
/* marks text containing the unique selling proposition */
.txusp {
color: #ffffff;
font-size: 1.08em;
line-height: 1.25em;
margin: 0 20px
}
/* marks text in navigation */
.txnav {
color: #7f8385;
font-size: 1.25em
}
/* mini module: media options */
.media-options {
margin-top: 1.3em
}
.media-options a {
/* general setting for download/media options */
margin-right: 50px
}
a.collect {
position: relative;
float: left;
padding: 0.4em 0.4em 0 0;
background: none
}
a.collect span {
display: none;
text-decoration: none
}
a.collect:hover, a.collect:focus, a.collect-over {
text-decoration: none
}
a.collect:hover span, a.collect:focus span, a.collect-over span {
display: block;
position: absolute;
left: 15px;
top: -1px;
max-width: 20em;
padding: 0.1em 10px;
color: #fff;
line-height: 1.3em;
font-size: 0.9em;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
background: #bcbdbf url("../images_2011/dlnk_tooltip.gif") no-repeat 0 0;
border: 1px solid #fff;
border-left: none;
z-index: 15
}
/* individual styles for various locations in which .collect is used */
/*
.m-art .content a.collect {
padding-top: 0.1em
}
.m-art .no-media a.collect, .tables a.collect {
padding-top: 0.2em
}
.select .download-options a.collect span {
font-size: 1em
}
.m-pme a.collect, .m-ptab a.collect, .m-pdl a.collect {
margin: 0;
padding-top: 0.2em;
font-size: 1.08em
}
.m-pdl a.collect {
padding-top: 0.4em
}
.media-options a.collect {
margin: 0
}
*/
/* Hack for aligning 'collect download' links besides floated download links on 'media-options' */
.m-art .media-options a.dlnk {
margin-left: 0 !important
}
/* IE-Hacks for aligning 'collect download' links */
* html .m-tea-fdl .dllt li a {
margin-left: 0 !important
}
* + html .m-tea-fdl .dllt li a {
margin-left: 0 !important
}
* html .m-tea-fdl .dllt li {
display: block
}
/* IR Equity Context*/
.main-content .ir-equity {
border-bottom: 1px solid #FFFFFF;
padding: 10px 0 20px 0
}
.main-content .ir-equity iframe {
border: none;
overflow: hidden
}
/* @import url(m-article.css); */
/* {ART} */
.m-art {
width: 490px;
color: #54595c;
/*margin-bottom: 3.2em;*/
margin-bottom: 1.2em;
/* eff. 40px */
}
.m-art2 {
width: 700px;
color: #54595c;
line-height:25px;
/*margin-bottom: 3.2em;*/
margin-bottom: 3.2em;
/* eff. 40px */
}
.m-art a {
color: #54595c
}
.m-art .image {
float: left;
width: 110px;
margin-right: 20px
}
.m-art .image img {
display: block;
margin-bottom: 20px
}
.m-art .image p {
margin-top: -10px;
color: #7f8385;
font-size: 0.9em;
line-height: 1.2em
}
.m-art .media-options a {
float: left
}
.m-art .media-options p.txsmall {
margin-top: 1.2em
}
.m-art .content {
float: left;
/*width: 360px;*/
width: 515px;
font-size: 1.08em;
line-height: 1.2em
}
.m-art .no-media {
width: auto
}
.m-art .llt, .m-art .dllt {
list-style-type: none;
font-size: 0.9em;
margin: 1.2em 0 0 0
}
.m-art .llt li, .m-art .dllt li {
margin-left: 0
}
.m-art .llt a, .m-art .dllt a {
display: block;
line-height: 1.3em
}
.m-art .dllt a {
background-position: 0 -198px
}
.m-art span {
margin-bottom: 20px;
/*display: block*/
}
.m-art .date {
font-size: 1em
}
.m-art h3 {
/*margin-bottom: 14px;*/
margin-bottom: 5px;
font-size: 1em;
/*font-weight: 700*/
}
.m-art a {
color: #333;
font-size: 0.9em;
text-decoration: underline;
}
.m-art a:hover {
/*color: #000;*/
font-size: 0.9em;
}
/*.m-art ul.llt li a {
color:F95256;
font-size: 1em
}*/
.llt a:hover {
color:F95256;
font-size: 1em
}
/* {ARTTAB} */
.m-arttab {
width: 490px;
margin-bottom: 3.2em;
/* eff. 40px */
}
.m-arttab h3 {
margin-bottom: 2.6em;
/* eff. 15px */
font-size: 1.08em
}
/* {ARTNUM} */
.m-artnum {
margin-bottom: 3.3em
}
.m-artnum h3 {
margin-bottom: 1.15em;
/* eff. 20px */
color: #5b92d3;
font-size: 1.08em
}
.m-artnum li {
margin: 0;
padding-left: 10px;
color: #54595c;
/*font-size: 0.9em;*/
font-size: 1.08em;
line-height: 1.25em;
background: url("../images_2011/sprite_icons.gif") no-repeat 0 -296px
}
/* {GALLERY} */
/*Changes 10.02 end*/
/* {PRODUCT} */
.m-product {
background-color: #edf0f2;
padding: 10px 0 10px 10px;
/*margin-bottom: 3.6em;*/
height: auto
}
.m-product.altProductPage {
margin-bottom: 40px
}
.m-product .m-imgpre {
float: left
}
.m-product .m-feature, .m-product .m-featurealt {
float: right;
width: 375px
}
/* IMGpre */
/*comment out when MediaModul is Live*/
/*
comment out when MediaModul is Live*/
.m-imgpre .controls {
background: transparent url("../images_2011/pfeil.png") no-repeat scroll 25px 0;
bottom: 8px;
height: 58px;
left: 8px;
padding-top: 15px;
position: absolute
}
* html .m-imgpre .controls {
bottom: 7px
}
/* old view
.m-imgpre .controls {
bottom:5px;
position:absolute;
right:10px;
}
*/
/*
comment out when MediaModul is Live*/
.m-imgpre .controls p {
color: #7f8385;
font-weight: bold;
font-size: 1.3em;
line-height: 1.25em;
text-align: left
}
.m-imgpre .lControls, .m-imgpre .rControls {
float: left;
width: 140px
}
.m-imgpre .pice, .m-imgpre .video, .m-imgpre .interaktiv, .m-imgpre .allview {
color: #BCBEC0;
display: block;
font-size: 12px;
margin-top: 3px;
padding: 8px 0 0 32px
}
.m-imgpre .pice {
background: url("../images_2011/media_icons.gif"/*tpa=http://www.draeger.com/static/img/media_icons.gif*/) no-repeat 0 4px
}
.m-imgpre .pice:hover {
background: url("../images_2011/media_icons.gif") no-repeat 0 -46px
}
.m-imgpre span.pice:hover {
background: url("../images_2011/media_icons.gif") no-repeat 0 4px
}
.m-imgpre .video {
background: transparent url("../images_2011/media_icons.gif") no-repeat scroll 0 -97px
}
.m-imgpre .video:hover {
background: transparent url("../images_2011/media_icons.gif") no-repeat scroll 0 -147px
}
.m-imgpre span.video:hover {
background: transparent url("../images_2011/media_icons.gif") no-repeat scroll 0 -97px
}
.m-imgpre .allview {
background: transparent url("../images_2011/media_icons.gif") no-repeat scroll 0 -296px
}
.m-imgpre .allview:hover {
background: transparent url("../images_2011/media_icons.gif") no-repeat scroll 0 -356px
}
.m-imgpre span.allview:hover {
background: transparent url("../images_2011/media_icons.gif") no-repeat scroll 0 -296px
}
.m-imgpre .interaktiv {
background: transparent url("../images_2011/media_icons.gif") no-repeat scroll 0 -196px
}
.m-imgpre .interaktiv:hover {
background: transparent url("../images_2011/media_icons.gif") no-repeat scroll 0 -246px
}
.m-imgpre span.interaktiv:hover {
background: transparent url("../images_2011/media_icons.gif") no-repeat scroll 0 -196px
}
/*comment out when MediaModul is Live*/
.m-imgpre .zoom, .m-imgpre .roundview {
display: block;
color: #bcbec0;
background: url("../images_2011/icons.png") no-repeat 0 -796px;
padding: 8px 0 0 25px;
margin-top: 3px
}
.m-imgpre .zoom, .m-imgpre .roundview {
background: transparent url("../images_2011/icons.png") no-repeat scroll 0 -796px;
color: #BCBEC0;
display: block;
float: right;
margin-left: 10px;
padding: 8px 0 0 25px
}
.m-imgpre .roundview {
background-position: 0 -846px
}
/* {FEATURE} {FEATUREalt} */
.m-feature h3, .m-featurealt h3 {
font-size: 1.25em;
font-weight: normal;
color: #5b92d3;
padding: 0.55em 10px
}
.m-feature dt {
cursor: pointer;
font-size: 1.08em;
font-weight: 700;
color: #6B7074;
/*change on 27.04.09*/
/*padding: 0.6em 10px;*/
padding: 0.6em 29px;
border-top: 1px solid #fff
}
.m-product .m-feature dt {
/*change 07.11.08*/
background-image: url("../images_2011/pfeil_oeffnen.gif");
background-repeat: no-repeat;
/*change on 27.04.09*/
/*background-position: left center;*/
background-position: 0 11px
}
.m-feature dt span {
width: 2em;
margin-right: 2em
}
/*change 07.11.08 - new class*/
/*out commented on 27.04.09*/
/*.m-product .m-feature b {
padding-left: 20px;
}*/
.m-product .m-feature span {
display: none
}
/*change end*/
.m-feature dt.flap-open {
color: #5b92d3
}
.m-product .m-feature dt.flap-open {
/*change 07.11.08*/
background-image: url("../images_2011/pfeil_schliessen.gif");
background-repeat: no-repeat;
/*change on 27.04.09*/
/*background-position: left center;*/
background-position: 0 11px
}
.m-feature dd, .m-featurealt .richtext {
font-size: 1.08em;
color: #6B7074
}
.m-feature dd {
padding: 0.3em 20px 0.5em 4em;
margin-left: 0
}
.m-product .m-feature dd {
/*change 07.11.08*/
padding: 0.3em 20px 0.5em 29px
}
.m-featurealt .richtext {
padding: 0.6em 20px 0.5em;
border-top: 1px solid #fff
}
.m-feature .richtext li, .m-featurealt .richtext li {
font-size: 0.9em;
color: #54595c
}
/*change 03.12.08*/
.m-product .m-feature .richtext li, m-product .m-featurealt .richtext li {
font-size: 1.08em;
color: #6B7074
}
/*change 03.12 end*/
.lightbox-content {
padding: 19px 10px 25px
}
.lightbox-content img, .lightbox-content object {
margin: 0 auto
}
.lightbox-content .close {
font-weight: bold;
font-size: 0.9em;
float: right;
display: block;
color: #7f8385;
background: url("../images_2011/icons.png") no-repeat right -1498px;
padding-right: 18px;
margin-top: -3px
}
.lightbox-content h2 {
font-size: 1.08em;
font-weight: 700;
color: #5b92d3;
margin: 0 0 0.6em
}
.lightbox-content .full {
text-align: center;
float: left;
background-color: #fff;
width: 546px;
height: 471px;
overflow: hidden;
margin-bottom: 10px;
margin-top: 3px
}
.lightbox-content .thumbs {
/*float: right;
width:134px;*/
float: left;
width: 134px;
margin-left: 4px
}
.lightbox-content .thumbs.inline li {
float: left;
margin-left: 1px
}
.lightbox-content .thumbs a {
text-align: center;
display: block;
background: #fff;
height: 111px;
margin: 0px 0 3px 2px;
overflow: hidden;
width: 129px;
border: 3px solid #edf0f2
}
.lightbox-content .thumbs a:hover {
border: 3px solid #d3dff3
}
.lightbox-content .thumbs a.active {
border: 3px solid #5b92d3
}
.lightbox-content .controls {
text-align: center;
width: 546px;
float: left
}
.lightbox-content .controls #productText {
overflow: hidden;
padding: 0 5px 0 5px;
text-align: left;
width: 525px;
height: 15px;
font-size: 10px;
font-weight: bold;
color: #7f8385
}
.lightbox-content .controls a {
text-transform: uppercase;
font-size: 0.9em;
color: #7f8385
}
.lightbox-content .controls .forwards {
background: url("../images_2011/icons.png") no-repeat right -1596px;
padding-right: 7px;
margin-left: 50px
}
.lightbox-content .controls .backwards {
background: url("../images_2011/icons.png") no-repeat left -1546px;
padding-left: 7px;
margin-right: 50px
}
.m-pdl h2 {
margin-bottom: 0.6em
}
.m-pdl p {
margin-bottom: 1em
}
/* {PART} Artikelliste */
.m-partelement, .m-pdlelement {
font-size: 0.9em;
/*width:322px;*/
color: #7f8385;
float: left;
margin-right: 39px;
/*border-top: 1px solid #BCBEC0;*/
padding: 20px 0;
/*change 06.11.08*/
width: 320px;
border-top: 1px solid #edf0f2
}
.m-partelement-even, .m-pdlelement-even {
margin-right: 0
}
.m-partelement-firstrow, .m-pdlelement-firstrow {
border-top: 0;
padding-top: 0
}
.m-partelement .image, .m-pdlelement .image {
float: left;
width: 100px;
margin-right: 15px
}
.m-partelement .content, .m-pdlelement .content {
/*float:left;*/
/*width:207px;*/
font-size: 1em;
line-height: 1.2em;
/*change 06.11.08*/
float: right;
width: 205px
}
.m-partelement .content a, .m-pdlelement .content a {
position: relative;
line-height: 1.5em
}
.m-partelement .content h3, .m-pdlelement .content h3 {
font-size: 0.9em;
color: #7f8385;
font-weight: 700;
margin-bottom: 1em;
margin-top: 0.4em
}
.m-partelement .content span {
display: block
}
.m-partelement .content p {
margin-bottom: 1em
}
.m-partelement .content ul {
color: #54595c;
line-height: 1.1em;
margin-bottom: 1em
}
.m-partelement .content ul a {
display: -moz-inline-box;
display: inline-block;
line-height: 1.3em
}
/* @import url(m-binnenteaser.css); */
/* binnenteaser module */
/* overall */
.binnenteaser {
margin-bottom: 2.6em;
/* =40px */
padding: 10px;
border: 1px solid #bcbec0
}
.binnenteaser a {
color: #54595c
}
.binnenteaser a:hover, .binnenteaser a:focus {
color: #/*5b92d3*/F95256;
text-decoration: none;
}
.binnenteaser h3 {
margin-bottom: 0.3em;
font-size: 1em;
font-weight: 700;
padding:5px 0;
}
.binnenteaser ul {
list-style: none;
margin: 0
}
.binnenteaser li {
margin: 0
}
.binnenteaser p {
line-height: 1.25em
}
.binnenteaser li a {
display: block;
color: #54595c;
font-size: 1em;
line-height: 1.42em
}
.binnenteaser .llt li a, .binnenteaser .dllt li a {
font-size: 1em
}
.binnenteaser hr {
height: 0;
margin: 10px 0 2px;
border: 0;
border-top: 1px solid #bcbec0
}
html > /**/body .binnenteaser hr {
margin: 16px 0 15px
}
.m-tea-ft, .m-tea-fl, .m-tea-fdl, .m-tea-flwide, .m-tm2 {
padding: 1.3em 20px 2em
}
/* TDL-FT1 */
.m-tdl-ft1 {
width: 321px;
/* eff. 343 (padding+border) */
height: 170px;
/* eff. 192px (padding+border) */
}
html > body .m-tdl-ft1 {
height: auto;
min-height: 170px
}
.m-tdl-ft1 div.clearfix {
margin-bottom: 0.9em;
padding-bottom: 0.9em;
border-bottom: 1px solid #bcbec0
}
.m-tdl-ft1 img {
float: left;
margin-right: 1.3em
}
.m-tdl-ft1 .content {
float: left;
width: 219px
}
.m-tdl-ft1 h3 {
margin: 0.7em 0 0.4em
}
.m-tdl-ft1 p {
margin: 0
}
.m-tdl-ft1 p a {
color: #54595c
}
/* TDL-FT2 */
.m-tdl-ft2 {
width: 321px;
/* eff. 343 (padding+border) */
height: 170px;
/* eff. 192px (padding+border) */
}
html > body .m-tdl-ft2 {
height: auto;
min-height: 170px
}
.m-tdl-ft2 img {
float: left;
margin-right: 5px
}
.m-tdl-ft2 div div {
display: inline;
/*ie6 double margin fix*/
float: left
}
.m-tdl-ft2 .content {
width: 136px;
margin-left: 10px
}
.m-tdl-ft2 h3 {
margin: 0.45em 0 0.25em
}
.m-tdl-ft2 .row2 {
clear: left;
margin-top: 0.8em;
padding-top: 1.15em;
/* eff. 20px */
border-top: 1px solid #bcbec0
}
.m-tdl-ft2 .row2 .left {
margin-right: 19px;
overflow: hidden
}
/* TDL-FT3 */
.m-tdl-ft3 {
width: 468px;
/* eff. 490px (padding+border) */
height: 170px;
/* eff. 192px (padding+border) */
}
html > body .m-tdl-ft3 {
height: auto;
min-height: 170px
}
.m-tdl-ft3 img, .m-tdl-ft3 .cols {
/* general settings for both columns */
float: left
}
.m-tdl-ft3 .cols img {
margin-right: 1.4em
}
.m-tdl-ft3 .cols h3 {
margin: 0;
padding: 0.5em 0 0.4em
}
.m-tdl-ft3 .col1 .clearfix {
margin-bottom: 0.9em;
padding-bottom: 0.9em;
border-bottom: 1px solid #bcbec0
}
/* 1st column */
.m-tdl-ft3 .col1 {
width: 262px;
margin-right: 30px
}
.m-tdl-ft3 .col2 ul {
width: 166px;
margin-bottom: 10px
}
.m-tdl-ft3 .wimage a.dlnk {
background-position: 100px -196px;
padding-left: 114px
}
/* TDL-FT4 */
.m-tdl-ft4, .m-tdl-ft4wide {
width: 213px;
/* eff. 235 (padding+border) */
height: 106px;
/* eff. 128px (padding+border) */
}
html > body .m-tdl-ft4, html > body .m-tdl-ft4wide {
height: auto;
min-height: 106px
}
.m-tdl-ft4 img, .m-tdl-ft4wide img {
float: left;
margin-right: 1.3em
}
.m-tdl-ft4 h3, .m-tdl-ft4wide h3 {
margin: 0.7em 0 0.4em
}
/* TDL-FT4wide */
.m-tdl-ft4wide {
width: 428px
}
/* TEA-FT */
.m-tea-ft {
width: 193px;
/* eff. 235 (padding+border) */
height: 86px;
/* eff. 128px (padding+border) */
}
html > body .m-tea-ft {
height: auto;
min-height: 86px
}
.m-tea-ft div {
float: left;
width: 89px;
margin-right: 15px
}
/* TEA-FL,TEA-FDL */
.m-tea-fl, .m-tea-fdl {
min-height: 86px;
/* eff. 128px (padding+border) */
}
.m-tea-fdl ul li a {
display: inline-block
}
html > /**/body .m-tea-fdl ul li a {
display: block
}
/* TEA-FLwide: NOT NEEDED ANYMORE AS NO WIDTH DEFINED!!! */
.m-tea-flwide {
width: 448px;
/* eff. 490 (padding+border) */
min-height: 86px;
/* eff. 128px (padding+border) */
}
.m-tea-flwide ul {
float: left;
width: 204px
}
.m-tea-flwide ul.left {
margin-right: 40px
}
/* LLNews */
.m-llnews {
width: 450px;
padding: 0;
border: 0
}
.m-llnews h2.hl2 {
margin: 0 0 0.7em
}
.m-llnews p {
font-size: 1.08em;
line-height: 1.6em
}
.m-llnews span.date {
color: #5b92d3;
font-weight: 700;
margin-right: 0.7em
}
.m-llnews2 {
/*width: auto;*/
width: 100%;
/*padding: 0;
border: 0*/
overflow:hidden
}
.m-llnews2 h2.hl2 {
margin: 0 0 0.7em
}
.m-llnews2 p {
/*font-size: 1.08em;*/
font-size: 12px;
/*line-height: 1.6em;*/
}
.m-llnews2 span.date {
color: #/*5b92d3*/F95256;
font-weight: 700;
margin-right: 0.7em
}
.txtext p .more, .m-llnews2 p .more {
float: right;
line-height:30px;
}
/* TM1 */
.m-tm1 {
padding-top: 5px;
width: 213px
}
.m-tm1 h3 {
margin: 0.1em 0 0.5em
}
.m-tm1 .clearfix {
margin-bottom: 0.5em
}
.m-tm1 .clearfix h3 {
float: left;
margin: 0
}
.m-tm1 .countries {
float: right;
display: inline;
width: 90px;
background: url("../images_2011/bg_dropdown.gif") no-repeat 0 0
}
.m-tm1 .countries b, .m-tm1 .countries a {
font-size: 0.9em
}
.m-tm1 .countries-handle {
width: 60px
}
.m-tm1 img {
width: 213px;
height: 135px;
margin-bottom: 0.7em
}
.m-tm1 .dropdownmenu {
/* marks the country select */
float: right
}
.m-tm1 .llc {
/* marks the list elements */
margin-top: 13px;
width: 213px;
overflow: hidden
}
.m-tm1 .llc ul {
float: left;
width: 66px;
margin-right: 40px
}
/* TM2 */
.m-tm2 {
height: 264px;
/* eff. 300 (padding+border) */
width: 193px;
padding-top: 14px
}
html > body .m-tm2 {
height: auto;
min-height: 264px
}
.m-tm2 li {
line-height: 1.43em
}
.m-tm2 h3.website {
margin-top: 1em;
/* eff. 20px */
}
.m-tm2 h3.tel {
margin: 1em 0;
/* eff. 20px */
}
.m-tm2 p.tel {
margin-top: 1em;
/* eff. 20px */
font-size: 1.25em
}
/* TM3 */
/*中部*/
.m-tm3 {
/*padding-top: 10px;*/
padding: 10px;
/*width: 213px
width: 230px*/
}
.m-tm3 h3 {
margin: 0.1em 0 0.5em
}
.m-tm3 .clearfix {
margin-bottom: 0.5em;
}
.m-tm3 .clearfix h3 {
float: left;
margin: 0px;
}
/*中部图片*/
.m-tm3 img {
/*width: 213px;
height: 115px;*/
width: 225px;
height: 135px;
padding:1px;
border: 1px solid #bcbec0;
margin-bottom: 0.7em
}
.m-tm3 img a:hover {
padding:1px;
border: 1px solid #333;
}
.m-tm3 .llc {
/* marks the list elements */
margin-top: 13px
}
.m-tm3 .llc ul {
float: left;
padding-right: 10px
}
/* @import url(m-forms.css); */
/* general buttons and */
.button {
display: block;
font-size: 0.9em;
text-transform: uppercase;
/*color: #fff;*/
background: #BCBEC0 url("../images_2011/icons.png") no-repeat 5px -1048px;
width: 125px;
padding: 0 20px 0 15px;
margin: 0 10px 0.5em 0;
cursor: pointer
}
input.button {
cursor: pointer;
text-align: left;
width: auto;
/* IE */
overflow: visible;
/* IE */
width: 160px;
padding: 0.3em 20px 0 15px;
border: none
}
* html input.button {
line-height: 1em
}
html > body input.button {
width: auto;
min-width: 160px;
padding-top: 0
}
* + html > body input.button {
padding: 0.3em 20px 0 15px;
min-width: auto;
line-height: 1em
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
/* safari/webkit only hack testwise */
input.button {
line-height: 1.4em
}
}
.button:hover, .button:focus, .button-over {
text-decoration: none;
color: #fff;
background-color: #7f8385
}
/* {FORM} */
.m-form {
color: #54595c;
margin-bottom: 3.6em;
width: 480px
}
.m-form .errors {
font-size: 1.08em;
margin-bottom: 3.6em;
color: red
}
.m-form .note {
font-size: 0.8em;
padding-top: 0.8em
}
.m-form .note a {
display: block;
margin-bottom: 0.7em
}
/* a single line of label/input combo or just inputs like checkboxes */
.m-form .line {
margin-bottom: 1em;
margin-bottom: 30px
}
.m-form .singlefield {
margin-bottom: 38px
}
.m-form .group-next {
margin-bottom: 8px
}
/* if no .label ist used */
.m-form .no-label {
padding-left: 140px
}
.m-form .input {
color: #7f8385;
float: right;
width: 340px
}
.m-form .input.left {
float: none
}
.m-form .input div {
margin-bottom: 8px
}
.m-form .checkboxes .input div, .m-form .radios .input div {
margin-bottom: 2px
}
.m-form .label {
padding-right: 5px
}
.m-form .label strong, .m-form .inline-label strong {
font-weight: normal;
font-size: 0.9em;
line-height: 1.2em;
color: red;
clear: both;
display: block;
padding-top: 0.2em
}
.m-form .label strong {
padding-left: 140px
}
.m-form .inline-label strong {
margin-bottom: 1em
}
.m-form .label, .m-form .inline-label {
font-size: 1.08em;
line-height: 1.3em
}
.m-form .inline-label {
color: #7f8385;
margin: 0 20px 0 4px
}
.m-form .input span label {
padding-right: 10px;
padding-left: 2px
}
.m-form textarea, .m-form select, .m-form .text, .m-form .upload {
font-size: 0.8em;
color: #7f8385;
width: 139px;
border: 1px solid #BCBEC0;
padding: 0 5px;
margin-right: 10px
}
.m-form .disabled {
color: #cfcfcf;
background-color: #fff
}
.m-form select {
padding: 0;
width: 151px
}
.m-form textarea {
height: 80px
}
.m-form .text {
padding: 0.3em 5px
}
/* default width of form elements is 310, overwrite with small or medium */
.m-form .large, .m-form .upload {
width: 300px;
margin-right: 0
}
.m-form select.large {
width: 313px
}
.m-form .small {
width: 58px;
margin-right: 11px
}
.m-form .small:nth-of-type(n + 2) {
margin-right: 10px
}
.m-form .small:nth-of-type(n + 3) {
margin-right: 11px
}
.m-form .removeupload {
font-size: 0.9em;
line-height: 1.2em;
display: block;
background: url("../images_2011/icons.png"/*tpa=http://www.draeger.com/static/img/icons.png*/) no-repeat right -1100px;
width: 145px;
padding-right: 15px;
margin-top: 0.3em
}
.m-form .removeupload:hover, .m-form .removeupload:focus {
background-position: right -1500px
}
.m-form .input a.lnkinternal {
color: #7f8385;
display: inline;
margin-left: 5px
}
/* Input Fields with Questionmark Button */
.m-form .questionmark .input input, .questionmark .input select, .questionmark .input textarea, .questionmark div {
float: left;
margin-bottom: 5px
}
.m-form .questionmark .input.left input {
float: none
}
.m-form .questionmark .input div {
margin-bottom: 0px;
width: 161px
}
.m-form .questionmark .input div input {
float: none;
margin-bottom: 0px
}
.m-form .questionmark p {
float: left;
padding-bottom: 15px;
margin-right: 10px;
width: 291px;
font-size: 1.08em;
line-height: 1.3em
}
.m-form .questionmark .input .small {
margin-right: 10px;
width: 57px
}
.m-form .questionmark .input .small.first {
margin-right: 5px
}
.m-form .questionmark .input span {
float: left;
margin-right: 4px
}
.m-form .questionmark .input {
padding-bottom: 5px
}
.m-form .questionmark a.button {
display: block;
font-size: 0.9em;
text-transform: uppercase;
color: #fff;
background: #BCBEC0 url("../images_2011/questionmark.gif"/*tpa=http://www.draeger.com/static/img/questionmark.gif*/) no-repeat 0px 0px;
width: 15px;
height: 15px;
float: left;
padding: 0px;
margin: 1px 0 5px 10px
}
/*Only for select option with bold headline*/
.m-form select optgroup {
color: #5B92D3;
font-style: normal
}
.m-form select option {
color: #7F8385;
font-style: normal
}
/* @import url(m-nav.css); */
/* {SNAV} */
/*.m-snav {
padding: 1.6em 0 3.6em;
font-size: 0.9em;
text-transform: uppercase;
color: #bcbec0;
padding: 0 0 1em
}
.stage .m-snav {
margin-bottom: -48px;
padding: 21px 20px 12px
}
.m-snav div {
float: right
}
.m-snav a {
color: #bcbec0
}
.m-snav a:hover, .m-snav a:focus {
color: #5b92d3
}
.stage .m-snav a, .stage .m-snav a:hover, .stage .m-snav a:focus {
color: #ffffff
}
.m-snav span {
margin: 0 15px
}
.m-snav a.back, .m-snav a.backwards {
background: url("../images_2011/icons.png") no-repeat left -946px;
padding-left: 7px
}
.m-snav a.back {
background-position: left -146px;
padding-left: 7px
}
.stage .m-snav a.back {
background-position: left -996px
}
.stage .m-snav a.backwards {
background-position: left -897px
}
.m-snav a.forwards {
background: url("../images_2011/icons.png") no-repeat right -1196px;
padding-right: 7px
}
.stage .m-snav a.forwards {
background-position: right -1896px
}
*/
/* {RNAV} in select navigation */
.m-select1, .m-select2 {
position: relative;
width: 450px;
margin-bottom: 3.6em
}
.m-select2 {
border: 1px solid #BCBEC0;
padding: 6px 10px 10px;
width: 428px
}
.m-select1 .tabs li {
font-size: 1.08em;
display: block;
float: left;
cursor: pointer;
color: #5b92d3;
padding: 0.3em 20px
}
.m-select1 .tabs li.tab-open {
cursor: default;
color: #fff;
background-color: #5b92d3
}
.m-select1 .tab-content {
background-color: #5b92d3;
padding: 10px 10px 5px
}
.m-select1 .selection {
border-bottom: 5px solid #5b92d3
}
.m-select2 .selection {
margin-bottom: 15px
}
.m-select2 .last {
margin-bottom: 0
}
.m-select1 .selection select {
width: 100%
}
.m-select2 label {
display: block;
color: #7f8385;
font-weight: bold;
margin-bottom: 5px
}
.m-select2 .selection select {
color: #7f8385;
width: 429px
}
.m-select1 .freesearch, .m-select2 .freesearch {
position: absolute;
bottom: 0;
right: -275px
}
.m-select2 .freesearch-submit {
position: absolute;
bottom: 10px;
right: -35px;
border: 0;
padding: 0
}
/* general styles for freesearch input and button */
.freesearch-input, .freesearch-submit {
font-size: 1.2em;
color: #5b92d3;
vertical-align: middle;
padding: 5px 8px 6px;
border: 1px solid #5995D1;
margin-left: 5px
}
.freesearch-input {
width: 199px;
padding: 3px 2px 4px;
margin-left: 0
}
/* {CALENDAR} */
.m-calendar {
margin-bottom: 3.6em
}
.m-calendar .col-right label {
display: block;
margin-bottom: 0.3em
}
.m-calendar .select {
display: block;
margin-bottom: 0.5em
}
.m-calendar .select select {
font-size: 0.9em;
width: 205px
}
/* {SCHNAV/SCHNAVexp} */
/*.m-schnav, .m-schnavexp {
margin-bottom: 3.6em
}
.m-schnav h3 {
margin-bottom: 2.7em
}
.m-schnavexp h3 {
margin-bottom: 1.2em
}
.m-schnav .txtext {
margin-bottom: 0.4em
}
.m-schnavexp .txtext {
margin-bottom: 2.4em
}
.m-schnavexp .exp {
border: 1px solid #bdbec2;
padding: 20px;
margin: 3.6em 0 0
}
.m-schnavexp .exp h3 {
margin-bottom: 0.2em
}*/
/* {SCHlocation} */
/*.m-schlocation {
margin-bottom: 3.6em
}
.m-schlocation h3 {
margin-bottom: 2.7em
}
.m-schlocation .txtext {
margin-bottom: 0.4em
}*/
/* {ENAV} */
.m-enav {
clear: both;
font-size: 1.12em;
color: #bcbec0;
margin-bottom: 3.6em
}
.m-enav ol {
margin-bottom: 2.85em
}
.m-enav ol li.selected {
color: #5b92d3;
/*font-weight:bold;*/
}
.m-enav ol li {
color: #7f8385;
display: inline;
float: left;
font-size: 1.08em;
margin: 0pt 3.1em 0.3em 0pt;
white-space: nowrap
}
.m-enav ol li a {
color: #7f8385
}
.m-enav ol li a:hover {
color: #5b92d3
}
.m-enav .views {
float: right;
width: 260px
}
.m-enav .views img, .m-enav .views div.label {
float: right
}
.m-enav .views img {
margin-left: 10px
}
.m-enav .views div.label {
padding-top: 1px;
margin-right: 5px
}
.m-enav .paging {
float: left;
padding-top: 1px
}
.m-enav span {
color: #5b92d3
}
.m-enav .paging a, .m-enav .paging span, .m-enav .paging strong {
color: #bcbec0;
margin-left: 5px
}
.m-enav .paging a.start {
margin-left: 3px
}
.m-enav .paging a.prev {
margin-right: 2px
}
.m-enav .paging a.next {
margin-left: 7px
}
.m-enav .paging a.last {
margin-right: 50px
}
.m-enav .paging img {
margin-bottom: 1px
}
.m-enav .paging strong {
color: #5b92d3
}
/* @import url(selectbox.css); */
/* {SELECT1} select, {SELECT2} select */
.m-select1 .selectbox, .m-select2 .selectbox {
font-size: 1.08em;
cursor: pointer;
display: block;
color: #7f8385;
background: #dcdddf url("../images_2011/icons.png"/*tpa=http://www.draeger.com/static/img/icons.png*/) no-repeat right -1941px;
width: 409px;
padding: 0.3em 10px;
border: 0;
margin: 0 0 13px
}
.m-select1 .selectbox {
color: #5b92d3;
background-color: #e4ebf7;
background-position: right -1991px;
margin: 0
}
.m-select1 div.selectbox-wrapper, .m-select2 div.selectbox-wrapper {
position: absolute;
z-index: 50;
overflow: auto;
overflow-y: scroll;
width: 429px !important;
max-height: 200px;
background-color: #f2f2f3;
padding: 0;
margin: 0;
margin-top: -12px
}
.m-select1 div.selectbox-wrapper {
background-color: #e4ebf7;
margin-top: 1px
}
* + html .m-select2 div.selectbox-wrapper {
margin-top: -13px
}
* + html .m-select1 div.selectbox-wrapper {
margin-top: 0
}
.m-select1 div.selectbox-wrapper ul, .m-select2 div.selectbox-wrapper ul {
list-style-type: none;
margin: 0;
padding: 0
}
.m-select1 div.selectbox-wrapper ul li, .m-select2 div.selectbox-wrapper ul li {
display: block;
margin: 0;
padding: 0.2em 10px;
color: #7f8385;
cursor: pointer;
font-size: 1.08em;
list-style-type: none;
border: 0
}
.m-select1 div.selectbox-wrapper ul li {
color: #5b92d3
}
/*.m-select1 div.selectbox-wrapper ul li.selected, .m-select1 div.selectbox-wrapper ul li.current {
background-color: #d2e1f4
}
.m-select2 div.selectbox-wrapper ul li.selected, .m-select2 div.selectbox-wrapper ul li.current {
background-color: #dcdddf
}*/
/* @import url(m-search.css); */
/* SEARCH module */
/* {RESULTsearch} */
.m-resultsearch {
margin-bottom: 3.6em
}
.m-resultsearch a.img {
float: left;
margin-right: 20px
}
.m-resultsearchimage div.clearfix {
margin-left: 200px
}
.m-resultsearch .relevance {
display: block;
margin-bottom: 0.1em;
padding-left: 20px;
color: #7f8385;
font-size: 1.08em;
font-weight: 700;
background: url("../images_2011/sprite_results.gif") no-repeat 0 -397px
}
.m-resultsearch h3 {
margin-bottom: 0.9em
}
.m-resultsearch h3 a {
color: #5b92d3
}
.m-resultsearch ul.llt li a {
line-height: 1.43em
}
.m-resultsearch ul.llt {
margin-bottom: 1em
}
.m-resultsearch .richtext {
font-size: 1.08em;
line-height: 1.33em;
/* results in this case in 16px */
}
.m-resultsearch .dlnk {
font-size: 0.9em
}
/* {RESULTview1} {RESULTview2} {RESULTview3} */
.products {
color: #646464;
margin-bottom: 3.6em;
padding: 10px 10px;
background: #edf0f2;
height:210px; /*ff属性*/
height:210px\9; /*IE6/7/8属性*/
*height:210px; /*IE6/7属性*/
}
.products .clipboard {
float: right;
width: 142px;
padding: 0.1em 15px 0 0;
color: #fff;
font-size: 0.8em;
text-align: right;
text-transform: uppercase;
background: #bcbec0 url("../images_2011/sprite_results.gif") no-repeat 145px -297px
}
.products ul {
font-size: 1.08em;
list-style: none;
margin: 1.3em 0 0;
height:100px;
}
.products li {
margin: 0 0 0.3em;
padding-left: 19px;
background: url("../images_2011/sprite_results.gif") no-repeat 0 2px
}
.products h3 {
font-weight: normal;
font-size: 1.25em;
color:#DE1F23;
/*line-height: 2em;*/
margin:0;
padding:0;
font-weight:bolder;
}
.products h3 a, .products p.txusp {
color: #/*646464*/DE1F23;
/*line-height: 1.08em*/
}
.products p.txtext, .noresult p.txtext {
margin-top: 1em;
margin-bottom: 0;
color: #646464
}
/*5.24*/
.products:hover, .products:focus, .products-over {
color: #fff;
background: #E2645B
}
.products:hover h3, .products:focus h3, .products-over h3, .products:hover a, .products:focus a, .products-over a, .products:hover p, .products:focus p, .products-over p {
color: #fff !important
}
.products:hover .clipboard, products:focus .clipboard, .products-over .clipboard {
text-decoration: none;
color: #3354ba !important;
background-color: #d6e7f7;
background-position: right -197px
}
.products:hover .clipboard:hover, .products:hover .clipboard:focus, .products-over a.clipboard-over {
color: #fff !important;
text-decoration: none;
background: #3354ba url("../images_2011/sprite_results.gif") no-repeat right -297px
}
* html body .products-over a.clipboard-over {
background-position: right -297px !important
}
.products:hover li, .products:focus li, .products-over li {
background-position: 0 -98px
}
/* {RESULTview1} */
/*产品列表*/
.m-resultview1 {
position: relative
}
.m-resultview1 a.img {
float: left
}
.m-resultview1 .txusp {
margin: 0
}
.m-resultview1 div {
margin-left: 178px
}
.m-resultview1 h3 {
margin: 0.95em 0 0.3em
}
.m-resultview1 ul, .m-resultview1 .txtext {
padding-right: 100px;
line-height: 1.08em
}
.m-resultview1 .clipboard {
/*position: absolute;
bottom: 10px;
right: 10px;*/
margin-top: -10px
}
/* {RESULTview2} */
.m-resultview2 {
position: relative;
float: left;
width: 333px;
margin-right: 9px
}
.m-resultview2 h3 {
margin: 1.5em 0 0.85em 0.3em
}
.m-resultview2 p, .m-resultview2 ul {
margin-left: 0.4em
}
/* {RESULTview3} */
.m-resultview3 {
float: left;
width: 146px;
margin-right: 15px
}
* + html .m-resultview3 {
padding-bottom: 3px
}
.m-resultview3 h3 {
font-size: 1.25em;
margin: 0.9em 0 0.5em 0.3em
}
.m-resultview3 .clipboard {
position: relative;
width: 0;
padding-right: 14px;
background-position: right -297px
}
.m-resultview3 .clipboard span {
display: none
}
.m-resultview3 .clipboard:hover, .m-resultview3 .clipboard:focus, .m-resultview3 a.clipboard-over {
width: 129px
}
.m-resultview3 .clipboard:hover, .m-resultview3 a.clipboard-over {
background-position: right -197px
}
.m-resultview3 .clipboard:hover span, .m-resultview3 .clipboard:focus span, .m-resultview3 a.clipboard-over span {
display: inline
}
/* SELECTION RESULTS */
.select {
margin-bottom: 3.6em
}
.select h3 {
margin-bottom: 0.9em
}
.select h3 a, .select h4 a {
/* QS - 'h3 a' probably as general rule? */
color: #5b92d3
}
.select h4 {
margin: 0 0 1.1em 1.65em;
color: #5b92d3;
font-size: 1.08em;
font-weight: 700
}
.listing ul.bullet, .listing ul.llt {
margin-left: 1.8em
}
.listing ul.llt li a {
background-position: 0 -295px
}
.select .txtext {
margin-bottom: 1.1em
}
.select .richtext {
margin-bottom: 1em
}
.select .lnkinternal {
display: block;
margin-bottom: 1.2em;
font-size: 0.9em
}
.select .download-options {
float: left;
width: 200px;
margin-top: 1em
}
.select .download-options h3 {
margin: 0
}
.select .download-options a {
font-size: 0.9em
}
.select .download-options .dlnk {
line-height: 1.8em
}
.select .download-options .dlnksb {
display: block;
margin: 0 0 1.1em
}
.select .download-options .txsmall {
line-height: 1.08em
}
.select p.shortmargin {
margin-bottom: 0.2em
}
/* {RESULTlist} */
.downloads .lnkinternal {
margin-top: -0.1em
}
.m-resultlist .lnkinternal {
background-position: 0 5px
}
/* {RESULTdate} */
.m-resultdate h2 {
margin-bottom: 0.55em
}
.m-resultdate h3.sl {
margin-bottom: 1.1em
}
.m-resultdate a.lnkinternal, .m-resultdate a.lnkexternal {
display: block;
/* probably better: generally as block */
font-size: 1em;
margin-bottom: 1.2em
}
.m-resultdate .button {
margin-top: 0.45em
}
.m-resultdate .txsmall {
margin-bottom: 1.2em;
line-height: 1.25em
}
/* {RESULTjobsearch} */
.m-resultjobsearch .button {
float: left;
margin-top: 0.3em;
margin-right: 20px
}
/* {NORESULT} */
.noresult {
color: #646464;
margin-bottom: 3.6em;
padding: 0.8em 0
}
/* @import url(m-snav.css); */
/* SUB NAVIGATION modules */
/* {RNAV}*/
.m-rnav {
padding: 0 0 20px 0;
/*border: 1px solid #bcbec0;*/
margin-bottom: 2.9em;
/*change 06.11.08*/
border: 2px solid #edf0f2;
border-top: none
}
.m-rnav .tabs {
/* margin-bottom: 2.85em; */
/*change 06.11.08*/
background-color: #edf0f2;
padding: 20px;
padding-bottom: 0px;
padding-left: 7px;
margin-bottom: 2.85em
}
.m-rnav .tabs li {
cursor: pointer;
white-space: nowrap;
display: inline;
float: left;
color: #7f8385;
/*margin: 0 3.1em 0.3em 0;*/
font-size: 1.08em;
/*change 07.11.08*/
background-image: url("../images_2011/pfeil.gif");
background-repeat: no-repeat;
background-position: 13px 15px;
/*margin-left: 15px;*/
padding: 10px 20px 10px 20px;
text-align: center
}
.m-rnav .tabs .tab-open {
font-weight: bold
}
.m-rnav-inactive .tabs li {
cursor: default;
color: #bcbec0
}
.m-rnav-inactive .tabs .tab-open {
color: #7f8385
}
.m-rnav-active .tabs li:hover, .m-rnav-active .tabs li:focus {
text-decoration: underline;
color: #5b92d3
}
.m-rnav-active .tabs .tab-open, .m-rnav-active .tabs .tab-open:hover, .m-rnav-active .tabs .tab-open:focus {
cursor: default;
text-decoration: none;
/*color: #5b92d3;*/
/*change 07.11.08*/
background-image: url("../images_2011/pfeil_rollover.gif");
background-repeat: no-repeat;
background-position: 13px 15px;
background-color: #ffffff;
color: #5b92d3;
text-align: center
}
/* change 06.11.08 - new class*/
.tab-content {
padding: 0px 18px 20px 20px
}
.tab-content h2 {
/*change 07.11.08*/
color: #5b92d3;
font-weight: bold
}
/*#tab-0-5, #tab-0-6, #open3, #open4, #tab-0-9,
#tab-0-10, #tab-0-11 {
display:none;
}*/
/* @import url(m-tables.css); */
/* module ContentModuleBasicTabelle */
/* styles for all tables */
.tables {
color: #7f8385
}
.tables td {
line-height: 1.25em
}
/* {TABnarrow} & {TABwide} & {TABproduct} = tabcols */
.m-tabcols table {
table-layout: fixed;
width: 100%;
margin-bottom: 2.95em
}
.m-tabcols th {
padding-bottom: 0.9em;
/* eff. 15px */
color: #5B92D3;
font-size: 1.08em;
font-weight: 700;
border-bottom: 1px solid #bcbec0
}
.m-tabcols td {
padding-top: 1.7em;
/* eff. 20px */
padding-right: 1.1em;
font-size: 1.08em
}
/*change on 12.06*/
.m-tabcols td h2 {
font-size: 1.43em;
width: 300px
}
/*change end*/
.m-tabcols .rows2 td {
padding-top: 2em
}
.m-tabcols a {
display: block;
margin-bottom: 0.4em
}
.m-tabcols a.lnkinternal {
background-position: 0 4px
}
.m-tabcols a.dlnk {
background-position: 0 -198px
}
.m-tabcols h3.slsmall {
margin-bottom: 1.5em
}
.m-tabcols .txsmall {
margin-top: -0.35em
}
/* {TABproduct} */
/* has to have all 4 columns, even if empty */
.m-tabproduct table {
table-layout: auto
}
.m-tabproduct th {
padding-bottom: 1.7em;
color: #7f8385;
font-size: 0.9em
}
.m-tabproduct table td, .m-tabproduct table td h3, .m-tabproduct table td p {
width: 110px;
margin: 0;
padding-right: 0
}
.m-tabproduct td.whitespace {
width: auto;
margin: 0;
padding: 0
}
/* {TABcountry} */
.m-tabcountry {
margin-bottom: 3.6em
}
.m-tabcountry div {
float: left;
width: 49.9%
}
.m-tabcountry div h3 {
margin-bottom: 1.4em;
padding-bottom: 1.3em;
border-bottom: 1px solid #bcbec0
}
.m-tabcountry li {
margin-right: 4em;
font-size: 0.9em
}
.m-tabcountry ul li a {
background-position: 0 4px
}
/* {TABlocation} */
.m-tablocation {
margin-bottom: 3.6em
}
.m-tablocation .left, .m-tablocation .right {
float: left;
width: 235px;
/* should result in 236px with a 490px wide content area */
}
.m-tablocation .right {
margin-left: 20px
}
.m-tablocation h3.slsmall {
margin-bottom: 1.2em
}
.m-tablocation p.txsmall {
margin-bottom: 1.4em;
line-height: 1.25em
}
.m-tablocation div div {
padding: 1.4em 20px;
border: 1px solid #bcbec0
}
.m-tablocation a.lnkinternal {
font-size: 0.9em;
display: block;
margin-bottom: 1.2em;
padding: 0;
color: #7f8385;
font-size: 0.9em;
background: none
}
.m-tablocation a.lnkinternal:hover, .m-tablocation a.lnkinternal:focus {
color: #5B92D3
}
.m-tablocationwide .left, .m-tablocationwide .right {
width: 228px
}
.m-tablocationwide .right {
margin-left: 20px
}
/* @import url(context.css); */
/* CONTEXT TEASER */
/* right side context modules */
.context {
float: left;
width: 200px;
/*min-height: 300px;
height: 800px;
background: #edf0f2;
clear: both;*/
/*overflow: hidden*/
}
.context {
line-height: 1.2em;
color: #6B7074;
/*background: #edf0f2;
background: #C72026;*/
}
.context * {
color: #6B7074
}
.context h3, .context .slot dt {
font-size: 1.25em;
font-weight: 400
}
.context .button {
width: 145px;
/*color: #fff;*/
font-size: 0.9em;
margin: 0 0 0.5em
}
.context input.button {
width: 180px
}
.context h3 {
margin-bottom: 0.9em
}
.context p {
margin-bottom: 0.4em
}
.context h3.hlt a, .context h3.sl a {
color: #5b92d3
}
/* FLAPS */
.context .flaps h3, .context .flaps dt span {
display: block;
color: #5b92d3;
cursor: pointer;
margin-top: 0.55em;
margin-bottom: 0.8em;
padding-right: 15px
}
.context .flaps dt.flap-open span {
margin-bottom: 0.35em
}
.context .flaps dt span {
background: url("../images_2011/sprite_context.gif") no-repeat right -198px
}
.context .flaps dt span:hover, .context .flaps dt span:focus {
background-position: right -298px
}
.context .flaps dt.flap-open span {
background-position: right 2px
}
/* flaps sortieren!*/
.context .flaps dt.flap-open span:hover, .context .flaps dt.flap-open span:focus {
background-position: right -98px
}
.context .flaps dt.flap-open img {
display: block;
margin-bottom: 14px
}
/* GOAL AREA */
/*右侧背景及文字色*/
.context .goal {
/*background: #5b92d3 F65D5D DB2309*/
/*background: #C72026*/
padding: 0px 0px 10px 0px !important;
}
.context .goal *, .context .goal .flaps h3, .context .goal .flaps dt span, .context .goal .button, .context .goal a:hover, .context .goal a:focus {
color: #fff
}
.context .goal .flaps dt span {
background: url("../images_2011/sprite_goal_flaps.gif") no-repeat right -199px
}
.context .goal .flaps dt span:hover, .context .goal .flaps dt span:focus, .context .goal .flaps dt.flap-over span {
background: url("../images_2011/sprite_goal_flaps.gif") no-repeat right -299px
}
.context .goal .flaps dt.flap-open span {
background: url("../images_2011/sprite_goal_flaps.gif") no-repeat right 0px
}
.context .goal .flaps dt.flap-open span:hover, .context .goal .flaps dt.flap-open span:focus {
background: url("../images_2011/sprite_goal_flaps.gif") no-repeat right -99px
}
/*.context .goal .lnkinternal, .context .goal .lnkexternal, .context .goal .llt li a, .context .goal .dlnk {
display: block;
margin: 0.5em 0 0.4em;
background: url("../images_2011/sprite_context.gif") no-repeat 0 -897px
}
.context .goal .lnkinternal, .context .goal .lnkexternal, .context .goal .llt {
margin-top: 1.5em
}
.context .goal .lnkexternal {
padding-left: 12px;
background-position: 0 -998px
}
.context .goal .dlnk {
margin-bottom: 1.25em;
padding-left: 12px;
background-position: 0 -1098px
}*/
.context .goal .phone, .context .goal .fax, .context .goal .email {
display: block;
padding-left: 16px;
background: url("../images_2011/sprite_context.gif") no-repeat 0 -600px;
margin-left:15px;
}
.context .goal .fax {
background-position: 0 -700px
}
.context .goal .email {
background-position: 0 -797px
}
.context .goal .button {
background-color: #9cbee4;
background-position: 5px -1047px
}
.context .goal .button:hover, .context .goal .button:focus, .context .goal .button-over {
background-color: #3354ba
}
.context .goal h3.sl, .context .contacts h3.sl {
margin: 1.7em 0 0.5em;
padding-bottom: 0.5em;
border-bottom: 1px solid #fff
}
/* New Search*/
.context .searchbox {
margin: 0px;
/*padding: 10px 0px 10px 0px !important;*/
padding: 0px 0 20px 0px; /*ff属性*/
padding: 0px 0 20px 0px; /*IE6/7/8属性*/
*padding: 0px 0 10px 0px; /*IE6/7属性*/
}
.context .searchbox h3 {
margin-bottom: 10px
}
.context .searchbox a {
font-size: 0.9em
}
.context .searchbox a.lnk-exp {
background: transparent url("../images_2011/sprite_icons.gif") no-repeat scroll 0 5px;
color: #6B7074;
width: 125px
}
.context .searchbox.goal a.lnk-exp {
background: transparent url("../images_2011/sprite_context.gif") no-repeat scroll 0 -896px;
}
.context .searchbox input.text {
/*width: 120px;*/
width: 105px;
height:18px;
float: left;
/*margin: 0 0 2px;*/
margin: 0 0 0 13px;
padding: 0.2em 0.3em;
/*font-size: 1.25em*/
}
.context .searchbox input.Keyword {
width: 90px;
height:20px;
float: left;
margin: 0 0 0 13px;
padding: 0.2em 0.3em;
color:#333333;
background: #fff url("../images_2011/bg_search.gif") no-repeat left center;
padding-left:20px;
border: 1px solid #D3C598
}
.context .searchbox input.searchsubmit {
float: left;
margin-left: 5px;
border: 1px solid #fff;
color: #6B7074;
padding: 6px 8px;
/*width: 15px;
height: 26px;
/*xvertical-align: middle;
background-color: #fff*/
}
.context .searchbox.goal input.text {
color: #/*5b92d3*/E2645B;
border: 1px solid #/*5b92d3*/E2645B
}
.context .searchbox.goal input.searchsubmit {
color: #5b92d3;
border: 1px solid #/*5b92d3*/
}
/* IR Equity Context*/
.context .ir-equity, .context .draegerMaps {
border-bottom: 1px solid #FFFFFF;
padding: 5px 0 5px 0
}
.context .ir-equity iframe, .context .draegerMaps iframe {
border: none;
overflow: hidden
}
.context .draegerMaps iframe {
margin-bottom: 10px
}
.context .draegerMaps ul {
padding: 10px 0 0 20px
}
.draegerMapsLightbox {
overflow: hidden
}
/* CONTACTS */
/*右侧内容底部白线*/
.context .contacts {
/*padding: 2.3em 0 2em 20px;
padding: 15px 0 10px 20px !important;*/
padding: 30px 0 10px 20px; /*ff属性*/
padding: 30px 0 10px 20px; /*IE6/7/8属性*/
*padding: 20px 0 5px 20px; /*IE6/7属性*/
margin: 0px;
/*border-bottom: 1px solid #fff*/
}
.contacts h3, .contacts h4, .contacts p, .contacts ul {
padding-right: 20px
}
.contacts .txsmall {
margin-bottom: 0.6em;
padding-left: 0.5em
}
.context .contacts .lnkinternal, .context .contacts .lnkexternal, .context .contacts .llt li a, .context .contacts .dlnk {
margin: 0.5em 0 0.4em
}
.contacts ul.llt {
margin-top: 1.3em
}
/*内容底部空隙*/
.txtext {
color: #54595c;
/*font-size: 1.08em;
font-size: 12px;*/
line-height: 1.43em;
/*line-height:23px;*/
/*margin-bottom: 3.6em*/
/*margin-bottom: 1.6em;*/
padding-left: 15px;
/*font-size:14px;*/
font-weight:normal;
font-family:Arial, Helvetica, sans-serif,"微软雅黑";
vertical-align: middle;
}
.txtext2 {
color: #000000;
font-size: 1.08em;
line-height: 1.43em;
/*line-height:23px;*/
/*margin-bottom: 3.6em*/
/*margin-bottom: 1.6em*/
}
.txtext p {
line-height: 1.43em;
/*line-height:23px;*/
font-family:宋体;
font-family: Arial, Helvetica, sans-serif;
}
.contacts .txtext {
line-height: 1.25em;
/*line-height:15px;*/
font-size: 1em
}
.contacts .first {
line-height: 1.25em;
/*font-weight: 700*/
}
/* '.first' used with txtext for the first text paragraph in contacts area */
.contacts .address {
line-height:18px;
}
/*.contacts .lnkinternal {
display: block
}
.contacts .lnkexternal, .contacts .dlnk {
display: block;
padding-left: 12px;
background: url("../images_2011/sprite_context.gif") no-repeat 0 -1497px
}
.contacts .dlnk {
margin-bottom: 1.25em;
background-position: 0 -1597px
}*/
.contacts .phone, .contacts .fax, .contacts .email {
display: block;
padding-left: 16px;
background: url("../images_2011/sprite_context.gif") no-repeat 0 -1200px
}
.contacts .fax {
background-position: 0 -1300px
}
.contacts .email {
background-position: 0 -1397px
}
/* SLOT AREA */
/*.context .slot {
border-bottom: 1px solid #fff;
padding: 0.9em 0 1.5em 10px;
}
.slot a {
color: #6B7074
}
.slot a:hover, .slot a:focus {
color: #5b92d3
}
.slot a.button:hover, .slot a.button:focus {
color: #fff
}
.slot .txtext, .toolbox .txtext {
color: #6B7074;
font-size: 1em
}*/
/* left & right distance from content to color edge */
.slot dd, .slot dt span, .slot dt.flap-open span, .slot .txtext, .slot h3, .toolbox .txtext, .toolbox h3, .clipboard div.clearfix {
margin-left: 10px;
margin-right: 20px
}
.slot .hlt {
margin: 0.65em 0 0.5em 10px;
padding: 0 0 0.5em 0;
border-bottom: 1px solid #bcbec0
}
.slot dd {
color: #6B7074
}
.slot dd .txtext {
margin: 0;
line-height: 1.25em
}
.slot ul.dllt li a, .toolbox ul.dllt li a {
background-position: 0 -97px
}
.slot dd li a {
font-size: 1em;
line-height: 1.34em
}
.slot .button {
float: right;
width: 145px;
margin-bottom: 0.4em
}
.toolbox .button {
xfloat: right;
width: 145px;
margin-bottom: 0.4em
}
.slot div .button {
float: none;
width: auto;
color: #6B7074;
margin-bottom: 0;
padding: 0 0 0 17px;
text-transform: capitalize;
background: url("sprite_context.gif") no-repeat 0 -400px
}
.slot input.small {
font-size: 0.85em;
color: #6B7074;
width: 76px;
padding: 0.3em 0;
border: 1px solid #808295
}
.slot ul.note a {
display: block;
background: url("../images_2011/icons.png") no-repeat 0 -596px;
padding-left: 7px
}
/* Deluxe Teaser*/
.slot.m-tdl dt img {
margin-bottom: 10px
}
.slot.m-tdl dt a {
display: block
}
.slot.m-tdl dt span a {
display: inline
}
.slot.m-tll dt span a, .slot.m-tdl dt span, .slot.m-tdl dt span a, .slot.m-tea dt span, .slot.m-tea dt span a, .slot.m-tll dt span, .slot.m-tll h3, .slot.m-hinelement h3 a, .slot.m-hinelement02 dt span, .slot.m-hinelement02 dt span a {
color: #5b92d3;
display: block
}
.slot.m-tea dt, .slot.m-tll dt, .slot.m-hinelement02 dt {
margin-bottom: 6px
}
.goal .slot.m-tdl dt span, .goal .slot.m-tdl dt span a {
color: #fff
}
.context .m-tdl .lnkinternal, .context .m-tea .lnkinternal {
margin-top: 1.3em;
background: url("../images_2011/deluxe_arrow_grey.gif") no-repeat 0 4px
}
.context .goal .m-tdl .lnkinternal, .context .goal .m-tea .lnkinternal {
background: url("../images_2011/deluxe_arrow_white.gif") no-repeat 0 0
}
/* CLIPBOARD AREA */
.context .clipboard {
padding-bottom: 2.7em
}
.clipboard .txtext {
line-height: 1.25em;
margin-bottom: 1.4em
}
.clipboard div {
margin-bottom: 0.45em
}
.clipboard .clipboardlist {
margin-top: 1.6em;
margin-bottom: 0
}
.clipboard div img {
float: left;
margin-right: 10px
}
.clipboard div h3 {
margin: 0.8em 0 0.7em;
padding: 0;
color: #6B7074;
font-size: 0.9em
}
.clipboard .button {
margin: 0.5em 0 0
}
.clipboard div div .button:hover, .clipboard div div .button:focus {
background-color: transparent;
background-position: 0 -500px;
color: #6B7074
}
.clipboard div div div {
float: left;
width: 85px;
overflow: hidden
}
/* CONTEXT FORMS */
.context .form .checkbox {
margin-right: 4px
}
.context .form textarea, .context .form select, .context .form .text, .context .form .upload {
width: 149px;
margin-right: 10px;
color: #6B7074;
font-size: 0.8em;
border: 1px solid #fff
}
.context .form .text {
padding: 0.3em 0.5em
}
.context .toolbox .form .line {
margin-bottom: 0.8em
}
.context .form .line {
margin-bottom: 10px
}
.context .form .small {
float: right;
width: 67px;
margin: 0 20px 0 0
}
.context .form .first {
float: left;
margin: 0
}
/* TOOLBOX MODULES */
.context .toolbox {
border-top: 1px solid #bcbec0;
padding: 0 0 2em;
margin-left: 20px
}
.context .toolbox h3, .context .toolbox dt span {
color: #6B7074;
font-weight: 700
}
.toolbox dt span, .toolbox dt.flap-open span, .toolbox .txtext, .toolbox h3 {
margin: 0.5em 20px 0.8em 0;
line-height: 1.45em
}
.toolbox dd {
margin: 0.5em 0 0.45em
}
.toolbox a.remove {
float: right;
background: none;
margin-right: 20px
}
.toolbox .m-form {
width: auto
}
.toolbox .lnkinternal {
font-size: 0.9em;
line-height: 1.19em;
/* 12px */
}
/* LOCAL STYLES FOR VARIOUS MODULES */
/* {LOGIN} */
.m-login .txtext {
line-height: 1.25em
}
/* {TK} */
.m-tk .address {
margin-bottom: 1.0em
}
/* {TKtel} */
/*.m-tktel {
padding-bottom: 2.95em
}*/
/* {TKL} */
/*.m-tkl {
padding-bottom: 3.3em
}*/
/* {TKC} */
.context .m-tkc h3.sl {
margin-bottom: 0.7em
}
.context .m-tkc input.tkc-prefix {
float: left;
width: 46px;
margin: 0 10px 0 0
}
.context .m-tkc input.tkc-number {
float: left;
margin: 0;
width: 85px
}
.context .m-tkc form + h3.sl {
margin: 1.2em 0 0.7em
}
/* {TKL} */
.m-tkl h3.hlt {
margin-bottom: 1em
}
/* {CPJ} */
/*.m-cpj div {
margin-bottom: 0.3em
}
.m-cpj .txtext, .m-cpl .txtext {
margin-bottom: 0
}
.m-cpj div h3 {
margin: 0
}
.context .m-cpj div .button {
float: right;
width: 13px;
height: 13px;
padding: 0;
margin: 0
}*/
/* HINT MODULES */
.hint p.txtext {
font-size: 1em;
line-height: 1.25em
}
.hint h3 {
color: #5b92d3;
margin-top: 0.5em;
margin-bottom: 0.3em
}
/* {TLL} */
.m-tll dd .txtext {
margin-bottom: 1.1em
}
.m-tll h3.sl {
margin: 1em 0 0.2em
}
/* {TBOX} */
.m-tbox h3.hlt {
margin: 1.25em 20px 0.5em
}
/* {MZ} */
.context dl.m-mz {
padding-bottom: 1.8em
}
/* {DK & MZ} */
.context dl.m-dk {
padding-bottom: 2.3em
}
.m-dk ul, .m-mz ul {
margin: 1em 0 0.5em
}
.m-mz .txtext, .m-dk .txtext {
font-size: 0.9em
}
.m-dk .dllt li a, .m-mz .llt li a {
display: inline;
line-height: 1.6em
}
/* {TSCH} */
.context .m-tsch {
padding-bottom: 2.4em
}
.context .m-tsch input.text {
padding: 4px
}
.m-tsch input.button {
margin-bottom: 0
}
/* {RSS} */
.context .m-rss {
padding-bottom: 1.6em
}
/* TOOLBOX CHECKBOXES (LOGIN & NEWSLETTER) */
.toolbox .checkbox {
margin-top: 0.05em
}
html > /**/body .toolbox .checkbox {
margin-top: 0.3em
}
.toolbox .checkbox a {
margin-left: 5px
}
.toolbox .checkbox input {
vertical-align: middle
}
html > /**/body .toolbox .checkbox input {
vertical-align: sub
}
/* CONTEXT ERROR MESSAGE */
.error {
margin: 1.7em 0;
color: #f00;
font-size: 0.9em;
line-height: 1.25em
}
/* @import url(hr.css); */
/*
CSS classes for HR-Process. (Forms and static accordion)
*/
.m-static-accordion {
background-color: #edf0f2;
margin-bottom: 3.6em;
padding-top: 10px;
width: 480px
}
.m-static-accordion .label {
padding-right: 10px
}
.m-static-accordion .list-left {
float: left;
width: 150px
}
.m-static-accordion .list-left ul {
list-style-type: none;
margin-left: 0
}
/* Space between text and text-area */
.m-static-accordion .m-form {
margin-bottom: 1.6em
}
.m-static-accordion .m-form .line {
margin-bottom: 10px
}
/* NEXT STEP Button */
.m-static-accordion .next {
margin-top: 30px
}
.m-static-accordion .m-formhr {
padding-left: 10px;
color: #000;
font-weight: normal;
cursor: auto
}
.m-static-accordion h2 {
padding-left: 10px
}
.m-static-accordion dt {
cursor: auto
}
.m-form .extrasmall {
width: 31px
}
.m-static-accordion .flaps .sl {
margin-top: 0.55em;
margin-bottom: 0.8em;
width: 355px
}
.m-static-accordion-content {
width: 480px;
padding-bottom: 1px;
background-color: #ddd
}
.m-static-accordion-content .m-formhr {
color: #000
}
/* New Class for the width of select */
.m-static-accordion-content .note-extra {
text-align: center;
width: 50px
}
.m-static-accordion-content dt.flap-open span {
margin: 0.55em 0 0.8em
}
.m-static-accordion-content .checkboxes .input {
float: left
}
.m-static-accordion-content .checkboxes .extra {
float: right
}
.m-static-accordion-content .label strong {
font-size: 0.85em
}
.m-static-accordion-content .button {
padding-left: 21px;
color: #fff;
background: #BCBEC0 url("../images_2011/arrow_down.png") no-repeat scroll 4px 5px
}
.m-static-accordion-content .button:hover {
background-color: #7f8385
}
.m-static-accordion-content h3 {
padding-left: 0
}
.m-static-accordion-content dt {
font-size: 1.08em
}
.m-static-accordion-content dt.flap-open {
color: #5b92d3
}
.m-static-accordion-content dd {
padding: 0 10px;
color: #000;
font-size: 1em
}
m-static-accordion-content div {
color: #000;
font-weight: 400
}
.m-static-accordion-content2 a, .m-static-accordion-content2 p {
color: #a9a9a9
}
.m-static-accordion-content2 h3 {
color: #dcdcdc;
padding-bottom: 0;
padding-top: 0
}
/* New Class for pice in Steps-Box */
.checkmark {
float: right;
padding: 7px 15px 0 0
}
/*.m-hrprocess-content .pagefunctions {
display: inline;
float: right;
width: 400px
}
.m-hrprocess-content .subnav {
width: 180px;
padding-top: 0
}
.m-hrprocess-text {
padding: 5px
}
*/
/* @import url(tablecontent.css); */
/* Content Tables */
.tablecontent {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 10px;
width: 725px
}
.tablecontent h3 {
color: #5b92d3;
font-size: 12px;
margin-bottom: 10px;
padding-left: 2px
}
.tablecontent table {
border-spacing: 2px;
border-collapse: separate;
line-height: 1.3
}
.tablecontent th {
color: #5b92d3;
font-weight: bold;
padding: 0px 0 6px 5px;
text-align: left;
vertical-align: bottom
}
.tablecontent .tabelleShort {
width: 490px
}
.tablecontent .tabelleLong {
width: 725px
}
.tablecontent .tabelleShort td, .tablecontent .tabelleLong td {
color: #7f8385;
font-size: 11px;
padding: 7px 0 7px 5px;
vertical-align: top;
width: auto
}
.tablecontent table td.linie {
padding: 0px;
border-top: 1px solid #d3d3d3;
line-height: 6px
}
.tablecontent table tr.gray td {
background-color: #F5F5F5
}
.tablecontent table tr.white td {
background-color: #ffffff;
padding-bottom: 5px
}
/* date*/
.moduleDefault p.p--heading-4 {
font-size: 1em;
color: #7f8385;
font-weight: 700;
margin-bottom: 0px
}
.moduleDefault p.p--heading-3 {
font-size: 1em;
font-weight: 700;
margin-bottom: 14px;
color: #5b92d3;
display: block;
line-height: 1.15em
}
.moduleDefault p.p--heading-2 {
font-size: 1.43em;
line-height: 1.1em;
margin-bottom: 0.7em;
color: #5b92d3;
font-weight: 400
}
.moduleDefault p a {
background: transparent url("../images_2011/sprite_icons.gif") no-repeat scroll 0 4px;
display: block;
padding-left: 8px;
color: #54595c;
font-size: 0.9em;
line-height: 1.3em
}
.moduleDefault p {
margin-bottom: 36px
}
/* @import url(country_confirm.css); */
/* @import url(contact_teaser.css); */
/* contact management teaser */
#imagepanel {
position:relative;
height:268px;
float:left;
}
/*#imagepanel {
position:relative;
height:306px;
float:left;
}
#imagepanel IMG {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
}
#imagepanel IMG.active {
z-index:10;
opacity:1.0;
}
#imagepanel IMG.last-active {
z-index:9;
}*/
#imagepanel2
{
position: relative;
left:24px;
height: 171px;
}
#imagepanel2 IMG
{
position: absolute;
top: 0;
left: 0;
z-index: 8;
opacity: 0.0;
}
#imagepanel2 IMG.active
{
z-index: 10;
opacity: 1.0;
}
#imagepanel2 IMG.last-active
{
z-index: 9;
}
.bg_input {
height: 16px;
line-height: 1.1em;
color: #7f8385;
padding: 3px 4px;
background: url(../images_2011/bg_input.gif) repeat-x top;
border: 1px solid #dddddd
}
.bg_Submit {
width:85px;
height: 24px;
/*line-height: 1.1em;*/
color: #ffffff;
padding: 3px 4px;
background: url(../images_2011/bg_submit.gif) repeat-x top;
border: 0
}
.left_nav{
font-size: 12px;
font-weight: bold;
color: #/*DF2626*/fff;
height: 23px;
line-height:23px;
text-decoration: none;
}
.left_nav:hover{
font-size: 14px;
/*font-weight: bold;
color: #555555;*/
text-decoration: none;
}
.left_nav2{
font-size: 12px;
color: #333333;
text-decoration: none;
}
.b{
font-weight: bold;
text-decoration: none;
}
.agray{
font-size: 12px;
color: #EC0000;
text-decoration: none;
}
.contents {
margin:0px; padding:0px; zoom:1
}
/*.contents UL {
margin:0px; padding:0px; LIST-STYLE-TYPE: none; BACKGROUND-COLOR: #fff
}
.contents LI {
margin:0px; padding:0px; LIST-STYLE-TYPE: none; BACKGROUND-COLOR: #fff
}*/
/*.guideexpand ,.guidecollapse {
PADDING: 0px; MARGIN: 0px ;
}*/
#cpdh_cont {
/*BACKGROUND: url(../images_2011/list_cont01.gif) repeat-y left 50%;*/
padding:1px;
}
#cpdh_cont A {
FONT-SIZE: 12px; COLOR: #fff; line-height:26px; text-decoration:none
}
#cpdh_cont A:hover {
FONT-SIZE: 12px; COLOR: #eaeaea;
}
#cpdh_cont H3 {
BACKGROUND: url(../images_2011/cpdh_lm.gif) no-repeat left 50%; TEXT-INDENT: 1.5em; FONT-SIZE: 12px; COLOR: #fff; /*LINE-HEIGHT: 1.1em;*/ PADDING: 1px 0; WIDTH: 186px; HEIGHT: 26px; line-height:26px; margin:1px 0; /*padding:0px; cursor: hand;*/ zoom:1
}
/*.guideexpand {
BACKGROUND: url(../images_2011/cpdh_lm.gif) no-repeat left 50%;
}
.guidecollapse {
BACKGROUND: url(../images_2011/cpdh_lm2.gif) no-repeat left 50%;
}*/
/*.contents UL {
margin:0px;
zoom:1;
padding:3px 0;
width:176px !important;
padding-left:10px;
}
.contents LI {
float: left;
width:176px !important;
overflow:hidden;
}*/
#cpdh_cont UL {
/*margin:0px; padding:0px; clear:both;*/
}
#cpdh_cont LI {
FLOAT: right;
BACKGROUND: #6d6d6d;
/*MARGIN: 0px 0px 1px 0px;*/
MARGIN-bottom: 1px;
padding:0px;
TEXT-INDENT: 0.8em;
HEIGHT: 24px;
LINE-HEIGHT: 24px;
/*width:186px;*/
width:176px !important;
/*width:181px;
width:176px\9;
*width:176px;*/
/*margin-left:10px !important;*/
margin-left:10px; /*ff属性*/
margin-left:10px\9; /*IE6/7/8属性*/
*margin-left:5px; /*IE6/7属性*/
overflow:hidden;
}
#cpdh_cont LI A {
DISPLAY: block; /*BACKGROUND: url(../images_2011/list05.gif) no-repeat 180px 50%; WIDTH: 100%; HEIGHT: 100%*/
}
#cpdh_cont LI A, #cpdh_cont LI A:hover {
FONT-SIZE: 12px;
}
.m {
OVERFLOW: hidden; ZOOM: 1
}
.mt {
OVERFLOW: hidden; ZOOM: 1
}
.mc {
OVERFLOW: hidden; ZOOM: 1
}
.mb {
OVERFLOW: hidden; ZOOM: 1
}
.mt .extra {
FLOAT: right
}
.m {
MARGIN-BOTTOM: 10px
}
.m {
MARGIN-top: 5px;
/*MARGIN-right: 0px;*/
MARGIN-BOTTOM: 5px;
/*MARGIN-left: 0px;*/
PADDING: 0px;
WIDTH: 180px;
OVERFLOW: hidden;
ZOOM: 1;
}
/*#sortlist {
WIDTH: 186px;
overflow:hidden;
ZOOM: 1;
}*/
#sortlist .mt {
PADDING-BOTTOM: 3px; LINE-HEIGHT: 24px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; BACKGROUND: url(../images_2011/bg_tit_home.gif) #c40000 no-repeat 0px 0px; HEIGHT: 24px; PADDING-TOP: 3px;
}
#sortlist H2 {
COLOR: #fff
}
#sortlist .mc {
/*BORDER: #c40000 1px solid; */ BACKGROUND: #fffff5;
}
#sortlist .item {
PADDING-BOTTOM: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 0px
}
#sortlist H3 {
BORDER-BOTTOM: #efefef 1px solid; BORDER-LEFT: #efefef 1px solid; PADDING-BOTTOM: 3px; LINE-HEIGHT: 15px; PADDING-LEFT: 13px; PADDING-RIGHT: 6px; MARGIN-BOTTOM: 2px; BACKGROUND: #ffffff url(../images_2011/bg_hotsale.gif) repeat-x 0px -655px; HEIGHT: 16px; BORDER-TOP: #efefef 1px solid; CURSOR: pointer; BORDER-RIGHT: #efefef 1px solid; PADDING-TOP: 3px
}
#sortlist B {
MARGIN-TOP: 1px; WIDTH: 14px; BACKGROUND: url(../images_2011/bg_hotsale_.gif) no-repeat right -480px; FLOAT: right; HEIGHT: 14px; OVERFLOW: hidden; CURSOR: pointer
}
#sortlist UL {
margin:0px; PADDING-TOP: 1px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 1px; /*PADDING-LEFT: 6px;*/ OVERFLOW: hidden; DISPLAY: none; ZOOM: 1
}
#sortlist LI {
margin:0px; PADDING-TOP: 2px; PADDING-RIGHT: 4px; PADDING-BOTTOM: 3px; ; FLOAT: left; HEIGHT: 20px; line-height:20px; WIDTH: 190px; OVERFLOW: hidden; background:url(../images_2011/nav_left_pro.gif) no-repeat;
font-family:Arial, Helvetica, sans-serif,"微软雅黑"
}
#sortlist LI a {
margin:0px; PADDING-TOP: 2px; PADDING-RIGHT: 4px; PADDING-BOTTOM: 3px; PADDING-LEFT: 15px; FLOAT: left; HEIGHT: 20px; line-height:20px; WIDTH: 175px; OVERFLOW: hidden; background:url(../images_2011/nav_left_pro.gif) no-repeat;
font-family:Arial, Helvetica, sans-serif,"微软雅黑"
}
#sortlist LI a:hover {
margin:0px; PADDING-TOP: 2px; PADDING-RIGHT: 4px; PADDING-BOTTOM: 3px; PADDING-LEFT: 15px; FLOAT: left; HEIGHT: 20px; line-height:20px; WIDTH: 175px; OVERFLOW: hidden; background:url(../images_2011/nav_left_proo.gif) no-repeat; color:#ffffff;
font-family:Arial, Helvetica, sans-serif,"微软雅黑";
}
#sortlist LI a.act {
margin:0px; PADDING-TOP: 3px; PADDING-RIGHT: 4px; PADDING-BOTTOM: 3px; PADDING-LEFT: 15px; FLOAT: left; HEIGHT: 19px; line-height:19px; WIDTH: 175px; OVERFLOW: hidden; background:url(../images_2011/nav_left_proo.gif) no-repeat left; color:#ffffff;
font-family:Arial, Helvetica, sans-serif,"微软雅黑";
}
#sortlist .current B {
BACKGROUND-POSITION: right -466px
}
#sortlist .current UL {
DISPLAY: block
}
/*首页幻灯*/
.switch_pic{width:765px;height:400px;margin-bottom: 10px;position: relative;overflow: hidden}
.switch_pic #pic_frame{width:765px;height:400px;position: absolute;top:0}
.switch_pic .pic{width:765px;height:400px;position: absolute;display: none}
.switch_pic .pic img{}
.switch_pic #pic_frame .pic_des{width:765px;position: absolute;bottom: 0;height:30px;background: #000;opacity: 0.6;filter: alpha(opacity=60);left:0}
.switch_pic #pic_frame .pic_text{width:735px;position: absolute;bottom:0;height:30px;color: #fff;z-index: 5;line-height:30px;padding:0 20px;left:0;font-size:14px;}
.change_pic_btn{position: absolute;right: 15px;bottom: 0;height: 20px;z-index: 5;bottom:2px;}
.change_pic_btn span{display: block;width: 10px;height:10px;background:#ADACAF;margin-right: 10px;float: left;border: 1px solid #666;cursor: pointer;line-height:10px;font-size:0;}
.change_pic_btn span.current{background: #B60005;border: 1px solid #000}