/**
 * aichner.net stylesheet.
*/
body {
	background: #E5E5E5;
	text-align:center;
}
#aContainer, #topHat {
	width: 945px;
}
#aContainer {
	text-align: left;
	position: relative;
	top: 2em;
	margin: 0 auto;
}
body div {
	text-align: left;
}
img {
  border: 0px;
}
body, body * {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
}

h1, h1 * {
  font-size: 18px;
}
h2, h2 * {
  font-size: 16px;
}
h3, h3 *, h4, h4 *, h5, h5 * {
  font-size: 14px;
}

#aContent .contentTable, #aContent .contentTable * {
   color:#333;
}
a {
	font-family: arial, helvetica, sans-serif;
	color: #555;
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
}

a:hover {
	color:#000;
}
/* globals */


#topHat {
	/* debug border: 1px #000 solid; */
	position: absolute;
	top: 0;
	left: 0;
	height: 84px;
}
#bereiche {
	position: absolute;
	height: 84px;
}
#aLogo {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 253px;
	height: 40px;
}
#aBordered {
	border: 5px #154B47 solid; /* this changes! */
	position: absolute;
	top: 84px;
	background: #FFF;
	width: 100%;
}
#aHeader {
	background: url(images/stickatelier.jpg) top left no-repeat;
	width: 100%;
	text-align: right;
	padding: 0;
	height: 70px;
	z-index: 9;
}
#aHeader .aRight {
	position: absolute;
	right: 4px;
	top: 4px;
	width: 100%;
	text-align: right;
	z-index:9;
}

#aHeader p {
	margin: 0;
	padding: 0 3px;
	font-size: 11px;
	text-align: right;
	line-height: 15px;
	z-index: 9;
}
#aNavi {
	overflow: hidden;
	z-index: 8;
}
#aNavi ul {
	list-style-type: none;
	line-height: 24px;
	margin: 0;
	padding: 0;
}
#aNavi li {
	display: inline;
	padding: 12px;
	line-height: 20px;
}
#aNavi a {
	font-weight: bold;
}
#aNavi .first {
	width: 100%;
	background: #9FC0B7;
	border-bottom: 2px #FFF solid;
}
#aNavi .second {
	background: #D9E1DF;
}

#aNavi .third {
	background: #D9E1DF;
}

#aNavi .active {
	color: #000;
}

#aNavi .third {
   float:left;
   position: relative;
   margin-top: 2px;
   width: 100%;
}

#aNavi .third li {
  padding: 0 12px;
  float: left;
}

#aContent .contentTable {
	border: 0;
	width: 100%;
}
#aContent .contentTable .content {
	padding: 20px;
}
#aContent .contentTable * {
  line-height: 1.4em;
}

.content {
/*
   width : 200px;
   background-color: #FF0000;
*/
}

#aFooter {
	width: 100%;
	position: absolute;
	bottom: -2em;
}
#aFooter .contentTable {
	width: 100%;
}
#aFooter .impressumLink {
	text-align: right;
}
.copy {
	font-size: 11px;
	font-style: italic;
	line-height: 15px;
}

#bereiche ul {
	list-style-type: none;
	border: 0;
	margin: 0;
	padding: 0;
}
#bereiche li {
	display: inline;
	margin-right: 4px;
}

/** changing items */
/** stick area, default */
#aNavi .first, .stick #aNavi .first, #aContent tr.stick {
	background: #9FC0B7;
}
#aNavi .second, .stick #aNavi .second, #aNavi .third {
	background: #D9E1DF;
}
#aHeader, .stick #aHeader {
	background-image: url(images/stickatelier.jpg);
}
#aBordered, .stick #aBordered {
	border-color: #154B47;
}
/** inko area */
.inko #aNavi .first, #aContent tr.inko {
	background: #AFCADF;
}
.inko #aNavi .second, .inko #aNavi .third {
	background: #DDE4E9;
}
.inko #aHeader {
	background-image: url(images/inko.jpg);
}
.inko #aBordered {
	border-color: #066AA6;
}

/** arbeit */

.arbeit #aNavi .first, #aContent tr.arbeit {
	background: #B01811;
}

.arbeit #aNavi .first a {
	color:#FFF;
	text-decoration:none;
}

.arbeit #aNavi .first a.hover {
	color:#000;
}

.arbeit #aNavi .first a.active {
	color:#000;
}
.arbeit #aNavi .second {
	background: #E6AC97;
}

.arbeit #aNavi .third {
	background: #EBDCD7;
}

.arbeit #aHeader {
	background-image: url(images/arbeit.jpg);
}
.arbeit #aBordered {
	border-color: #B01811;
}

.start #aLogo {
	width: 100%;
	text-align:right;
	height: 66px;
	padding-bottom: 0px;
	margin: 0;
}
.start #aLogo span {
	color:#666;
	font-weight: bold;
	font-style:italic;
}
.start #aBordered {
	border-color: #B01811;
}
.start #aHeader {
	background-image: none;
	color: #666;
}
.start #aContent .contentTable {
	margin: 0;
}
.start #aContent .contentTable td {
	padding-right: 10px;
}
.start .theText {
	width: 259px;
	text-align:right;

}


