/*	CSS RESET
	----------------------------------------------------*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	body {
		line-height: 1;
		color: black;
		background: white;
	}
	ol, ul {
		list-style-type: square;
		list-style-position: inside;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}


/*	Input
	----------------------------------------------------*/	
	input[type="button"], input[type="submit"], input[type="reset"] {
		margin: 10px 0 0 0;
		padding: 2px 10px;
		border-style: solid;
		border-width: 1px;
		border-color: #AAA #000 #000 #AAA;
		color: #FFF;
		background-color: #5F5F64;
				
		font-size: 0.9em;
	}

	input[type="text"], input[type="password"], textarea {
		margin: 0;
		padding: 3px;
		border-style: solid;
		border-width: 1px;
		border-color: #AAA #000 #000 #AAA;
		font-size: 0.9em;
	}
	
	select {
		margin: 0;
		padding: 2px;
		border-style: solid;
		border-width: 1px;
		border-color: #AAA #000 #000 #AAA;

		font-size: 0.9em;
	}
	
	textarea {
		display: block;
	}
	
	input.full, select.full {
		width: 80%;
	}
	
	textarea.full {
		width: 99%;
	}
	
	input.half, select.half {
		width: 40%;
	}
	
	textarea.half {
		width: 49%;
	}
	
	input[type="button"].mini, input[type="submit"].mini, input[type="reset"].mini {
		width: 25px;
	}
	
	input[type="button"].small, input[type="submit"].small, input[type="reset"].small {
		width: 145px;
	}
	
	input[type="button"].medium, input[type="submit"].medium, input[type="reset"].medium {
		width: 200px;
	}
	
	input[type="button"].large, input[type="submit"].large, input[type="reset"].large {
		width: 304px;
	}
	
	input[type="text"].mini, input[type="password"].mini, textarea.mini {
		width: 25px;
	}

	input[type="text"].small, input[type="password"].small, textarea.small {
		width: 100px;
	}

	input[type="text"].medium, input[type="password"].medium, textarea.medium {
		width: 200px;
	}

	input[type="text"].large, input[type="password"].large, textarea.large {
		width: 300px;
	}
	
	select.large {
		width: 308px;
	}

	#sub_navigation .input {
		margin: 0 0 10px 0;
	}
	
	#sub_navigation select, #sub_navigation input[type="text"], #sub_navigation input[type="password"] {
		width: 180px !important;
	}

	#sub_navigation input[type="button"], #sub_navigation input[type="submit"], #sub_navigation input[type="reset"] {
		margin-top: 0;
		width: 180px !important;
	}


/*	Classes
	----------------------------------------------------*/
	.fullBox {
		/*clear: right;*/
		width: auto;
	}

	.halfBox {
		float:left;
		width:49.99%;
	}

	.thirdBox {
		float:left;
		width:33%;
	}

	.thirdBoxMiddle {
		float:left;
		width:34%;
	}

	.quarterBox {
		float:left;
		width:25%;
	}

	.differences {
		background-color:#EEE;
	}

	.right {
		text-align:right !important;
	}
	img.right {
		clear: right;
		padding:0 10px;
		float:right;
	}
	input.right {
		margin:0 10px 10px 0;
		float:right;
		text-align:center !important;
	}

	.center {
		text-align:center !important;
	}

	.left {
		text-align:left !important;
	}
	img.left {
		clear: right;
		padding: 2px 10px 10px 10px;
		float: left;
	}
	input.left {
		margin:0 0 10px 10px;
		float:left;
		text-align:center !important;
	}

	clear_left {
		clear: left;
	}
	
	clear_right {
		clear: right;
	}

	div.clear {
		height: 1px;
		clear: both;
	}
	
	br.clear {
		clear: both;
		font-size: 1px;
		line-height: 1px;
		margin-top: -1px;
	}

	.inputBox {
		padding: 10px 10px 0 10px;
	}
	
	.content .inputBox {
		padding: 10px;
	}
	
	.availability {
		padding: 10px 25px 10px 0;
		background-position: right;
		background-repeat: no-repeat;
	}
	
	.available {
		background-image: url(Images/icon_available.gif);
	}
	
	.stillAvailable {
		background-image: url(Images/icon_stillAvailable.gif);
	}
	
	.notAvailable {
		background-image: url(Images/icon_notAvailable.gif);
	}
	
	.details {
		padding: 0 25px 0 0;
		background: Transparent url(Images/icon_details.gif) no-repeat right;
	}

	.datasheet {
		padding: 0 25px 0 0;
		background: Transparent url(Images/icon_file.gif) no-repeat right;
	}
	
	.buy {
		padding: 0 25px 0 0;
		background: Transparent url(Images/icon_buy.gif) no-repeat right;
	}
	
	.footnote {
		font-size: 10px;
		line-height: 100%;
		vertical-align: top;
	}
	
	.certification {
		margin: 20px 0 0 0;
	}
	
	.special {
		margin: 20px 0 0 0;
	}
	
	.special img {
		margin: 0 0 20px 0;
	}
	
	ul.selection {
		list-style-type: none;
	}
	
	img.t_mobile {
		margin: 0 !important;
		padding: 0;
	}
	

