/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $   

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce 
   -----------------------------------------------------------------------------------------
   based on: 
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com 
   (c) 2003	 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License 
   ---------------------------------------------------------------------------------------*/

html
  { overflow: hidden; height: 99%;}
                         
body  { color: #ccc; font-size: 10px; font-family: Verdana, sans-serif; background-color: gray; text-align: center; margin: 0; padding: 0; height: 99% }

* {
	text-align: left;
}

.list
  { margin: 5px; border-top: 1px solid white; border-bottom: 1px solid white; }


/* === Containers === */


#first_container
   { display: table; margin: 0 auto; position: relative; width: 1000px; height: 100%; }

#second_container {
	position: absolute;
	top: 50%;
	width: 100%;
	vertical-align: middle;
}

#third_container {
	background-color: #000000;
	background-image: url(../../../images/back.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: -325px;
	width: 1000px;
	height: 650px;
	border: solid 1px white;
}


/* === Menu === */


#nav    
    { position: absolute; z-index: 97; left: 180px; height: 90px; border-left: 1px solid white }

#logo 
   { background-image: url(../../../images/logo.jpg); position: absolute; top: 0; left: 0; width: 180px; height: 107px }

#menu
    { font-size: 14px; font-family: Times; font-variant: small-caps; font-weight: bold; margin: 0 15px 0 0; padding: 0; z-index: 98 }
   
#menu li
   { display: inline; position: relative; z-index: 98; top: 78px; left: 15px }

#menu a
  { text-decoration: none }

#menu a:link, #menu a:visited
  { color: gray }

#menu a:hover, #menu a:active
  { color: #ffffff; }

#menuselected
   { color: #cccccc; margin: 0 15px 0 0 }


/* === Sub Menu === */
ul {
	list-style-type: none;
}

#submenu {
	font-variant: small-caps;
	text-align: left;
	margin: 0;
	padding: 0;
	z-index: 102;
	position: relative;
	top: -7px;
	left: 20px;
}

#submenu li { text-align: left; }
#submenu ul { padding-left: 20px; }
#submenu a { text-decoration: none; line-height: 25px; text-align: left;font-size: 14px; font-family: Times; }

#submenu a:link, #submenu a:visited { color: gray }

#submenu a:hover, #submenu a:active { color: #ffffff; }

#submenuselected
   { color: #cccccc; text-decoration: none; text-align: left; margin: 0; padding: 0; }
/* #submenuselected li { text-align: left; display: block; position: relative; top: -17px; } */


/* === Sub Sub Menu === */

#subsubmenu { line-height: 25px; text-align: left; display: block; margin: 0; padding: 0 }
/*#subsubmenu li { text-align: left; display: block; margin: 0; padding: 0 }*/
#subsubmenuselected  { color: #ccc;  }
/* #subsubmenuselected li { text-align: left; display: block; position: relative; top: -17px; } */
   
/* === Other Divs === */
 

.border {
	background-repeat: no-repeat;
	background-position: left 50%;
	text-align: left;
	padding: 0 15px 15px 180px;
	position: relative;
	z-index: 0;
	top: 125px;
	height: auto;
}

.subnav
   { margin: 0; padding: 0; position: absolute; top: 126px; left: 0; width: 180px; height: 525px; border-right: 1px solid white; }

.content
  { padding: 7px; position: relative; top: 10px; overflow: auto }
.content_zh2 {
	background-image: url(../../../images/hg_zh.jpg);
	background-repeat: no-repeat;
	padding: 0;
	position: relative;
	left: 15px;
	height: 525px;
	overflow: auto;
}
#content_einzug { position: absolute; z-index: 99; top: 0; left: 250px; width: 350px; }

#content_text {
	z-index: 99;
	width: 400px;
	text-align: left;
}

#content_text_2 { text-align: left; position: absolute; z-index: 99; top: 0; left: 0; width: 540px; }
#content_text_3 { text-align: left; position: absolute; z-index: 99; top: 0; left: 0; width: 780px; }

#schaufenster {
	position: absolute;
	top: 170px;
	z-index: 99;
	left: 0px;
	width: 520px;
}

