/******************************************************************************
***** Stylesheet for TTI Shop
*******************************************************************************/

/* body definition */
body 	{
		background-color:#FFFFFF;
		margin:0px;
		font-size:8pt;
		font-family:Arial,sans-serif;
		font-weight:normal;
		color:#000000;
		}


/* paragraphs */
p			{ font-size:9pt; font-family:Arial,sans-serif; font-weight:normal; color:#000000; }
p.error		{ font-size:9pt; font-weight:bold; color:#BB2A1C; }

h1	{ 
	font-size:11pt; 
	font-family:Arial,sans-serif;
	font-weight:bold;
	color:#000000;
}

h2	{
	font-size:10pt;
	font-family:Arial,sans-serif;
	font-weight:bold;
	color:#000000;
}

h1.details	{ font-size:11pt; font-family:Arial,sans-serif; font-weight:bold; color:#ffffff; background-color:#141414; margin:0px; }

hr	{
	color: #000000;
	background-color: #000000;
	height: 1px;
	border: 0px;
	margin-top:2px;
	margin-bottom:2px;
}

br.small	{ font-size:5pt; }

/* spans */
span.error	{ font-weight:bold; color:#BB2A1C; }
span.mwst	{ font-size:8pt; font-weight:normal; color:#b0b0b0; }
span.big	{ font-size:10pt; font-weight:bold; }
span.bigger	{ font-size:12pt; font-weight:bold; }
span.subtitle	{ font-size:8pt; font-weight:normal; color:#b0b0b0; }
span.small	{ font-size:8pt; font-weight:normal; }
span.wk_title	{ font-size:9pt; font-weight:bold; }

span.orderinfo	{ font-size:9pt; font-weight:normal; }


/* listen */
ul			{ font-size:9pt; color:#000000; margin-left:20px; list-style-type:disc; }
li			{ font-size:9pt; color:#000000; }
li.para		{ font-size:9pt; color:#000000; margin-bottom:6px; }


/* links */
a:link    { text-decoration:underline; color:#000000; }
a:visited { text-decoration:underline; color:#000000; }
a:active  { text-decoration:underline; color:#000000; }
a:hover   { text-decoration:underline; color:#000000; }

a.invisible:link    { text-decoration:none; color:#000000; }
a.invisible:visited { text-decoration:none; color:#000000; }
a.invisible:active  { text-decoration:none; color:#000000; }
a.invisible:hover   { text-decoration:none; color:#000000; }

a.indexbox:link    { text-decoration:none; color:#ffffff; }
a.indexbox:visited { text-decoration:none; color:#ffffff; }
a.indexbox:active  { text-decoration:none; color:#ffffff; }
a.indexbox:hover   { text-decoration:none; color:#ffffff; }

a.navi_title:link    { text-decoration:none; color:#000000; }
a.navi_title:visited { text-decoration:none; color:#000000; }
a.navi_title:active  { text-decoration:none; color:#ffffff; background-color:#141414; }
a.navi_title:hover   { text-decoration:none; color:#ffffff; background-color:#141414; }

a.navi			{ display:block; width:162px; font-size:8pt; }
a.navi:link		{ text-decoration:none; color:#000000; }
a.navi:visited	{ text-decoration:none; color:#000000; }
a.navi:active	{ text-decoration:none; color:#ffffff; background-color:#141414; }
a.navi:hover	{ text-decoration:none; color:#ffffff; background-color:#141414; }

a.navimain			{ padding-left:14px; display:block; width:148px; font-size:8pt; }
a.navimain:link		{ text-decoration:none; color:#000000; background-image:url(img/navi_minus.gif); background-repeat:no-repeat; }
a.navimain:visited	{ text-decoration:none; color:#000000; background-image:url(img/navi_minus.gif); background-repeat:no-repeat; }
a.navimain:active	{ text-decoration:none; color:#ffffff; background-color:#141414; background-image:url(img/navi_minus_white.gif); background-repeat:no-repeat; }
a.navimain:hover	{ text-decoration:none; color:#ffffff; background-color:#141414; background-image:url(img/navi_minus_white.gif); background-repeat:no-repeat; }

a.navi_sel			{ display:block; width:162px; font-size:8pt; }
a.navi_sel:link		{ text-decoration:none; color:#ffffff; background-color:#141414; }
a.navi_sel:visited	{ text-decoration:none; color:#ffffff; background-color:#141414; }
a.navi_sel:active	{ text-decoration:none; color:#ffffff; background-color:#141414; }
a.navi_sel:hover	{ text-decoration:none; color:#ffffff; background-color:#141414; }

a.navisub			{ padding-left:24px; display:block; width:138px; font-size:8pt;  }
a.navisub:link		{ text-decoration:none; color:#000000; }
a.navisub:visited	{ text-decoration:none; color:#000000; }
a.navisub:active	{ text-decoration:none; color:#ffffff; background-color:#141414; background-image:url(img/navi_entry_hover.gif); background-repeat:no-repeat; }
a.navisub:hover		{ text-decoration:none; color:#ffffff; background-color:#141414; background-image:url(img/navi_entry_hover.gif); background-repeat:no-repeat; }


/* tables */
table.naviborder	{ border:1px solid #141414; }


td 				{ font-size:8pt; font-family:Arial,sans-serif; font-weight:normal; color:#000000; }
td.navi_title	{ font-size:9pt; color:#ffffff; background-color:#141414; }
td.navi_back	{ font-size:8pt; color:#000000; }
td.navisub		{ background-image:url(img/navi_entry.gif); background-repeat:no-repeat; }
td.navisub_selected		{ background-image:url(img/navi_entry_selected.gif); background-repeat:no-repeat; }
td.content		{ font-size:9pt; font-family:Arial,sans-serif; font-weight:normal; color:#000000; background-color:#ffffff; padding-left:8px; }
td.infogrey		{ font-size:8pt; color:#c0c0c0; }
td.debuggrey	{ font-size:9pt; color:#000000; background-color:#e0e0e0; }
td.footerblack	{ font-size:9pt; font-family:Arial,sans-serif; font-weight:normal; color:#ffffff; background-color:#000000; }

td.product_title	{ font-size:9pt; color:#ffffff; font-weight:bold; background-color:#141414; border-bottom:1px solid #ffffff; }
td.product_back		{ font-size:9pt; color:#000000; font-weight:normal; background-color:#ffffff; border-bottom:1px solid #000000; border-top:1px solid #000000; }
td.product_backadmin	{ font-size:9pt; color:#000000; font-weight:normal; background-color:#FFAA00; border-bottom:1px solid #000000; border-top:1px solid #000000; border-right:1px solid #000000; }

td.window_title	{ font-size:9pt; color:#ffffff; background-color:#141414; }
td.window_back	{ font-size:8pt; color:#000000; background-color:#ffffff; border:1px solid #141414; }
td.window_shadow_right_top 		{ width:6px; background-image:url(img/window_shadow_right_top.gif); background-repeat:no-repeat; }
td.window_shadow_right 			{ width:6px; background-image:url(img/window_shadow_right.gif); background-repeat:repeat-y; }
td.window_shadow_right_bottom	{ width:6px; background-image:url(img/window_shadow_right_bottom.gif); background-repeat:no-repeat; }
td.window_shadow_bottom			{ height:6px; background-image:url(img/window_shadow_bottom.gif); background-repeat:repeat-x; }

td.info_title	{ font-size:9pt; color:#000000; background-color:#ffffff; border:1px solid #141414; }
td.info_title2	{ font-size:9pt; color:#000000; background-color:#ffffff; }
td.info_back	{ font-size:8pt; color:#000000; background-color:#ffffff; border-left:1px solid #141414; border-bottom:1px solid #141414; }

td.wk_title		{ font-size:9pt; color:#ffffff; font-weight:bold; background-color:#141414; }
td.wk_first		{ font-size:8pt; color:#000000; background-color:#ffffff; border-right:1px solid #141414; border-left:1px solid #141414; border-bottom:1px solid #141414; }
td.wk_entry		{ font-size:8pt; color:#000000; background-color:#ffffff; border-right:1px solid #141414; border-bottom:1px solid #141414; }

td.ordererr		{ font-weight:bold; color:#BB2A1C; }

td.h1	{ font-size:11pt; font-family:Arial,sans-serif; font-weight:bold; color:#ffffff; background-color:#141414; }

div.titlebar	{ font-size:9pt; color:#ffffff; background-color:#E2D1B4; height:20px; background-repeat:repeat-x; }
div.kasse		{ font-size:10pt; font-family:Arial,sans-serif; font-weight:bold; color:#ffffff; background-color:#141414; padding:3px; }


/* Formulare */
input.textfield {
	font-size:8pt;
	font-family:Arial,sans-serif;
	font-weight:normal;
	color:#000000;
	border:1px solid #000000;
	background-color:#ffffff;
	padding:2px;
	padding-left:3px;
	background-image:url(img/textfield_bg.gif);
}

input.textfield:focus {
	font-size:8pt;
	font-family:Arial,sans-serif;
	font-weight:normal;
	color:#000000;
	border:1px solid #000000;
	background-color:#e0e0e0;
	padding:2px;
	padding-left:3px;
	background-image:url(img/textfield_bg.gif);
}

input.button {
	font-size:8pt;
	font-family:Arial,sans-serif;
	font-weight:normal;
	color:#000000;
	border:1px solid #000000;
	background-color:#e8e8e8;
	padding:0px;
	padding-left:2px;
	padding-right:2px;
	height:20px;
}

select {
	font-size:8pt;
	font-family:Arial,sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#000000;
	background-color:#ffffff;
	border:1px solid #000000;
}

option {
	font-size:8pt;
	font-family:Arial,sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#000000;
	background-color:#ffffff;
}

optgroup.quad {
	font-size:8pt;
	font-family:Arial,sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#ffffff;
	background-color:#000000;
}

textarea.textfield {
	font-size:9pt;
	font-family:Arial,sans-serif;
	font-weight:normal;
	color:#000000;
	border:1px solid #000000;
	background-color:#ffffff;
	padding:2px;
}

textarea.textfield:focus {
	font-size:9pt;
	font-family:Arial,sans-serif;
	font-weight:normal;
	color:#000000;
	border:1px solid #000000;
	background-color:#f0f0f0;
	padding:2px;
}