/* --------------------------------------------------------------------------------------
 * html and body
 * -------------------------------------------------------------------------------------- */

	html {
		height: 100%;
		/* padding-bottom: 1px; */ /* always show vertical scrollbars */
	}
	body {
		font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-size: 13px;
		background: #71a7bf; color: #222;
		margin: 0; padding: 0;
		width: 100%;
		height: 100%;
	}
	* html body {
		behavior: url("static/css/csshover3.htc");
	}


/* --------------------------------------------------------------------------------------
 * generic classes
 * -------------------------------------------------------------------------------------- */

	.mb0 {
		margin-bottom: 0 !important;
	}
	.mb1 {
		margin-bottom: 10px !important;
	}
	.mb2 {
		margin-bottom: 25px !important;
	}
	.mb3 {
		margin-bottom: 50px !important;
	}
	.mb4 {
		margin-bottom: 100px !important;
	}

	/* clearer
	   http://www.pixelsurge.com/experiment/clearers.htm */
	.clear {
		clear: both;
		height: 1px;
		margin-top: -1px;
		overflow: hidden;
		font-size: 1px;
	}

	.inline {
		display: inline;
	}

/* --------------------------
 * media classes
 * -------------------------- */

	/*
	reader   = screen reader only  (eg skip links)
	print    = print only          (eg contact infos, references)
	nonprint = don't print         (eg navigation)
	*/

	.reader {
		position: absolute; left: -990em; height: 1em; width: 1em;
		overflow: hidden;
	}
	.print {
		display: none;
		visibility: hidden;
	}
	.nonprint {
		/* nothing */
	}


/* --------------------------------------------------------------------------------------
 * typo, images, lists, tables, forms,..
 * -------------------------------------------------------------------------------------- */

	p, li {
		font-size: 1em; line-height: 1.7em; font-weight: normal;
		margin: 0 0 1em 0; padding: 0;
	}
	
	h4, h5, h6 {
		font-size: 1em; line-height: 1.7em; font-weight: bold;
		margin: 0 0 1em 0; padding: 0;
	}
	h2, h3 {
		font-size: 1.2em; line-height: 1.5em; font-weight: bold;
		margin: 0 0 1em 0; padding: 0;
	}
	h1 {
		font-size: 1.5em; line-height: 1.2em; font-weight: bold;
		margin: 0 0 1em 0; padding: 0;
	}

/* --------------------------
 * lists
 * -------------------------- */

	ul,
	ol {
		margin: 0 0 1.5em 0;
		padding: 0 0 0 2em;
	}
	li {
		margin: 0 0 0.3em 0;
		padding: 0;
	}

/* --------------------------
 * links
 * -------------------------- */

	a {
		text-decoration: none;
		color: #004083; /* blue */
	}
	a:hover,
	a:focus {
		text-decoration: underline;
		outline: 0; /* remove dotted borders */
	}
	a:active {
		outline: 0; /* remove dotted borders */
	}
	a:visited {
	}

/* --------------------------
 * images
 * -------------------------- */

	img {
		border: 0;
		padding: 0;
		margin: 0;
		display: block;
	}

/* --------------------------
 * tables
 * -------------------------- */

	table,
	table tr,
	table th,
	table td {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: top;
		text-align: left;
	}
	table th,
	table td {
		font-size: 1em; line-height: 1.7em; font-weight: normal;
	}
	table {
		margin-bottom:10px;
	}
	table td {
		padding-right:7px;
	}


/* --------------------------------------------------------------------------------------
 * layout
 * -------------------------------------------------------------------------------------- */

	/* vertical */

	#site-wrapper {
		position: relative;
		width: 1075px;
	}
	#header {
		background: #104e73;
	}
	#content {
		background: url(../images/bgr_content.png) repeat-y;
		min-height: 450px;
	}
	* html #content {
		height: 450px;
	}
	#footer {
		background: #104e73;
	}

	* html #site-wrapper,
	* html #header,
	* html #content,
	* html #footer {
		display: inline-block;
	}
	*+html #site-wrapper,
	*+html #header,
	*+html #content,
	*+html #footer {
		display: inline-block;
	}

	/* horizontal */

	#header .col1 {
		width: 166px; /* -1px border */
		float: right;
	}
	#header .col2 {
		width: 908px;
		border-right: 1px solid #fff;
	}
	* html #header .col2 {
		float: left;
	}

	#content .col1,
	#footer  .col1 {
		width: 242px;
		float: left;
		min-height: 1px; /* force content */
	}
	#content .col2,
	#footer  .col2 {
		width: 666px;
		float: left;
	}
	#content .col3,
	#footer  .col3 {
		width: 167px;
		float: left;
	}

	/* inner */

	#content .col1 .inner {
		padding: 20px 25px;
	}
	#content .col2 .inner {
		padding: 20px 25px;
	}
	#content .col3 .inner {
		padding: 25px 15px;
	}