#content_bilder {
	position: absolute;
	top: 0;
	z-index: 99;
	left: 420px;
	width: 236px;
}
#content_bilder_ad { position: absolute; z-index: 99; top: 25px; left: 540px; width: 236px }
#content_bilder_hq { position: absolute; top: 0px; left: 0; background-color: #000000; background-image: url(../../../images/back.jpg); background-repeat: no-repeat;}
#content_bilder_sp1 { position: absolute; top: 0; left: 0; z-index: 99; width: 220px; }
#content_bilder_sp2 { position: absolute; z-index: 99; top: 0; left: 270px; width: 220px; }
#content_bilder_sp3 { position: absolute; z-index: 99; top: 0; left: 540px; }
#content_inhalt_sp1 { position: absolute; z-index: 99; top: -20px; left: -30px; width: 220px; }
#content_inhalt_sp2 { position: absolute; z-index: 99; top: -20px; left: 175px; width: 220px; }
.bilder_text { position: relative; left: 3px; }
.bilder_text_bold { font-weight: 700; position: relative; left: 3px; }
#content_inhalt_sp1 li { line-height: 3; border-bottom: 1px solid gray; display: block; }
#content_inhalt_sp2 li { line-height: 3; display: block; border-bottom: 1px solid gray; }
#content_inhalt_sp1 a {color: gray; font-weight: 700; text-decoration: none;}
#content_inhalt_sp1 a:hover { color: white; font-weight: 700; text-decoration: none; }
#content_inhalt_sp2 a:hover { color: white; font-weight: 700; text-decoration: none; }
#content_inhalt_sp2 a { color: gray; font-weight: 700; text-decoration: none; }
#gallery { position: relative; top: 125px; left: 0; width: 1000px; height: 520px; z-index: 98; }
#gallerynav1  { position: absolute; z-index: 102; top: 627px; right: 20px; width: auto; height: 20px }
#gallerynav2  { position: absolute; z-index: 200; top: 100px; right: 20px; width: auto; height: 20px }
.content_home  { position: absolute; z-index: 97; right: 0 }
.content_bs2 {
	background-image: url(../../../images/hg_bl.jpg);
	background-repeat: no-repeat;
	padding: 0;
	position: relative;
	left: 15px;
	height: 525px;
	overflow: auto;
}
.content_schreiben2 {
	background-image: url(../../../images/hg_katalog.jpg);
	background-repeat: no-repeat;
	padding: 0;
	position: relative;
	left: 15px;
	height: 525px;
	overflow: auto;
	top: 0px;
}
.content_produkte2 {
	background-image: url(../../../images/hg_pd.jpg);
	background-repeat: no-repeat;
	padding: 0;
	position: relative;
	top: 0;
	left: 15px;
	height: 525px;
	overflow: auto;
}
.content_schreibkultur2 {
	background-image: url(../../../images/hg_zh.jpg);
	background-repeat: no-repeat;
	padding: 0;
	position: relative;
	left: 15px;
	height: 525px;
	overflow: auto;
}
.content_druckkultur2 {
	background-image: url(../../../images/hg_zh.jpg);
	background-repeat: no-repeat;
	padding: 0;
	position: relative;
	left: 15px;
	height: 525px;
	overflow: auto;
}
.content_kontakt2 {
	background-image: url(../../../images/hg_zh.jpg);
	background-repeat: no-repeat;
	padding: 0;
	position: relative;
	left: 15px;
	height: 525px;
	overflow: auto;
}




.image
  { text-align: left; position: relative; z-index: 1; top: 0px; height: auto; float: left; left: -42px; }



/* === Inline Text Styles === */