.start #aContent .contentTable p.bodytext {

	font-size: 12px;
	line-height: 15px;
	font-style: italic;
	color:#666;
}


.highMat td {

}
.highMat .inko td, .highMat .arbeit td, .highMat .stick td {
	padding: 3px 0;
}

.start #aContent .contentTable .grey {
   background:#F2F2F2;
}
.start #aContent .contentTable .spacer {
	height: 40px;
}


/* forms */
fieldset {
  border: 0;
}
.csc-mailform {

}
.csc-mailform label {
  width: 150px;
  display: block;
  float: left;
  margin: 5px 3px;
}
.csc-mailform .csc-mailform-field {
  clear: both;
}
.csc-mailform input, .csc-mailform textarea {
  border: 1px #999 solid;
  margin: 3px;
}
#mailformmitteilung {
  width: 200px;
  height: 100px;
}
#mailformformtype_mail {
  margin-left: 160px;
}

/* typo3 fix, #580 */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: none; }


hr {
	border: none;
	border-style: none;
	color: #333;
	background-color: #333;
	height: 1px;
}

#aContent .csc-frame-rulerAfter {
	border-bottom: 1px #333 solid;
}
#aContent .csc-frame-rulerBefore {
  	border-bottom: 1px #333 solid;
}

.csc-textpic-caption {
  font-size: 10px;
  font-style: italic;
  padding-top: 2px;
}


sup, sub {
  font-size: 0.7em;
}

#aContent .content.right {
 width: 225px;
 text-align: left;
 /* color of the right content box */
 background-color:#F7F7F8;
}



/** tt_products */
/* table if tracking had the wrong number entered. */
.products-tracking-wrong-number {

}

.products-admin-control {

}

.products-enter-tracking-number {

}

.products-category-title {
   width: 100%;
}

.products-table {

}
.products-table .detail {

}
.products-table .image {

}
.products-table .info {

}
.products-table .info .attr-name {

}
.products-table .info .attr-value {

}


#aContent .basket th,
  #aContent .products-table th {

}

#aContent .basket,
  #aContent .basket-empty,
  #aContent .products-table th.step {
  background-color:#FFF;
}

#aContent .basket th.description {
  color:#000;
  background: none;
}
.nowrap {
  white-space: nowrap;
}
#aContent .shopButtonOrder a{
  color:#F00;
}
#aContent .shopButtonOrder td {
  text-align: right;
}


.contentTable .left {
  background:#F7F7F8;
}
.contentTable .left ul {
  list-style-type: none;
  margin-left: 0;
}


#aContent .contentTable .left li a {
   display: block;
   color:#666;
   width: 160px;
   padding: 0px 2px;
}
#aContent .contentTable .left li a:hover, #aContent .contentTable .left a.active {
   color:#000;
}


.products-separator {
	margin: 20px 0;
	background-color:#AFCADF;
}


.products-table.search {
  width: 100%;
}


.basket {
  width: 100%;
}
.basket * {
  font-size: 11px;
}


/* 04.03.2007 */


.left h2, .products-category-title h2, .right h2 {
  background-color:#b2b3b5;
  padding: 5px;
  margin-bottom: 0;
  margin-top: 0;
  color:#FFF !important;
  font-size: 14px;
  height: 20px !important;
  line-height: 20px !important;
  text-transform: uppercase;
}
.products-category-title h2 {
  margin: 0;
}


#tx-ttproducts-pi1-search {
  margin-top:-18px;
}
#tx-ttproducts-pi1-search .search {
  margin-bottom: 0;

  height: 38px !important;
  background: none;
  overflow: hidden;
  text-align: right;
  vertical-align: middle;
  line-height: 38px;
}


.shop .content {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.shop-clear {
  height: 40px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  line-height: 40px;
}

.left ul {
  margin-top: 0;
}

.left .active,
  #aContent .contentTable .product-title {
  color: #106aa6 !important;
}

#aContent .contentTable .content.right {
  padding-top: 0;
}

.shop .content.right {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.shop .content.right h2 {
  background-color: #106aa6 !important;
}

.basket .product,
 .basket .quantity,
 .basket .price,
 .basket .sum {
  padding: 3px 3px 5px 3px;
}

#aContent .basket,
  #aContent .basket-empty {
  background-color:#e1e5f1;
}
.basket th.product,
  .basket th.quantity,
  .basket th.price {
  border-bottom: 1px #333 solid;
}

