@charset "utf-8";
@import url("haux_navigation.css");
@import url("plugins.css");
@import url("backgrounds.css");
html,body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #ffffff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
/*# ############################################### */
/*# Styles for the Table Layout                     */
/*# ############################################### */
table#tableLayout {
	width: 100%;
	height: 100%;
}
td#tableRowTop {
	vertical-align: top;
}
td#tableRowBottom {
	vertical-align: bottom;
	padding-top: 15px;
}
/*# ############################################### */
/*# Styles for the LINKS                            */
/*# ############################################### */
a:link,a.internalLink,a.internalLinkInNewWindow {
	color: #0081CE;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #004D77;
}
a:hover {
	text-decoration: underline;
	color: #0081CE;
}
a:active {
	text-decoration: none;
	color: #0081CE;
}
a[href $='.pdf'] {
 background-image: url(/fileadmin/pics/pdf.gif);
 background-position: left;
 background-repeat: no-repeat;
 padding-left: 18px;
}
p a[href $='.pdf'] {
 height: 16px;
 vertical-align: middle;
}
a.linkArrowBlue {
	padding-right: 11px;
	background: url(/fileadmin/pics/arrow_blue.gif) no-repeat right 5px;
}
a.linkArrowBlueBack {
	padding-left: 11px;
	background: url(/fileadmin/pics/arrow_blue_back.gif) no-repeat left 5px;
}
a.externalLink,a.externalLinkInNewWindow {
	background-image: url(/fileadmin/pics/arrow_external.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
	padding-right: 10px;
}
a.mail {
	background-image: url(/fileadmin/pics/mail.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 14px;
}
download, author {
}
/*# ############################################### */
/*# Typo3 Stuff                                     */
/*# ############################################### */
/* default styles for extension "tx_indexedsearch" */
		.tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
		.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
		.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
		.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
		.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
		.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:red; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
		.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
		.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }

		/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
		.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
		.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
		.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
		.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
		.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
		.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }
/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption {
	text-align: center;
}
DIV.csc-textpic-caption-r .csc-textpic-caption {
	text-align: right;
}
DIV.csc-textpic-caption-l .csc-textpic-caption {
	text-align: left;
}
/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn {
	float: left;
	display: inline;
}
/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
	border: 111px solid #ff0000;
	padding: 0px 0px;
	background-color: Aqua;
}
/* Border just around the whole images and captions*/
DIV.csc-textpic-imagewrap {
	padding: 0;
	margin-top: 3px;
}
DIV.csc-textpic IMG {
	border: 1px solid #cccccc;
}
/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }
/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }
/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }
/* Clearer */
	DIV.csc-textpic-clear { clear: both; }
/* Margins around images: */
/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 20px;
	}
/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 20px;
	}
/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 20px;
	}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	margin: 0px;
	padding: 0px;
	text-align: center;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #eeeeee;
	width: 300px;
	padding-bottom: 3px;
	padding-top: 1px;
	margin-bottom: 20px;
	line-height: 140%;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 0px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 20px !important;
	}

/* Positioning of images: */

/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */
DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0px; }