h1, h2, h3, h4 { margin:0 0 10px 0; }
h1
  { color: #ffffff; font-size: 16px; font-family: Times; font-variant: small-caps;}
  h2, .contentsTopics 
  {
	color: #333333;
	font-size: 12px;
	font-family: Times;
	font-variant: small-caps;
	font-weight: normal;
	font-style: normal;
}
   h2 a
  {
	color: #666666;
	font-size: 12px;
	font-family: Times;
	font-variant: small-caps;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
 h2 a:hover
  {
	color: #999999;
	font-size: 12px;
	font-family: Times;
	font-variant: small-caps;
	font-weight: normal;
}
#katalog_tb { position: absolute; top: 33px; left: 400px; width: auto; z-index: 1; }
.details
  { display: none; font-size: 9px; color: #6E7468; }

.text
  { display: block; padding-left: 5px }

.text a
  { color: #ffffff; text-decoration: none; font-weight: bold; }

.text a:hover, .text a:active
  { color: #CCCCCC; }

blockquote
  { padding-left: 5px }

.note
  { color: #555555; display: block }
.generationen_selected {
	color: #FFFFFF;
}

.bold
  { font-weight: bold; }
.class { }

.date { }
.event {
	left: 40px;
	top: -12px;
	width: 360px;
	position: relative;
	margin-bottom: -5px;
}

/* depreciated ? */
#history1 {
	text-align: left;
	position: relative;
	width: 40px;
	float: left;
	margin-top: -5px;
	margin-bottom: -5px;
}

/* depreciated ? */
#history2 {
	position: relative;
	left: 50px;
	overflow: auto;
	margin-top: -5px;
	margin-bottom: -5px;
}
#hg_generation1,
#hg_generation2,
#hg_generation3,
#hg_generation4,
#hg_generation5 {
	background-position: 10px 0;
	background-repeat: no-repeat;
}
#hg_generation1{
	background-image: url(../../../images/hg_gen1.jpg);
	height: 525px;
	overflow: auto;
}
#hg_generation2{
	background-image: url(../../../images/hg_gen2.jpg);
	height: 525px;
	overflow: auto;}
#hg_generation3 { background-image: url(../../../images/hg_gen3.jpg); height: 525px; overflow: auto }
#hg_generation4 { background-image: url(../../../images/hg_gen4.jpg); height: 525px; overflow: auto }
#hg_generation5 { background-image: url(../../../images/hg_gen5.jpg); height: 525px; overflow: auto }

#impressum { position: relative; top: 20px; left: 650px; z-index: 3; width: 146px; height: 120; }

#impressumtxt { text-align: left; position: relative; top: 36px; right: -390px; z-index: 3; color: #FFF000; }

.footer {
	color: white;
	text-align: right;
	margin-top: 5px;
	position: relative;
	top: 110px;
	z-index: 2;
}

.footerh {
	color: white;
	text-align: right;
	margin-top: 5px;
	position: relative;
	top: 635px;
	z-index: 2;
}


/* shop */

html,body{
	height: 100%;
	overflow: auto;
	background: gray;
}

*{margin: 0;padding: 0;}

hr{
	border-top: 1px solid #ccc;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	margin-bottom: 0.5em;
}
#laLeftCol hr {
	margin-right: 10px;
}

h2, h2 a, .contentsTopics {color: white;}

h3 {
	color: gray;
	font-family: Times, serif;
	font-size: 13px;
	font-style: normal;
	font-variant: small-caps;
	font-weight: normal;
	text-decoration: none;
}

#page{
	width: 1000px;
	border: 1px solid white;
	margin: 20px auto 5px auto;
	position: relative;
	background: black;
}

#nav{
	top: 0;
}

#lalogin{
	top: 10px;
	left: 200px;
	float: left;
	z-index: 110;
	position: absolute;
}

#lasearch{
	top: 10px;
	right: 10px;
	width: 300px;
	z-index: 109;
	position: absolute;
	line-height: 22px;
}

#lasearch #quick_find {
	top: 0;
	right: 0;
	position: absolute;
}

#lasearch form input {
	border: none;
	float: left;
}

#lasearch form input:first-child,
#lasearch form input.first-child{
	width: 136px;
	height: 22px;
	text-indent: 3px;
	line-height: 22px;
	margin-right: 3px;
}

#laManuOverview {
	width: 500px;
}

#laManuOverview li{
	width: 100px;
	height: 100px;
	float: left;
}

#laMainContent{
	clear: both;
	position: relative;
}

.content {
	clear: both;
}

#laNewProducts{
	top: 0;
	right: 0;
	width: 200px;
	position: absolute;
}

.laNewItem{
	height: 170px;
	padding: 0 44px 0 17px;
	background: transparent url("img/new-product-background.png") no-repeat;
}

