/* © egghead      ************************* */
/* Markups        ************************* */
body      { font-size: 62.5%; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #b6c1c2; background-image: url("site_back.jpg"); background-repeat: repeat-x; margin-top: 0; margin-right: 0; margin-left: 0; 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 }
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 {}
input, textarea  { color: #cd8e15; font-size: 1.1em; background-color: #fff; padding: 2px; border: solid 1px #bfcbcd }
input.send  { color: #fff; background-color: #6c8487; 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 }
/* 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("content_back.gif"); background-repeat: repeat-y; text-align: left }
div#header     { background-color: #fff; background-repeat: repeat-x; text-align: right; margin-bottom: 20px; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #464646 }
#content  { width: 640px; float: left }
#mediaBox   { margin-left: 644px; padding: 0 }
* html #mediaBox  { margin-left: 641px }
#rubrics   { color: #373535; margin-top: 20px; margin-right: 55px }
#rubrics a:link, #rubrics a:visited  { text-decoration: none; border-bottom: 1px solid #b3bfc1 }
#rubrics a:hover  { border-bottom: 1px solid #373535 }
#rubrics ul, #rubrics ol    { margin: 10px 0 10px 20px; padding: 10px }
#rubrics ul li  { background-repeat: no-repeat; background-position: left 6px; list-style-type: disc; margin-bottom: 5px }
#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; 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 }
#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     { display: none; 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 }
.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: #f1f3f3; margin-right: 13px; width: 156px; float: left; border: solid 1px #fff }
.person div  { padding: 10px 5px 5px }
.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; display: 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    { display: none }
#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; display: none; 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.4em; line-height: 1.3em; background-color: #0d2b40; background-image: url("q-3D.jpg"); background-repeat: no-repeat; background-position: 0 bottom; display: none; padding: 15px 20px 115px; border-top: 1px solid #334d5d; border-bottom: 1px none #334d5d }
* html #mediaComment  {margin-left: 3px; }
#mediaComment span  { }
#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; padding-top: 6px; padding-right: 2px; padding-left: 2px; width: 40px; height: 45px; float: left; border-top: 0; border-right: 1px solid #d2dada; border-bottom: 1px solid #e2e7e7 }
.month      { color: #4b4b4b; font-size: 0.6em; font-weight: normal; text-align: center }
.year  { font-size: 0.4em; background-color: #d2e599 }
#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 }