/*# ############################################### */
/*# General Stuff                                   */
/*# ############################################### */
.clr {
	clear: both;
}
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.valignBottom {
	vertical-align: bottom;
}
.valignTop {
	vertical-align: top;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.fontWeightNormal {
	font-weight: normal;
}
form {
	margin: 0px;
	padding: 0px;
}
#header #headerMenu,p,ol,ul,li,td,th,input,textarea,select,#footer #legal,#footer #toolbar,#breadCrumbNav,#colMiddle p,#colMiddle ul,#colMiddle ol,#colMiddle li,#colMiddle input,#colMiddle select,#colMiddle textarea,#colMiddle h5,#colMiddle h6,#colMiddle ol,#colMiddle td,#colRight .rightNavBoxDownload p,#colRight .rightNavBox p,#footer #legalHome {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
span.colorBlue {
	color: #0081CE;
}
span.colorBlueDark {
  color: #004D77;
}

/*# ############################################### */
/*# Styles for the MIDDLE COLUMN - Content          */
/*# ############################################### */
#colMiddle {
	/*margin-bottom: 15px;*/
}
#colMiddleHome {
	margin-left: 140px;
	margin-right: 20px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 143px;
	margin-right: 23px;
	margin-top: 185px;
}
html>body #colMiddleHome {
	margin-left: 143px;
	margin-right: 23px;
	margin-top: 185px;
}
#colMiddleGeneral {
	margin-left: 210px;
	margin-right: 20px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 213px;
	margin-right: 23px;
	margin-top: 185px;
}
.bgSystemkomponentenDe #colMiddleGeneral,.bgSystemkomponentenEn #colMiddleGeneral,.bgSystemkomponentenEs #colMiddleGeneral,.bgSystemkomponentenFr #colMiddleGeneral {
	min-height: 750px;
   height: auto !important;
   
}
html>body #colMiddleGeneral {
	margin-left: 213px;
	margin-right: 23px;
	margin-top: 183px;
}
#colMiddleWithRightCol {
	margin-left: 210px;
	margin-right: 192px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 213px;
	margin-right: 195px;
	margin-top: 185px;
}
html>body #colMiddleWithRightCol {
	margin-left: 213px;
	margin-right: 195px;
	margin-top: 185px;
}
#colMiddle h1,#colMiddle h2,#colMiddle h3,#colMiddle h4,#colMiddle h5,#colMiddle h6,#colMiddle p,#colMiddle ul,#colMiddle ol,#colMiddle ul.action-items {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
#colMiddle h1 {
	margin-bottom: 15px;
	font-size: 14px;
}
#colMiddle h2 {
	font-size: 13px;
	margin-bottom: 15px;
}
#colMiddle h3 {
	font-size: 13px;
	margin-bottom: 3px;
}
#colMiddle h4 {
	font-size: 12px;
	margin-bottom: 15px;
}
#colMiddle h5 {
	font-size: 12px;
	margin-bottom: 3px;
}
#colMiddle h6 {
	font-size: 11px;
	font-weight: normal;
	line-height: 140%;
	margin-bottom: 3px;
}
#colMiddle p {
	line-height: 140%;
	margin-bottom: 15px;
}
#colMiddle ul {
	list-style: none;
	margin-bottom: 15px;
}
#colMiddle ul li {
	line-height: 140%;
	background-image: url(/fileadmin/pics/bullet_blue.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 9px;
	margin-bottom: 5px;
}
#colMiddle ol {
	padding-left: 20px;
	margin-bottom: 15px;
}
#colMiddle ol li {
	line-height: 140%;
	margin-bottom: 5px;
}
#colMiddle ul.action-items {
	list-style: none;
	margin-bottom: 15px;
}
#colMiddle ul.action-items li {
	line-height: 140%;
	background-image: url(/fileadmin/pics/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 11px;
	margin-bottom: 5px;
}
#colMiddle hr {
	color: #0081CE;
	height: 1px;
	margin-bottom: 10px;
}
/* Table for the TechData */
#colMiddle table.tableTechData {
	margin-bottom: 15px;
}
#colMiddle table.tableTechData td {
	line-height: 140%;
	padding-right: 10px;
}
/* News | Produkte */
#colMiddle2Cols {}
#colMiddle3Cols {}
#teaserRow01 {
	float: left;
	width: 30%;
	border-top: 1px solid #cccccc;
}
#teaserRow02,#teaserRow03 {
	float: left;
	width: 35%;
	border-top: 1px solid #cccccc;
}
#teaserRow04, #teaserRow05 {
	float: left;
	width: 50%;
	border-top: 1px solid #cccccc;
}
#teaserRow06 {
	float: left;
	width: 50%;
	border-top: 1px solid #ffffff;
}
#teaserRow02 h3 a, #teaserRow03 h3 a, #teaserRow04 h3 a, #teaserRow05 h3 a {
	color: #868686;
	text-decoration: none;
}
#teaserRow01 h3 a:hover, #teaserRow02 h3 a:hover, #teaserRow03 h3 a:hover, #teaserRow04 h3 a:hover, #teaserRow05 h3 a:hover {
	text-decoration: none;
}
#teaserRow01 .news {
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	min-height: 458px;
}
#teaserRow01 .news h3 {
	background-color: #eeeeee;
	font-size: 11px;
	font-weight: normal;
	color: #0081CE;	
	border-bottom: 1px solid #cccccc;
	padding: 5px 10px 4px 10px;
	margin: 0px;
}
#teaserRow01 .news p {
	padding: 7px 10px 10px 10px;
	margin: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	clear: both;
	min-height: 89px;
	line-height: 140%;
}
#teaserRow01 .news p img {
	float: left;
	margin-right: 10px;
	border: 1px solid #cccccc;
	margin-top: 3px;
}
#teaserRow01 .news a {
	padding-right: 11px;
	background: url(../pics/arrow_blue.gif) no-repeat right 5px;
}
#teaserRow02 h3 {
	background-color: #eeeeee;
	font-size: 11px;
	font-weight: normal;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 5px 10px 4px 10px;
	margin: 0px;
}
#teaserRow03 h3,#teaserRow04 h3,#teaserRow05 h3 {
	background-color: #eeeeee;
	font-size: 11px;
	font-weight: normal;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 5px 10px 4px 10px;
	margin: 0px;
}
#teaserRow04 h3 {
	border-left: 1px solid #cccccc;
}
#teaserRow02 .csc-textpic-intext-left,#teaserRow03 .csc-textpic-intext-left {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 7px 10px 0px 10px;
	height: 122px;
	margin: 0px;
}
#teaserRow04 .csc-textpic-intext-left {
	border-left: 1px solid #cccccc;
}
#teaserRow04 .csc-textpic-intext-left,#teaserRow05 .csc-textpic-intext-left {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 7px 10px 0px 10px;
	height: 99px;
	margin: 0px;
}

