/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
/*This is the Infobox text style*/
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

/*This is the Error Messages style with pink background*/
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }

/*This is the Warning Messages red font style*/
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }

/*This is the Product Notifications green background stylet*/
.productsNotifications { background: #FFEDBC; }

/*This is the Order Edit style with green underline*/
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #FFFDE0; text-decoration: underline; }

/*This is the General Page Body Style with white background, black text, flush left margins*/
BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

/*This is the Default Hyperlink Style with black text and no underlines*/
A {
  color: #372668;
  text-decoration: none;
}

/*This is the Default ACTIVE Hyperlink Style when a mouse is hovering over it, with dusty blue text and an underline*/
A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

/*Forms display within the page rather than opening a new window*/
FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}
/*Infobox Template for STS-This is the TOP GRAY BAR BACKGROUND STYLE with Top > Catalog on the left*/
TR.headerNavigation {
  background: #4897C8;
}

/*This is the TOP GRAY BAR FONT STYLE with Top > Catalog on the left*/
TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #65B0E1;
  color: #FFFFFF;
  font-weight : bold
}

/*This is the TOP GRAY BAR HYPERLINK STYLE SETTING LINKS TO WHITE */
A.headerNavigation { 
  color: #FFFFFF; 
}

/*This is the TOP GRAY BAR HYPERLINK STYLE SETTING LINKS TO WHITE when the cursor is over them*/
A.headerNavigation:hover {
  color: #ffffff;
}

/*This is the ERROR Background style for a row with a red background*/
TR.headerError {
  background: #ff0000;
}

/*This is the ERROR Background style for a cell with a red background*/
TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

/*This is a ROW Background style with a neon green background*/
TR.headerInfo {
  background: #00ff00;
}

/*This is a CELL Background style with a neon green background*/
TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

/*This is the GRAY BOTTOM BAR Row background*/
TR.footer {
  background: #bbc3d3;
}

/*This is the GRAY BOTTOM BAR Cell background*/
TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

/*This is the INFOBOX Background Style, one shade darker than the Infobox Header color*/
.infoBox {
  background: #b6b7cb;
}

/*Infobox Template for STS-This is the INFOBOX Contents Style, one shade lighter than the Infobox Header color*/
.infoBoxContents {
  //background: #FFEDBC;
  background: #FFCC67;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/*This is the INFOBOX Notice Style, a pale salmon color*/
.infoBoxNotice {
  background: #FF8E90;
}

/*This is the INFOBOX Notice Contents Style, a very pale salmon color*/
.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/*Infobox Templates for STS-This is the INFOBOX Heading Style, SAME AS HEADER AND FOOTER GRAY BARS*/
TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
}

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

/*This is a GENERAL ROW Style for every other line of noted pages, a palest gray color*/
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;
}

/*This is a GENERAL ROW Style for every other line of noted pages, the same palest gray color but allows you to alternate 2 colors if you wish*/
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;
}

/*This is a GENERAL TABLE Style for product listing pages, a deeper gray color*/
TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

/*This is the GRAY BAR Style for product listing pages, same deeper gray color as previous item*/
.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

/*This is the FONT Style for product listing pages*/
TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/*This is the HYPERLINK Style for Results pages*/
A.pageResults {
  color: #0000FF;
}

/*This is the HYPERLINK Style for Results pages when the mouse is hovering over it*/
A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

/*This is the MAIN TEXT Style, a deeper gray*/
TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

/*This is a Row Sub-bar Style, a very pale gray*/
TR.subBar {
  background: #f4f7fd;
}

/*This is a Cell Sub-bar Style, black default text*/
TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

/*This is a Cell and Paragraph Main Style*/
TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  padding: 15px 10px 10px 20px;
}

/*This is a Cell, Span, and Paragraph Font Style*/
TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/*This is a Cell Font Style in larger size with medium dusty blue font*/
TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

/*This is a Cell Font Style in a bold larger size*/
TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

/*This is a Cell Font Style in a bold larger size*/
TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

