/*
  $Id: stylesheet.css,v 1.44 2007/06/21 13:07:11 Benjamin Wolfrum Exp $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

.content {
  width: 648px;
  overflow: hidden;
  margin-left:4px;
  margin-right:4px;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #d22c2c;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #858488;
  font-weight: normal;
  line-height:20px;
}

A.headerNavigation {
  color: #858488;
  text-decoration: none;
}

A.headerNavigation:hover {
  color: #d22c2c;
  text-decoration: underline;
}

.clickpath {
	color: #ffffff;

}

.clickpath a:link {
	color: #ffffff;
}

.clickpath a:visited {
	color: #ffffff;
}

.clickpath a:hover {
	color: #ffffff;
	text-decoration: underline;
}

TD.headerButton {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffffff;
  font-weight: normal;
}

A.headerButton {
  color: #ffffff;
  text-decoration: none;
}

A.headerButton:hover {
  color: #dddedf;
  text-decoration: underline;
}

TD.contentNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: normal;
}

A.contentNavigation {
  color: #000000;
  text-decoration: none;
}

A.contentNavigation:hover {
  color: #d22c2c;
  text-decoration: underline;
}

TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {
  background: #00ff00;
}

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

TD.columnLeft {
  /*background-image: url(images/table_background_column_left.jpg);
  background-repeat: no-repeat;
  */
}

DIV.columnLeft {
  overflow: hidden;
  /*width:164px;*/
}

TD.columnRight {
  /*background-image: url(images/table_background_column_right.jpg);
  background-repeat: no-repeat;*/
}

DIV.columnRight {
  /*width: 164px;*/
  overflow: hidden;
}

TR.footer {
  height:20px;
}

.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #858488;
  font-weight: normal;
}

.infoBox {
  background: #527869;
}

.infoBoxContents {
  background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #484849;
  background-image: url(images/infobox/header_background.gif);
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, 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: #527869;
  border-spacing: 1px;
}

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

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

A.pageResults {
  color: #000000;
  text-decoration:none;
}

A.pageResults:hover {
  color: #114844;
  text-decoration:underline;
}

A.consultant {
  color: #000000;
}
A.consultant_active {
  color:#d22c2c;
  font-weight: bold;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  background-image:url(images/infobox/header.gif);
  height:30px;
  padding-left:20px;
}

TR.subBar {
  background: #f4f7fd;
}

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

DIV.main, TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

A.main {
  color: #d22c2c;
  text-decoration: none;
}

A.main:hover {
  color: #d22c2c;
  text-decoration: underline;
}

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

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

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

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

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

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

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

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

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

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

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

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

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

.moduleRow { }
.moduleRowOver { background-color: #fafef7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #fafef7; }

.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; }


ul.cat{
	list-style:none;
	padding:0px;
	margin:0px;
	margin-left: 8px;
}

li.cat{
	padding:0px;
	margin:0px;
	width:164px;
}
li.cat_haupt{
	padding:0px;
	margin:0px;
	width:164px;
/*	margin-bottom:-2px;*/
}

a.cat_haupt{
	margin:0px;
	/*padding:0px;*/
	display:block;
	text-decoration:none;
	text-align:right;
	font-family: Verdana, Arial, sans-serif;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    padding-right:20px;
    padding-top:10px;
    /* Höhe 100% + padding-top beißen sich im opera, deshalb: */
	/*height:100%;*/
}

/* Bugfix für Problem im Opera */
/*   FF/Mozilla   */
:root a.cat_haupt,a.cat_submenu1,a.cat_submenu2{
	height:100%;
}
/*   IE 	*/
*html a.cat_haupt{
	height:100%;
}

/* Ende Bugfix für Problem im Opera */

a.cat_submenu1{
	display:block;
	text-decoration:none;
	text-align:right;
	font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #ffffff;
    font-weight: normal;
    padding-right:20px;
    padding-top:2px;
    padding-bottom:2px;
    margin:0px;
    /*height:100%;*/
}
a.cat_submenu2{
	display:block;
	text-decoration:none;
	text-align:right;
	font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #929292;
    font-weight: normal;
    padding-right:20px;
    padding-top:2px;
    padding-bottom:2px;
    margin:0px;
    /*height:100%;*/
}



/* Hide from IE5-mac. Only IE-win sees this. \*/
/* Needed for the 3px Problem for IE-Lists */
/*
* html .cat_haupt {
  height: 1%;
  margin-left: 0;

  }

* html .cat_submenu1 {
  height: 1%;
  margin-left: 0;

  }

* html .cat_submenu2 {
  height: 1%;
  margin-left: 0;

  }
*/
/* End hide from IE5/mac */



a.cat_submenu1:hover{
	text-decoration:underlinde;
	color:#ffffff;
	text-align:right;
}
a.cat_submenu2:hover{
	text-decoration:none;
	color:#929292;
	text-align:right;
	background-image: url(images/kategorie/submenu2_akt.jpg);
}a.cat_haupt:hover{
	text-decoration:none;
	color:#ffffff;
	text-align:right;

}