/*	#search
	----------------------------------------------------*/
	#search ul {
		margin: 0;
		padding: 0;
		height: 1.6em;
		list-style-type: square;
		list-style-position: inside;
	}
	
	#search ul li {
		padding: 0 0 0 10px;
		float: right;
	}
	
	#search input[type="button"], #search input[type="submit"], #search input[type="reset"] {
		margin: 0;
	}


/*	#quick_navigation
	----------------------------------------------------*/	
	#quick_navigation ul {
		list-style: none;
	}

	#quick_navigation li {
		padding: 0 10px 0 10px;
		float: left;
	}
	

/*	#head_navigation
	----------------------------------------------------*/	
	#head_navigation ul {
		padding: 0;
		list-style: none;
	}
	
	#head_navigation ul.basket {
		width: auto;
	}
	
	#head_navigation ul.alternative {
		display: none;
	}

	#head_navigation ul li {
		margin: 0 5px 0 0;
		padding: 0 0 0 12px;
		float: left;
		height: 1.6em;
		line-height: 1.6em;
		background: Transparent url(Images/icon_shop.gif) no-repeat 7px center;
	}

	#head_navigation ul li.selected, #head_navigation ul li:hover {
		background: Transparent url(Images/icon_shop_on.gif) no-repeat 8px center;
	}

	#head_navigation ul.basket li {
		padding: 0 0 0 12px;
		background: Transparent url(Images/icon_basket.gif) no-repeat 8px center;
	}
	
	#head_navigation ul.basket li.selected, #head_navigation ul.basket li:hover {
		background-image: url(Images/icon_basket_on.gif);
	}

	#head_navigation ul li a, #head_navigation ul li span {
		padding: 0 10px;
		white-space: nowrap;
	}

	/*
	#head_navigation ul li.selected a, #head_navigation ul li:hover a {
		color:#FFF;
	}
	*/


/*	#main_navigation
	----------------------------------------------------*/	
	#main_navigation p {
		margin: 10px 0;
		text-align: center;
	}
	
	#main_navigation .businessCustomerAdvice p {
		margin: 0 0 1px 0;
		text-align: left;
	}

	#main_navigation ul {
		margin: 0;
		padding: 0;

		list-style: none;
		list-style-position: outside;
	}

	#main_navigation .show {
		display: block;
	}

	#main_navigation .hide {
		display: none;
	}

	/* ROOT EBENE */
	#main_navigation li.root {
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #FFF;

		font-size: 1em;
		line-height: 1.6em;
	}

	#main_navigation li.root a, #main_navigation li.root span {
		margin: 0;
		padding: 0 0 0 10px;

		color:#FFF;
	}

	/* ERSTE EBENE */
	#main_navigation li.root li.leaf {
		margin: 0;
		padding: 0 0 0 20px;

		border-top: 1px solid #FFF;
	}

	#main_navigation li.root li.leaf a, #main_navigation li.root li.leaf span {
		margin: 0;
		padding: 0;

		color: #666;
	}
	
	#main_navigation li.root li.leaf a:hover, #main_navigation li.root li.leaf span:hover, #main_navigation li.root li.leaf a strong:hover {
		color: #999;
	}


