/**
 * color codes:
 *
 * dark grey: 505050
 * light grey: EEEEEE;
 * dark blue: 01418B
 * light blue: F0F7FA
 * light yellow: FFC321
 * red: DD0000
 */



body		{
	font-size: 10pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	color: #666;
	background-color: #f5f5f5;
}

#container	{
	width: 900px;
	margin: 0px auto;
	background-color: #FFF;
}
#offline	{
	margin: 0px auto;
	text-align: center;
	font-size: 24px;
}
#header		{
	height: 100px;
	background-image: url(../img/tm_logo.jpg);
	background-repeat: no-repeat;
	background-color: #f5f5f5;
}
#left		{
	float: left;
	width: 200px;
	padding-left: 10px;
	padding-top: 10px;
}
#right		{ float: right; width: 200px; margin-top:10px;}
#content	{ float: left; margin:  10px 0px 0px 60px; width: 620px; }
#path		{
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
#footer		{
	clear: both;
}

a		{ font-weight: bold; color: #01418B; text-decoration: underline; }
a.rss	{ position: absolute; width: 16px; height: 16px; background: url(../img/sprites.png) no-repeat 0px 0px; }
div		{ margin: 0px; padding: 0px; position: relative; }
img		{ border: 0px; }
hr		{ border: 1px solid #FFC321; }

.errorbox	{ border: 1px solid #DD0000; padding: 5px; font-weight: bold; margin-bottom: 10px; color: #DD0000; }
.msg		{ border: 1px solid #FFC321; padding: 5px; font-weight: bold; margin-bottom: 10px; }

table				{ border-spacing: 0px; margin-bottom: 10px; }	
table td			{ margin: 0px; padding: 2px; }
table tr.even td	{ background: #EEEEEE; }

form			{ margin: 0; }
.input			{ margin-bottom: 4px; }
.input.submit	{ margin: 0px; }
.input label	{ font-weight: bold; color: #01418B; }
.input input	{ font-family: Arial Narrow, Arial, sans-serif; font-size: 10pt; }
.input select	{ font-family: Arial Narrow, Arial, sans-serif; font-size: 10pt; }

form.tabular .input						{ clear: left; }
form.tabular .input label				{ float: left; width: 180px; padding: 4px; display: block; text-align: right; }
form.tabular .input textarea			{ width: 250px; height: 48px; }
form.tabular .input.submit				{ text-align: right; }
form.tabular .input.checkbox label		{ padding-top: 0px; }
form.tabular .input .info				{ margin-left: 158px; clear: left; }
form.tabular .input.text input			{ width: 250px; }
form.tabular .input.text input.street		{ width: 200px; }
form.tabular .input.text input.housenumber	{ width: 43px; }
form.tabular .input.text input.zip			{ width: 63px; }
form.tabular .input.text input.city			{ width: 180px; }
form.tabular .input.text input.birthday_day		{ width: 43px; }
form.tabular .input.text input.birthday_month	{ width: 43px; }
form.tabular .input.text input.birthday_year	{ width: 86px; }

span.required	{ color: #DD0000; font-weight: bold; padding-right: 5px; }

.box	{
	border: 1px solid #CCC;
}

.box.side		{
	margin-bottom: 12px;
	background-color: #f5f5f5;
}

/* original Version h1 */
.box.side h1	{
	font-size: 10pt;
	padding: 2px;
	margin: 0px;
	background-color: #009;
	background-image: url(../img/titel_hg.png);
	color: #FFF;
}

/* neue Version h6 */
.box.side h6	{
	font-size: 10pt;
	padding: 2px;
	margin: 0px;
	background-color: #009;
	background-image: url(../img/titel_hg.png);
	color: #FFF;
}



.box.side > div	{ margin: 4px; }
.box.side a.rss	{ right: 5px; top: 4px; }

.box.content		{ clear: left; margin-bottom: 10px; }

/* original Version h1 */
.box.content h1		{
	font-size: 10pt;
	padding: 3px;
	margin: 0px;
	color: #FFF;
	background-color: #274777;
	background-image: url(../img/titel_hg.png);
}
.box h1 a {font-weight: bold; color: #FFFFFF; text-decoration: none;}

/* neue Version h6 */
.box.content h6		{
	font-size: 10pt;
	padding: 3px;
	margin: 0px;
	color: #FFF;
	background-color: #274777;
	background-image: url(../img/titel_hg.png);
}
.box h6 a {font-weight: bold; color: #FFFFFF; text-decoration: none;}



.box.content > div	{ margin: 4px; }

.product					{ margin-bottom: 5px; }
.product .price .insteadof	{ font-weight: normal; color: #DD0000; }
.product .price .oldprice	{ text-decoration: line-through; }
.product .stockinfo .red	{ background: #EE0000; }
.product .stockinfo .orange	{ background: #FFD200; }
.product .stockinfo .green	{ background: #00EE00; }

.product.side .image	{ float: left; }
.product.side .title	{ margin-left: 61px; margin-bottom: 5px; }
.product.side .price	{ margin-left: 61px; margin-bottom: 5px; font-weight: bold; }
.product.side .tobasket	{ text-align: right; }

.product.column						{ width: 133px; float: left; margin: 0px 2px 10px; }
.product.column > div				{ margin: 0px; height: 250px; border: 1px solid #FFC321; padding: 2px; }
.product.column .image				{ text-align: center; }
.product.column .price				{ position: absolute; top: 170px; font-weight: bold; font-size: 12pt; }
.product.column .price .insteadof	{ font-size: 10pt; }
.product.column .tobasket			{ position: absolute; right: 3px; bottom: 3px; }

.product.list					{ margin-bottom: 10px; }
.product.list .image			{ float: left; }
.product.list .title			{ margin-left: 105px; font-size: 11pt; margin-bottom: 5px; }
.product.list .artnum			{ font-size: 10pt; }
.product.list .description		{ margin-left: 105px; margin-bottom: 5px; text-align: justify; }
.product.list .price			{ margin-left: 105px; font-weight: bold; font-size: 12pt; margin-bottom: 5px; }
.product.list .tobasket			{ text-align: right; }
.product.list .input			{ display: inline; }
.product.list .input.text input	{ width: 24px; text-align: right; }

.product.row				{ padding: 2px; }
.product.row.even			{ background: #EEEEEE; }
.product.row .amount		{ float: left; width: 64px; text-align: right; padding-right: 5px; }
.product.row .title			{ float: left; width: 400px; }
.product.row .tobasket		{ float: left; text-align: right; }
.product.row .tobasket a	{ display: block; width: 16px; height: 15px; background: url(../img/sprites.png) no-repeat 0px -161px; }

.product.compare 			{ margin: 1px; padding: 2px; width: 140px; height:250px; float: left;}
.product.compare .image		{ text-align: center; }
.product.compare .price		{ font-weight: bold; font-size: 11pt; }

.languages			{ position: absolute; left: 271px; bottom: 70px; font-size: 14px; }
.languages a        { text-decoration: underline; font-size: 14px; }

.account .input 				{ clear: left; }
.account .input label			{ display: block; width: 60px; float: left; }
.account .input.checkbox label	{ display: inline; float: none; }
.account .listdetail 			{ clear: both; }
.account .listdetail .head		{ font-weight: bold; }
.account .listdetail .amount	{ float: left; }
.account .listdetail .detail	{ float: right; }	

#footer div			{ margin-top: 10px; }
.vatanddeliveryinfo	{
	margin: 0px;
	display: block;
	padding: 4px;
	background-color: #CCC;
}

.tree			{
	padding: 0px 0px;
	margin-bottom: 10px;
	background-color: #f5f5f5;
}
.tree .root		{
	font-size: 10pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
}
.tree .active	{
	background-color: #CCC;
}
.tree .haschildren					{ background-image: url(../img/sprites.png); background-repeat: no-repeat; background-position: 5px -23px; }
.tree .haschildren.root				{ background-position: 5px -21px; }
.tree .haschildren.expanded			{ background-position: 5px -43px; }
.tree .haschildren.expanded.root	{ background-position: 5px -41px; }
.tree ul		{ margin: 0px; padding: 0px; list-style: none none outside; }
.tree > ul		{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.tree li		{ margin: 0px; padding: 0px; }
.tree li > ul	{ margin-left: 10px; }
.tree a			{ display: block; padding: 2px 0px 2px 16px; text-decoration: none; }

.ordersteps						{ margin-bottom: 10px; }
.ordersteps .step				{ width: 20%; float: left; }
.ordersteps .step a				{ text-decoration: none; display: block; font-weight: normal; height: 90px; }
.ordersteps .step a:hover		{
	background-color: #f5f5f5;
}
.ordersteps.nofinalstep > div	{ width: 25%; }
.ordersteps .step > div			{ margin: 2px; padding: 4px; height: 90px; }
.ordersteps .step.active > div	{
	border: 2px solid #CCC;
	margin: 0px;
	padding: 4px;
	background-color: #f5f5f5;
}
.ordersteps .stepnumber			{ font-size: 13pt; font-weight: bold; color: #01418B; }
.ordersteps .head				{ font-weight: bold; font-size: 11pt; }
.ordersteps .description		{ font-size: 8pt; }

.paginator			{
	margin-bottom: 20px;
	padding: 5px;
}
.paginator .active	{ font-weight: bold; color: #DD0000; }

.paginator .page			{ float: left; }
.paginator .back			{ float: right; }
.paginator .scroll			{ float: right; }
.paginator .itemsperpage	{ float: left; }
.paginator .sort			{ float: right; }
.paginator .sort a			{ background-image: url(../img/sprites.png); background-repeat: no-repeat; padding-right: 20px; margin-left: 5px; }
.paginator .sort a.none		{ background-position: right -73px; }
.paginator .sort a.asc		{ background-position: right -105px; }
.paginator .sort a.desc		{ background-position: right -137px; }

.box.side.search .input.text input, .box.side.search .input.select select
					{ width: 186px; }

.box.side.search                { float: right; margin-top:10px; width: 201px; height: 84px; }

.box.side.basket td:first-child	{ font-weight: bold;  }
.box.side.basket .input			{ text-align: center; }

.box.side.mini_basket                { float: right; margin-top:10px; width: 160px; height: 84px; background-color: white; margin-left: 15px; }
.box.side.mini_basket td:first-child { font-weight: bold;  }
.box.side.mini_basket .input		 { text-align: center; }
.box.side.mini_basket td             { font-size: 11px; }
.box.side.mini_basket a              { font-weight: bold; color: white; text-decoration: none; }


.box.content.tags .tags					{ margin-bottom: 5px; text-align: center; }
.box.content.tags .tagitem_.selected	{ font-size: 11pt; font-weight: bold; color: #FFC321; }

.view		{ margin-bottom: 10px; }
.view h1	{
	color: #036;
	margin: 5px 0px 10px 0px;
	font-size: 16pt;
}
.view .rss	{ right: 0px; top: 4px; }

.view.list .articlecount	{ font-size: 10pt; color: #000000; }
.view.list > .description	{ position: absolute; right: 25px; top: 4px; font-weight: bold; }
.view.list .subcategories	{ margin-bottom: 10px; }

.view.details .pictures										{ float: left; }
.view.details .product.details								{ margin-left: 270px; }
.view.details .product.details h1							{ margin-bottom: 5px; }
.view.details .product.details .shortdescription			{ margin-bottom: 10px; }
.view.details .product.details .artnum						{ margin-bottom: 10px; }
.view.details .product.details .longdescription	 			{ margin-bottom: 10px; }
.view.details .product.details .price						{ font-weight: bold; font-size: 17pt; margin-bottom: 10px; }
.view.details .product.details .price .nowonly				{ font-weight: normal; font-size: 10pt; }
.view.details .product.details .price .insteadof			{ font-weight: normal; font-size: 12pt; }
.view.details .product.details .price .ourregularprice		{ text-decoration: none; color: #000000; }
.view.details .product.details .stockinfo 					{ padding-left: 10px; margin-bottom: 10px; }
.view.details .product.details .stockinfo .flag				{ position: absolute; left: 0px; height: 100%; width: 5px; float: left; border: 1px solid #505050; }
.view.details .product.details .tobasket					{ float: right; margin-bottom: 10px; }
.view.details .product.details .tobasket .input				{ display: inline; }
.view.details .product.details .tobasket .input.text input	{ width: 32px; }
.view.details .product.details .functionbox					{ float: right; margin-bottom: 10px; border-top: 2px solid #FFC321; }
.view.details .product.details .functionbox .functionlink	{ border: 0px solid #FFC321; border-width: 0px 0px 2px 0px; padding-bottom: 4px; }
.view.details .product.details .functionbox .functionlink a	{ text-decoration: none; color: #FFC321; padding-left: 5px; }
.view.details .product.details .functionbox .question		{ margin-top: 10px; }
.view.details .categories							{ margin-bottom: 10px; }
.view.details .attributes td:first-child			{ font-weight: bold; }
.view.details .pricealarm .description				{ margin-bottom: 10px; }
.view.details .pricealarm .input					{ float: left; padding: 0px 4px; }
.view.details .pricealarm label						{ display: block; }
.view.details .pricealarm .captcha input			{ width: 32px; vertical-align: top; }
.view.details .pricealarm .email input				{ width: 200px; }
.view.details .pricealarm .price input				{ width: 80px; text-align: right; }
.view.details .pricealarm .input.submit 			{ padding-top: 15px; text-align: right; width: 90px; }
.view.details .rating				{ margin: 8px 0px; }
.view.details .rating ul			{ list-style: none; padding: 0px; margin: 0px; width: 90px; height: 16px; background: url(../img/stars.jpg) no-repeat 0px 0px; position: relative; }
.view.details .rating li a			{ position: absolute; left: 0px; top: 0px; width: 18px; height: 16px; }
.view.details .rating li.current 	{ z-index: 1; width: 90px; height: 16px; background: url(../img/stars.jpg) no-repeat 0px -36px; display: block; }
.view.details .rating li.one a		{ width: 18px; z-index: 6; }
.view.details .rating li.two a		{ width: 36px; z-index: 5; }
.view.details .rating li.three a	{ width: 54px; z-index: 4; }
.view.details .rating li.four a		{ width: 72px; z-index: 3; }
.view.details .rating li.five a		{ width: 90px; z-index: 2; }
.view.details .rating li a:hover	{ background: url(../img/stars.jpg) no-repeat 0px -18px; }
.view.details .rating a				{ color: #808080; font-size: 8pt; }
.view.details .reviews textarea		{ width: 536px; }
.view.details .reviews .review .author	{ float: left; }
.view.details .reviews .review .time	{ float: right; }
.view.details .reviews .review .date	{ float: right; margin-right: 10px; }
.view.details .reviews .review .rating	{ float: right; margin: 0px; margin-right: 20px; }

.view.directorder .description	{ margin-bottom: 10px; }
.view.directorder .input.text input.amount	{ width: 48px; }

.view.search .searchhitsfor	{ font-weight: bold; margin-bottom: 10px; }

.view.basket table, .view.order table											{ margin-bottom: 10px; }
.view.basket thead th.unitprice, .view.order thead th.unitprice					{ text-align: right; }
.view.basket thead th.vat, .view.order thead th.vat								{ text-align: right; }
.view.basket thead th.totalprice, .view.order thead th.totalprice				{ text-align: right; }
.view.basket tfoot tr td, .view.order tfoot tr td								{ text-align: right; }
.view.basket tfoot tr td:first-child, .view.order tfoot tr td:first-child		{ padding-right: 10px; }
.view.basket tfoot .modifybasket td, .view.order tfoot .modifybasket td			{ text-align: left; }
.view.basket tfoot .modifybasket .input, .view.order tfoot .modifybasket .input	{display: inline; }
.view.basket tbody .input.text input, .view.order tbody .input.text input		{ width: 32px; text-align: right; }
.view.basket tbody td.checkbox, .view.order tbody td.checkbox					{ width: 24px; }
.view.basket tbody td.image, .view.order tbody td.image							{ width: 56px }
.view.basket tbody td.article .title, .view.order tbody td.article .title		{ font-size: 11pt; }
.view.basket tbody td.amount, .view.order tbody td.amount						{ text-align: center; }
.view.basket tbody td.unitprice, .view.order tbody td.unitprice					{ text-align: right; }
.view.basket tbody td.vat, .view.order tbody td.vat								{ text-align: right; }
.view.basket tbody td.totalprice, .view.order tbody td.totalprice				{ text-align: right; }

.view.user .box .title			{ font-size: 11pt; font-weight: bold; margin-bottom: 5px; }
.view.user .box .description	{ margin-bottom: 10px; }

.view.payment .payment				{ clear: left; margin-bottom:20px;}
.view.payment .payment .radio		{ float: left; }
.view.payment .payment .title		{ margin-left: 32px; font-weight: bold; }
.view.payment .payment .description	{ margin-left: 32px; }

.view.order .address, .view.order .shippingpayment 						{ float: left; width: 50%; }
.view.order .address .head, .view.order .shippingpayment .head			{ font-weight: bold; margin-bottom: 5px; }
.view.order .address .input.submit, .view.order .address .input.submit	{ margin-bottom: 5px; }
.view.order > form > .input.submit										{ text-align: right; }

.view.account .accountitem				{ float: left; width: 50%; }
.view.account .accountitem a			{ padding: 5px; }
.view.account .accountitem .description	{ display: block; margin: 0px 0px 0px 30px; padding: 5px; }

.view.account .removeproduct .input.submit	{ text-align: right; }

.view.account.order .order .caption		{ font-weight: bold; }
.view.account.order .order .date		{ float: left; width: 300px; }
.view.account.order .order .status		{ float: left; }
.view.account.order .order .shipmentto	{ clear: left; }

.view.compare .products 							{ padding-left: 95px; }
.view.compare .products .attribute					{ width: 95px; position: absolute; left: 0px; bottom: 5px; font-weight: bold; font-size:9pt;}
.view.compare .products .reorder					{ padding: 0px 10px; }
.view.compare .products .moveleft					{ float: left; }
.view.compare .products .moveright					{ float: right; }
.view.compare .products .artnum						{ position:relative;font-size: 9pt; }
.view.compare .products .title						{ margin: 5px 0; }
.view.compare .products .moreInfo					{ margin: 5px 0; }
.view.compare .products .tocart						{ margin: 5px 0; }
.view.compare .products .fromcompare				{ margin: 5px 0; }
.view.compare .attributes							{ clear: left; margin-bottom: 10px; border-top: 1px solid #FFC321; }
.view.compare .attributes .attribute				{ border-bottom: 1px solid #FFC321; }
.view.compare .attributes .attribute > div.value	{ float: left; width: 143px; border-right: 1px solid #FFC321; padding: 2px; }
.view.compare .attributes .attribute > div.head		{ float: left; width: 90px; border: 0px solid #FFC321; border-width: 0px 1px 0px 1px; padding: 2px; font-weight: bold;}

#lightbox					{ position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img				{ width: auto; height: auto; }
#lightbox a img				{ border: none; }
#outerImageContainer		{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer				{ padding: 10px; }
#loading					{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav					{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav	{ left: 0; }
#hoverNav a					{ outline: none; }
#prevLink, #nextLink		{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink					{ left: 0; float: left; }
#nextLink					{ right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover
							{ background: url(../img/previous.png) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover
							{ background: url(../img/next.png) right 50% no-repeat; }
#imageDataContainer			{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData					{ padding:0 10px; color: #666; }
#imageData #imageDetails	{ width: 70%; float: left; text-align: left; }	
#imageData #caption			{ font-weight: bold;	}
#imageData #numberDisplay	{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose	{ width: 32px; float: right;  padding-bottom: 0.7em; outline: none; }	 	
#overlay					{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.product1  { float: left;  margin: 20px 5px 0px 0px; }
.product2  { float: left;  margin: 5px 25px 0px 0px; }
.frisch    { color: #01418B; }
.amprice   { font-weight: bold; }

.warenkorb				       { float:left; margin: 10px 2px 10px; margin-bottom: 10px; width: 300px; }
.warenkorb .image			   { float: left; }
.warenkorb .title			   { margin-left: 105px; font-size: 11pt; margin-bottom: 5px; }
.warenkorb .artnum			   { font-size: 10pt; }
.warenkorb .price			   { margin-left: 105px; font-weight: bold; font-size: 12pt; margin-bottom: 5px; }
.warenkorb .tobasket		   { margin-left: 105px; }
.warenkorb .input			   { display: inline; }
.warenkorb .input.text input  { width: 24px; text-align: right; }

.err           { color: red; }


#zoom {padding:0;overflow:auto;min-width:250px;min-height: 150px;background:#e2e2e2;border-color:#000000;}
#zoom ul.tabs{padding:0;margin:0;background:#ffffff;height: 28px;width:100%;}
#zoom ul.tabs li{list-style: none;margin:1px;float:left;}
#zoom a{display:block;padding:5px;background:#e2e2e2;width:20px;text-align: center;border:1px solid #555555;color:#555555;font-weight: bold;}
#zoom ul.tabs li.close{float:right;}=======

/* Basket popup */
#mask{visibility: hidden;display:none;}
#mask iframe{visibility: hidden;border:none;}
#mask.on {visibility: visible;display:block;position:fixed;opacity:0.7;top:0;left:0;width:100%;height: 100%;background:#000;z-index: 1500;}

div.popup{visibility: hidden;display:none;}
div.popup strong{display: block; margin: 9px 0; font-size: 11px;}

div.on.popup{visibility: visible;display:block;position:fixed;top:50%;left:50%;width:270px;height: 150px;background: #ffffff;z-index: 2000;margin-top:-75px;margin-left:-135px;border:1px solid #000000;padding:10px;}
div.on.popup.load {background: #fff url(bg/ajax-loader.gif) center center no-repeat;}
div.on.popup table {width:100%;}
div.on.popup input {width:130px;}
div.on.popup input.bl{float:left;}
div.on.popup input.br{float:right;}
div.on.popup .buttons{margin-top:80px;}