/* PRODUCT LISTING */
.plisting_price {
	font-size: 14px;
	font-weight: bold;
}

.plisting_single_product {
	float:left;
	width: 205px;
	height: 100%;
}

.plisting_image_container {
	height: 155px;
	clear: both;
}

.plisting_product_name_height{
	height:45px;
	overflow:hidden;
}

.plisting_image_space{
	height: 100%;
	float: left;
	width: 181px; /* .plisting_single_products - .plisting_image_lens*/
}

.plisting_image_lens {
	height: 100%;
	float: left;
	width: 21px;
}

/*depends on .plisting_image_container - height of the lens image */
.plisting_image_lens_space{
	height: 128px;
}

.plisting_v_space {
	clear: both;
	width: 100%;
	height: 20px;
}

.plisting_h_space {
	width: 15px;
	height: 100%;
	float: left;
}

.plisting_description {
	height: 70px;
}

.plisting_row {
	width: 100%;
	height: 360px;
	clear: both;
}

.plisting_price_price{
	color: #ffffff;
	float: left;
	width: 94px;
	font-weight: bold;
	padding-top: 5px;
	text-align: left;
}

.plisting_price_link{
	color: #ffffff;
	float: left;
	width: 100px;
	font-weight: bold;
	text-align: right;
	height: 100%;
}


/*
.plisting_price_link a:visited{
	color: #ffffff;
}
*/


.plisting_price_link a:link,.plisting_price_link a:visited {
	color: #ffffff;
}


/* BOXES STUFF */
.new_boxheader{
	height: 31px;
	color: #ffffff;
	font-weight: bold;
	padding-left: 20px;
	font-size: 12px;
}

.new_boxheader a{
	color:#ffffff;
}
.new_boxheader a:hover{
	color:#ffffff;
	text-decoration:underline;
}

.new_boxcontent {
	width:180px;
	overflow:hidden;
}
.new_boxcontent_padding{
	padding-left: 20px;
	padding-right:20px;
	margin:0px;
}


.new_boxheader_padding{
	padding-top:7px;
}

.new_boxfooter {
	height:22px;
	padding-left:30px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
}
.new_boxfooter a{
	color:#ffffff;
}
.new_boxfooter a:hover{
	color:#ffffff;
	text-decoration:underline;
}

.new_boxfooter_padding{
	padding-top:2px;
}

.new_boxfooter_small{
	height:7px;
}


/* Shopping Cart */
.shopping_cart_end_price {
	text-align:left;
	color: #ffffff;
	padding-left:15px;
}

.shopping_cart_quantity {
	color: #356556;
	font-weight: bold;
}

.shopping_card_single_price {
	color: #e60004;
	font-weight: bold;
	padding-left: 20px;
}

/* PRODUCT INFO */

.pinfo_header {
	width: 646px;
	height: 30px;
	text-align: right;
	color: #ffffff;
	font-size:26px;
}

.pinfo_header_padding {
	padding-right: 10px;
}

.pinfo_image {
	float: left;
	width: 150px;
	height: 100%;
	padding:0px;
	margin:0px;
}

.pinfo_desc {
	float: left;
	width: 474px;/*Eingentlich 478, aber da kommt die doppelte Anzeige im IE vom letzten Wort*/
	height: 100%;
	padding:0px;
	margin:0px;
}

.pinfo_image_desc_space {
	float: left;
	width: 20px;
	height: 100%;
	padding:0px;
	margin:0px;
}

.pinfo_variant_right_border {
	width: 5px;
	float: left;
}

.pinfo_variant_right_content {
	width: 213px;
	float: left;
	height: 100%;
}

.pinfo_variant_left_border {
	width: 4px;
	float: left;
	height: 100%;
}

.pinfo_variant_left_content {
	width: 426px;
	float: left;
	height: 100%;
}

.pinfo_variant_headline {
	color: #ffffff;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	font-size:10px;
}

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

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

/* Product_listing Rand_product */
.content_header_box_header{
	width:100%;
	background-repeat: no-repeat;
	height:30px;
	clear:both;
}

.content_header_box_body{
	width:100%;
	background-image: url(images/productlisting/content_header_box_bg.gif);
	background-repeat: repeat-y;
	float:left;
}

.content_header_box_footer{
	width:100%;
	background-image: url(images/productlisting/content_header_box_footer.gif);
	background-repeat: no-repeat;
	height:6px;
	float:left;
}

.rand_product_image_container {
	height: 155px;
	width: 155px;
	margin-top:5px;
	margin-left:5px;
	float:left;
}

.rand_product_body_text{
	padding-top:5px;
	padding-bottom:5px;
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	color: #114844;
	float:left;
	line-height:1.5;
	width:478px;
	padding-left:10px;
}

.rand_product_body_text h2{
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	color: #114844;
	padding:0px;
	margin:0px;
}

