/* -----------------------------------------------
	tx-products-pi1
----------------------------------------------- */

/* listSubcategories View */
.tx-products-pi1 .listSubcategories .item {

	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
}

#mainContent .tx-products-pi1 .listSubcategories .newCol {
	clear: both;
}

#mainContent .tx-products-pi1 .listSubcategories .item p.image {
	clear: both;
	display: block;
	margin: 0;
}

#mainContent .tx-products-pi1 .listSubcategories .item p.title {
	clear: both;
	display: block;
	margin: 0;
}

#mainContent .tx-products-pi1 .listSubcategories .item p.title a {
	width: 200px;
	display: block;
}


/* listItems View */
#mainContent .tx-products-pi1 .listItems p {
	margin-bottom: 0;
}

.tx-products-pi1 .listItems .item {
	width:640px;
	height: 35px;
	margin-top: 2px;
	background: #D9E7F0;
}

.tx-products-pi1 .listItems .item .image {
	float: left;
}

.tx-products-pi1 .listItems .item .title {
	margin: 0 0 0 60px;
}

/* single View */
.content .tx-products-pi1 .left {
	float:left;
	width:202px;
}

.content .tx-products-pi1 .left ul {
	margin: 0;
}

.tx-products-pi1 .left ul li {
	background: #D9E7F0;
	padding-left: 0;
}

.tx-products-pi1 .left ul li a {
	display: block;
	width: 179px !important;
	width: 202px;
	padding: 0 23px 0 0;
	text-align: right;
	text-decoration: none;	
	color: #000;
	border-top: 2px solid #fff;
}

.tx-products-pi1 .left ul li.resizeImage a {
	background: url(../images/resizeImage.gif) no-repeat 184px 2px;
}
.tx-products-pi1 .left ul li.baket a {
	background: url(../images/basket.gif) no-repeat 184px 2px;
}
.tx-products-pi1 .left ul li.datasheet a {
	background: url(../images/info.gif) no-repeat 184px 2px;
}
.tx-products-pi1 .left ul li.manual a {
	background: url(../images/pdf.gif) no-repeat 184px 2px;
}

.tx-products-pi1 .right {
	display: block;
	width: 402px !important;
	width: 432px;
	margin-left:205px;
	background: #D9E7F0;
	padding: 10px 15px 15px 15px;
}

/* warenkorb */
.tx-products-pi1 .orderit label {
	padding-left: 12px;
}

.tx-products-pi1 div.listBasket {
	width:640px;
	margin: 25px 0;
	background: #D9E7F0;
}

#mainContent .tx-products-pi1 div.listBasket p {
	margin-bottom: 0;
}

.tx-products-pi1 div.listBasket p {
	border-top: 1px solid #fff;
}

.tx-products-pi1 div.listBasket p.image {
	width: 20px;
	padding: 4px 0 0 4px !important;
	padding: 0;
	float: left;
}

.tx-products-pi1 div.listBasket p.title {
	margin-left: 20px;
	padding-left: 25px;
	background: url(../images/arrow_blue_right.gif) no-repeat 10px 6px;
}

.tx-products-pi1 div.listBasket p.title a {
	font-weight: bold;
	text-decoration: none;	
}

/* Download Center */

#mainContent .tx-products-pi1 div.tx_products_downloadcenter {
	width: 100%;
	margin-top: 20px;
}

	#mainContent .tx-products-pi1 div.tx_products_downloadcenter p {
		float: left;
		width: 123px;
		padding: 0 0 0 5px;
		margin: 0 0 0 1px;
		min-height: 20px;
		height: auto !important;
		height: 20px;
		/*background: #EEEEEE;*/
	}

	#mainContent .tx-products-pi1 div.tx_products_downloadcenter p.first {
		margin: 0;
	}

	#mainContent .tx-products-pi1 div.tx_products_downloadcenter .listHeader {
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
	}	

	#mainContent .tx-products-pi1 div.tx_products_downloadcenter .listHeader p {
		font-weight: bold;
		color: #FFFFFF;
		background: #009BD1;
	}	

	#mainContent .tx-products-pi1 div.tx_products_downloadcenter .listContent {
		background: #FFFFFF;
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #EEEEEE;
	}

	#mainContent .tx-products-pi1 div.tx_products_downloadcenter .name {
		width: 393px !important;
		width: 398px;
		border-left: none;
	}

	#mainContent .tx-products-pi1 div.tx_products_downloadcenter .manual {
		width: 55px !important;
		width: 60px;
	}
		
	#mainContent .tx-products-pi1 div.tx_products_downloadcenter .conformity {
		width: 90px !important;
		width: 95px;
	}	

	#mainContent .tx-products-pi1 div.tx_products_downloadcenter .spares {
		width: 73px !important;
		width: 78px;
	}
	
	#mainContent .tx-products-pi1 div.tx_products_downloadcenter .accessories {
		width: 58px !important;
		width: 63px;
		display: none;
	}
	
