/*
========================================================
ELEMENTS
========================================================
*/

/*
--------------------------------------------------------
EXTENDED ELEMENTS
--------------------------------------------------------
*/

/* IMAGE BORDER */
img.border {
	display:				block;
	padding:				4px;
	border:					1px solid #f2f2f2;
	/*
	-moz-box-shadow: 		1px 1px 2px #a6a6a6;
	-webkit-box-shadow: 	1px 1px 2px #a6a6a6;
	box-shadow: 			1px 1px 2px #a6a6a6; /* CSS3 */
	background-color:		#fefefe;
}

/* DEFAULT LINK */
a.link {
	display:				block;
	padding-left:			15px;
	background-image: 		url(/images/icons/pointer-red.gif);
	background-repeat: 		no-repeat;
	background-position:	left 5px;
	text-decoration:		none;
}

/* LINK PDF */
a.link.pdf {
	padding-left:			25px;
	background-image: 		url(/images/file-icons/pdf.gif);
	background-position: 	left top;
}

/* CLICK, Full clickable element */
.click {
	cursor:					pointer;
}

.box {
	padding:				5px;
	background-color:		#CCC;
	
}

.button { border-top: 1px solid #ebebeb; background: #d4d2d2; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d4d2d2)); background: -moz-linear-gradient(top, #ffffff, #d4d2d2); padding: 7px 18px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #050505; font-size: 14px; text-decoration: none; vertical-align: middle; } .button:hover { border-top-color: #c9c9c9; background: #c9c9c9; color: #ffffff; } .button:active { border-top-color: #f50025; background: #f50025; }

#content .block{
	display:					block;
	margin-top:					15px;
}

/*
--------------------------------------------------------
SERIES BUTTON
--------------------------------------------------------
*/
.btnseries {
	display:				inline;
	float:					left;
	clear:					left;
	height:					22px;
	background-image: 		url(/images/elements/btnseries-lft.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

.btnseries span {
	display:				inline;
	float:					left;
	clear:					left;
	padding:				3px 6px 0 6px;
	height:					19px;
	background-image: 		url(/images/elements/btnseries-rgt.png);
	background-repeat: 		no-repeat;
	background-position: 	right top;
	font-size:				11px;
	font-weight:			bold;
}

/*
--------------------------------------------------------
MODELLIST
--------------------------------------------------------
*/

#content ul.modellist,
#content ul.modellist li {
	margin:					0;
	padding:				0;
	list-style:				none;
}

#content ul.modellist li,
#content ul.modellist li a {
	display:				block;
	float:					left;
}

#content ul.modellist li {
	margin-right:			2px;
	background-image:		url(/images/elements/modellist/background.png) !important;
	background-repeat: 		no-repeat !important;
	background-position: 	left top !important;
}

#content ul.modellist li:hover {
	background-position: 	left bottom !important;
}

#content ul.modellist li a {
	height:					17px;
	width:					84px;
	padding:				10px 0 0 4px;
	color:					#383b3f;
	text-decoration:		none;
	font-weight:			bold;
	background-image: 		url(/images/elements/modellist/sizes.gif) !important;
	background-repeat: 		no-repeat;
	background-position: 	61px top;
}

#content ul.modellist li a:hover,
#content ul.modellist li.selected {
	color:					#f50024 !important;
}

#content ul.modellist li.s23 a {
	background-position: 	61px -2px;
}

#content ul.modellist li.s23 a:hover,
#content ul.modellist li.s23.selected a {
	background-position: 	61px -170px;
}

#content ul.modellist li.s53 a {
	background-position: 	61px -30px;
}

#content ul.modellist li.s53 a:hover,
#content ul.modellist li.s53.selected a {
	background-position: 	61px -198px;
}

#content ul.modellist li.s115 a {
	background-position: 	61px -58px;
}

#content ul.modellist li.s115 a:hover,
#content ul.modellist li.s115.selected a {
	background-position: 	61px -226px;
}

#content ul.modellist li.s240 a {
	background-position: 	61px -86px;
}

#content ul.modellist li.s240 a:hover,
#content ul.modellist li.s240.selected a {
	background-position: 	61px -254px;
}