/* --------------------------------------------------------------------------------------
 * content
 * -------------------------------------------------------------------------------------- */

	/* topline */

	#topline {
		height: 24px;
		border-bottom: 2px solid #fff;
		position: relative;
		z-index: 3000;
	}
	
	#topline2 {
		height: 24px;
		position: relative;
		z-index: 3000;
	}	

	/* language */

	#language {
		position: absolute; top: 0; right: 8px;
	}
	#language ul {
		margin: 0;
		padding: 5px 7px;
		list-style: none;
	}
	#language ul:hover {
		background: #0b3751;
	}
	#language ul li {
		margin: 0 0 5px 0;
		font-size: 0.9em; line-height: 1em;
		text-align: right;
		display: none;
	}
	#language ul li.act,
	#language ul:hover li {
		display: block;
	}
	#language ul li a {
		color: #71A7BF;
		text-transform: uppercase;
	}
	#language ul li a:hover,
	#language ul li a:focus {
		color: #eee;
		text-decoration: none;
	}

	/* shortlinks */

	#shortlinks {
		position: relative;
		height: 156px;
		overflow: hidden;
	}
	#shortlinks ul {
		width: 140px;
		position: absolute; bottom: 0; right: 15px;
		margin: 0;
		padding: 0;
		list-style: none;
		text-align: right;
	}
	#shortlinks ul li {
		margin: 0 0 5px 0;
		font-size: 0.9em; line-height: 1em;
		position: relative;
	}
	#shortlinks ul li a {
		color: #71A7BF;
		text-transform: uppercase;
	}
	#shortlinks ul li a:hover,
	#shortlinks ul li a:focus {
		color: #eee;
		text-decoration: none;
	}

	/* corporate */

	#corporate {
		width: 908px;
		height: 156px;
		background: url(../images/bgr_corporate.jpg) right top no-repeat;
	}
	#corporate .logo {
		display: block;
		width: 202px;
		height: 99px;
		margin: 0;
		position: relative; top: 40px; left: 24px;
	}
	#corporate .logo span {
		position: absolute;
		top: -12px;
		left: 0;
		font-size: 0.9em;
		color: #eee;
		visibility: hidden;
	}
	#corporate .logo:hover span,
	#corporate .logo:focus span {
		visibility: visible;
	}
	* html #corporate .logo img {
		behavior: url("static/css/iepngfix.htc");
	}

	/* navigation */

	#navigation {
	}
	#navigation ul {
		margin: 0 0 0 20px;
		padding: 0;
		list-style: none;
	}
	#navigation li {
		margin: 0 10px 0 0;
		font-size: 1em; line-height: 1em;
		float: left;
		display: block;
	}
	#navigation li a,
	#navigation li em {
		display: block;
		float: left;
		color: #fff;
		text-transform: uppercase;
		padding: 5px;
		font-style: normal;
		cursor: pointer;
	}
	#navigation li em {
		cursor: default;
	}
	#navigation li em,
	#navigation li.act a,
	#navigation li a:hover,
	#navigation li a:focus {
		color: #71A7BF;
		text-decoration: none;
	}

	/* subnavigation */

	#subnavigation {
	}
	#subnavigation ul {
		margin: 0 0 -1px 0;
		padding: 0;
		list-style: none;
	}
	#subnavigation li {
		margin: -1px 0 0 0;
		padding: 0;
		font-size: 1em; line-height: 1em;
		display: block;
		border-top: 1px solid #9CC2D2;
		border-bottom: 1px solid #9CC2D2;
	}
	#subnavigation li a,
	#subnavigation li em {
		display: block;
		color: #fff;
		padding: 5px 5px 6px 5px;
		font-style: normal;
		overflow: hidden;
		cursor: pointer;
	}
	* html #subnavigation li a,
	* html #subnavigation li em {
		height: 1%;
	}
	#subnavigation li em {
		cursor: default;
	}
	#subnavigation li a:hover,
	#subnavigation li a:focus {
		background: #104E73;
		text-decoration: none;
	}

	#subnavigation ul {
	}
	#subnavigation ul ul {
		margin-left: 5px;
	}
	#subnavigation ul ul ul {
	}

	#subnavigation li {
		background: #41809e;
	}
	#subnavigation li li {
		background: #508ca7;
	}
	#subnavigation li.product,
	#subnavigation li li li {
		background: #6099b2;
	}
	#subnavigation li.act {
		background: #104E73;
	}

	#subnavigation li a,
	#subnavigation li em {
		color: #fff;
	}
	#subnavigation li li a,
	#subnavigation li li em {
		color: #222;
	}
	#subnavigation li.product a,
	#subnavigation li.product em,
	#subnavigation li li li a,
	#subnavigation li li li em {
		color: #fff;
	}

	/* footer */

	#footer {
		padding: 5px 0;
	}
	#footer p {
		font-size: 0.9em; line-height: 1.2em;
		margin: 0;
		color: #fff;
	}
	#footer a {
		color: #fff;
		text-decoration: none;
	}
	#footer a:hover,
	#footer a:focus {
		color: #71A7BF;
		text-decoration: none;
	}
	#footer .col1 p {
		margin-left: 25px;
	}
	#footer .col2 .c1 {
		width: 250px;
		float: left;
	}
	#footer .col2 .c2 {
		width: 120px;
		float: right;
		text-align: right;
	}
	#footer .col2 .c3 {
		width: 120px;
		float: right;
		text-align: right;
	}	
	#footer .col2 a {
		margin-left: 15px;
	}

	/* content: images */

	#content .f-left {
		float: left;
		margin: 0 15px 10px 0;
	}
	#content .f-right {
		float: right;
		margin: 0 10px 10px 10px;
	}

	/* searchform */

	#searchform {
		background: #fff;
	}
	#searchform form {
		padding: 7px 0 7px 5px;
	}
	#searchform form .text {
		width: 115px;
		margin-right: 5px;
	}
	#searchform form .button {
	}
	* html #searchform form .button {
		width: 25px;
	}
	*+html #searchform form .button {
		width: 25px;
	}

	/* language select */

	.languages ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.languages li {
		margin: 0 0 10px 0;
		font-size: 1em; line-height: 1em;
		overflow: hidden;
	}
	* html .languages li {
		height: 1%;
	}
	.languages li a,
	.languages li em {
		display: block;
		float: left;
		color: #71A7BF;
		font-style: normal;
		cursor: pointer;
		overflow: hidden;
	}
	.languages li em {
		cursor: default;
	}
	.languages li em,
	.languages li a:hover,
	.languages li a:focus {
		color: #eee;
		text-decoration: none;
	}
	.languages li a span,
	.languages li em span {
		display: block;
		float: left;
		background: url(../images/icons_language.jpg) no-repeat;
		width: 27px;
		height: 17px;
		margin-right: 10px;
	}
	.languages li .de span {
		background-position: 0 0;
	}
	.languages li em.de span,
	.languages li a.de:hover span,
	.languages li a.de:focus span {
		background-position: -27px 0;
	}
	.languages li .en span {
		background-position: 0 -17px;
	}
	.languages li em.en span,
	.languages li a.en:hover span,
	.languages li a.en:focus span {
		background-position: -27px -17px;
	}
	.languages li .es span {
		background-position: 0 -34px;
	}
	.languages li em.es span,
	.languages li a.es:hover span,
	.languages li a.es:focus span {
		background-position: -27px -34px;
	}
	.languages li .cz span {
		background-position: 0 -51px;
	}
	.languages li em.cz span,
	.languages li a.cz:hover span,
	.languages li a.cz:focus span {
		background-position: -27px -51px;
	}
	.languages li .pl span {
		background-position: 0 -68px;
	}
	.languages li em.pl span,
	.languages li a.pl:hover span,
	.languages li a.pl:focus span {
		background-position: -27px -68px;
	}
	.languages li .us span {
		background-position: 0 -84px;
	}
	.languages li em.us span,
	.languages li a.us:hover span,
	.languages li a.us:focus span {
		background-position: -27px -84px;
	}
	
    .languages li .br span {
		background-position: 0 -101px;
	}
	.languages li em.br span,
	.languages li a.br:hover span,
	.languages li a.br:focus span {
		background-position: -27px -101px;
	}
	

	/* maintenance */

	#maintenance {
		background: #222;
	}
	#maintenance p {
		font-size: 1em;
		line-height: 1em;
		display: block;
		text-align: center;
		color: #fff;
		padding: 5px 5px 6px 5px;
		margin: 0;
		border-bottom: 2px solid #fff;
	}

	/* news */

	#content .news {
		border: 1px solid #eee;
	}
	#content .news p,
	#content .news li {
		font-size: 0.9em; line-height: 1.4em;
	}
	#content .news .headline {
		font-weight: bold;
		display: block;
		background: #104E73;
		color: #fff;
		padding: 3px 10px;
		margin: 0;
	}
	#content .news .inner {
		padding: 10px 10px 5px 10px;
		background: #92BCCE;
	}
	#content .news ul {
		margin: 0 0 1em 0;
		padding: 0 0 0 1.5em;		
	}
	#content .news li {
		list-style-type: square;
	}

	/* extlinks (product pages) */

	#content .extlinks ul {
		margin: 0;
		padding: 0 0 0 10px;
	}
	#content .extlinks li {
		color: #eee;
		list-style-type: square;
	}
	#content .extlinks a {
		color: #eee;
	}

	/* language alert */

	#content p.alert {
		display: block;
		background: #D1E6EF;
		padding: 5px;
	}

	/* breadcrumb */

	#content p.breadcrumb {
		padding-top: 30px;
		margin-bottom: 0.3em;
	}

	/* tabs */

	#content .tabs {
		background: #deebf1;
		border-bottom: 1px solid #9CC2D2;
		margin-bottom: 20px;
		zoom: 1; /* IE */
	}
	#content .tabs ul {
		margin: 0;
		padding: 3px 3px 0 5px;
		list-style: none;
		overflow: hidden;
		position: relative; top: 1px;
	}
	#content .tabs ul li {
		display: block;
		float: left;
		margin: 0 0 0 -1px;
		padding: 0;
		position: relative;
	}
	#content .tabs ul li a {
		display: block;
		float: left;
		border: 1px solid #9CC2D2;
		border-bottom: 0;
		padding: 2px 30px 2px 10px;
	}
	#content .tabs ul li.act a {
		background: #fff;
		position: relative;
		cursor: default;
		text-decoration: none;
	}

	/* home page: startimage + shortlinks */

	#content .startimage {
		padding-right: 25px;
	}
	#content .shortlinks ul li {
		list-style-type: none;
		font-weight: bold;
	}

	/* sitemap */

	#content .sitemap ul {
	}
	#content .sitemap ul ul {
		margin: 0 0 0 5px;
		border-left: 1px solid #ddd;
	}
	#content .sitemap li {
		list-style-type: none;
		font-weight: bold;
	}
	#content .sitemap li li {
		font-weight: normal;
	}

	/* search results */

	#content .searchresults ul {
		margin: 0 0 1em 0;
		padding: 0;
	}
	#content .searchresults ul li {
		margin: -1px 0 0 0;
		padding: 10px 0;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		list-style-type: none;
		line-height: 1.4em;
	}

	/* Metafile (»Technisches Datenblatt« PDF) */

	#content .metafile {
		float: right;
		width: 180px;
		margin: 0 0 10px 20px;
	}
	#content .metafile a {
		display: block;
		background: #deebf1;
		border: 1px solid #9CC2D2;
		padding: 10px;
		margin: 0 0 5px 0;
		min-height: 30px;
		cursor: pointer;
	}
	#content .metafile a img {
		display: block;
		float: left;
	}
	#content .metafile a span {
		display: block;
		overflow: hidden;
		margin-left: 45px;
	}

	/* Technisches Datenblatt */

	#content .datasheet {
		clear: both;
	}
	#content .datasheet table {
		width: 100%;
		border-collapse: collapse;
		table-layout: fixed;
		margin-bottom: 10px;
	}
	#content .datasheet table td {
		padding: 2px 5px;
		border: 1px solid #C3D8DF;
	}
	#content .datasheet table th {
		padding: 2px 5px;
		border: 1px solid #C3D8DF;
		background: #deebf1;
	}
	#content .datasheet table td.div {
		border: 0;
		padding: 0;
		height: 10px;
	}
	#content .datasheet table .section {
		font-weight: bold;
	}
	#content .datasheet table .a-right {
		text-align: left;
	}
	#content .datasheet table .a-left {
		text-align: left;
	}	