/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */
.content h3 {
	margin: 12px 0 9px 0;
	color: #009bd1;
}

.content h4 {
	margin: 10px 0 7px 0;
	font-size: 12px;
	color: #009bd1;
}

.content h5 {
	margin: 10px 0 7px 0;
	font-size: 12px;
	color: #000;
}

.content h6 {
	margin: 3px 0 0 0;
	font-weight: normal;
	font-style: italic;
	color: #009bd1;
}

.content .csc-firstHeader {
	margin-top: 0;
}

.content hr {
	margin: 5px 0 3px 0 !important;
	margin: 0;
	border: 0;
	border-top: 1px solid #009bd1;
	height: 1px;
}

#leftContent p {
	margin-bottom: 14px;
}

#mainContent p,
#rightContent p {
	/*margin-bottom: 20px;*/
	margin-bottom: 10px;
}

.content a {
	color: #009bd1;
	text-decoration: underline;
}

.content a:hover {
	text-decoration: none;
}

.content ul {
	/*margin: 5px 0 5px 2px;*/
	margin: 0px 0 0px 2px;
}
	
.content ul li {
	height: auto !important;
	height: 1px;
	padding-left: 30px;
	/*padding-bottom: 6px;*/
	background: url(../images/bulletlist_standard.gif) no-repeat 0 6px;
}

.content .contenttable {
	border: 1px solid #ccc;
	margin-left: 1px !important;
	margin-left: 0;
}

.content .contenttable .tr-even {
	background-color: #f8f8f8;
}

.content .contenttable th,
.content .contenttable td {
	padding: 2px 4px;
	border: 1px solid #ccc;
	border-width: 1px 0;
}

.content .csc-textpic-caption {
	font-style: italic;
}

/* -----------------------------------------------
	Left Col
----------------------------------------------- */

	#leftContent * {
		color: #fff;
		font-style: italic;
		line-height: 15px;
	}	

	#leftContent .contentElement {
		height: auto !important;
		height: 1px;
		margin-bottom: 5px;
		background: #66a8a4;
	}
	
	#leftContent .csc-textpic-text {
		padding: 5px 10px 9px 10px;
	}

/* -----------------------------------------------
	Main Col
----------------------------------------------- */	
	
	#mainContent * {
		line-height: 20px;
	
	}
	
	/*
	*+html #mainContent p  {
		margin-top: -6px;
		margin-bottom: -2px;
	}
	
	*+html #mainContent .tx-products-pi1 .title {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	*+html #mainContent img  {
		margin-top: 6px;
	}
	
	*+html .positionBottom  {
		padding-top: 20px;
	}
	*/
		
	#mainContent h3 {
		font-size: 14px;
		margin-bottom: 20px;
	}
	
	#mainContent h4,
	#mainContent h5 {
		margin-bottom: 0px;
	}
	
	#mainContent img {
		border: 1px solid #009bd1;
	}
		
	#mainContent .csc-textpic-image {
		margin: 0 8px 10px -2px;
	}

/* -----------------------------------------------
	Right Col
----------------------------------------------- */

	#rightContent * {
		color: #fff;
		/*font-size: 10px;*/
		line-height: 20px;
	}
	
	#rightContent .contentElement {
		height: auto !important;
		height: 1px;
		margin-bottom: 10px;
		background: #009bd1;
	}
	
	#rightContent h3,
	#rightContent h4,
	#rightContent h5,
	#rightContent h6 {
		margin: 0;
		padding: 1px 9px 4px 9px;
		font-size: 10px;
	}
	
	#rightContent h3 a,
	#rightContent h4 a,
	#rightContent h5 a,
	#rightContent h6 a {
		font-size: 10px;
	}
	
	#rightContent .csc-textpic-text {
		padding: 3px 4px 9px 4px;
	}

/* -----------------------------------------------
	new Form style
----------------------------------------------- */	
	
	form .button {
		text-align: center;
		cursor: pointer;
	}
	
	#mainContent .formElement {
		width: 640px;
	}
	
	#mainContent .formElement {
		margin-bottom:2px;
	}
	
	#mainContent .formElement td {
		height: 30px;
	}
	
	#mainContent .formElement td.label {
		width: 167px;
		background: #95c3da;
		border-right: 3px solid #fff;
		cursor: pointer;
		padding: 7px 9px 5px 29px;
	}
	
	#mainContent .checkElement td.label {
		background: #fff;
		border-right: 0;
		width: 620px;
		padding: 2px 0 0 0;
	}
	
	#mainContent .formElement td.field {
		background: #d9e7f0;
		vertical-align: middle;
		padding-left: 5px;
	}
	
	#mainContent .formElement td.field input,
	#mainContent .formElement td.field textarea {
		width: 422px;
		background: #d9e7f0;
		border: 0;
	}
	
	#mainContent .checkElement td.field {
		background: #fff;
		vertical-align: middle;
	}
	
	#mainContent .checkElement td.field input {
		width: 12px;
		background: #fff;
	}
	
	#mainContent .formElement td.field input.button {
		width: auto;
		height: 20px;
		margin-right: 5px;
		color: #009bd1;
		font-weight: bold;
		border: 1px solid #009bd1;
	}
	
	#mainContent .formElement .requiredElement{
		display: block;
		position: absolute;
		margin-left: -8px;
	}
	
	#mainContent .formElement td.fieldVersion2 {
		background: #D9E7F0 url(../images/formSpacer.gif) repeat-y 211px 0 !important;
		background: #D9E7F0 url(../images/formSpacer.gif) repeat-y 210px 0;	
	}
	
	#mainContent .formElement td.fieldVersion2 input {
		/*background: red;*/
		width:205px;
		float: left;
		margin-right: 8px;
	}