#content ul.modellist li.s400 a {
	background-position: 	65px -114px;
}

#content ul.modellist li.s400 a:hover,
#content ul.modellist li.s400.selected a {
	background-position: 	65px -282px;
}

#content ul.modellist li.s720 a {
	background-position: 	65px -142px;
}

#content ul.modellist li.s720 a:hover,
#content ul.modellist li.s720.selected a {
	background-position: 	65px -310px;
}

/*
========================================================
PRODUCTLIST
========================================================
*/

.productlist {
	display:				block;
	padding:				20px 0 10px 0;
	min-height:				130px !important;
	background-image: 		url(/images/elements/productlist/background.gif);
	background-repeat: 		repeat-x;
	background-position: 	left bottom;
}

.productlist .image {
	display:				block;
	width:					140px;
}

.productlist .text {
	display:				block;
	width:					530px;
}





.productlist .col1 {
	display:				block;
	width:					570px;
}

.productlist .colseries {
	display:				block;
	width:					125px;
}

.productlist .coltext {
	display:				block;
	width:					435px;
}

.productlist .col2 {
	display:				block;
	width:					100px;
}

.productlist h6 {
	margin-top:				0 !important;
}


/*
========================================================
LISTING
========================================================
*/

.listing {
	display:				block;
	margin:					25px 0 25px 0;
	padding-bottom:			15px;
	border-bottom:			1px solid #c4c4c4;
}

.listing .left {
	width:					180px;
}

.listing .right {
	width:					490px;
}

.listing h3 {
	margin-top:				0 !important;
	padding:				8px 0 4px 38px !important;
	background-image: 		url(/images/template/background-h3-listing.png) !important;
	color:					#a31414;
}

.listing a.link {
	display:				inline !important;
	padding:				4px 25px 4px 25px !important;
	background-color:		#dcdfe1;
	color:					#69737d;
	border-radius:			1ex;
	-webkit-border-radius:	1ex;
	-moz-border-radius:		1ex;
	background-position: 	10px center;
}

.listing a.link.pdf {
	display:				inline !important;
	padding:				4px 25px 4px 35px !important;
	background-position: 	10px center;
}

/*
========================================================
2 COLS, DOUBLE / SINGLE
========================================================
*/

.colsingle {
	width:					200px;
}

.coldouble {
	width:					435px;
}

.col180 {
	width:					180px;
}

.col290 {
	width:					290px;
}

/*
========================================================
COLUMN HOLDER
========================================================
*/

.column_holder {
	display:				block;
}

.column_holder .twocols {
	display:				block;
	float:					left;
	padding:				10px;
	width:					315px;
}

.column_holder .threecols {
	display:				block;
	float:					left;
	padding:				10px;
	width:					203px;
}

/*
========================================================
NEWSTEASER
========================================================
*/

.teaserlist {
	padding:					15px 0 0 0;
}

.teaserlist .image {
	width:						100px;
	padding-right:				15px;
}

.teaserlist .date {
	padding:					2px 10px 0 0;
	margin:						0;
	color:						#7d7f81;
}

.date {
	color:						#7d7f81;
}

.date span.month {
	text-transform: 			uppercase;
}

.teaserlist .date span.day {
	display:					block;
	float:						left;
	font-size:					36px;
	line-height:				28px;
	padding-right:				3px;
}

.teaserlist .date span.month {
	display: 					block;
	font-size: 					16px;
	line-height: 				14px;
	text-transform: 			uppercase;
}

.teaserlist .date span.year {
	font-size: 					14px;
	display: 					block;
	line-height: 				14px;
	letter-spacing:				1px;
}

.teaserlist .summary {
	padding:					0;
	margin:						0;
	width:						315px;
}

.teaserlist.wide .summary {
	width:						550px;
}

.teaserlist h6 {
	padding:					0 !important;
	margin:						0 !important;
	text-transform:				none !important;
}

/*
========================================================
TRADETEASER
========================================================
*/

.tradeteaser {
	padding:					15px 0 0 0;
}

.tradeteaser .image {
	display:					block;
	padding:					5px 0 5px 0;
}

