/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css,v 1.4 2004/06/06 17:13:29 novalis Exp $

   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
   ---------------------------------------------------------------------------------------*/
   
 /*Navigationsliste*/  
    ul.navilist { margin: 25px 0 0 0; padding: 0; width: 176px; height: auto;}
	ul.navilist a.gewaehlt {  font-weight: bold; display:block; }
	ul.navilist a { padding-left: 17px; display:block; }
	ul.navilist a:hover { background-color: #fff; background-image: url(img/icon_arrow.gif); background-repeat: no-repeat; background-position: 9px 5px;}
	ul.navilist li { list-style-type: none; line-height: 18px; display:block; height: 18px; overflow: hidden;}
	ul.navilist li.maincat { background-image: url(img/icon_arrow.gif); background-repeat: no-repeat; background-position: 9px 5px;}
	li.submenue { background-image: url(img/icon_arrow.gif); background-repeat: no-repeat; background-position: 9px 5px;}
	ul.navilist li.subcat { list-style-type: none; line-height: 18px; }
	li.submenue a.gewaehlt { padding-left: 17px; background-color: #b9cbd9; background-image: url(img/icon_arrow.gif); background-repeat: no-repeat; background-position: 9px 5px; }
	li.maincat a.gewaehlt { padding-left: 17px; background-color: #b9cbd9; background-image: url(img/icon_arrow.gif); background-repeat: no-repeat; background-position: 9px 5px; }
	a.gewaehlt:hover { background-color: #fff; background-image: url(img/icon_arrow.gif); background-repeat: no-repeat; background-position: 9px 5px;}
	li.level2 a.gewaehlt { padding-left: 22px; background-color: #e9f5fc; }
	li.level2 a { padding-left: 22px; font-weight: normal; display:block; background-color: #e9f5fc; }
	li.level3 a.gewaehlt { padding-left: 22px; background-color: #e9f5fc; }
	li.level3 a { padding-left: 22px; font-weight: normal; display:block; background-color: #e9f5fc; }
	li.level4 a.gewaehlt { padding-left: 22px; background-color: #e9f5fc; }
	li.level4 a { padding-left: 22px; background-color: #e9f5fc; }
/*Teaser*/

span.teaserhead {
padding: 0px;
margin: 0;
font-family: Arial, Verdana sans-serif;
font-size: 13px;
color: #003366;
font-weight:bold;
}


.teasercontent {
font-family: Arial, Verdana sans-serif; font-size: 13px; color: #003366; border:solid 0px red; vertical-align:top; width: 211px; height: 168px;
}

.teasercontent a {text-decoration: underline; color: #003366;
}

.teaser {
border:solid 0px; color:#000; width: 230px; height: 194px; padding: 9px 0 0 9px; background-image:url(../../images/content/teaser_htg.gif); background-repeat:no-repeat;
}


.start-teaser {
  background:url(../../images/content/10JahreFrittboardsKoeln.jpg) no-repeat;
  padding-top: 240px;
  margin-top: -40px;
}
 
 /*
.start-teaser {
  background:url(../../images/content/bertoche_live_painting_show.jpg) no-repeat;
  padding-top: 0px;
  margin-top: -40px;
  position: relative;
}
*/

 
body {
font-family: Arial, Verdana sans-serif;
font-size : 13px;
color: #003366;
margin: 0px;
background-color: #BBB894;
}

.boxText {
	font-family: Arial, Verdana sans-serif;
	font-size: 13px;
}

.infoboxText, .catboxText, .headStripe {
	font-family: Arial, Verdana sans-serif;
	font-size: 13px;
	padding-left: 8px;
	padding-top: 8px;
	line-height:18px;
}

.headStripe {
background-color: #B9CBD9;
padding-top: 2px;
padding-bottom: 1px;
}

.infoboxText {
	padding-bottom: 22px;
}

.boxTextBG {
	font-family: Arial, Verdana sans-serif;
	font-size: 13px;
	background-color: #D5E2EA;
}
.boxTextBGII {
	font-family: Arial, Verdana sans-serif;
	font-size: 13px;
	background-color: #B9CBD9;
}
.boxTextPrice {
	font-family: Arial, Verdana sans-serif;
	font-size: 11px;
	color: #FF0000;
}

.errorBox {
	font-family : Arial, Verdana sans-serif;
	font-size : 12px;
	background-color: #ffffff;
	color:#CC0011;
	border: 1px solid;
}

.error {
   display: block;
   color:#CC0011;
}

.error small {
  font-size: 11px;
}

.gvBox {
	font-family : Arial, Verdana sans-serif;
	font-size : 12px;
	font-weight: bold;
	color:#CC0011;
	border: 1px solid;
	background-color: #ffffff;
}
.stockWarning {
	font-family : Arial, Verdana sans-serif;
	font-size : 11px;
	color: #CC0011;
	border: 1px solid;
}

.productsNotifications {
	background-color: #f2fff7;
}

.orderEdit {
	font-family : Arial, Verdana sans-serif;
	font-size : 11px;
	color: #70d250;
	text-decoration: underline;
}

img{
	border:0;
}

h1 {
font-size : 16px;
margin-bottom:20px;
margin-top:20px;
}

h1#store {
margin:0px;
padding:0px;
text-indent: -1000px;
float: left;
width: 200px;
height: 22px;
}

h2.list {
margin-top:0px;
}

.contentsTopics h1 {
margin-bottom:20px;
margin-top:0px;
}

h2 {
font-size : 16px;
margin-bottom:20px;
margin-top:20px;
}


h2.list {
margin-top:0px;
}

h3 {
font-size : 13px;
line-height: 20px;
}

h3.price {
margin:0;
padding:0;
}

h3.price  span.price {
font-size : 15px;
padding-left: 4px;
}

a {
font-family : Arial, Verdana sans-serif;
  color: #003366;
  text-decoration: none;
  font-size : 13px;
}

a:hover {
  color: #003366;
  text-decoration: underline;
}

a.underline{
  text-decoration: underline;
}




FORM {
	display: inline;
}


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

TR.headerNavigation {
  background: #F6F6F6;
}

TD.headerNavigation {
	font-family: Arial, Verdana sans-serif;
	font-size: 13px;
	color: #003366;
	font-weight : bold;
	border-bottom: 1px solid;
	border-color: #b6b7cb;
	background-color: #F6F6F6;
}

A.headerNavigation {
  color: #003366;
}

A.headerNavigation:hover {
  color: #003366;
}

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

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

A.confirmationEdit:hover {
	color: #CC0000;
	font-style: italic;
	text-decoration: underline;
}


TR.headerError {
}

TR.headerMessage {
	background-color: #B9CBD9;
	font-size: 13px;
}

.moduleHeading {
	font-family: Arial, Verdana sans-serif;
	font-size: small;
	font-weight: bold;
	padding-bottom: 13px;
}

TD.headerError {
  font-family: Arial, Verdana sans-serif;
  font-size: 12px;
  color: #CC0000;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Arial, Verdana sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.short_descript {
font-style: normal;
font-size: 12px;
}

TD.infolinks {
  font-family: Arial, Verdana sans-serif;
  font-size: 11px;}

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

.infoBoxContents {
  font-family: Arial, Verdana sans-serif;
  font-size: 13px;
}

.infoBoxNotice {
}

.infoBoxNoticeContents {
  font-family: Arial, Verdana sans-serif;
  font-size: 13px;
}

TD.infoBoxHeading {
  font-family: Arial, Verdana sans-serif;
  font-size: 10px;
  font-weight: bold;
  height:13px;
  color: #003366;
}

TD.infoBoxHeading_right {
  font-family: Arial, Verdana sans-serif;
  font-size: 10px;
  font-weight: bold;
  height:13px;
  color: #000000;
}

TD.infoBox, SPAN.infoBox {
  font-family: Arial, Verdana sans-serif;
  font-size: 13px;
  border-right: 4px solid;
  border-color: #C4C4C4;
}

TD.infoBox_right, SPAN.infoBox_right {
  font-family: Arial, Verdana sans-serif;
  font-size: 10px;

}

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.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Arial, Verdana sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Arial, Verdana sans-serif;
  font-size: 10px;
}

td.page a.pageResults { display: block; line-height: 30px; }
a.pageResults:link { color: #003366; text-decoration: underline; font-family: Arial, Verdana sans-serif; font-size: 12px; }    /* noch nicht besuchte Ziele */
a.pageResults:visited { color: #003366; text-decoration: underline; font-family: Arial, Verdana sans-serif; font-size: 12px;} /* besuchte Ziele */
a.pageResults:hover { color: #003366; text-decoration: underline; font-family: Arial, Verdana sans-serif; font-size: 12px; }   /* Verweise bei "MouseOver" */
a.pageResults:active { color: #003366; text-decoration: underline; font-family: Arial, Verdana sans-serif; font-size: 12px; }  /* Angeklickte Verweise */
a.pageResults:focus { color: #003366; text-decoration: underline; font-family: Arial, Verdana sans-serif; font-size: 12px; }   /* Verweise, die Fokus erhalten */


TD.pageHeading, DIV.pageHeading {
  font-family: Arial, Verdana sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #000000;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Arial, Verdana sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Arial, Verdana sans-serif;
  font-size: 13px;
line-height:18px;
  text-align:left;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Arial, Verdana sans-serif;
  font-size: 10px;
}

A.smallText, SPAN.smallText, P.smallText {
  font-family: Arial, Verdana sans-serif;
  font-size: 11px;
}


TD.accountCategory {
  font-family: Arial, Verdana sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Arial, Verdana sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Arial, Verdana sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Arial, Verdana sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.page {
background-image: url(../../images/icons/page.gif);
background-repeat: repeat-x;
width: 28px;
height: 36px;
text-align:center;
}

SPAN.newItemInCart {
  font-family: Arial, Verdana sans-serif;
  font-size: 10px;
  color: #ff0000;
}

span.hint {
  color: #CC0000 !important;
}

#nob INPUT, CHECKBOX, RADIO {
	border: solid 0px;
}

td.nob INPUT, CHECKBOX, RADIO {
	border: solid 0px;
}

p.nob INPUT, CHECKBOX, RADIO {
	border: solid 0px;
}

#center INPUT {
	text-align: center;
}

SELECT, INPUT, CHECKBOX, RADIO {
	font-family: Arial, Verdana sans-serif;
	font-size: 11px;
	color: #003366;
	border: solid 1px;
}

TEXTAREA {
  width: 100%;
  font-family: Arial, Verdana sans-serif;
  font-size: 11px;
  color: #003366;
  border: solid 1px;
}

SPAN.greetUser {
  font-family: Arial, Verdana sans-serif;
  font-size: 12px;
  color: #003366;
  font-weight: bold;
}

SPAN.underline {
	text-decoration: underline;
}

TABLE.formArea {
  border-top:1px #003366 dashed;
}

TD.formAreaTitle {
  font-family: Tahoma, Arial, Verdana sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.copyright {
  font-family: Arial, Verdana sans-serif;
  font-size: 10px;
  line-height: 1.5;
  text-align:center;
  color: #7A8FA0;
}

a.copyright {
  font-size: 10px;
  line-height: 1.5;
  text-align:center;
  color: #7A8FA0;
}

small {
  font-size: 8px;
  line-height: 1.5;
  text-align:center;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Arial, Verdana sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Arial, Verdana sans-serif;
  color: #ff0000;
}
SPAN.productOldPrice {
	font-family: Arial, Verdana sans-serif;
	color: #ff0000;
	text-decoration: line-through;
}
SPAN.errorText {
  font-family: Arial, Verdana sans-serif;
  color: #ff0000;
}

SPAN.productDiscountPrice {
  font-family: Arial, Verdana sans-serif;
  color: #ff0000;
  font-weight: bold;
}

.smallHeading {
	font-family: Arial, Helvetica, sans-serif;
	color:#003366;
	font-size: x-small;
	font-weight: bold;
	color: Black;
}

.moduleRow {
 font-family: Arial, Verdana sans-serif;
 font-size: 11px;
 line-height: 1.5;
 background-color: #D5E2EA;

}
.moduleRowOver {
	background-color: #D7E9F7;
	border: 1px solid;
	border-color: #ffffff;
	font-family: Arial, Verdana sans-serif;
    font-size: 11px;
    line-height: 1.5;

	}
.moduleRowSelected { 
background-color: #D5E2EA; 
font-size: 13px;
font-weight: bold;
}

.checkoutBarFrom, .checkoutBarTo { font-family: Arial, Verdana sans-serif; font-size: 10px; color: #7B8790; }
.checkoutBarCurrent { font-family: Arial, Verdana sans-serif; font-size: 10px; color: #003366; }

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

/* Sitemap Tables */
.sitemap_heading {font-family: Arial, Verdana Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; background-color: #003366; padding-top: 2px; padding-bottom: 2px;}
.sitemap_heading a {color:#FFFFFF;}
.sitemap_heading a:hover {color:#CCCCCC; text-decoration:none;}

.sitemap_sub {font-family: Arial, Verdana Helvetica, sans-serif; font-size: 9pt; color: #003366; background-color: #B9CBD9; padding: 2px 2px;}
.sitemap_sub a {color:#003366;}
.sitemap_sub a:hover {color:#003366; text-decoration:none;}


/* message box */

.messageBox { font-family: Arial, Verdana sans-serif; font-size: 12px;}
.messageStackError, .messageStackWarning { font-family: Arial, Verdana sans-serif; font-size: 12px; color: #CC0000;  }
.messageStackSuccess { font-family: Arial, Verdana sans-serif; font-size: 12px; height: 40px; color:#339933;}

/* input requirement */

.inputRequirement { font-family: Arial, Verdana sans-serif; font-size: 10px; color: #ff0000; padding-top:5px;}

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

.navLeft {
	border-right: 1px solid;
	border-color: #b6b7cb;
	background-image: url(img/bg_left_column.jpg);
	width: 185px;
}
.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-family: Arial, Verdana sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.tableListingI {
	background-color: #eeeeee;
}

.tableListingII {
	background-color: #d0d0d0;
}

.tableBody {
padding: 5px;
}

.poweredby {
  font-family: Arial, Verdana sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}
.onepxwidth {
	width: 1px;
}

TD.no {
background-image:url(img/n_o.gif); background-position:right; background-repeat: repeat-y;
}

TD.nu {
background-image:url(img/n_u.gif); background-position:right; background-repeat: repeat-y;
}

TD.nk {
background-image:url(img/n_k.gif); background-position:right; background-repeat: repeat-y;
font-family: Arial, Verdana sans-serif;
font-size: 13px;
color: #000000;
}

TD.img_o {
background-image:url(img/img_o.jpg); background-position:bottom right;
}

TD.img_u
{
background-image:url(img/img_u.jpg);  background-position:top right;
}


.content {
width:230px;
color: #003366;}

#info { color: #000; text-indent: -5000px; font-size: 10px;}

a.flink:link { font-family: arial,verdana,helvetica; font-size: 11px; font-weight:normal; color:#000000; text-decoration:underline }
a.flink:visited { font-family: arial,verdana,helvetica; font-size: 11px; font-weight:normal; color:#000000; text-decoration:underline }
a.flink:hover { font-family: arial,verdana,helvetica; font-size: 11px; font-weight:normal; color:#000000; text-decoration:underline  }
a.flink:active { font-family: arial,verdana,helvetica; font-size: 11px; font-weight:normal; color:#000000; text-decoration:underline }
a.flink:focus { font-family: arial,verdana,helvetica; font-size: 11px; font-weight:normal; color:#000000; text-decoration:underline }
.f { font-size:7pt; font-family:verdana,arial,tahoma; font-weight:normal; color:#000000;  }


table.pricelist th {background-color:#B9CBD9;border-right: solid 1px #D5E2EA;text-align:left;}
table.pricelist td {background-color: #fff; border-right: solid 1px #D5E2EA; border-bottom:solid 1px #D5E2EA}
table.pricelist tfoot td {background-color:#D5E2EA;border:0px;}

.prodctrange {font-size: 13px; color: #000; height: 100px; overflow: hidden;}
.pr {margin-top: 100px; padding-top: 100px;}

span.strong { font-weight: bold; }
span.strong a { font-weight: bold; }


ul.arrow {
list-style-type: none;
padding: 0;
margin:0;
}

ul.arrow li {
padding-left: 10px;
margin: 0px;
background: url(img/icon_arrow.gif) no-repeat;
background-position: 0 7px;
line-height: 22px;
}

.youtube_small {
background:url(../../images/content/youtube_small.jpg) no-repeat;
padding: 0 10px 10px 0;
margin-top: 5px;
width: 238px;
height: 196px;
}

.youtube_large {
background:url(../../images/content/youtube_large.jpg) no-repeat;
padding: 0 10px 10px 0 ;
margin-top: 30px;
}

a.sale {
background:url(../../images/content/nsp-soutpoint-sale.gif) no-repeat;
text-indent: -2000px;
display: block;
width: 519px;
height: 262px;
overflow: hidden;
}