/* -----------------------------------------------
	Filelink
----------------------------------------------- */

.content .filelinks .icon {
	padding: 0 5px 0 0;
	float: left;
}

.content .filelinks .description {
	display: block;
	padding: 2px 0 10px 23px;
}
	
/* -----------------------------------------------
	Indexed Search
----------------------------------------------- */
.tx-indexedsearch .browsebox {
	height: 18px;
	margin: 10px 0 -10px 0;
}

.tx-indexedsearch .browsebox li {
	float: left;
	margin-right: 5px;
}	

.tx-indexedsearch-res h4 {
	clear: both;
	position: relative;
	margin-top: 20px;
	padding: 2px 0;
	line-height: 16px;
	background-color: #009BD1;
}	

.tx-indexedsearch-res h4 * {
	color: #fff;
}

.tx-indexedsearch-res h4 a {
	padding-left: 20px;
}	

.tx-indexedsearch-res h4 img {
	position: absolute;
	top: 2px;
	left: 4px;
}	

.tx-indexedsearch-res h4 .percent {
	position: absolute;
	top: 2px;
	right: 4px;
}

.tx-indexedsearch-res dl {
	margin-top: 10px;
}

.tx-indexedsearch-res dt,
.tx-indexedsearch-res dd {
	display: inline;
}

.tx-indexedsearch-res dt {
	font-weight: bold;
}

.tx-indexedsearch-res dd {
	padding-right: 5px;
}


/* -----------------------------------------------
	tt_news
----------------------------------------------- */
.content .news .newsItem {
	height: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

.content .news .browse li {
	background: none;
	float: left;
	padding: 0 5px 0 0;
}

.content .news .news-single-additional-info dt {
	font-weight: bold;
	margin-bottom: 5px;
}

/* mainContent List */
#mainContent .newsList {
	
}

#mainContent .newsList .leftCol {
	background: #009bd1;
	width: 200px;
}

#mainContent .newsList .leftCol a {
	line-height: 1px;
}

#mainContent .newsList .rightCol {
	background: #d9e8f0;
	padding: 10px 14px 10px 14px;
}

#mainContent .newsList .rightCol p {
	margin: 0;
}

#mainContent .newsList h3 {
	color: #fff;
	font-size: 10px;
	margin: 0;
	padding: 1px 9px 2px 9px;
}

#mainContent .newsList .dateSubheader:first-line {
	color: #009bd1;
	font-weight: bold;
}

#mainContent .newsList .dateSubheader .date {
	font-weight: normal;
	color: #009bd1;
}

#mainContent .newsList .morelink a {
	text-decoration: none;
}

/* homepage - mainContent List */

.homepage #mainContent .news {
	margin-bottom: 30px;
}

.homepage #mainContent .newsList {
	padding-top: 10px;
	border-top: 1px solid #009BD1;
}

.homepage #mainContent .newsItem {
	border-bottom: 1px solid #009BD1;
}

.homepage #mainContent .newsItem .date {
	font-weight: bold;
	margin: 0;
}

.homepage #mainContent .newsItem h3 {
	padding: 0;
	font-weight: normal;
}

.homepage #mainContent .newsItem .morelink a img {
	display: none;
}

.homepage #mainContent .browse {
	height: 50px;
}

/* rightContent Latest */

#rightContent .newsLatest {
	background: #fff;
}

#rightContent .newsItem {
	display: block;
	height: auto !important;
	/*height: 1px;*/
	margin-bottom: 10px;
	background: #009BD1;
}

#rightContent .newsItem .top img {
	margin-left: 1px;
}

#rightContent .newsItem .bottom {
	padding: 3px 5px 9px 5px;
}

#rightContent .newsItem .bottom .date {
	font-size: 10px;
}

#rightContent .newsItem .bottom .subheader:first-line {
	font-weight: bold;
}

#rightContent .newsItem .bottom a {
	text-decoration: none;
}


/* special IE 7 hacks - start */
*+html div.csc-textpic-clear {
	height: 0px;
}
/* special IE 7 hacks - end */
