/* ? egghead ************************* */ /* Markups ************************* */ body { font-size: 62.5%; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #b6c1c2; background-image: url("../_gfx/site_back.jpg"); background-repeat: repeat-x; text-align: center; margin: 0 0 100px; padding: 0 } p { margin-top: 0; margin-bottom: 20px } pre { } blockquote { } sup { color: #6c8487; font-style: italic; font-weight: bold; padding: 1px 2px 2px } h1 { color: #6c8487; font-size: 2em; font-weight: normal; margin: 0 0 10px 20px; padding: 0 } h2 { color: #6c8487; font-size: 1.5em; font-weight: normal; line-height: 1em; margin: 30px 0 5px; padding: 0 } h3 { color: #373535; font-size: 1em; font-weight: bold; margin-top: 20px; margin-bottom: 0 } h3.glossary { line-height: 1.6em; margin-top: 7px; background-image: url(../_gfx/pfeil.gif); background-repeat: no-repeat; background-position: 0 6px; padding-left: 15px;} h4 { color: #6c8487; font-size: 1.3em; font-weight: normal; margin-top: 20px; margin-bottom: 5px } h5 { color: #6c8487; font-size: 1.2em; font-weight: normal; margin-top: 20px; margin-bottom: 5px } h5 { } h6 { color: #cd8e15; font-size: 1.2em; font-weight: bold; background-color: #fff; margin: 0; padding: 3px 3px 3px 10px } img { border: 0px } a:link, a:active { color: #373535; text-decoration: none } a:hover, a:visited { color: #cd8e15; text-decoration: underline } ul {margin: 0; padding: 0} li {} table { font-size: 1em } td {} tr {} fieldset {} legend {} form.suche { height:55px; padding:0; margin:0; } input, textarea { color: #cd8e15; font-size: 1.1em; background-color: #fff; padding: 2px; border: solid 1px #bfcbcd; } table.suchbox { margin: 22px 0 0 5px; } table.suchbox td { padding: 3px; } input.suchbutton { background-color: #0D2B40; border: none; margin: 0px; } span.suche{ color: #cd8e15; } form.suche{ } input.suchfeld { padding:2px; margin-right: 5px; background-color: #E9EDED; border: none; height:20px; } input.send { color: #fff; background-color: #6c8487; width: 100% } textarea { width: 100% } option { font-size: 0.9em; background-color: #e2e7e7; padding-top: 2px; padding-bottom: 2px; width: 100%; border-bottom: 1px solid #fff } option selected { background-color: #ffe58c } hr { background-color: #fff; height: 3px; margin: 0; padding: 0; border-width: 0; } hr { background-color: none; height: 1px; border-top: 3px solid #fff; margin-bottom: 15px;} /* Site ************************* */ .clearBox { visibility: hidden; display: block; margin: 0; padding: 0; height: 0; clear: both } div#site { font-size: 1.2em; line-height: 1.9em; background-image: url(../_gfx/content_back.gif); background-repeat: repeat-y; text-align: left; margin-top: 20px; margin-right: auto; margin-left: auto; width: 900px } div#header { background-color: #fff; background-image: url("../_gfx/header_back.gif"); background-repeat: repeat-x; text-align: right; padding-top: 41px; padding-right: 20px; padding-bottom: 41px } #content { width: 640px; float: left } #mediaBox { margin-left: 644px; padding: 0 } * html #mediaBox { margin-left: 641px } #latestnews { margin-top: -30px; } * html #latestnews { margin-left: 3px } #latestnews .content { background-color: #0D2B40; padding: 8px 0 10px 20px; border-top: 1px solid #1A3A53; } #latestnews h1 { padding-bottom: 5px; margin: 0 0 0 20px; font-size: 1.4em; font-weight: normal; color: #CD8E15; } #latestnews table { margin-bottom: 8px; } #latestnews td { color: #88A1B7; } #latestnews td a{ color: #88A1B7; text-decoration: none; } #latestnews td a:hover { text-decoration: underline; } #latestnews .more { display: block; padding-right: 5px; text-align: right; font-size: .9em; border-top: 1px solid #1A3A53; } #latestnews .more a { text-decoration: none; color: #CD8E15; } #latestnews .more a:hover { text-decoration: underline; color: #CD8E15; } #rubrics { color: #373535; margin: 35px 55px } #rubrics a:link, #rubrics a:visited { color: #464646; text-decoration: none; border-bottom: 1px solid #b3bfc1 } #rubrics a:hover { color: #cd8e15; border-bottom: 1px solid #373535 } #rubrics ul, #rubrics ol { background-color: #f1f3f3; margin: 10px 0 10px 0; padding: 10px; border: solid 1px #fff } #rubrics ul li { background-image: url("pfeil.gif"); background-repeat: no-repeat; background-position: left 6px; list-style-type: none; margin-bottom: 5px; padding-left: 20px } #rubrics ol li { background-image: url("pfeil.gif"); background-repeat: no-repeat; background-position: -35px 6px; list-style-type: decimal-leading-zero; margin-bottom: 5px; margin-left: 30px } #rubrics ul li a:link, #rubrics ul li a:visited, #rubrics ol li a:link, #rubrics ol li a:visited { text-decoration: none; border-bottom: 1px solid #b3bfc1 } #rubrics ul li a:hover { } #rubrics table { color: #6c8487; margin-top: 10px; margin-bottom: 10px; width: 420px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff } .tablehead { font-weight: bold; background-color: #fff } #rubrics td { padding: 0.4em; border-bottom: 1px solid #fff } .astm_h2 { color: #cd8e15; background-color: #fff; margin-bottom: 0; padding: 0.4em; } .tableinline {color: #cd8e15; font-weight: bold} .package { background-color: #fff; margin: 0; padding: 0 0.5em 0.5em; } #rubrics table.qtw-astm { font-size: 0.9em; width: 530px; margin: 0; padding: 0; border-bottom: 1px solid #fff } #rubrics table.qtw-astm th { background-color: #fff; text-align: left; padding: 0.4em; } .soh_row { border-right: 1px solid #fff; } #rubrics table.qtw-form { padding: 10px; border-bottom: 1px solid #fff } #rubrics table.qtw-form td { border-bottom: none } #rubrics h2 a:link, #rubrics h2 a:visited {} #rubrics h2 a:hover { color: #6c8487; text-decoration: none; border-bottom: 0 none } div#footer { margin: 0; padding: 0; height: 89px } .fliesstext, .fliesstext_newsindex { margin-left: 110px } .fliesstext_newsindex { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #fff } .fliesstext td address { background-color:#FFFFFF; color:#CD8E15; display:block; font-size:11px; font-style:normal; font-weight:bold; padding:4px; } .notes { color: #6c8487; font-size: 0.9em; font-style: italic; line-height: 1.5em; margin-top: 15px } .more { display: inline } .back { display: block; margin-top: 25px; padding-top: 25px; border-top: 1px solid #fff } .more a:link, .more a:visited, .back a:link, .back a:visited{ color: #cd8e15; text-decoration: underline } .more a:hover, .back a:hover { color: #373535; text-decoration: underline } .benefits-left { margin: 0; padding: 0; position: relative; top: -20px; width: 220px; float: left } .benefits-right { margin-left: 260px } .person { background-color: #ffffff; margin-left: 30px; margin-bottom: 30px; width: 200px; float: left; border: solid 1px #fff } .person div { padding: 10px 5px 5px; background-color: #f1f3f3; } .prio { color: #373535; display: block; margin-top: 15px; margin-bottom: 15px; padding: 10px; border: dotted 2px #ffc046 } .prio span { color: #bc0000; font-size: 0.9em; font-style: italic } .qtw-form td { border-style: none } #list-link { background-image: url("pfeil.gif"); background-repeat: no-repeat; background-position: left 7px; padding-bottom: 30px; padding-left: 15px; border-bottom: 1px solid #fff } /* MainNavi ************************* */ #navMain { background-image: url("../_gfx/mainNav_back.gif"); background-repeat: repeat-x; list-style: none; height: 54px } #navMain ul li { height: 54px; float: left; overflow: hidden } #navMain ul li a { line-height: 54px; background-position: left top; text-indent: -3000px; display: block; overflow: hidden; border-right: 1px solid #fff } /* Navi-IDs Englisch */ #Overview { background: url("../_gfx/navi/overview.gif") no-repeat; width: 84px } #What_drives_us { background: url("../_gfx/navi/what_drives_us.gif") no-repeat; width: 118px } #The_company { background: url("../_gfx/navi/the_company.gif") no-repeat; width: 109px } #Product { background: url("../_gfx/navi/product.gif") no-repeat; width: 150px } #Contact_us { background: url("../_gfx/navi/contact_us.gif") no-repeat; width: 93px } #Support { background: url("navi/support.gif") no-repeat; width: 67px } /* Navi-IDs Deutsch */ #navMain li a:hover { background-position: 0 -54px; } #navMain ul li.active a:link, #navMain ul li.active a:visited, #navMain ul li.active a:hover { background-position: 0 -108px; } /* SubNavi ************************* */ #navSub { } #navSub ul { background-color: #e2e7e7; padding-top: 4px; padding-left: 10px; height: 26px; border-bottom: 1px solid #fff } * html #navSub ul {height: 30px} #navSub ul li { list-style-type: none; margin-right: 15px; float: left; border-bottom: medium none } #navSub li a:link , #navSub ul li a:visited { color: #cd8e15; text-decoration: none } #navSub ul li a:hover { color: #002036 } #navSub li.active a:link, #navSub li.active a:visited, #navSub li.active a:hover { color: #cd8e15; font-weight: bold; border-bottom: 1px solid #cd8e15 } /* Navi Rubrikende ************************* */ #rubricEnd { background-image: url("rubricend_back.gif"); background-repeat: no-repeat; height: 23px } #rubricEnd ul { margin-left: 165px; width: 260px; border-left: 1px solid #fff } * html #rubricEnd ul {width: 400px } #rubricEnd ul li { list-style-type: none; margin-left: 15px; padding-right: 15px; float: left; border-right: 1px solid #fff } #rubricEnd ul li a:link, #rubricEnd ul li a:visited { color: #6c8487; text-decoration: none } #rubricEnd ul li a:hover { color: #373535 } /* Ende ************************* */ #media { color: #ffc046; font-size: 1.2em; font-style: italic; display: block; padding: 250px 14px 14px; height: 146px; background-repeat: no-repeat; } * html #media {height: 410px } .tank {background-image: url("../_data/tanker.jpg") } .raff {background-image: url("../_data/raff.jpg") } .plattform {background-image: url("../_data/plattform.jpg") } #mediaComment { color: #cd8e15; font-size: 1.3em; line-height: 1.4em; background-color: #0d2b40; background-image: url("q-3D.jpg"); background-repeat: no-repeat; background-position: 0 bottom; display: block; padding: 0 5px 115px 20px } * html #mediaComment {margin-left: 3px; } #mediaComment span { } #qtw-q { margin: 0; padding: 0; float: right } #customer { background-color: #f1f3f3; margin-bottom: 40px; padding: 2px 2px 2px 4px; border-style: solid; border-width: 1px; border-color: #fff #b3bfc1 #b3bfc1 #fff } /* Datum ******************************** */ .date { color: #b3bfc1; font-size: 1.3em; font-weight: bold; line-height: 0.9em; background-color: #fff; text-align: center; display: block; margin-right: 10px; margin-bottom: 0; width: 40px; height: 60px; float: left; padding: 6px 2px 0; border-top: 0 none; border-right: 1px solid #d2dada; border-bottom: 1px solid #e2e7e7 } .month { color: #4b4b4b; font-size: 0.6em; font-weight: normal; line-height: 0.9em; text-align: center ; margin: 0; padding: 0; } .year { font-size: 0.4em; display: block; } #warning { color: #bc0000; font-size: 1.5em; font-weight: bold; background-color: #ffe58c; background-image: url("warning.gif"); margin-bottom: 30px; padding: 20px; border: solid 1px #fff } h6.customerlist { font-weight: normal; } .customerproduct { color: #6c8487; font-size: 0.9em; font-weight: bold; width: 100px; float: right; display: block; } .customertitle {float: left} table.overview_table { margin-left: auto; margin-right: auto; text-align: left; border:0; } table.overview_table * { border:0 !important; }