/* 
 * Override global div.content img settings with higher selectivity! 
 * Used for job pagelinks, employee profile pagelinks, producttype images.
 */
div.content img.pagelink_listbullet, div.content p img.pagelink_listbullet, div.content img.producttype_image {
	display: block;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;      
}

/* The header bar for list headings with background image. */
div.content div.listentry_head {
	vertical-align: middle;
	padding-left: 12px;
	padding-top: 9px;
	padding-bottom: 9px;
	background-image: url("verlauf1x30.gif");
	background-repeat: repeat-x;
}

/* Toplinks (from entries) For jobs and management. */
div.toplink {
	margin-top: 4px;
	float:right;
}

/* 
 * Every anchor (<a name="name">) that is within the columns that 
 * have been layouted with the "Equal Height Columns" hack (column_content, column_right, navleft) 
 * has to contain at least a &nbsp; and be contained in a div of this class to work. Else, the link to it will work 
 * but cause the top content to vanish (page suddenly starts from there). 
 * 
 * Xmp: <div class="flowcolumn_pagelink"><a name="1">&nbsp;</a></div>
 */
div.flowcolumn_pagelink {
	position: absolute;
	font-size: 0px;
}

/* 
 * Spacer between content area and footer row. 
 * Used in homepage template and producttype page. 
 */
div.bottomspacer {
	height: 40px; 
	padding: 0px;
	margin: 0px;
	z-Index: 100;
	line-height: 0px;
	clear: left; 
	background-color: #FFF;
}

/*
 * Producttype pages. 
 */

div.producttype_content {
	overflow: hidden;
}

div.producttype_content_column_left {
	width: 195px !important;
	background-image: none !important;
	margin-top: 20px;
	margin-left: 0px !important;	
	padding-left: 0px; 
	padding-right: 5px; 
	padding-top: 0px; 
	float: left;  
}

div.producttype_content_column_center {
	width: 195px !important;
	background-image: none !important;
	border-left: 1px solid #D9D8DD;
	border-right: 1px solid #D9D8DD;
	margin-top: 20px;
	margin-left: 0px !important;
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 0px; 
	float: left;
}

div.producttype_content_column_right {
	width: 195px !important;
	background-image: none !important;
	margin-top: 20px;
	margin-left: 0px !important;	
	padding-left: 5px; 
	padding-right: 0px; 
	padding-top: 0px; 
	float: left;
	clear: none;
}

div.producttype_image {
	clear:both;
	margin-top: 4px;
	margin-bottom: 4px;
}

/*
 * Management pages. 
 */

div.management_entry {
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 0px;
}

div.management_entry_topspacer {
	/* sums up with margin of content div to 25px. */
	height: 8px;
}

/* 
 * Home pages: multi column layout. 
 */
/* All content: */
div.column_content_home {
	width: 830px;
	overflow: hidden;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 0px;
	float: left;
	clear: none;
}

div.column_content_clipping {
	overflow: hidden;
}

/*
 * Special border for right column border for mydestinator and crosslink boxes. 
 */
div.homepage_column_right_border {
	border-left: 1px solid #D8D9DD;
	width: 149px;
	overflow: hidden;
}

div.homepage_topnav_wrap { 
	position: absolute;
	left: 200px;
	top: 30px;
	width: 640px;
}

div.homepage_content_column_left {
	width: 249px !important;
	background-image: none !important;
	border-left: 1px solid #D9D8DD;
	margin-top: 20px;
	padding-left: 10px; 
	padding-right: 10px; 
	padding-top: 0px; 
	margin-left: 0px !important;
	float: left;  
}

div.homepage_content_column_center {
	width: 248px !important;
	background-image: none !important;
	border-left: 1px solid #D9D8DD;
	border-right: 1px solid #D9D8DD;
	margin-top: 20px;
	padding-left: 10px; 
	padding-right: 10px; 
	padding-top: 0px; 
	margin-left: 0px !important;
	float: left;
}