.basket th.sum {
  text-align: right;
  border-top: 1px #333 solid;

}
.basket th.sum,
  .basket th.sum * {
  color: #e3001b !important;
}
span.price, strong.price {
  font-size: 160%;
}
.shopButtonOrder {
  background:#e3001b;


}
.shopButtonOrder, .shopButtonOrder * {
 color:#FFF !important;
  font-weight: bold;
  font-size: 16px;
}
.basket .quantity,
  .basket .price,
  .basket .sum {
 white-space: nowrap;
}
.detail td.image {
  text-align: left;
  width: 160px;
}
.detail td {
  text-align: left;
}
.products-table, .detail {
  width: 100%;
}
.more-info-buttons {
  text-align: right;
}
.ShopButtonSubmit {
  background-color:#106aa6;
  color:#FFF !important;
  border: 0;
}

.online-price-marker {
  border: 1px #AFCADF solid;
  border-width: 1px 0;
}


/* 2007-09-06: shop system color changes */
.arbeit .products-separator,
 .arbeit .left h2,
 .arbeit .products-category-title h2,
 .arbeit .right h2 {
  background-color:#b0352b;
}
.arbeit .left .active,
 .arbeit #aContent .contentTable .product-title {
  color:#b0352b !important;
}
.arbeit.shop .content.right h2 {
  background-color:#b0352b !important;
}
.arbeit #aContent .basket,
 .arbeit #aContent .basket-empty {
  background-color:#ebdcd7;
}
.arbeit .basket th.sum,
 .arbeit .basket th.sum * {
  color:#000 !important;
}
.arbeit .shopButtonOrder {
  background:#b0352b;
}
.arbeit .ShopButtonSubmit {
  background-color:#b0352b;
}
.arbeit .online-price-marker {
  border-color:#b0352b;
}

/* debug * /
.products-table.search {
  border: 1px #000 solid;
}
.content {
  border: 1px #F00 solid;
}


#tx-ttproducts-pi1-search .search {

}
#tx-ttproducts-pi1-search {

}
.tx-ttproducts-pi1 {
  border: 1px #0F0 solid;
}
/* */
.left .first a {
/*
                   font-size : 14px;
*/
}
.left .second a {
                   font-size : 11px;
                 line-height : 8px;
}

.left .second li {
                 margin-left : 10px;
}

.first {
                 padding-top : 12px;
              padding-bottom : 0px;
                padding-left : 0px;
               padding-right : 0px;

                  margin-top : 0px;
               margin-bottom : 0px;
                 margin-left : 0px;
                margin-right : 0px;
}

.second {
                 padding-top : 0px;
              padding-bottom : 0px;
                padding-left : 10px;
               padding-right : 0px;

                  margin-top : 0px;
               margin-bottom : 0px;
                 margin-left : 0px;
                margin-right : 0px;
}

.third {
                 padding-top : 0px;
              padding-bottom : 0px;
                padding-left : 15px;
               padding-right : 0px;

                  margin-top : 0px;
               margin-bottom : 0px;
                 margin-left : 0px;
                margin-right : 0px;
}







.tx-dropdownsitemap-pi1 UL, .tx-dropdownsitemap-pi1 OL {
list-style: none;
margin: 0px;
padding: 0px;
}
.tx-dropdownsitemap-pi1 A, .tx-dropdownsitemap-pi1 A:link, .tx-dropdownsitemap-pi1 A:visited, .tx-dropdownsitemap-pi1 A:hover, .tx-dropdownsitemap-pi1 A:active {
color: {$plugin.tx_dropdownsitemap_pi1.colors.links};
background-color: inherit;
}
.tx-dropdownsitemap-pi1 DIV {
margin-left: 12px;
margin-top: 2px;
padding: 2px;
}
.tx-dropdownsitemap-pi1 LI.open OL {
display: block;
}
.tx-dropdownsitemap-pi1 LI.closed OL {
display: none;
}
.tx-dropdownsitemap-pi1 LI.open UL {
display: block;
}
.tx-dropdownsitemap-pi1 LI.closed UL {
display: none;
}
.tx-dropdownsitemap-pi1 SPAN.ifsub {
text-transform: uppercase;
font-weight: bold;
}
.tx-dropdownsitemap-pi1 SPAN.spc {
text-transform: uppercase;
font-style: italic;
}
.tx-dropdownsitemap-pi1 .description {
font-style: italic;
font-size: 80%;
margin-left: 5px;
}
.tx-dropdownsitemap-pi1 DIV {
}
.tx-dropdownsitemap-pi1 DIV.level_2 {
}
.tx-dropdownsitemap-pi1 DIV.level_3 {
}
.tx-dropdownsitemap-pi1 DIV.level_4 {
}
.tx-dropdownsitemap-pi1 DIV.level_5 {
}
.tx-dropdownsitemap-pi1 DIV.expAll {
border: solid 1px {$plugin.tx_dropdownsitemap_pi1.colors.expallBorder};
background-color: {$plugin.tx_dropdownsitemap_pi1.colors.expallBackground};
color: inherit;
padding: 5px;
}
.tx-dropdownsitemap-pi1 IMG {
margin-right: 5px;
}
)