/*This is a Table Heading Style in a bold larger size*/
TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

/*This is a Span Font Style used for New Items in Cart in a BRIGHT RED FONT*/
SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

/*This is a FORM STYLE used for checkboxes, input text, radio buttons, and drop-down boxes*/
CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

/*This is a FORM STYLE used for text boxes where visitor enters free-form text*/
TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

/*This is a TEXT STYLE used for the "Greetings, Username! in a funny orange-salmon color*/
SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

/*This is a FORM BACKGROUND AND BORDER STYLE with a very pale dusty blue background and deep dusty blue border*/
TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

/*This is a FORM TEXT STYLE with slightly larger bold text*/
TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

/*This is a SPAN PRODUCTS PAGE STYLE with a pale burgundy color font*/
SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

/*This is a SPAN PRODUCT SPECIAL FONT STYLE in a bright red color*/
SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

/*This is a SPAN ERROR TEXT STYLE in a bright red color*/
SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { /*background-color: #D7E9F7;*/ cursor: pointer; cursor: hand; }
.moduleRowSelected { 
/*background-color: #E9F4FC;*/ 
}

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

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

/*
-------------------------------
Bibelshop CSS ab hier 
----------------------------*/

html,body{margin:0;padding:0}
body{font: 80% verdana, arial, hevetica, sans-serif; color: #372668; background-color: #FFFDE0;}
ul, ol, p, h1, h2, h3, p, td  {margin:0; padding:0;}
#header {width:990px; height:110px; background:#FFFCE1 url("images/backHeader.jpg") no-repeat; padding-bottom: 40px; }
#headerNavigation{font-weight:normal; list-style-image:none; list-style-position:outside; list-style-type:none; padding: 90px 0px 0px 350px;margin: 0;}
#headerNavigation li{ float:left; margin:0 60px 0 0;}
#logo img{ float:left; border: medium none;}
/*#logo{ width: 300px;}*/
#headerNavigation a{ text-decoration:none; font-size: 11px; color: #ffffff;}
.linkColorLila{ color: #40265E;}
/*#header h1{position: absolute; top:10px; left: 885px;}*/
/*#header h1{position: absolute; top:0px; left: 745px; background: url("http://www.bibellesebund.de/pics/bubbleNews.jpg") no-repeat; width:85px;  height:40px; font-size:12px; line-height:16px; padding: 60px 0 0 90px;}*/
/*#header h2{position: absolute; top:20px; left: 50px;}*/

/* -----------Hauptnavigation/ header ------*/
#mainnav { background: #29135D url("http://www.bibellesebund.de/pics/backNavi.jpg") no-repeat; height: 35px;}
#navlist{margin-left: 52px;}
#navlist img {border:none; }
	#navlist li	{display: inline; list-style: none;}
	#navlist .menu01 a {display : block; float : left; width:129px; height:35px; background: url("http://www.bibellesebund.de/pics/navi/blb_1.gif") top left no-repeat; margin-left:10px}
	#navlist .menu01 a:hover, #navlist .menu01 #active {display : block; float : left; width:129px; height:35px; background: url("http://www.bibellesebund.de/pics/navi/blb_2.gif") top left no-repeat;}
	#navlist .menu02 a {display : block; float : left; width:72px; height:35px; background: url("http://www.bibellesebund.de/pics/navi/produkte_1.gif") top left no-repeat; margin-left:10px}
	#navlist .menu02 a:hover, #navlist .menu02 #active {display : block; float : left; width:72px; height:35px; background: url("http://www.bibellesebund.de/pics/navi/produkte_2.gif") top left no-repeat;}
	#navlist .menu03 a {display : block; float : left; width:74px; height:35px; background: url("http://www.bibellesebund.de/pics/navi/freizeit_1.gif") top left no-repeat; margin-left:10px}
	#navlist .menu03 a:hover, #navlist .menu03 #active {display : block; float : left; width:74px; height:35px; background: url("http://www.bibellesebund.de/pics/navi/freizeit_2.gif") top left no-repeat;}
	#navlist .menu04 a {display : block; float : left; width:129px; height:35px; background: url("http://www.bibellesebund.de/pics/navi/gemeinde_1.gif") top left no-repeat; margin-left:10px}
	#navlist .menu04 a:hover, #navlist .menu04 #active {display : block; float : left; width:129px; height:35px; background: url("http://www.bibellesebund.de/pics/navi/gemeinde_2.gif") top left no-repeat;}
	#navlist .menu05 a {display : block; float : left; width:114px; height:35px; background: url("http://www.bibellesebund.de/pics/navi/zentrum_1.gif") top left no-repeat; margin-left:10px}
	#navlist .menu05 a:hover, #navlist .menu05 #active {display : block; float : left; width:114px; height:35px; background: url("http://www.bibellesebund.de/pics/navi/zentrum_2.gif") top left no-repeat;}
	#navlist .menu06 a {display : block; float : left; width:104px; height:35px; background: url("http://www.bibellesebund.de/pics/navi/strand_1.gif") top left no-repeat; margin-left:10px}
	#navlist .menu06 a:hover, #navlist .menu06 #active {display : block; float : left; width:104px; height:35px; background: url("http://www.bibellesebund.de/pics/navi/strand_2.gif") top left no-repeat;}
	#navlist .menu07 a {display : block; float : left; width:45px; height:35px; background: url("/http://www.bibellesebund.de/pics/navi/shop_1.gif") top left no-repeat; margin-left:10px}
	#navlist .menu07 a:hover, #navlist .menu07 #active {display : block; float : left; width:45px; height:35px; background: url("http://www.bibellesebund.de/pics/navi/shop_2.gif") top left no-repeat;}
	#navlist .menu08 a {display : block; float : left; width:59px; height:35px; background: url("http://www.bibellesebund.de/pics/navi/kontakt_1.gif") top left no-repeat; margin-left:10px}
	#navlist .menu08 a:hover, #navlist .menu08 #active {display : block; float : left; width:59px; height:35px; background: url("http://www.bibellesebund.de/pics/navi/kontakt_2.gif") top left no-repeat;}
	#navlist .menu09 a {display : block; float : left; width:54px; height:35px; background: url("http://www.bibellesebund.de/pics/navi/links_1.gif") top left no-repeat; margin-left:10px}
	#navlist .menu09 a:hover, #navlist .menu09 #active {display : block; float : left; width:54px; height:35px; background: url("http://www.bibellesebund.de/pics/navi/links_2.gif") top left no-repeat;}
	
	#navlist .menu10 a {display : block; float : left; width:69px; height:35px; background: url("http://www.bibellesebund.de/pics/navi/interakt_1.gif") top left no-repeat; margin-left:10px}
	#navlist .menu10 a:hover, #navlist .menu10 #active {display : block; float : left; width:69px; height:35px; background: url("http://www.bibellesebund.de/pics/navi/interakt_2.gif") top left no-repeat;}
	#navlist .menu11 a {display : block; float : left; width:45px; height:35px; background: url("http://www.bibellesebund.de/pics/navi/news_1.gif") top left no-repeat; margin-left:10px}
	#navlist .menu11 a:hover, #navlist .menu11 #active {display : block; float : left; width:45px; height:35px; background: url("http://www.bibellesebund.de/pics/navi/news_2.gif") top left no-repeat;}


#impressum {margin-left: 895px;height:25px;padding:5px;}
#impressum a {text-decoration:none;}
#impressum a:link, #impressum a:visited  {color:#ccc;}
#impressum a:hover {font-weight:bold; color:#ccc;}
/*--------- Hauptnavi ENDE -----*/



/* ---------- Seitenstruktur--------- */
/*#navigation{background:#FBC143}
div#extra{background:#FF8539}*/
#wrapper{width: 990px; margin:0 auto;}
div#container{width:990px; margin:0; padding:0;}
div#content{float:right;width:670px; background:#FFEDBC; margin:0; padding:0;}
div#strand{float:right;width:670px; background: url("http://www.bibellesebund.de/pics/backStrand2.jpg") no-repeat top left; margin:0; padding:0;}
div#freizeit{float:right;width:670px; background: url("http://www.bibellesebund.de/pics/backFreizeit.jpg") no-repeat top left; margin:0; padding:0;}
div#zentrum{float:right;width:670px; background: url("http://www.bibellesebund.de/pics/backZentrum.jpg") no-repeat top left; margin:0; padding:0;}
div#navigation{float:left;width:320px}
div#extra{float:left;clear:left;width:320px}


/*Styles muessen wie die Kategorie benannt werden zB boxArbeitsmaterial - H�?*/
/*neue Farbzuordnung 07.2009 - nur noch drei Bereiche*/
.boxNav1{ background:#E84802 url("images/top_l.gif") no-repeat top left; }
.boxNav2 {background-color: #00962B;}
.boxNav3 {background: #0067B1 url("images/bottom_l.gif") no-repeat  bottom left;}
.boxNav4 {background-color: #FFFDE0;}
.boxNav4 {display: none;}
/* werden nicht mehr genutz! 
.boxNav5 {background-color: #1C41AB;}
.boxNav6 { background:#3FAE49;}
.boxNav7 { background:#FBAC03 url("images/bottom_l.gif") no-repeat  bottom left;}
*/


/* ---------- shopMenue Listen--------- */
#shopmenue {padding: 35px 0 0 60px;}
	#listenshop {display: block; list-style-type: none; padding: 10px 0 10px 15px;}
	#listenshop li {}
	#listenshop a {text-decoration: none;}
	#listenshop a:link, #listenshop a:visited {color: #fff;}
	#listenshop a:hover, #listenshop a:active  {color: #FFE08A;}
	#listenshop .subliste1 li{list-style-type: none; padding:0 0 3px 10px;}
	#listenshop .subliste2 li {list-style-type: none;}

/* ---------- Inhalte Shop--------- */
#content h2{height:50px; margin:0; padding:0;}
.prod_bild {padding:10px 10px 10px 10px;}
.prod_bild2 {padding:0 0 0 10px;}
.t_ebene1 {font: normal 11px Verdana, Arial, Helvetica, sans-serif; padding:0 0 0 10px;}
.h_ebene2 {font: bold 13px Verdana, Arial, Helvetica, sans-serif; padding:10px 0 0 10px;}
.h_produkt {font: bold 13px Verdana, Arial, Helvetica, sans-serif; padding:10px 0 10px 0;}
.t_produkt {font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
.t_starttext {font: normal 11px Verdana, Arial, Helvetica, sans-serif; padding:0 10px 0 0;}
/*.t_starttext {font: normal 11px Verdana, Arial, Helvetica, sans-serif; padding:0 200px 0 10px;}*/
.t_produkt a, .t_produkt a:visited {text-decoration: none; color: #40265E;}
.t_produkt a:hover, .t_produkt a:active {color: #95879A;}
.button { margin-top:5px; padding-left: 20px; background: url(images/button-bg.gif) top left no-repeat;}
.button a {text-decoration: none; font: bold 11px Verdana, Arial, Helvetica, sans-serif;}
.button a:link, .button a:visited {color: #95879A;}
.button a:hover, .button a:active {color: #29135D;}

.grau {background-color:#FFEEBB; width:120px; color: #40265E; border: 1px solid #D8CBA7;font-size:10px;}
.klein{width:120px; border: 1px solid #D8CBA7;font-size:10px;}




/*#navigation{background:#FBC143}*/
div#extra{background:#FF8539}
#wrapper{width: 990px; margin:0 auto;}
div#container{width:990px; margin:0; padding:0;}
#content{float:right;width:670px; background:#FFEDBC; margin:0; padding:0;}
#navigation{float:left;width:320px}
div#extra{float:left;clear:left;width:320px}