.tradeteaser .date {
	color:						#7d7f81;
	font-size: 					14px;
}

.tradeteaser .summary {
	padding:					10px 0 0 0;
	margin:						0;
	width:						200px;
}

.tradeteaser h6 {
	padding:					0;
	margin:						0;
}

/*
========================================================
PRODUCT OVERVIEW
========================================================
*/

ul.overviewlist {
	padding:					0;
	list-style:					none;
}

ul.overviewlist li {
	display:					block;
	float:						left;
	width:						306px;
	height:						228px;
	margin:						0 48px 25px 0 !important;
	padding:					2px !important;
	background-color:			#e0e5e8;
	background-image:			none !important;
}

ul.overviewlist li.last {
	margin-right:				0 !important;
}

ul.overviewlist li .head {
	display:					block;
	height:						70px;
	padding:					4px 10px 0 10px;
}

ul.overviewlist li a {
	display:					block;
	padding:					0 0 0 15px;
	color:						#383b3f;
	font-size:					16px;
	text-decoration:			none;
	background-image: 			url(/images/icons/pointer-red.gif);
	background-repeat: 			no-repeat;
	background-position: 		left 5px;
}

ul.overviewlist li .h2 {
	display:					block;
	padding:					0 0 0 15px;
}

ul.overviewlist .footer {
	padding:					5px 0 0 24px;
}




ul.grouplist {
	padding:					0;
	list-style:					none;
}

ul.grouplist li {
	display:					block;
	float:						left;
	width:						299px;
	height:						218px;
	margin:						0 48px 25px 0 !important;
	padding:					6px !important;
	background-image: 			url(/images/template/background-grouplist.jpg) !important;
	background-repeat: 			no-repeat !important;
	background-position: 		left top !important;
}

ul.grouplist li.last {
	margin-right:				0 !important;
}

ul.grouplist li .head {
	display:					block;
	height:						60px;
	padding:					4px 10px 0 10px;
}

ul.grouplist li a {
	display:					block;
	padding:					0 0 0 15px;
	color:						#383b3f;
	font-size:					16px;
	text-decoration:			none;
	background-image: 			url(/images/icons/pointer-red.gif);
	background-repeat: 			no-repeat;
	background-position: 		left 5px;
}

ul.grouplist li .h2 {
	display:					block;
	padding:					0 0 0 15px;
}

ul.grouplist li .image {
	display:					block;
	text-align:					center;
}

/*
========================================================
DIV TABLE DISPLAY
========================================================
*/
.tabledisplay {
	padding:				10px 0 10px 15px;
	border-bottom: 			1px solid #d1d2d3;
}

.tabledisplay ul{
	margin-top:				0 !important;
	margin-bottom:			0 !important;
}

.tabledisplay.row {
	background-color:		#eff1f3;
	background-image: 		url(/images/elements/table-display-row.jpg);
	background-repeat: 		repeat-x;
	background-position: 	left top;
}

.tabledisplay .left {
	width: 					200px;
}

.tabledisplay .right {
	width: 					440px;
}

/*
========================================================
TWOCOLS
========================================================
*/

dl.twocols {
	margin: 			0;
	padding: 			0;
}

.twocols dt {
	width: 				65px;
	float: 				left;
	margin: 			0 0 0 0;
	padding: 			3px 0 3px 0;
	font-weight:		normal;
}

/* commented backslash hack for mac-ie5 \*/
.twocols dt { clear: both; }
/* end hack */

.twocols dd {
	float: 				left;
	width: 				350px;
	margin: 			0 0 0 0;
	padding: 			3px 0 3px 0;
}

/*
========================================================
APPLICATION LIST
========================================================
*/

#content ul.applications,
#content ul.applications li {
	margin:						0;
	padding:					0;
	list-style:					none;
	background-image:			none;
}

#content ul.applications {
	margin:						12px 0 0 0;
	padding:					0 0 12px 0;
}

#content ul.applications li {
	margin:						4px 0 0 0;
	border-bottom:				1px solid #cfd3d6;
}

#content ul.applications li .image {
	width:						150px;
}