div.homepage_content_column_right {
	width: 266px !important;
	background-image: none !important;
	margin-top: 0px;
	margin-left: 0px !important;	
	margin-right: -10px;	
	padding-left: 10px; 
	padding-right: 10px; 
	padding-top: 20px; 
	float: right;
	clear: none;
}

div.nav_logo_home {
	background-image: url(logo_destinator.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 73px;
	width: 175px;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
}

/* update and parch downlaods */
div.update_download_image {
	width:100px;
	clear: both;
	float: left;
	background-image: url(verlauf1x30.gif);
	background-repeat: repeat-x;
}

div.update_download_content {
	margin-left: 110px;
	margin-bottom: 7px;
}

div.gradient_header {
	background-image: url(verlauf1x30.gif);
	background-repeat: repeat-x;
	padding-left: 12px;
	padding-top: 7px;
}

/* trader / distributor form */
div.trader_label {
	float: left;
	width: 150px;
	clear: both;
}

div.trader_error {
	color: red;
	margin-left: 183px;
	margin-top: 5px;
	margin-bottom: 10px;
}

input.tradertextfield {
	width: 250px;
}

div.trader_label {
	margin-top:6px;
}

div.trader_inputfield {
	font-size: 9px;
	margin-left: 180px;
	margin-top:6px;
}

div.trader_sortby {
	float: left;
	padding-top:7px;
	padding-bottom:7px;
	border-right: 3px solid #D9D8DD;
	text-align: center;
}

/* contact page */
div.contact_page_support {
	background-image: url(verlauf1x30.gif);
	background-repeat: repeat-x;
	padding-left: 12px;
	width: 288px;
	float: left;
}

div.contact_page_support table {
	border: 70px;
	margin: 0px;
	padding: 0px;	
}

div.contact_page_address {
	background-image: url(verlauf1x30.gif);
	background-repeat: repeat-x;
	padding-left: 12px;
	width: 288px;
	margin-left: 10px;
	float: right;
}

div.contact_page_support a {
	margin-left: 37px;
	text-decoration: underline;
}

div.contact_page_address a {
	margin-left: 37px;
	text-decoration: underline;
}

/* pages displaying xml content */

/* 
 * Employee profile page 
 */
div.employeeprofiles {
}

div.employeeprofile_block_left {
  float: left; 
  width: 300px;
  padding-top: 10px;
  padding-bottom: 10px;
}

div.employeeprofile_block_right {
  width: 300px;
  padding-top: 10px;
  padding-bottom: 10px;
  float:right;
}

/* used for job pagelinks, employee profile pagelinks: */
div.pagelink_listentry {
  clear:none;
  margin-bottom:1px;
}

.jobs_subheader {
	font-color: #000000;
	font-weight: bold;
}

div.employeeprofile_content {
  padding-left: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  clear: both;
  overflow: hidden;
}

div.employeeprofile_text {
	margin-left: 190px;
}

div.horizontalruler {
  border-bottom: 5px solid #D9D8DD;
  clear: left;
}

div.content img.employeeportrait, div.content p img.employeeportrait {
  float: left; 
	margin-right: 0px;
  margin-left: 0px;
  clear: both;
  display: block;
}

/* End employee portrait. */


div.faq select {
	width: 610px;
}


/* test report */

div.test_report_image {
	width:90px;
	clear: both;
	float: left;
}

div.content img.test_report_img {
	margin: 0px;
	float: left;
	clear: both;
}

div.test_report_text {
	margin-left: 100px;
	margin-top: 10px;
	margin-bottom: 7px;
}

div.test_report_link {
	text-align: right;
	margin-left:100px;
	margin-bottom:7px;
}

/* glossary */
div.separator {
	font-size: 0px;
	width: 610px;
	background-color: #D9D8DD;
	height: 5px;
	margin-top: 5px;
}

div.glossary_description {
	margin-left: 50px;
}

div.glossary_letter {
	float: left;
	color: #036;
	font-weight: bold;
}


div.glossary_title {
	margin-left: 50px;
	color: #036;
	font-weight: bold;	
}

div.glossary_letter_top {
	float: left;
	padding-top:7px;
	padding-bottom:7px;
	width: 20px;
	border-left: 3px solid #D9D8DD;
	text-align: center;
}

div.glossary_letter_top_inactive {
	float: left;
	color: #333;
	font-weight: bold; 
	padding-top:7px;
	padding-bottom:7px;
	width: 20px;
	border-left: 3px solid #D9D8DD;
	text-align: center;
}

glossary_img {
	align:left;
	text-align:left;
}

/* compatibility page */
div.compatibility th {
	vertical-align: bottom;
	height: 40px;
	text-align: left;
	background-color: #F0F0F0;
	padding-left: 10px;	
}

div.compatibility td {
	background-image:url(verlauf1x30.gif);
	background-repeat:repeat-x;
}

/* ### Styles for basic column layout ### */
* html div.column_content {
	display: inline;
}

* html div.footer {
	position: relative;
}

div.wrapper {
	width: 990px;
}

/* Main content area */
div.column_content {
	float: left;
	width: 640px;
	margin-left: 200px;
	background-image: url(bg_content.png);
}
		
/* Right content area */
div.column_right {
	float: left;
	width: 150px;
}

/* Right content area for homepage: 1px space for border.*/
div.homepage_column_right {
	float: left;
	width: 140px;
}


/* Left navigation area */
div.navleft {
	float: left;
	width: 200px;
	margin-left: -990px;
}

/* ### General definitions for page layouts ### */

body {
	background-color: #FFF;
	padding: 0;
	margin: 0;
}

body,p,div,span,td,a,ul,li,input,select,textarea,h1,h2,h3,h4,h5,h6 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}
 