.rand_product_price{
	float:left;
	width:350px;
}

.rand_product_to_product{
	float:left;
	text-align:right;
	width:116px;
	font-weight:bold;
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	color:#aaaaaa;
}

a.rand_product_link {
	height:100%;
	font-weight:bold;
	color:#777777;
}

.category_image{
	float:left;
	width:332px;
	height:280px;
	background-repeat: no-repeat;
}
.category_description{
	float:left;
	width:316px;
}
.category_description_text{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	color:#114844;
}


.category_small{
	float:left;
}

.category_small_header {
	width:146px;
	height:34px;
	padding:0px;
	margin:0px;
	overflow:hidden;
}
.category_small_header_text{
	color:#ffffff;
	padding-top:5px;
	padding-left:10px;
	width:100px;
	text-align:left;
	float:left;
	font-weight:bold;
	line-height:1.0;
}
.category_small_header_text:hover{
	color:#ffffff;
}

.category_small_body {
	background-image: url(images/productlisting/category_box_small_bg.gif);
	width:146px;
	background-repeat: repeat-y;
	padding:0px;
	margin:0px;
	min-height:70px;
}


/* onlx IE win see this
   wird benötigt, um eine minimale Höhe zu bekommen. FF würde diese Höhe fix interpretieren
*/
* html .category_small_body {
	height:70px;
}

.pinfo_container{
	min-height:200px;
}

* html .pinfo_container{
	height: 200px;
}

.category_small_body_text{
	color:#114844;
	float:left;
	padding-left:10px;
	clear:both;
}

.category_small_footer {
	background-image: url(images/productlisting/category_box_small_footer.gif);
	background-repeat: no-repeat;
	width:146px;
	height:6px;
	padding:0px;
	margin:0px;
}



/* Allgemeine Überschrift über index.php und product_info.php */
.products_headline{
	padding-top:7px;
	padding-right:15px;
	color:#ffffff;
	font-family: Verdana, Arial, sans-serif;
	text-align:right;
	font-weight:bold;
	font-size:18px;
	font-style:italic;
	line-height:1.0;
	margin:0px;
}

h2{
	margin:0px;
	padding:0px;
}


/* create_account.php*/
.ca_description {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  width: 150px;
}

.ca_values {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

.ca_inputfields {
	border: 1px solid #000000;
	width: 200px;
}

/* shopping cart */
.sc_mwst_left {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:right;
}

.sc_mwst_right {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  font-weight: normal;
}


.berater_box{
	width:648px;
}

.berater_box_content{
	float:left;
	width:360px;
	margin-top:10px;
	margin-left:30px;
}

.berater_headline{
	font-size:20px;
	color:#114844;
	font-weight:bold;
	margin-bottom:10px;
}

.berater_text{

}

.berater_frage{
	margin-top:20px;
	color:#e60004;
}

.berater_kategorien{

}

.berater_hauptkat{
	width:357px;
	height:22px;
	margin-top:10px;
	margin-bottom:10px;
}

.berater_hauptkat a{
	display:block;
	color:#ffffff;
	height:22px;
	padding-left:25px;
	padding-top:2px;
}

.berater_hauptkat a:hover{
	color:#ffffff;
}

.berater_kat0{
	background-image: url(images/berater/kat0.gif);
	height:22px;
	padding-left:30px;
	padding-top:2px;
	font-weight:bold;
}

.berater_kat1{
	background-image: url(images/berater/kat1.gif);
	height:22px;
	padding-left:30px;
	padding-top:2px;
}
.berater_kat1_akt{
	background-image: url(images/berater/kat1_akt.gif);
	height:22px;
	padding-left:30px;
	padding-top:2px;
}

.berater_kat1_last{
	background-image: url(images/berater/kat1_last.gif);
	height:22px;
	padding-left:30px;
	padding-top:2px;
	color:#ff0000;
}
.berater_kat1_last_akt{
	background-image: url(images/berater/kat1_akt.gif);
	height:22px;
	padding-left:30px;
	padding-top:2px;
	color:#ff0000;
}

.berater_kat2{
	background-image: url(images/berater/kat2.gif);
	height:22px;
	padding-left:40px;
	padding-top:2px;
}
.berater_kat2_akt{
	background-image: url(images/berater/kat2_akt.gif);
	height:22px;
	padding-left:40px;
	padding-top:2px;
}

.berater_kat3{
	background-image: url(images/berater/kat3.gif);
	height:22px;
	padding-left:50px;
	padding-top:2px;
}
.berater_kat3_akt{
	background-image: url(images/berater/kat3.gif);
	height:22px;
	padding-left:50px;
	padding-top:2px;
}
.berater_kat3_akt a{
	text-decoration:underline;
}

a.bitzinger_link, a:visited.bitzinger_link { text-decoration:none !important; color:#0057A3 !important; }
a:hover.bitzinger_link { text-decoration:underline !important; }