#content ul.applications li .text {
	width:						165px;
	margin:						0;
	padding:					60px 0 0 15px;
	background-image: 			url(/images/icons/bullet_child.gif);
	background-repeat: 			no-repeat;
	background-position: 		left 65px;
	color:						#55595d !important;
}

/*
========================================================
tableextended
========================================================
*/

table.tableextended th {
	background-image: 		url(/images/elements/tableextended/table-th-col1.gif);
	background-repeat: 		repeat-x;
	background-position: 	left top;
}

table.tableextended th.col2 {
	background-image: 		url(/images/elements/tableextended/table-th-col2.gif);
}

table.tableextended td {
	background-image: 		url(/images/elements/tableextended/table-td-col1.gif);
	background-repeat: 		repeat-x;
	background-position: 	left top;
	background-color:		#FFF;
}

table.tableextended td.col2 {
	background-image: 		url(/images/elements/tableextended/table-td-col2.gif);
	background-color:		#f4f4f4;
}

table.tableextended td.head {
	font-weight:			bold;
}

table.tableextended td.sub {
	padding-left:			25px;
}

/*
========================================================
ACCESSORY
========================================================
*/

.accessory {
	margin-bottom:			25px;
}

.accessory .image {
	width:					160px;
}

.accessory .text {
	padding:				0;
	margin:					0;
	width:					470px;
}

.accessory h3 {
	margin:					0 !important;
}

/*
========================================================
ELEMENT PRICING
========================================================
*/

table#element-pricing {
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	margin: 0px;
	padding: 0px;
	float: left;
}
table#element-pricing td,
table#element-pricing th {
	vertical-align: middle;
	color: #FFFFFF;
	padding: 10px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
	background-repeat: repeat-x;
	background-position: left top;
}
table#element-pricing td.color1,
table#element-pricing th.color1,
table#element-pricing td.color2,
table#element-pricing th.color2,
table#element-pricing td.color3,
table#element-pricing th.color3,
table#element-pricing td.color4,
table#element-pricing th.color4,
table#element-pricing td.color5,
table#element-pricing th.color5 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	color: #FFFFFF;
	border-left-width: 1px;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
table#element-pricing td.color1,
table#element-pricing th.color1 {
	background-color: #f4f4f4;
	color: #666666;
	font-size: 11px;
	font-weight: bold;
	background-image: none;
}
table#element-pricing td.color2,
table#element-pricing th.color2 {
	background-color: #6b6b6b;
}
table#element-pricing td.color3,
table#element-pricing th.color3 {
	background-color: #8b8b8b;
}
table#element-pricing td.color4,
table#element-pricing th.color4 {
	background-color: #b5b4b4;
}
table#element-pricing td.color5,
table#element-pricing th.color5 {
	background-color: #c2c1c1;
}
table#element-pricing td a,
table#element-pricing th a {
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-shadow:1px 1px 0 #000;	
	background-color: #bd3d76;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
}
table#element-pricing strong {
	font-size: 18px;
	color: #333333;
}
table#element-pricing em {
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}

table .price {
	width:			70px;
	text-align:		right !important;
}

table .articleno {
	width:			70px;
}

/*
========================================================
RESULT
========================================================
*/

.result {
	margin-bottom:			10px;	
}

.result a.title {
	display:				block;
	font-size:				14px;
}

/*
========================================================
GALLERY
========================================================
*/

.gallery {
	margin:					0 30px 12px 0;
	color:					#666;
}

.gallery p {
	margin:					0;
}

/*
========================================================
DEBUGGBAR
========================================================
*/

#debuggbar {
	display:				block;
	height:					74px;
	background-image: 		url(/images/debugging/background.jpg);
	background-repeat: 		repeat-x;
	background-position: 	left top;
	border-bottom:			1px solid #999;
}

#debuggbar .devbar {
	height:					49px;
	padding:				25px 15px 0 15px;
	font-size:				18px;
	text-transform:			uppercase;
	border-right:			1px solid #999;
}

#debuggbar .devinfo {
	border-left:			1px solid #FFF;
	height:					59px;
	padding:				15px 15px 0 15px;
}

.devinfo table,
.devinfo th,
.devinfo td {
	border:					0 !important;
}