/*	#thumbs
	----------------------------------------------------*/
	div#thumbs a {
		display: block;
		float: left;
		width: 200px;
		height: 150px;
		line-height: 150px;
		overflow: hidden;
		position: relative;
		z-index: 1;		
	}

	div#thumbs a img {
		float: left;
		position: absolute;
		top: 0;
		right: 0;
		width: 200px;
		height: 150px;
	}
	
	div#thumbs a:hover {
		overflow: visible;
		z-index: 999999999999999999999999999999;
		border: none;		
	}
	
	div#thumbs a:hover img {
		border: 1px solid #333 !important;
		width: auto;
		height: auto;
	}
	
	div#thumbs .zoom {
		position: absolute;
		z-index: 2;
		top: 130px;
		left: 5px;
	}


/*
	.tableBox
	----------------------------------------------------*/
	.tableBox {
		padding: 10px;
	}


/*	.tabBox
	----------------------------------------------------*/
	.tabBox {
		padding:0 10px;
	}

	.tabBox .tabs {
		margin: 0;
		padding: 10px 0 0 0;
		width: auto;
		height: 1.6em;
		overflow: hidden;
	}

	.tabBox .tabs ul {
		margin: 0;
		padding: 0 !important;
		list-style: none !important;
	}

	.tabBox .tabs li {
		margin: 0 5px 0 0;
		border: 1px solid #E6E6E6;
		border-bottom: none;
		float: left;
		background-color: #E6E6E6;
	}

	.tabBox .tabs li a, .tabBox .tabs li span {
		padding: 0 10px !important;
	}

	.tabBox .tabs li.hidden {
		display: none;
	}

	.tabBox .tabs li.disabled {
		border: 1px solid #E6E6E6 !important;
		border-style: dashed !important;
		background-color: #F5F5F5 !important;
	}

	.tabBox .tabs li.disabled span {
		padding: 0 10px 0 10px;
		color: #E6E6E6 !important;
		background-color: #F5F5F5 !important;
	}

	.tabBox .tabs li.selected, .tabBox .tabs li:hover {
		border-bottom: none;
	}

	.tabBox .tabs li.selected a, .tabBox .tabs li.selected span, .tabBox .tabs li:hover a, .tabBox .tabs li:hover span {
		color: #FFF;
	}
	
	.tabBox .tabs li a.t_mobile {
		display: block;
		width: 70px;
		height: 1.6em;
		text-indent: 1em !important;
		background-image: url(Images/T-Mobile_TabOff.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.tabBox .tabs li:hover a.t_mobile, .tabBox .tabs li.selected a.t_mobile {
		background-image: url(Images/T-Mobile_TabOn.png);
	}

	.tabBox .content {
		padding: 0 10px;
	}
	
	.tabBox .content p.center {
		padding: 0 10px 10px 10px;
	}
	
	.tabBox .content .tableBox {
		padding: 10px;
	}

	.tabBox .content h4, .tabBox .content h5, .tabBox .content h6 {
		padding: 10px;
	}
	
	.tabBox .content table h4, .tabBox .content table h5, .tabBox .content table h6 {
		padding: 20px 0 0 0;
	}

	.tabBox .content .inputBox p.relevant {
		margin: 0 0 10px 0;
	}


/*	.head
	----------------------------------------------------*/	
	.head table {
		margin: 5px 10px 0 10px;
		width: auto;
	}

	.head th, .head td {
		margin: 0;
		padding: 0;
		border: none;
	}
	
	#sub_navigation .head span {
		position: absolute;
		display: block;
		width: 200px;
		text-align: center;
		top: 133px;
		left: 0;
		font-size: 10px;
		background-color: #FFF;
	}
	

/*	.vcard
	----------------------------------------------------*/	
	.vcard {
		/*clear: right;*/
		margin: 10px;
		/*height: 200px;*/
	}
	
	.locations img {
		margin: 0 0 10px 10px;
		float: right;
	}
	
	.locations .zoom {
		position: absolute;
		right: 10px;
		border: 10px solid #FFF;
	}
	
	.contacts img {
		margin: 0 10px 10px 0;
		float: left;
	}
	
	.vcard p {
		padding: 0 0 5px 0;
	}


/*	.productCategories
	----------------------------------------------------*/	
	.productCategories {
		margin: 0 0 10px 0;
	}
	
	.productCategories img {
		margin: 10px 0 0 0;
		float: left;
	}

	.productCategories ul {
		margin: 0 !important;
		padding: 8px 0 10px 125px !important;

		list-style-type: square;
	}


/*	.productList
	----------------------------------------------------*/
	.productList p {
		padding: 5px 0;
	}
	
	.productList p.relevant {
		padding: 10px;
		margin: 0 0 10px 0;
	}
	
	.productList a span {
		display: none;
	}

	.productList .info {
		padding: 10px 0 3px 0;
	}

	.productList .productPrice {
		text-align: right;
		white-space: nowrap;
	}

	.productList .productPrice .info {
		padding: 0;
	}

	.productList strong {
		font-size: 1.1em;
		font-weight: bold;
	}

	.productList th {
		margin: 0;
		padding: 0 10px;
		border: none;
		height: 1.5em;
	}

	.productList th.compareIndicator {
		margin: 0;
		padding: 0;
	}
	
	.productList td.selector {
		margin: 0;
		padding: 4px 0 0 0;
	}

	.productList th.pageNavigator {
		text-align: right;
	}
	
	.productList td {
		padding: 5px 10px 0 10px;
	}
	
	#sub_navigation .productList .noprice {
		padding: 0 10px 10px 10px;
		border-bottom:1px solid #333333;
	}

	#sub_navigation .productList h4 {
		padding: 5px 10px;
	}
	
	#sub_navigation .productList img {
		margin: 0 10px;
		border: 1px solid #ccc !important;
	}
	
	#sub_navigation .productList .productPrice {
		clear: both;
		text-align: left;
	}
	
	#sub_navigation .productList .info {
		padding: 0 10px;
	}