.laNewItem strong{
	width: 136px;
	display: block;
	padding: 18px 0 0 0;
	font-weight: 500;
	
}

.laNewItem strong a{
	display: block;
	padding: 3px 3px 1px 3px;
	color: gray;
	font-size: 13px;
	font-family: Times, serif;
	background: transparent url("img/new-product-title.png") no-repeat;
}

.laNewItem img {
	width: 136px;
}

.laNewItem .laNewItemTitle a{
	color: black;
}
.laNewItem .laNewItemTitle{
	padding: 2px 3px 1px 3px;
}

.laNewItem .laNewItemImage{
	height: 90px;
	overflow-y: hidden;
}

#laLeftCol{
	padding: 9px 0 0 10px;
}

#laLeftCol > table {
	margin-bottom: 15px;
}

#laMainNavSearch select {
	margin-bottom: 2px;
}

#laMainNavSearch label {
	display: block;
	padding-bottom: 3px;
}

.laRefill,
#laBoxContent {
	line-height: 16px;
}

#laCatCbx {
	margin: 2px 0 3px;
}

#laCatCbx input.checkbox{
	margin-right: 5px;
}

.laColorBox a,
.laCouponBox a {
	display: block;
	margin-bottom: 7px;
}

.laProductDescription {
	width: 215px;
	padding-right: 10px;
}

.laProductDescription strong {
	color: white;
	font-weight: 500;
}

.laProductDescription img{
	margin: 0 0 1em 0;
	border: 1px solid #ccc;
}