a {
	color: #036;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

a.link11:hover {
	color: #000;
}

.text11blue {
	color: #036;
} 

.head11bold {
	color: #036;
	font-weight: bold;
}

.head11 {
  color: #036;
}

.head11grey {
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #033;
} 

a.link11bold {
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}

a.link11bold:hover {
	color: #000;
}

h1 {
	font-size: 16px;
	color: #036;
}

h2 {
	color: #036;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}

h3,h4,h5,h6 {
	font-size: 11px;
	color: #036;
	padding-top: 5px;
	padding-bottom: 0px;
}

/* ### Navigation level 00 and 01 ### */

/* Level 00 */
div.nav_level00 {
	height: 25px;
	background-color: #FFF;
}

ul.nav_level00 {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.nav_level00 li {
	display: inline;
}

ul.nav_level00 li a {
	font-size: 10px;
	text-decoration: none;
	color: #666;
	display: block;
	float: left;
	width: 91px;
	border-left: 1px solid #D9D8DD;
	padding: 6px 0 7px 8px;
}

ul.nav_level00 li a:hover {
	text-decoration: underline;
	color: #000;
}

ul.nav_level00 li a.active {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	background-color: #DEEDF4;
}

/* Level 01 */
div.nav_level01 {
	clear: both;
	background-color: #DEEDF4;
	height: 40px;
	padding: 0;
}

ul.nav_level01 {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.nav_level01 li {
	display: inline;
}

ul.nav_level01 li a {
	font-size: 10px;
	text-decoration: none;
	color: #666;
	float: left;
	display: block;
	margin-left: 14px;
	padding: 14px 0 14px 8px;
}

ul.nav_level01 li a:hover {
	text-decoration: underline;
	color: #000;
}

ul.nav_level01 li a.active {
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

ul.nav_level01 li a.first {
	border-left: 1px solid #D9D8DD;
	margin-left: 0;
}

/* ### Left navigation area ### */

/* Logo above navigation */
div.nav_logo {
	background-image: url(logo_destinator.jpg);
	background-repeat: no-repeat;
	background-position: 10px 27px;
	height: 95px;
}

/* Wrapper around left navigation links */
div.navleft_wrapper {
	width: 190px;
	margin-left: 10px;
}

/* ### Navigation level 02 to 05 ### */

/* All levels */
ul.nav_level02, ul.nav_level03, ul.nav_level04, ul.nav_level05 {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.nav_level02 li a, ul.nav_level03 li a, ul.nav_level04 li a, ul.nav_level05 li a {
	font-size: 10px;
	text-decoration: none;
	display: block;
}

ul.nav_level02 li a:hover, ul.nav_level03 li a:hover, ul.nav_level04 li a:hover, ul.nav_level05 li a:hover {
	text-decoration: underline;
	color: #000;
}

/* Level 02 */
ul.nav_level02 li a {
	color: #666;
	width: 190px;
	padding: 9px 0 9px 0;
}

ul.nav_level02 li a.active {
	font-weight: bold;
	color: #036;
	text-decoration: underline;
}

ul.nav_level02 li a.active:hover {
	font-weight: bold;
	color: #000;
}

/* Level 03 */
ul.nav_level03 {
	padding-left: 9px;
	background-color: #DEEDF4;
	border-left: 1px solid #A6BED0;
}

ul.nav_level03 li a {
	color: #036;
	width: 180px;
	padding: 6px 0 7px 0;
}

ul.nav_level03 li a.active {
	font-weight: bold;
	color: #036;
	text-decoration: underline;
}

ul.nav_level03 li a.active:hover {
	font-weight: bold;
	color: #000;
}

/* Level 04 */
ul.nav_level04 {
	padding-left: 9px;
	background-color: #C2DCE8;
	border-left: 1px solid #91B2C7;
}

ul.nav_level04 li a {
	color: #036;
	width: 170px;
	padding: 6px 0 7px 0;
}

ul.nav_level04 li a.active {
	font-weight: bold;
	color: #036;
	text-decoration: underline;
}

ul.nav_level04 li a.active:hover {
	font-weight: bold;
	color: #000;
}

/* Level 05 */
ul.nav_level05 {
	padding-left: 9px;
	background-color: #A0C8DB;
	border-left: 1px solid #78A3BE;
}

ul.nav_level05 li a {
	color: #036;
	width: 160px;
	padding: 6px 0 7px 0;
}

ul.nav_level05 li a.active {
	font-weight: bold;
	color: #036;
	text-decoration: underline;
}

ul.nav_level05 li a.active:hover {
	font-weight: bold;
	color: #000;
}

/* ### Content area ### */
div.content_topspacer {
	height: 30px;
	background-color: #FFF;
}

div.content {
	margin-top: 17px;
	margin-bottom: 10px;
	padding: 0 15px;
}

div.content img, div.content p img {
	float: right;
	margin: 0 0 8px 8px;
}

/* contact form */
div.content textarea {
	width: 450px;
	height: 120px;
}

input.onlineform {
	width: 240px;
}

input.formbutton {
	margin-left: 100px;
}

/* ### Right column ### */

/* Country selector */
div.countryselector {
	width: 140px;
	height: 43px;
	margin-left: 10px;
	padding-top: 12px;
	font-size: 9px;
	color: #666;
}

div.countryselector form {
	margin: 0;
	padding: 0;
}

div.countryselector form div select {
	width: 140px;
	margin-top: 2px;
}

/* Search form */
div.searchform {
	width: 140px;
	height: 40px;
	margin-left: 10px;
	font-size: 9px;
	color: #666;
}

div.searchform form {
	margin: 0;
	padding: 0;
}

div.searchform form div {
	margin-top: 2px;
	white-space: nowrap;
}

input.searchtext {
	width: 123px;
	height: 13px;
	color: #666;
	border: 1px solid #666;
	padding: 0;
	margin: 0;
	float: left;
	
}

input.searchsubmit {
	width: 13px;
	height: 13px;
	margin: 1px 0 0 2px;
	padding: 0;
	float: left;
}

/* myDestinator */
div.mydestinator {
	width: 150px;
	height: 168px;
	border-top: 1px solid #D9D8DD;
	border-bottom: 1px solid #D9D8DD;
	background-color: #F0F0F0;
}

div.mydestinator form {
	margin: 0;
	padding: 0;
}

div.mydestinator_loginform {
	width: 140px;
	margin-left: 10px;
}

div.mydestinator_loginform h3 {
	font-size: 11px;
	font-weight: bold;
	color: #036;
	margin: 8px 0 0 0;
}

div.mydestinator_loginform p {
	color: #666;
	margin: 4px 0 0 0;
}

div.mydestinator_loginform p input.textfield {
	width: 123px;
	height: 13px;
	color: #666;
	background-color: #FFF;
	border: 1px solid #666;
	margin-top: 2px;
}

input.mydestinator_storedata {
	width: 14px;
	margin-right: 0;
	margin-left: 0;
	float: left;
}

span.mydestinator_storedata {
	color: #666;
	float: left;
	font-size: 9px;
	letter-spacing: -0.06em;
	margin: 3px 0 0 5px;
	line-height: 13px;
}

span.mydestinator_storedata a {
	font-size:9px;
	letter-spacing: -0.06em;
	color: #036;
	text-decoration: underline;
}

span.mydestinator_storedata a:hover {
	color: #000;
}

input.mydestinator_loginsubmit {
	float: left;
	margin-top: 7px;
}

a.mydestinator_loginsubmit {
	font-size: 10px;
	font-weight: bold;
	color: #036;
	text-decoration: underline;
	float: left;
	margin: 7px 0 0 6px;
}

a.mydestinator_loginsubmit:hover {
	color: #000;
}

/* Crosslink boxes */
div.crosslink {
	width: 150px;
	margin-bottom: 10px;
	color: #666;
}

div.crosslink div {
	border-bottom: 1px solid #D9D8DD;
	padding-bottom: 10px;
}

div.crosslink div h3 {
	font-size: 11px;
	color: #036;
	margin: 0;
	padding-top:  10px;
	padding-left: 10px;
}

div.crosslink div p {
	font-size: 10px;
	color: #666;
	padding-left: 10px;
	margin: 4px 0 0 0;
}

div.crosslink div p a {
	font-size: 10px;
	color: #036;
	text-decoration: underline;
}

div.crosslink div p a:hover {
	color: #000;
}

/* ### Footer ### */
div.footer {
	/* width: 985px; */
	height: 20px;
	background-color: #B9B9B9;
	padding-right: 5px;
	clear: both;
}

div.footer a {
	font-size: 9px;
	color: #FFF;
	padding: 3px 5px 5px 10px;
	display: block;
	float: left;
}

div.footer a:hover {
	color: #FFF;
}

div.footer a.printlink {
	float: right;
}

/* ### Print version ### */
div.print_wrapper {
	padding: 15px;
}

div.print_logo {
	float: left;
	margin: 0 10px 15px 0;
}

div.print_url {
	margin-bottom: 15px;
}

div.print_content {
	clear: both;
	margin: 0;
	padding: 0;
}

/* Search result page */
p.searchresult_error {
	font-weight: bold;
	color: #C00;
}

div.searchresult_hit {
	padding-bottom: 6px;
}

/* ### Common styles ### */
.clear_both {
	clear: both;
}

.hidden {
	visibility: hidden;
	display: none;
}

.nomargin {
	margin: 0;
	padding: 0;
}



/* ### Necessary style hacks for equal height column realisation, see http://www.positioniseverything.net/articles/onetruelayout/equalheight ### */

/* Start Mac IE5 filter \*/
div.column_content, div.column_right, div.navleft {
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
}

@media all and (min-width: 0px) {
	div.column_content, div.column_right, div.navleft {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important; 
	}
	
	#div.column_content:before, div.column_right:before, div.navleft:before {
		content: '[DO NOT LEAVE IT IS NOT REAL]';
		display: block;
		background: inherit;
		padding-top: 32767px !important;
		margin-bottom: -32767px !important;
		height: 0;
	}
}
/* End Mac IE5 filter */

/* This hides the excess padding in non-IE browsers */
/* removed by Jan Baudisch because of non-working anchors*/
 div.wrapper {
	overflow: hidden; 
} 
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
div.wrapper {
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
}
/* easy clearing */
div.wrapper:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

div.wrapper	{
	display: inline-block;
}

div.wrapper	{
	display: block;
}
/* end easy clearing */
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it causes such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > div.footer, * > form, * > .output {
	position: relative;
	z-index: 1000;
}