#teaserRow02 .csc-textpic-text,#teaserRow03 .csc-textpic-text,#teaserRow04 .csc-textpic-text,#teaserRow05 .csc-textpic-text {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 95px;
	line-height: 140%;
}

#teaserRow02 .csc-textpic-imagewrap,#teaserRow03 .csc-textpic-imagewrap,#teaserRow04 .csc-textpic-imagewrap,#teaserRow05 .csc-textpic-imagewrap {
	float: left;
	margin-right: 10px;
	margin-top: 3px;
}
#teaserRow02 .csc-textpic-intext-left p,#teaserRow03 .csc-textpic-intext-left p,#teaserRow04 .csc-textpic-intext-left p,#teaserRow05 .csc-textpic-intext-left p {
	margin: 0px;
}
#teaserRow02 .csc-textpic-text a, #teaserRow03 .csc-textpic-text a, #teaserRow04 .csc-textpic-text a, #teaserRow05 .csc-textpic-text a {
	padding-right: 11px;
	background: url(../pics/arrow_blue.gif) no-repeat right 5px;
}

/* ###################################################################################### */
/* Styles for the FORMS                                                                   */
/* ###################################################################################### */

#formMiddle {
	border: 1px solid #cccccc;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
}
#formMiddle form {
	padding: 0px;
	margin: 0px;
}
input,textarea,select {
	background-color: #ffffff;
	border: 1px solid #0081CE;
	width: auto;
	color: #666666;
}
input.button {
	background-color: #0081CE;
	font-weight: bold;
	color: #ffffff;
	border-width: 1px;
	border-style: outset;
	width: auto;
	margin-bottom: 4px;
}
input.buttonReset {
	background-color: #D2EEFF;
	font-weight: bold;
	color: #0081CE;
	border-width: 1px;
	border-style: outset;
	width: auto;
	margin-bottom: 4px;
}