.laProductListing {
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

.laProductItem {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

.laItem {
	padding: 10px 0;
}

.laItem table,
.laProductDescription table,
.laProductDescription td{
	border: 0;
	table-layout: fixed;
	border-color: transparent;
	padding-right: 5px;
	border-spacing: 0;
	vertical-align: top;
	border-collapse: collapse;
}

.laItem td {
	vertical-align: top;
}

.laProductImage{
	width: 310px;
	text-align: center;
	vertical-align: top;
}
.laProductInfoImage,
.laShoppingCartImage{
	text-align: center;
	background-color: white;
}

.laProductImage a{
	display: block;
	background: white;
	text-align: center;
}
.laProductImage img{
	border: 5px solid white;
}
.laProductDescription .laProductPrint img {
	margin: 0;
	vertical-align: top;
}
td.laAnzahl,
td.laButton,
div.laItem td.laButton{
	height: 30px;
	vertical-align: bottom;
}
td.laButton{
	text-align: right;
}
.laItem,
.laTotal{
	width: 535px;
	padding: 10px 0;
	border-top: 1px solid #ccc;
}

.laFarben{
	width: 600px;
}

.laFarben a:hover{
	text-decoration: none;
}

.laFarben li{
	float: left;
	width: 109px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
}

.laFarben img{
	border: 1px solid white;
}

.footerh{
	top: 0;
	width: 1000px;
	margin: 0 auto 15px auto;
	text-align: right;
}

.boxTextPrice {
	font-size: 10px;
	color: #FF0000;
}

.errorBox {
	font-size : 10px;
	font-weight: bold;
	color: #ff0000;
}
.gvBox {
	font-size : 14px;
	font-weight: bold;
	border-color: #FFFFFF;
	border: 1px solid;
	background-color: #ffb3b5;
}
.stockWarning { 
	font-size : 10px;
	color: #cc0033;
}

.productsNotifications {
	background-color: #f2fff7;
}

.orderEdit { 
	font-size : 10px;
	color: #70d250;
	text-decoration: underline;
}

img{
	border:0;
}

a {
  color: white;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

FORM {
	display: inline;		   
}


TR.header {
	background-color: #ffffff;
}

TR.headerNavigation {
  background: #F6F6F6;
}

TD.headerNavigation {
	font-size: 10px;
	color: #000000;
	font-weight : bold;
	border-bottom: 1px solid;
	border-color: #b6b7cb;
	background-color: #F6F6F6;
}

A.headerNavigation { 
  color: white; 
}

TD.conditions {
  background-color: #FFCCCC;
}

A.confirmationEdit {
	color: #009933;
	font-style: italic;
}

TR.headerError {
  background-color: #ff0000;
}

TR.headerMessage {
	background-color: #00CC33;
}

.moduleHeading {
	font-size: small;
	font-weight: bold;
	padding-bottom: 10px;
}

TD.headerError {
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-size: 10px;
    background: #F6F6F6;
  color: #000000;
  font-weight : bold;
  border-bottom: 1px solid;
  border-color: #b6b7cb;
}

.infoBox {
}

.infoBoxContents {
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-size: 10px;
  font-weight: bold;
  height:17px;
}

TD.infoBoxHeading_right {
  font-weight: bold;
  height:17px;
}


TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

table {
	border-spacing: 0;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-size: 10px;
}

A.pageResults {

	text-decoration: underline;
}


TD.pageHeading, DIV.pageHeading {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-size: 10px;
}

TD.accountCategory {
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-size: 12px;
}

TD.tableHeading {
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-size: 10px;
  color: #ff0000;
}

checkbox, input, radio, select {
	font-size: 10px;
}

TEXTAREA {
  width: 100%;
  font-size: 11px;
}

SPAN.greetUser {
  font-size: 12px;
  color: #FFFFFF;
  font-weight: bold;
}

SPAN.underline {
	text-decoration: underline;
}

TABLE.formArea {
}

TD.formAreaTitle {
  font-size: 12px;
  font-weight: bold;
}

.copyright {
	width: 1000px;
	margin: -31px auto 0 auto; 
  font-size: 11px;
  line-height: 1.5;
  text-align:left;
}
.parseTime {
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
  visibility: hidden;
}
A.copyright {
  color: #000000;
}
A.copyright:hover {
  color: #0000ff;
  text-decoration: underline;
}


SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  color: #ff0000;
}
SPAN.productOldPrice {
	color: #ff0000;
	text-decoration: line-through;
}
SPAN.errorText {
  color: #ff0000;
}

SPAN.productDiscountPrice {
  color: #ff0000;
  font-weight: bold;
}

.smallHeading {
	font-size: x-small;
	font-weight: bold;
	color: Black;
}

.moduleRow {
 font-size: 11px;
 line-height: 1.5;

}
.moduleRowOver { 
	background-color: #D7E9F7; 
	border: 1px solid;
	border-color: #ffffff;
    font-size: 11px;
    line-height: 1.5; 
	
	}
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #000000; }

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { sans-serif; font-size: 7pt; }
.heading2 { font-size: 9pt; }
.heading3 { font-size: 10pt; }
.heading4 { font-size: 12pt; }
.heading5 { font-size: 16pt; }

/* Sitemap Tables */
.sitemap_heading { font-size: 10pt; color: #FFFFFF; 
	background-color: #666666; 
	padding-top: 2px; padding-bottom: 2px;}
.sitemap_heading a {color:#FFFFFF;}
.sitemap_heading a:hover {color:#CCCCCC; text-decoration:none;}

.sitemap_sub { font-size: 9pt; color: #000000; background-color: #E6E6E6; padding: 2px 2px;}
.sitemap_sub a {color:#000000;}
.sitemap_sub a:hover {color:#999999; text-decoration:none;}


/* message box */

.messageBox { font-size: 10px; }
.messageStackSuccess,
.messageStackError, .messageStackWarning {
	text-decoration: underline;
}
.messageStackSuccess img,
.messageStackError img, .messageStackWarning img {
	display: none;
}

/* input requirement */

.inputRequirement { font-size: 10px; color: #ff0000; }

.tableShop {
background-color: #ffffff;
border-left: 1px solid;
border-right: 1px solid;
border-color: #b6b7cb;
}

.navLeft {
	border-right: 1px solid white;
	width: 180px;
}
.navRight {
	border-color: #666666;
	border-top-width: 4px;
	border-top-style: solid;
	border-left-width: 4px;
	border-left-style: solid;
	background-color: #E6E6E6;
	width: 185px;
}
/*
.contentsTopics {
	font-size: 14px;
	font-weight: bold;
}*/

.tableListingI {
	background-color: #eeeeee;
}

.tableListingII {
	background-color: #d0d0d0;
}

.tableBody {
padding: 5px;
}

.poweredby {
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}
.onepxwidth {
	width: 1px;
}