/*	.productSpecifications
	----------------------------------------------------*/
	.productSpecifications th, .productSpecifications td {
		padding: 1px 10px;
	}
	
	.productSpecifications th.bullet, .productSpecifications td.bullet {
		padding-left: 21px;
		background-image: url(Images/specifications_bullet.gif);
		background-repeat: no-repeat;
		background-position: 8px 0.7em;
	}


/*	.productPrice
	----------------------------------------------------*/
	.productPrice .price, .noprice {
		font-size: 1.1em;
		font-weight: bold;
	}
	
	.productPrice ul {
		margin: 0 0 5px 0;
		padding: 0;
		list-style: none;
	}
	
	.productPrice img {
		margin: 10px 0 0 0;
	}
	
	.productPrice .obligationMark {
		margin: 0 -6px 0 -3px;
	}
	
	.info .obligationMark {
		margin: 0;
	}

	#sub_navigation .productPrice .price {
		font-size: 1.4em;
		padding: 0 10px;
	}
	
	#sub_navigation .noprice {
		font-size: 1.4em;
		padding: 10px 10px 0 10px;
	}

	#sub_navigation .productPrice p {
		padding: 0 10px;
	}

	#sub_navigation .productPrice .info {
		padding: 0 10px 10px 10px;
	}
	
	#sub_navigation .productPrice .inputBox input {
		margin: 0 0 10px 0;
	}

	#sub_navigation .productPrice .availability {
		padding: 0 0 0 25px;
		background-position: left;
	}
	
	#sub_navigation .productPrice ul {
		margin: 0;
		padding: 10px;
		list-style: none;
	}
	
	#sub_navigation object {
		margin: 0;
		padding: 0; 
	}
	

/*	.basketList
	----------------------------------------------------*/
	.basketList td input[type="radio"] {
		margin: 6px 0 0 0;
	}
	
	.basketList td input[type="text"] {
		font-size: 10px;
		margin: 2px 0;
		padding: 0;
	}
	
	.basketList td input[type="image"] {
		margin: 0 0 1px 2px;
	}
	
	.basketList p, .basketList ul {
		clear:left;
		padding: 5px 0 !important;
	}

	.basketList ul {
		list-style: none;
	}

	.basketList li {
		padding: 2px 0 2px 25px;
		background-repeat: no-repeat;
		background-position: left center;
	}

	.basketList li.details {
		background-image: url(Images/icon_details.gif);
	}

	.basketList li.datasheet {
		background-image: url(Images/icon_file.gif);
	}

	.basketList li.remove {
		background-image: url(Images/icon_remove.gif);
	}
	
	.basketList .icon {
		margin: 0 10px 0 0;
		padding: 0;
		float: left;
	}
	
	
