body { padding: 0; font-size: 62.5%; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-align: center; width: 100%; margin: 0; } #center {text-align: center; width: 100%;} #header {width: 960px; height: 110px; margin: 0 auto;} #navigation { float:left; padding-left: 20px; padding-right: 20px; font-size: 18px; border-right: 1px dotted #b0b0b0; height: 60px; padding-top: 50px;} #navigation a:link, #navigation a:visited { color: #000; text-decoration: none; } #navigation a:hover { color: #00acf4; text-decoration: none; } #logo {margin-top: 23px; margin-right: 10px; float:right; width:220px;} #wrap {clear: both;} #dottedline {width: 100%; border-top: 1px dotted #b0b0b0;} #content {margin:0 auto; text-align: left; font-size: 12px; line-height: 18px; width: 960px; padding-top: 0px;} #footer_bg { margin: 0; background-image: url(../_globalmedia/footer_bg.gif);} #footer { margin: 0 auto; text-align: left; font-size: 12px; color: #4c4a4a; line-height: 24px; width: 960px; } #footer a:link, #footer a:visited { text-decoration: none; color: #4c4a4a; } #footerleft { padding-top: 27px; padding-left: 30px; border-left: 1px dotted #b0b0b0; border-right: 1px dotted #b0b0b0; width: 290px; float:left; height:125px;} #footerright { padding-top: 27px; padding-right: 30px; padding-left: 30px; border-left: 1px dotted #b0b0b0; border-right: 1px dotted #b0b0b0; width: 260px; float:right; height:125px;} #footercenter { padding-top: 27px; padding-left: 30px; margin-left: 320px; margin-right: 320px;} .i1 {margin-left: 20px; border: 1px dotted #b0b0b0; color: #4c4a4a;} /* welcome page */ #welcomeleft { font-size: 12px; color: #4c4a4a; float: left; width: 510px; padding-left: 20px; margin-right: 10px; margin-top: 20px; margin-bottom: 30px;} #welcome {color: #b0b0b0;} #welcomeleft h2 { font-weight: normal; font-size: 22px; color: #4c4a4a; line-height: 1.2em;} #welcomeleft ul { margin-top: 40px; margin-bottom: 50px; } #welcomeleft ul li {font-size: 22px; font-weight: bold; background-image: url(../_globalmedia/arrow1.png); background-repeat: no-repeat; background-position: 0 6px; margin-bottom: 10px; margin-left: 4px; padding-left: 28px; list-style-type: none; line-height: 1.2em;} #welcomeleft ul li a:link, #welcomeleft ul li a:visited { color: #4c4a4a; text-decoration: none; border-bottom: 1px dotted #4c4a4a; padding-bottom: 2px;} #welcomeleft ul li a:hover { color: #00acf4; border-bottom: 1px dotted #00acf4;} #welcomeright { float: right; width: 360px; margin-top: 34px; padding-bottom: 10px; border: 1px dotted #b0b0b0;} #welcomerightinset { width: 300px; background-image: url(../welcome/welcome_bg.jpg); background-repeat:no-repeat; height: 217px; border-bottom: 1px dotted #b0b0b0; padding-top: 20px; padding-left: 30px; padding-right:30px; color: #4c4a4a; font-size: 12px;} #welcomeright h2 {margin-left: 25px; padding-top: 10px; font-size: 30px; font-weight: bold; color: #4c4a4a; background-image: url(../_globalmedia/forward_button_inv.gif); background-repeat: no-repeat; background-position: 280px 0; } #welcomeright h3 {margin-left: 25px; font-size: 22px; color: #4c4a4a; line-height: 1.2em;} img#welcomerightprodlogo {margin-top: 30px; float: right;} div#welcomeright:hover img {display:block;} img#welcomerightprodfoto {float: left; margin-top: 40px; display:none;} /* products overview page */ #prodlensframe {background-image: url(../products/bg_products.jpg); background-repeat: no-repeat; padding-bottom: 40px;} #prodfilter {padding: 30px 0 30px 10px; font-size: 14px;} #prodfilter a:link, #prodfilter a:visited { text-decoration: none; color: #9b9b9b; margin-left: 10px;} #prodfilter a:hover { color: #189fd6;} #singleprodframe {position: relative; border: 1px dotted #b0b0b0; float: left; width: 200px; height: 145px; padding: 5px 10px; margin: 0 20px 20px 0px; font-size: 18px; line-height: 1.3em; color: #777; background-repeat:no-repeat; background-position: 115px 50px; background-color: #ffffff;} #singleprodframeR {position: relative; border: 1px dotted #b0b0b0; float: left; width: 200px; height: 145px; padding: 5px 10px; margin: 0 0px 20px 0px; font-size: 18px; line-height: 1.3em; color: #777; background-repeat:no-repeat; background-position: 115px 50px; background-color: #ffffff;} #singleprodframe b, #singleprodframeR b {color: black;} div#singleprodframe div, div#singleprodframeR div {float: right; position: absolute; top: 0px; left: 0px; width: 200px; height: 145px; padding: 5px 10px; font-size: 12px; font-weight:bold; color: white; line-height:1.5em; display:none; background-repeat:no-repeat; background-position: 10px 5px;} div#singleprodframe:hover div, div#singleprodframeR:hover div {display: block;} div#singleprodframe p, div#singleprodframeR p {position:absolute; top: 115px; left: 160px;} /* single product page */ #proddetail { background-image: url(../_globalmedia/productdetail_back.jpg); background-repeat: no-repeat; padding-top: 10px; padding-bottom: 40px;} #linkback {margin: 0; padding: 20px 0 0px 16px; background-image: url(../_globalmedia/arrow_back.png); background-repeat: no-repeat; background-position: 0 23px;} #linkback a:link, #linkback a:visited {text-decoration: none; color: #4c4a4a;} #leftbox { float:left; width: 440px; padding-top: 20px; padding-left: 20px; font-size: 12px; color: #4c4a4a;} #leftbox H2 { color: #189fd6; font-size: 30px; font-weight: bold; line-height: 1.2em; margin: 0 0 0px 0; } #leftbox H3 { font-size: 1.2em;} #leftbox a:link, #leftbox a:visited {text-decoration: none; color: #189fd6;} img#prodlogo { float: right; margin-right: 20px; margin-bottom: 10px;} img#prodimage { float: left; margin-left: 10px; margin-top: 10px;} span#readmore { display: none; } #leftbox ul li a:link, #leftbox ul li a:visited { color: #4c4a4a; text-decoration: none; border-bottom: 1px dotted #4c4a4a; padding-bottom: 2px; line-height: 1.4em;} #leftbox ul li a:hover { color: #00acf4; border-bottom: 1px dotted #00acf4;} #leftbox ul li.download { font-weight: bold; background-image: url(../_globalmedia/download_big.png); background-repeat: no-repeat; background-position: 0 2px; margin-bottom: 15px; margin-left: 4px; padding-left: 28px; list-style-type: none; } #rightbox {margin-top: 28px; float: right; width: 460px;} #pageselect { border-top: 1px dotted white; padding: 32px 25px; border-bottom: 1px dotted #b0b0b0; border-right: 1px dotted #b0b0b0; border-left: 1px dotted #b0b0b0; font-size: 16px; color: #4c4a4a; background-color: #ffffff;} #pagehead {margin: 0} #pageselected { text-align: center; font-weight:bold; padding: 5px; border-left: 1px dotted #b0b0b0; border-top: 1px dotted #b0b0b0; border-right: 1px dotted #b0b0b0; width: 100px; float: left; background-color: #ffffff;} #pagenotselected { text-align: center; padding: 5px; border-bottom: 1px dotted #b0b0b0; width: 100px; float: left; color: #9b9b9b; } #pageselected a:link, #pageselected a:visited, #pageselected a:hover { color: #4c4a4a; text-decoration: none; } #pagenotselected a:link, #pagenotselected a:visited { color: #9b9b9b; text-decoration: none; } #pagenotselected a:hover {color: #00acf4;} #pagenotselectedfill {margin-left: 330px; padding: 5px; border-bottom: 1px dotted #b0b0b0; } #pageselect ul {margin: 0; padding: 0;} #pageselect ul li { font-weight: bold; background-image: url(../_globalmedia/arrow1.png); background-repeat: no-repeat; background-position: 0 2px; margin-bottom: 15px; margin-left: 4px; padding-left: 28px; list-style-type: none; line-height: 1.25em; } #pageselect ul li a:link, #pageselect ul li a:visited { color: #4c4a4a; text-decoration: none; border-bottom: 1px dotted #4c4a4a; padding-bottom: 2px; line-height: 1.4em;} #pageselect ul li a:hover { color: #00acf4; border-bottom: 1px dotted #00acf4;} #pageselect ul li.download { font-weight: bold; background-image: url(../_globalmedia/download_big.png); background-repeat: no-repeat; background-position: 0 2px; margin-bottom: 15px; margin-left: 4px; padding-left: 28px; list-style-type: none; } #pageselect ul.download {font-size: 14px;} #pageselect p {margin-top: 0; padding: 0; font-size: 12px;} #pagefooter { border-top: 1px dotted white; padding: 20px 10px; border-bottom: 1px dotted #b0b0b0; border-right: 1px dotted #b0b0b0; border-left: 1px dotted #b0b0b0; font-size: 12px; color: #4c4a4a; text-align:right; background-color: #ffffff;} #contact { font-size: 12px; color: #4c4a4a; width: 510px; padding-left: 60px; margin-right: 60px; margin-top: 60px; margin-bottom: 60px;} /*#header { padding-bottom: 50px; padding-left: 5px; } #header a:link, #header a:visited { color: #777; text-decoration: none; } #header a:hover { color: #00acf4; text-decoration: none; } */ /* #meta { color: #777; position: relative; bottom: 30px; float: right; padding-right: 8px; } p { margin: 0 0 10px; } a:link img, a:visited img { border-style: none; } h1 { margin: 0; padding: 0; } h2 { margin: 0; padding: 0; } h3 { color: #00acf4; font-size: 1.8em; margin: 0 0 20px; padding: 0 0 0 0; } h4 { font-size: 2em; margin: 0 0 8px; padding: 0 0 0 5px; } h5 { font-size: 1.1em; } a:link, a:visited { color: #00acf4; text-decoration: none; } a:hover { color: #777; text-decoration: none; } #footer {} h2 a:link, h2 a:visited { color: #000; font-size: 22px; font-weight: normal; text-decoration: none; } h2#chosen a:link, h2#chosen a:visited { color: #000; font-size: 22px; font-weight: bold; text-decoration: none; } h2 a:hover {color: #00acf4} ul#navi { width: 187px; float: left; margin: 0 13px 0 0; padding: 40px 0 0 5px; border-top: 1px dotted #484848; } ul#navi li { margin: 0 0 0.9em; padding: 0; list-style-type: none; } #relatedContent { float: right; width:180px; padding-top: 40px; border-top: 1px dotted #484848; } #relatedContent ul { margin: 12px 0 0; padding: 0; border-top: 1px dotted #484848; } #relatedContent ul li { font-size: 1.2em; padding-top: 6px; padding-bottom: 6px; padding-left: 5px; border-bottom: 1px dotted #484848; list-style-type: none; } #relatedContent ul li.download { background-image: url(../_globalmedia/data.png); background-repeat: no-repeat; background-position: 2px 7px; padding-left: 13px; } #content ul li.download { background-image: url(../_globalmedia/data.png); background-repeat: no-repeat; background-position: 2px 4px; padding-left: 13px; font-style: normal;} #relatedContent ul li a:link, #relatedContent ul li a:visited, #content ul li a:link, #content ul li a:visited { color: #000; text-decoration: none; } #relatedContent ul li a:hover, #content ul li a:hover { color: #00acf4; } #content ul { margin: 10px 0; padding: 0; } #content ul li { font-style: italic; background-image: url(../_globalmedia/arrow.png); background-repeat: no-repeat; background-position: 0 4px; margin-bottom: 6px; margin-left: 4px; padding-left: 18px; list-style-type: none; } #content ul.news { font-size: 1.4em; font-weight: bold; background-color: #e5f7fe; background-image: none; margin: 5px 0 15px; padding: 0; list-style-type: none; list-style-image: none; } #content ul.news li { font-style: normal; background-image: none; margin: 0; padding: 10px 6px 8px; } #content ul.news li span { color: #777; font-weight: normal; background-image: none; padding-right: 5px; } #content ul.news ul { font-style: normal; margin: 0; padding: 10px 0 10px 8px; border-top: 1px solid #fff; } #content ul.news ul li { font-size: 0.8em; font-weight: normal; background-image: url(../_globalmedia/arrow.png); background-repeat: no-repeat; background-position: 0 2px; margin: 0; padding: 0 0 0 15px; list-style-type: none; } ul#productlist { margin: 0; padding: 0; } ul#productlist li { font-style: normal; background-color: #f2fbfe; background-image: none; margin: 0 0 9px; padding: 25px 9px 20px; list-style-type: none; } ul#productlist li a:link, ul#productlist li a:visited { color: #000000; text-decoration: none; display: block; } ul#productlist li a:hover { color: #00acf4; } ul#productlist li:hover { background-color: #e5f7fe; } ul#productlist li h4 { font-size: 1.5em; font-weight: bold; background-image: url(../_globalmedia/arrow.png); background-repeat: no-repeat; background-position: 4px 4px; margin-bottom: 12px; padding-left: 25px; } .teaser {margin-left: 125px } .teaserimg { width: 105px; float: left; margin-left: 10px; } h4.productheadline { font-size: 1.4em; border-bottom: 1px dotted #777; } #relatedContent h5 { font-size: 1.2em; font-weight: bold; background-color: #e5f7fe; background-image: url(../_globalmedia/arrow_down.png); background-repeat: no-repeat; background-position: right 5px; margin: 30px 0 0; padding: 8px 4px 4px; } #relatedContent ul#quicklinks { background-color: #e5f7fe; margin: 0 0 20px; padding: 0 0 15px; border-style: none; } #relatedContent ul#quicklinks li { padding-bottom: 2px; padding-left: 8px; border-style: none; } #relatedContent ul#quicklinks li a:link, #relatedContent ul#quicklinks li a:visited {} #content table { margin-top: 10px; margin-bottom: 10px; } #content td, #content th { padding: 3px; } #content td { background-color: #f2fbfe; border-top: 1px dotted #00acf4; border-bottom-color: #fff; } #content td#c { background-color: #f2fbfe; border-top: 1px dotted #00acf4; border-bottom-color: #fff; text-align: center; } #content th { color: #f2fbfe; font-weight: bold; background-color: #00acf4; }*/