/* START RESET CSS */ /* =============== */ 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;} :focus {outline:0;} body {line-height:1; color:#000; background:#FFF;} ol, ul {list-style:none;} table {border-collapse:separate; border-spacing: 0;} caption, th, td {text-align:left; font-weight:normal;} /* =============== */ /* END RESET CSS */ body {font:normal 68.75%/136.36% verdana,arial,helvetica,sans-serif; color:#566073; background:url(../images/bg_body.gif) #fff 0 0 repeat-x; min-width:985px;} input, button, textarea, select {font:normal 100% verdana,arial,helvetica,sans-serif;} #SkipLinks {width:0; height:0; line-height:0; text-indent:-5000em; overflow:hidden;} #Wrapper {width:985px; min-height:180px !important; height:180px; margin:0 auto; background:url(../images/bg_header.gif) 0 0 no-repeat;} #Tools {float:left; width:100%; height:30px; overflow:hidden;} #Language {float:right; width:114px; padding:5px 23px 0 0;} #Language legend, #Language label, #Language span {display:none;} #Language select {color:#4a659d; background:#fff; border:1px solid #bdc5d6; width:114px; padding:1px;} #Language strong, #Language a {display:block; float:left; width:31px; height:20px; line-height:20px; text-align:center; overflow:hidden; margin:0 0 0 5px;} #Language a {color:#fff; background:#4a659d; text-decoration:none;} #Language a:hover {color:#4a659d; background:#b8cacc;} #Global {float:right; width:600px; margin:0 2px 0 0;} #Global li, #Global a {display:block; width:114px; height:30px; line-height:28px;} #Global li {float:left; text-align:center; padding:0 5px 0 1px; background:url(../images/separator_global.gif) 100% 0 no-repeat;} #Global li#LOG {background:none;} #Global a {color:#566073; text-decoration:none;} #Global a:hover, #Global a:focus {color:#001730; background:url(../images/bg_global-hover.gif) 50% 0 no-repeat;} #Global a.Selected, #Global a.Selected:hover, #Global a.Selected:focus {color:#001730; background:url(../images/bg_global-selected.gif) 0 100% repeat-x; cursor:default;} #Header {display:inline; float:left; clear:both; width:975px; height:90px; margin:0 0 0 5px; position:relative;} #Header h1 {display:block; float:left; width:210px; height:90px; line-height:90px; font-weight:bold; text-align:center; overflow:hidden; position:relative;} #Header h1 span {display:block; width:210px; height:90px; position:absolute; top:0px; left:0px;} body.EN #Header h1 span {background:url(../images/logo_en.gif) 0 0 no-repeat;} body.FR #Header h1 span {background:url(../images/logo_en.gif) 0 0 no-repeat;} body.DE #Header h1 span {background:url(../images/logo_en.gif) 0 0 no-repeat;} #Search {display:inline; width:358px; float:right; height:24px; margin:12px 18px 0 0;} #Search legend, #Search label {display:none;} #Search input {float:left; width:219px; height:14px; border:0; padding:4px 5px 4px 10px; margin:0; background:url(../images/search-field.gif) #f2f4f5 0 0 no-repeat; line-height:16px; color:#566073;} /* START OPERA FIX */ html:first-child #Search input {height:22px; padding:0 5px 0 10px; } /* END OPERA FIX */ #Search input:focus {background-position:0 -40px;} #Search button {float:right; width:114px; height:22px; border:0; line-height:22px; background:url(../images/bg_search-button.gif) #4d7380 0 0 repeat-x; color:#314160; overflow:hidden; padding:0; text-align:center; cursor:pointer;} #Search button:hover, #Search button:focus {background-color:#3d606c; background-position:0 -40px;} #Nav {height:30px; position:absolute; bottom:0; right:15px;} #Nav li, #Nav li a {display:block; float:left; width:118px; height:30px; line-height:30px; color:#314160; text-decoration:none; background:url(../images/bg_nav.gif) #7e93bd 0 0 repeat-x;} #Nav li a:hover, #Nav li a:focus {background-color:#00277b; color:#fff; background-position:0 -40px;} #Nav li {margin:0 1px; padding:0; text-align:center;} #Nav li a.Selected, #Nav li a.Selected:hover, #Nav li a.Selected:focus {color:#566073; background-color:#e6e9ed; background-position:0 -80px; cursor:default;} #Menu {display:block; float:left; clear:both; width:195px;} #Menu div {background-color:#f2f3f5; background-repeat:no-repeat; background-position:0 10px; float:left; clear:both; width:195px; margin:0 0 15px 0; padding-top:75px;} #Menu div p, #Menu div ul {margin-right:5px; margin-left:10px;} #Menu #MERMIG {background-image:url(../images/product_mermig.gif);} #Menu #ePPS {background-image:url(../images/product_epps.gif); padding-top:85px;} #Menu #BBSC {background-image:url(../images/product_bbsc.gif);} #Menu #ECDP {padding-top:108px; background-image:url(../images/product_ecdp.gif);} #Content {margin-left:226px; width:718px;} #Sidebar {width:225px; float:right; position:relative;} #Contextual {width:210px; padding:15px 5px 0 5px; margin:0 0 30px 20px; background:#f2f3f5; float:right;} #GMap {width:auto; margin:15px 0 0 30px; float:right;} #News {float:left; width:460px; margin-top:10px;} #News p {margin:0 0 8px 0 !important;} #HOME_MESSAGE {float:left; width:460px;} #News.Newsroom {width:100%;} #Main {float:left; clear:both; width:945px; padding:30px 20px;} #Main h2 {text-transform:uppercase; font-weight:bold; float:left; width:100%; margin:15px 0 6px 0; padding:0 0 8px 0; background:url(../images/separator_main.gif) 0 100% repeat-x;} #Main a {color:#2250af;} #Main a:hover, #Main a:focus {color:#0c272f; text-decoration:none;} #Main h3 {font-weight:bold; padding:0 0 5px 0; margin:0 0 8px 0; border-bottom:2px solid #e6ebed;} #Main h4 {font-weight:bold; padding:0 0 0 0; margin:0 0 5px 0;} #Main p {margin:0 0 15px 0;} #Main dl {margin:0;} #Main dt {font-weight:bold; padding:0px 0 0 0;} #Main dd {margin:0 0 15px 15px;} #Main ul li {margin:0 0 15px 0; padding:0 0 0 15px; background:url(../images/arrow.gif) 2px 5px no-repeat;} #Main strong {font-weight:bold;} #Main ul#Countries {margin:-3px -5px 3px 0;; width:230px; float:left;} #Main ul#Countries li {display:block; width:95px; margin-right:5px; float:left; background-color:#f2f3f5; line-height:22px; margin-bottom:8px; background-position:5px 7px;} #Main ul#Countries a {text-decoration:none;} #Main #News h2 {margin-top:25px;} #Main #News dl {clear:both; float:left; width:460px; margin:15px 0 0 0;} #Main #News.Newsroom dl {width:100%;} #Main #News dt {display:block; font-weight:normal; float:left; width:120px; text-align:right; margin:0 0 15px 0; padding:0;} #Main #News dd {margin:0 0 15px 135px; height:auto !important; height:1px;} #Main #News dd.IMG {margin:0; display:block; clear:left; float:left; width:120px;} #Content ul {margin:0 0 15px 0;} #Content ul li {margin:0;} #Menu ul.LocalNav {display:block; clear:both; float:left; width:195px; margin:11px 0 0 0; } #Main ul.LocalNav li {padding:0; background-image:none; margin-bottom:7px;} #Menu ul.LocalNav a {background:#7e93bd; color:#fff; display:block; width:187px; padding:4px 3px 4px 5px; text-decoration:none;} #Menu ul.LocalNav a:hover, #Menu ul.LocalNav a:focus {background:#00277b; color:#fff;} #Menu ul.LocalNav a.Selected, #Menu ul.LocalNav a.Selected:hover, #Menu ul.LocalNav a.Selected:focus {background:#FFF; color:#566073; width:186px; padding:3px 3px 3px 5px; border:1px solid #c4d4d9; border-right:0; cursor:default;} #Footer {display:block; clear:both; width:945px; margin:0 20px; padding:10px 0 30px 0; background:url(../images/separator_main.gif) 0 0 repeat-x;} #Footer a {color:#2250af;} #Footer a:hover {color:#0c272f; text-decoration:none;} #Content form {float:left; clear:both; background:#f2f3f5; display:inline; width:448px; padding:0 15px 15px 15px; margin:15px 0 15px 117px;} #Content form fieldset {float:left; clear:both; width:100%;} #Content form p {margin:15px 0 0 0; padding:0; float:left; clear:both; width:100%;} #Content form label {display:block; float:left; width:223px; height:19px; line-height:19px; background:#e6e8ed; text-indent:5px;} #Content form input.Text {display:block; background:#fff; color:#566073; border:1px solid #b8c3c7; float:left; margin-left:2px; width:219px; height:15px;} #Content form input.Text:focus {border-color:#557c89; background:#fbfef7;} #Main form button {float:right; background:url(../images/bg_nav.gif) #4e7481 0 0 repeat-x; color:#566073; width:103px; height:25px; line-height:20px; border-width:1px; border-style:solid; border-color:#fff #000 #000 #fff;} #Main form button:hover, #Main form button:focus {background-color:#3e616d; color:#fff; background-position:0 -40px; cursor:pointer;} #Content form .Error {float:left; clear:both; width:100%; background:#bd003f; margin-top:15px;} #Content form .Error p {color:#fff; width:383px; margin:0; padding:10px 5px 10px 60px; background:url(../images/message_error.gif) 15px 10px no-repeat;} #Menu form {float:left; clear:both; background:#f2f3f5; display:inline; width:185px; padding:5px 5px 10px 5px; margin:15px 0 15px 0;} #Menu form fieldset {float:left; clear:both; width:100%;} #Menu form p {margin:5px 0 0 0; padding:0; float:left; clear:both; width:100%;} #Menu form label {display:block; float:left; width:185px; height:19px; line-height:19px; background:#e7e9ec; text-indent:5px;} #Menu select {display:block; color:#566073; background:#fff; border:1px solid #b8c3c7; clear:both; float:left; width:185px; padding:1px; margin:5px 0;} #careers{ /*display: block;*/ width: 710px; } #carreers_left{ display: block; width: 550px; float: left; border: 0px solid; } #carreers_right{ display: inline; width: 150px; float: right; border: 0px solid; } #sitemap{ float: left; } ul#hqs{ float: left; } .product img{ float: right; } #Search #SEARCH2 {float:right; width:114px; height:22px; border:0; line-height:22px; background:url(../images/bg_search-button.gif) #4d7380 0 0 repeat-x; color:#fff; overflow:hidden; padding:0; text-align:center; cursor:pointer;} #Search #SEARCH2:hover, #Search #SEARCH2:focus {background-color:#3d606c; background-position:0 -40px;} #Main div.JTitle {display:block; background:#f2f3f5; float:left; width:100%; margin:0 0 15px 0;} #Main div.JTitle p {margin:5px; padding:0;} #Main .JDate {float:right;} #Main span.JTitle {font-weight:bold;} #Main div.JOffer {display:block; background:#f2f3f5; padding:5px;} #Main div.JOffer h3 {border:0;} #Main div.JOffer a {font-weight:bold;} #Content ul.UManual {background:#f6f9ee; border:1px solid #e0f2b1; padding:5px 10px;} #Main blockquote {float:right; margin:0 0 15px 15px; padding:10px 15px 15px; background:#f2f3f5; font-size:140%; line-height:150%; font-family:Cambria,Georgia,serif; width:50%;} #Main blockquote em {font-style:italic;} #Main p.Thumbnail {float:right; margin-left:15px; padding:5px 5px 15px; background-color:#fff;} #Main li#EPROCMORE, #Main li#EPROCFRAME, #Main li#ESPOFRAME {display:block; padding:0 0 15px 0; margin:0 0 15px; border-bottom:1px solid #e6e8ed;} #Main li#EPROCFRAME {background:url(../images/eproc_bs_framework.gif) no-repeat 0 0;} #Main li#ESPOFRAME {background:url(../images/eproc_espo_framework.gif) no-repeat 0 0;} #Main li#EPROCMORE a, #Main li#EPROCFRAME a, #Main li#ESPOFRAME a {display:block; padding:0 0 0 15px; margin:0;} #Main li#EPROCFRAME a, #Main li#ESPOFRAME a {width:130px; height:43px; padding:0 0 0 65px; margin:0;} #Main div.column {display:block; float:left;} #Main div.short {width:24.3%; padding:1.5%;} #Main div.medium {width:27%; padding:4% 0 1.5%;} #Main div.big {width:68%; padding:1.5% 4% 0 0;} #Main div.highlight {background-color:#f2f3f5;} #Main .clear {clear:both;} #Main div.short li {margin-bottom:15px;} #Main #eppsProjects dl {float:left; width:100%; margin:15px 0 0 0; border-bottom:2px solid #E6EBED} #Main #eppsProjects dt {background-color:#f2f3f5; display:block; font-weight:normal; float:left; width:110px; text-align:right; margin:0 0 15px 0; padding:5px;} #Main #eppsProjects dd {margin:0 0 15px 135px; height:auto !important; height:1px; padding:5px 0 0;} #Main #eppsProjects dd.Project {margin:0 0 0 135px;} #Main #eppsProjects dd.IMG {margin:0; display:block; clear:left; float:left; width:120px;} #Main form#MoreInformation {width:96%; padding:0 2% 15px; margin:15px 0;} #Main form#MoreInformation input {width:400px;} #Main p.topproduct {padding-bottom:6px; border-bottom:5px solid #e6ebed;}