/*	.businessCustomerAdvice
	----------------------------------------------------*/
	.businessCustomerAdvice {
		background-color: #EEE;
	}


/*	.promoLayout
	----------------------------------------------------*/
	.promoLayout .productPrice {
		padding: 0 10px;
	}
	
	.promoLayout ul {
		list-style-type: none;
		list-style-position: outside;
	}
	
	.promoLayout li {
		background-position: left;
		padding: 0 0 0 25px;
	}
	
	.promoLayout .info {
		padding: 0 10px;
	}
	
	.promoLayout .productPrice .info {
		padding: 0;
	}


/*	.productComparison
	----------------------------------------------------*/
	.productComparison .headerGroup {
		color: #FFF;
		background-color: #666;
		font-weight: bold;
		padding: 0px 10px;
	}
	
	.productComparison .availability {
		margin: 10px 0;
		padding: 0 0 0 25px;
		background-position: left;
	}
	
	.productComparison li.details, .productComparison li.buy, .productComparison li.datasheet {
		padding: 0 0 0 25px;
		background-position: left;
	}


/*	.news
	----------------------------------------------------*/
	#main_content .news {
		padding: 10px 0 0 0
	}
	
	#main_content .news h3 span {
		font-size: 0.7em;
		color: #666;
	}
	
	#main_content .news ul {
		padding: 5px 12px;
	}
	
	#main_content .news .header {
		float: left;
		width: 100%;
		background: #FFF url(Images/news_header_background.gif) repeat-x center 1.4em;
	}
	
	#main_content .news .header span {
		font-size: 1.4em;
		line-height: 1.2em;
		padding: 0 5px 0 10px;
		background-color: #FFF;
	}
	
	#main_content .news .date {
		padding: 0.4em 10px 0 0;
		background-color: #FFF;
		position: absolute;
		right: 0;
		width: auto;
		line-height: 1.2em;
	}
	
	#main_content .news .category {
		padding: 0 20px 0 5px;
		font-weight: bold;
	}

	#main_content .news .content {
		clear: both;
		padding: 10px 0 0 0;
	}
	
	#main_content .news .content .teaser {
		display: block;
		font-style: italic;
	}
	
	body.pages_shopping_news_details #main_content .news .content .teaser {
		display: none;
	}
	
	#main_content .news .content .teaser a {
		color: #A01414;
	}
	
	#main_content .news .content .text {
		display: none;
	}
	
	body.pages_shopping_news_details #main_content .news .content .text {
		display: block;
	}
	
	#main_content .news .attachments {
		display: none;
		padding: 10px 0 0 0;
	}
	
	#main_content .news .attachments span {
		font-weight: bold;
		padding: 0 0 0 25px;
		background: #FFF url(Images/icon_download.gif) no-repeat 10px center;
	}

	#main_content .news .links {
		padding: 10px 0 0 0;
	}
	
	#main_content .news .links span {
		font-weight: bold;
		padding: 0 0 0 25px;
		background: #FFF url(Images/icon_link.gif) no-repeat 10px center;
	}

	#main_content .news img {
		float: right;
		margin: 0 10px 20px 20px;
	}

/*	Popup
	----------------------------------------------------*/
	#popupOverlay {
		position: absolute;
		top: 0;
		left: 0;

		width: 100%;
		height: 100%;
		
		z-index: 90;
	}

	#popupBox {
		position: absolute;

		margin: 0 0 0 -256px;
		padding: 20px 0 0 0;
		border: 5px solid #666;

		top: 100px;
		left: 50%;

		width: 512px;
		background-color: #FFF;
		
		z-index: 94;
		overflow: auto;
	}

	#popupBoxContent {
		width: 100%;
		height: 100%;
	}

	#popupBoxClose {
		margin: 2px 2px 0 0;
		padding: 0 22px 0 0;
		position: absolute;
		top: 0;
		right: 1px;
		
		height: 16px;
		line-height: 16px;
		
		background: Transparent url(Images/icon_close.gif) no-repeat right center;
		
		cursor: pointer;
		z-index: 98;
	}