/* --------------------------------------------------------------------------------------
 * dm-form
 * -------------------------------------------------------------------------------------- */

	/* containers */

	.dm-form {
		width: 540px;
	}
	.dm-form .dm-inner {
		margin-right: 15px; /* margin between cells */
	}
	.dm-form .dm-stretch {
		margin-right: -15px; /* negative margin according to .dm-inner */
	}
	* html .dm-form .dm-stretch {
		height: 1%;
	}
	*+html .dm-form .dm-stretch {
		height: 1%;
	}
	* html .dm-form .dm-data {
		margin-right: 7px; /* value must be (padding + borders) of form elements! */
	}
	*+html .dm-form .dm-data {
		margin-right: 7px; /* value must be (padding + borders) of form elements! */
	}

	/* generic elements */

	.dm-form .dm-clear {
		/* http://www.pixelsurge.com/experiment/clearers.htm */
		clear: both;
		height: 1px;
		margin-top: -1px;
		overflow: hidden;
		font-size: 1px;
	}
	.dm-form .dm-mb1 {
		margin-bottom: 5px;
	}
	.dm-form .dm-mb2 {
		margin-bottom: 10px;
	}
	.dm-form .dm-mb3 {
		margin-bottom: 20px;
	}
	.dm-form .dm-right {
		float: right;
	}
	.dm-form .dm-tright {
		text-align: right;
	}

	/* horizontal layout */

	.dm-form .dm-cell {
		float: left;
	}
	* html .dm-form .dm-cell {
		overflow: hidden;
	}
	*+html .dm-form .dm-cell {
		overflow: hidden;
	}
	.dm-form .dm-w100 {
		width: 100%;
	}
	.dm-form .dm-w75 {
		width: 75%;
	}
	.dm-form .dm-w50 {
		width: 50%;
	}
	.dm-form .dm-w25 {
		width: 25%;
	}

	/* vertical layout */

	.dm-form .dm-label,
	.dm-form .dm-data,
	.dm-form .dm-caption {
		margin-bottom: 2px;
	}

	/* labels */

	.dm-form label {
		display: block;
		padding: 2px 0;
	}
	.dm-form .dm-grouplabel {
		margin-bottom: 10px;
	}

	/* caption (text below form elements) */

	.dm-form .dm-caption p {
		margin: 0;
		color: #888;
	}

	/* input elements */

	.dm-form .dm-input,
	.dm-form .dm-select,
	.dm-form .dm-textarea {
		box-sizing: border-box;
		-moz-box-sizing: border-box; /* gecko */
		-webkit-box-sizing: border-box; /* khtml/webkit */
		-ms-box-sizing: border-box; /* IE */
		width: 100%; /* default full width */
	}
	.dm-form .dm-radio,
	.dm-form .dm-checkbox {
		cursor: pointer;
	}
	.dm-form .dm-radiocheck .dm-data {
		margin: 0;
		float: left;
	}
	.dm-form .dm-radiocheck .dm-label {
		margin-left: 25px;
	}
	.dm-form .dm-radiocheck label {
		float: left;
		cursor: pointer;
	}

	/* mandatory */

	.dm-form .dm-mandatory label {
		font-weight: bold;
	}

	/* errors */

	.dm-form .dm-error .dm-label {
		background: #104E73;
		color: #fff;
		padding: 0 0 0 8px;
	}
	.dm-form .dm-error label {
		font-weight: bold;
	}

	/* alert */

	.dm-form .dm-alert {
		margin-bottom: 20px;
	}

	/* style2: individual borders + padding */

	.dm-form,
	.dm-form input,
	.dm-form select,
	.dm-form textarea {
		font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-size: 13px;
	}
	.dm-form .dm-input,
	.dm-form .dm-select,
	.dm-form .dm-textarea {
		font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-size: 13px;
		border: 0;
		border-bottom: 1px solid #71A7BF;
		border-left: 8px solid #71A7BF;
		background: #E6EDF0;
		padding: 4px;
	}
	* html .dm-form .dm-data {
		margin-right: 16px; /* value must be (padding + borders) of form elements! */
	}
	*+html .dm-form .dm-data {
		margin-right: 16px; /* value must be (padding + borders) of form elements! */
	}
	.dm-form .dm-input:focus,
	.dm-form .dm-select:focus,
	.dm-form .dm-textarea:focus {
		border-color: #104E73;
	}