/*
  $Id$

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

  Copyright (c) 2010 osCommerce

  Released under the GNU General Public License
*/

.ui-widget {

}



body {
  background: #fff;
  color: #000;

}


#bodyWrapper {

}


#bodyContent {

}

#header { /* header004.png*/
  height: 115px;
  background:url(images/navi/header.png);
  background-repeat:no-repeat;
  background-position:0px auto;
}

#header-schlag a {
color:#666666;
text-align:center;
text-decoration: none;
}

#headerShortcuts {
  float: right;
  margin-top: 15px;
}

#columnLeft {
  padding-top: 5px;
}

#columnRight {
  padding-top: 5px;
}

.infoBoxContainer { }

.infoBoxHeading {
  padding: 2px;
  font-size: 11px;
}



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

.infoBoxContentsshop {
  background:transparent url(images/navi/wasser.png); background-repeat:no-repeat;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.contentContainer {
  padding-bottom: 10px;
  margin:5px 5px 5px 5px;
}

.logo {
float:left;
width:200px;
}

.text_rechts {
float:left;
width:300px;
height:80px;
text-align:center;
color:#666666;
margin:40px 0px 0px 30px;
}

.text_rechts_2 {
float:left;
width:300px;
height:100px;
color:#666666;
font-size:18px;
margin:0px 0px 0px 30px;
}



.contentContainer h2 {
  font-size: 16px;
  text-decoration: underline;
  font-weight: normal;
  margin-bottom: 0;
  padding-bottom: 5px;
}

.contentText, .contentText table {
  padding: 5px 0 5px 0;
  font-size: 11px;
  line-height: 1.5;
}

.productListTable {
  padding: 5px;
  font-size: 11px;
  line-height: 1.5;
}

.productListTable tr.alt td {
  background-color: #ecf6fc;
}

.fieldKey {
  font-size: 11px;
  font-weight: bold;
  line-height: 1.5;
  width: 150px;
}

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

h1 {
  font-size: 18px;
  margin-bottom: 0;
  padding-bottom: 0px;
}

h2 {
  font-family:Arial, Helvetica, sans-serif; 
  font-size:14px;
  margin-bottom: 0;
  margin-top:0;
  padding-top:5px;
  padding-bottom: 0px;
  text-align:center;
  color:#666666;
}

#h2color{ 
	width:100%; 
  	background:#CCCCCC;
	height:25px;
	margin: 0px 0px 0px 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; vertical-align:top
}

img {
  border: 0;
}

table, p {
  font-size: 11px;
  line-height: 1.5;
}

#piGal ul {
  list-style-type: none;
}

#piGal img {
  -webkit-box-shadow: 0px 0px 1px #000;
  -moz-box-shadow: 0px 0px 1px #000;
}

#piGal .outer {
  margin-left: -30px;
}

.buttonSet {
  clear: both;
}

.buttonAction {
  float: right;
}

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

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

A:hover {
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

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

A.headerNavigation { 
  color: #FFFFFF; 
}

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

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

TR.footer {
  background: #bbc3d3;
}

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




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

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

#also {
background:#CCCCCC;
font-size:13px;
font-weight:bold;
height:25px; padding-top:5px;
text-align:center;
margin-bottom:10px;
color:#003300;
}

#cont_also { 
margin:5px 5px 5px 5px; 
border: solid 1px #CCCCCC;
text-align:center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; 
}


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

.productListingHeader {
  table-layout: fixed;
  color: #FFFFFF;
  font-weight: bold;
}

.productListingHeader A:hover {
  color: #FFFFFF;
}

.productListingData {
  table-layout: fixed;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}


TD.pageHeading, DIV.pageHeading {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  padding:3px 3px 1px 3px; 
  text-align:left
}

TR.subBar {
  background: #f4f7fd;
}

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

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



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

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: #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; }

/* buttons */

.tdbLink a { }

.tdbLink button { }

/* account link list */

.accountLinkList {
  list-style-type: none;
  margin: 2px 2px 2px 10px;
  padding: 5px;
}

.accountLinkListEntry {
  float: left;
  margin-right: 5px;
}

/* specials_on_time */
.specialpreis {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FF0000; 
  text-align: left
}

.specialsparen {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #009900;
  text-align: right
}


.special_links,.special_mitte {
float:left;
margin-left:3px;
margin-right:0px; 
margin-top:2px;
width:55px  
}

.special_mitte { 
text-align: right;
width:110px 
}

.special_links { 
vertical-align: middle; 
height:63px
}

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

.special_footer {
height:15px;
font-weight: bold;
font-size:10px;
color: #FFFFFF;
background-image:url(images/design/specials_on_time_footer_bg.png)
}

/* Hersteller */

.hersteller {
 float:left;
 margin: 5px 5px 5px 10px; 
 width:100px;
 height:80px;
 text-align: center;
 }
 
.con_hersteller {
text-align: center; 
 }
 
 
/* categiries */

.catBoxContents {               
  font-family: MS Sans Serif , sans-serif;
  font-size: 12px;
  line-height: 1.0; margin-top:5px
  }


.catlink0 {     
  font-family: arial, sans-serif;                      
  display:block;
  white-space:nowrap;
  text-decoration: none;
  font-size:14px;
/*  background-image:url("../images/design/arrow_l.gif"); 
  background-repeat:no-repeat;
  background-position:3px;  */
  padding:4px 0px 4px 15px;
}

a.catlink0
 {
  color:#666666;
  border-bottom: 1px solid #B2B2B2;
 }

a.catlink0:visited
 {
  color:#666666;
 }

a.catlink0:active
 {
  color:#666666;
 }

a.catlink0:hover 
 { 
  text-decoration: none;
  background: #EAEAEA;
 }

.catlink0a { 

  font-family: Arial, sans-serif;   
  color:#000000; 
  font-size:14px; 
  font-weight:bold;
  text-decoration: none;
  display:block;
  padding:2px 0px 2px 5px;
}

a.catlink0a
 {
  background: #EBEBEB;
  color:#000000;
 }

a.catlink0a:visited
 {
  color:#000000;
 }

a.catlink0a:active
 {
  color:#000000;
 }


a.catlink0a:hover 
{    
 
  text-decoration:none;
  color:#000000;
}


.catlink1 {    
                          /* Kategorie a ref */
  font-family: arial, sans-serif;
  color:#000000;
  background: #F3F3F3;   
  display:block;
  padding:2px 0px 2px 23px;
  white-space:nowrap;
  text-decoration: none;
  font-size:14px;
}

a.catlink1
 {
/*  background-image:url("../images/design/arrow_l.gif"); 
  background-repeat:no-repeat;
  background-position:10px; */
  color:#000000;
 }

a.catlink1:visited
 {
  color:#000000;
 }

a.catlink1:active
 {
  color:#000000;
 }

a.catlink1:hover 
 {
  text-decoration: none;
  background: #EAEAEA;
/*  background-image:url("../images/design/arrow_ra.gif"); 
  background-repeat:no-repeat;
  background-position:10px;  */
  color:#000000;

 }




.catlink1a {  
  font-family: arial, sans-serif;
  color:#000000;
  background: #EAEAEA; 
  display:block;
  white-space:nowrap;
  text-decoration: none;
  font-size:14px; 
  padding:2px 0px 2px 23px; font-weight:bold

}

a.catlink1a 
{  
 /* background-image:url("../images/design/arrow_ra.gif"); 
  background-repeat:no-repeat;
  background-position:10px;    */
  color:#000000;
}

a.catlink1a:visited
 {
  color:#000000;
 }

a.catlink1a:active
 {
  color:#000000;
 }

a.catlink1a:hover {    
/*  background-image:url("../images/design/arrow_ra.gif"); 

  background-repeat:no-repeat;
  background-position:10px; */
  color:#000000;
}

.catlink2 {    
                          /* Kategorie a ref */
  font-family: arial, sans-serif;
  color:#000000;
  background: #F3F3F3;   
  display:block;
  padding:2px 0px 2px 30px;
  white-space:nowrap;
  text-decoration: none;
  font-size:14px;
}

a.catlink2
 {
/*  background-image:url("../images/design/arrow_l.gif"); 
  background-repeat:no-repeat;
  background-position:10px; */
  color:#000000;
 }

a.catlink2:visited
 {
  color:#000000;
 }

a.catlink2:active
 {
  color:#000000;
 }

a.catlink2:hover 
 {
  text-decoration: none;
  background: #EAEAEA;
/*  background-image:url("../images/design/arrow_ra.gif"); 
  background-repeat:no-repeat;
  background-position:10px;  */
  color:#000000;

 }




.catlink2a {  
  font-family: arial, sans-serif;
  color:#000000;
  background: #EAEAEA; 
  display:block;
  white-space:nowrap;
  text-decoration: none;
  font-size:14px; 
  padding:2px 0px 2px 30px;

}

a.catlink2a 
{  
 /* background-image:url("../images/design/arrow_ra.gif"); 
  background-repeat:no-repeat;
  background-position:10px;    */
  color:#000000;
}

a.catlink2a:visited
 {
  color:#000000;
 }

a.catlink2a:active
 {
  color:#000000;
 }

a.catlink2a:hover {    
/*  background-image:url("../images/design/arrow_ra.gif"); 

  background-repeat:no-repeat;
  background-position:10px; */
  color:#000000;
}


.catlink3
 {

  font-size: 14px;
 }

/* suchfunktion */
.finden { 
	margin-top:86px;
	margin-left:135px;
	text-align:left;
}

/*navigation */
.navilogo {
	background-image:url(images/navi/navilogo1.png); 
	background-repeat:no-repeat; 
	background-position:5px 15%;
	font-size:16px; 
	color: #009900; 
	font-weight:bold; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	padding-left:50px; padding-top:5px; 
	height:30px; 
	text-align:left; 
	margin-top:5px;
}

.navivorteile {
	float:left;
    background-color:#EBEBEB;
    border: 2px solid #009900;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    display: block;
	margin-top:10px;
	width:183px; 
	margin-top:5px; 
	margin-left:10px
	
}

.vorteileoben {

    background-color: #FF0000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	margin-top:0px;
	width:183px; 
	height:25px; 
	font-size:18px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	padding-top:2px; 
	color:#FFFFFF; text-align:center
}

/*Bewertungen */

.bewertet {
	width:325px;
	float:left;
	height:100px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
}

.bewertet1 {
	float:left;
	width:120px; 
	line-height:18px; 
	text-align:right;
	font-weight:bold; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#999999;
}

.bewertet1 a {
	color:#333333;
}

.bewertet2 {
	float: left;
	width:120px; line-height:18px;  
	text-align:right;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; color:#999999;
}

.bewertet2 a {
	color:#333333;
}


#navikundenbewertungen {
	float:left;
    background-color:#EBEBEB;
    border: 2px solid #FF0000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    display: block;
	margin-top:10px;
	width:183px; 
	margin-top:5px; 
	margin-left:10px
	
}


#navikundenbewertungen .meinungen {
    padding:5px 5px 5px 5px;
	font-size:14px;
	color:#666666;
	font-family:"Times New Roman", Times, serif; background:#FFFFFF
}

#navikundenbewertungen .mehr {
	color:#0000FF;
	text-align:right;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
    padding:0px 10px 0px 0px; font-weight:bold
}

.bewertungen {
color:#FFFFFF; 
font-weight:bold;
float:left; 
height:25px;    
-webkit-border-radius: 5px;   
-moz-border-radius: 5px; 
width:100px; 
margin-left:10px; 
border:solid 0px; 
background:#FF0000; 
font-size:16px;
text-align:center
}

#meinungen {
float:left;
width:570px; 
border-bottom: dashed 1px #333333;
margin: 0px 3px 0px 3px;
padding-top:10px;
padding-left:5px;
}

#meinungen .header { 
float:left;
width:470px;
}

#meinungen .meinung_text { 
float:left;
width:570px; 
color:#333333

}

#meinungen .autor { 
float:left;
width:570px;
margin-top:5px;
color:#666666;
}

#meinungen .datum { 
float:left;
width:60px;
text-align:right;
}

#meinungen .stern { 
float:left;
width:200px;
height:40px;
margin-top:5px;
}

#meinungen .partner { 
float:left;
width:370px;
color:#999999;
font-weight:bold;
text-align:right;
font-size:12px;
}

#meinungen .partnera { 
color:#333333;
font-weight:bold;
text-align:right;
font-size:12px;
margin-left:5px;
margin-right:10px;
}

#ausgezeichnet { 
	border: solid 2px #FF0000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	margin-top:10px;
	width:570px; 
	height:80px;
	margin-bottom:10px;
	}

#ausgezeichnet .links { 
	float:left; 
	width:210px;
	margin-left:5px;
	margin-top:5px;
}

#ausgezeichnet .rechts {
	margin:8px 5px 5px 0px; 
	float:left; 
	width:179px;
	font-size:12px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	padding-top:2px; 
}

#ausgezeichnet .rechtsrechts {
	margin:20px 5px 5px 0px; 
	float: left; 
	width:100px;
	font-size:14px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	padding-top:2px; 
}


#navikundenbewertungen .vorteileoben {

    background-color: #FF0000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	margin-top:0px;
	width:183px; 
	height:25px; 
	font-size:14px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	padding-top:2px; 
	color:#FFFFFF; text-align:center
}

#navikundenbewertungen .vorteiletext { 
	font-size:13px; 
	margin-left:2px; margin-right:0px;
	font-weight:bold;
	font-family: "Comic Sans MS", Times, serif;
}

.faircost {
	margin-left:40px; 
	margin-bottom:-3px;
}

.vorteiletext { 
    margin: 5px 5px 5px 5px;
 	text-align:left;
}

.testsieger { 
 	float:left; width:160px; 	
	margin: 15px 0px 5px 15px; text-align:center
}

.dmdi { 
 	float:left;
 	margin: 15px 0px 0px 5px;
}

.zahlanbieter { 
 	float:left;
 	margin: 15px 0px 0px 10px;
}

/* suchfunktion */
.finden {
	float:left;  
	margin-top:86px;
	margin-left:130px;
	text-align:left;
}

.findlogo {
margin-left:280px;
margin-top: -25px;
}

/* hauptmenü */
.hmenue { 
	/*position:absolute;  */
   	/*margin-left:830px; */
	margin-top:55px;
	display:block; 
	cursor:pointer;
	float:right;
}

.hmenue ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}

.hmenue ul li{
	display:block;
	float:left;
	margin:0 1px 0 0;  
}

.hmenue ul a.kasse, li.kasse {
	background: url(images/navi/kasse1.png) repeat scroll 0px 0 transparent; background-repeat:no-repeat;width:55px; height:50px;
}
.hmenue ul a.kasse:hover, li.kasse:hover   {
	background: url(images/navi/kasse.png) repeat scroll 0px 0 transparent; background-repeat:no-repeat
}
.hmenue ul a.konto, li.konto {
	background: url(images/navi/ihrkonto1.png) repeat scroll 0px 0 transparent; background-repeat:no-repeat;width:55px; height:50px;
}
.hmenue ul a.konto:hover, li.konto:hover {
	background: url(images/navi/ihrkonto.png) repeat scroll 0px 0 transparent; background-repeat:no-repeat
}
.hmenue ul a.login, li.login {
	background: url(images/navi/login.png) repeat scroll 0px 0 transparent; background-repeat:no-repeat;width:55px; height:50px;
}
.hmenue ul a.login:hover, li.login:hover {
	background: url(images/navi/login.png) repeat scroll -58px 0 transparent; background-repeat:no-repeat
}
.hmenue ul li.leer {
	width:65px;
}

.styleone{ float:left; margin-top:0px;display:block;height:25px; width:980px;font-size:11px;font-weight:bold;  background: #F7F7F7;font-family:Arial,Verdana,Helvitica,sans-serif;}
.styleone ul{margin:0;padding:0;list-style-type:none;width:auto;}
.styleone ul li{display:block;float:left;margin:0 1px 0 0;}
.styleone ul li a{display:block;float:left;color:#009900;text-decoration:none;padding:3px 5px 0 10px;height:18px;}
.styleone ul li a:hover,#styleone ul li a.current{text-decoration:none;color:#FFFFFF;background:transparent url(images/navi/bgON.gif) repeat-x top left;}

li.sparen {
	background-image:url(images/navi/prozent.png); 
	background-repeat:no-repeat; 
	background-position:230px 100%; 
	width:300px; 
	height:25px; 
	text-align: left; 
	padding-left:120px;
	color:#FF0000; 
	font-size:18px; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-weight:normal;
}


/* Startseite Produkte */
.conprodukte {
margin:5px 5px 5px 10px;
width:575px;
float:left; 
font-family:Arial, Helvetica, sans-serif
}
.con_startseite_produkte {
float:left;
width:270px;
height:170px;
border: 2px solid #CCCCCC;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin:10px 5px 5px 5px; 
text-align:left;
/* background:transparent url(images/navi/neue_back.gif); */
}

.conprodukte div.name_produkt_rahmen { 
background-color:#CCCCCC; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
width:270px;
}

.conprodukte div.name_produkt { 
font-size:12px; 
padding:5px 5px 0px 5px; 
font-weight:bold;

}

.conprodukte div.name_menge { 
font-size:12px; 
padding:0px 5px 0px 5px; color:#666666; 
font-weight:bold; text-align:right;
}

.conprodukte div.bild_produkt {
float:left;
margin:5px 5px 0px 2px;
text-align: center;
width:110px;
height:110px
}

.conprodukte div.rechts {
float:left;
margin:5px 0px 0px 0px;
text-align: center;
width:149px;
height:110px
}

.conprodukte div.prozent { 
position:absolute; 
margin:100px 0px 0px 80px;
background:transparent url(images/navi/prozente.gif);
background-repeat:no-repeat;
width:68px;
height:47px;
padding: 10px;
color:#FFFFFF;
font-weight:bold;
font-size:16px;
vertical-align:bottom;
}


.conprodukte div.basis {
float:left;
margin: 5px 0px 0px 0px;
font-size:10px;
color:#999999;
text-align: left;
width:200px;

}

.conprodukte div.warenkorb {
float: left;
padding-left:0px;
margin: -10px 0px 0px 0px;
font-weight:bold;
font-size:16px;

}

.conprodukte div.preis {
margin: 25px 0px 0px 0px;
font-size:18px;
color:#FF0000;
font-weight:bold; 
text-align: right;
}

.conprodukte div.quantity { 
float:left;
margin: 0px 0px 0px 0px;
}

.conprodukte div.gratis {
margin: 0px 0px 0px 0px;
font-size:12px;
color:#006600;
font-weight:bold; 
text-align: center;
}

.conprodukte div.hinweis {
margin: 0px 0px 0px 0px;
font-size:10px;
color:#FF0000;
}

.conprodukte div.uvp {
margin: 5px 0px 0px 0px; 
text-decoration:line-through;
text-align: right;
}
/* Kategorien produkte Startseite */
.cat_header {
text-align:left;
color:#FF0000;
font-weight:bold;
font-size:16px;
margin: 10px 5px 5px 5px;
}

.cat_name {
margin-left:10px;
margin-top:5px;
text-align:left;
font-family: Arial, Helvetica, sans-serif; 
font-size:12px;
color:#666666;
}

.cat_des {
margin-left:10px;
margin-top:5px; 
margin-bottom:10px;
float:left;
text-align: justify;
width:350px;
font-family: Arial, Helvetica, sans-serif; 
font-size:13px;
}

.cat_bild {
float:left;
text-align: center;
width:220px; 
vertical-align:middle;
}

.cat_empfehlung {
text-align:left;
color:#FF0000;
font-size:14px;
margin: 10px 5px 5px 5px;
font-weight:bold;
width:570px;
float:left;
}

.cat_morecat_border {
height:50px; 
}

.cat_morecat {
background:transparent url(images/design/arrow_ra.gif);
background-repeat:no-repeat; background-position:5px;
font-size:14px;
float:left;
text-align:left;
font-weight:bold;
padding:0px 0px 0px 23px;
margin: 5px 5px 5px 10px;
width:180px; font-family:Arial, Helvetica, sans-serif;
}

/* // NEU  Sortierbox //////////////////////////////////////////////////////////////////////////////////////////////////////// */

#sortierbox {
    float: left;
    background-color: #DBF8BE;
    border: 1px solid #00CC00;
    margin: 5px 0px 0px 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 570px;
    display: block;
}

#sortierbox div.list_sort,
#sortierbox div.manufacturer_sort {
    float: left;
    font-size: 89%;
    padding: 5px 0px 5px 10px;
    text-align:left;
    }

#sortierbox #sortierbox1 label { 
    display:block;
    }

#sortierbox #sortierbox1 div.filter_apply {
    float: left;
    padding: 18px 0px 0px 20px;
    margin-bottom:6px;
    margin-top:-6px;
    }

#sortierbox #sortierbox1 div.filter_apply button.submit{
    padding: 0px 5px 3px 10px;
	margin:0;
	border:none;
	font-size:12px;
	background: url(../images/design/button_bg_5.png) no-repeat center;
	color: #AE0000;
	height:20px;
	width:110px;
    padding: 0px 5px 3px 10px;
	}

#sortierbox #sortierbox1 div.filter_apply button.submit:hover{
    padding: 0px 5px 3px 10px;
	margin:0;
	border:none;
	font-size:12px;
	background: url(../images/design/button_bg_5a.png) no-repeat center;
	color: #000000;
	height:20px;
	width:110px;
	}
/* // NEU  Sortierbox ENDE //////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* // NEU  Productbox  //////////////////////////////////////////////////////////////////////////////////////////////////////// */


#productbox {
    border-bottom: 1px solid #CCCCCC;
    width: 100%;
    float: left;
    display: block;
    height:180px;
	margin:5px 5px 5px 5px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}

#productbox .productbox_name { 
float:left; 
width:465px;
font-weight:bold;
}

#productbox .productbox_pzn {
float:left; 
width:110px;
font-weight:bold;
}


#productbox #productbox_links {
float:left;
width:190px;
height:100px;
}

#productbox #productbox_hersteller  {
color:#666666;
font-size:10px;
margin-top:5px;
margin-bottom:20px;

}

#productbox #productbox_menge  {

}

#productbox .productbox_attribute  {
color:#0000FF;
}

#productbox #productbox_bild  {
float:left;
color:#0000FF;
width:112px;
height:100px;
margin:20px 0px 0px 0px;
}

#productbox #productbox_con_prozent { 
position:relative;
float:left;
width:45px;
}

#productbox #productbox_prozent { 
font-family:Arial, Helvetica, sans-serif;
background:transparent url(images/navi/prozente.gif);
background-repeat:no-repeat;
height:38px; 
margin-top:80px; 
margin-left:-25px; 
padding: 10px 0px 0px 13px;
color:#FFFFFF;
font-size:18px;
text-align: left; 
font-weight:bold
}

#productbox #productbox_preis { 
float:right;
width:220px; 
text-align:right;
color:#FF0000;
font-size:18px;
font-weight:bold;
padding-right:20px;
margin-top: 10px;
}

#productbox #productbox_avp { 
float:right;
width:220px; 
text-align:right;
font-size:10px;
padding-right:20px;
margin-top: 15px; 
height:15px;
}

#productbox #productbox_folgeartikel { 
float:right;
width:220px; 
text-align:right;
font-size:12px;
padding-right:20px;
margin-top: 0px; 
height:25px;
}

#productbox .folgeartikel { 
color:#FF0000;
}

#productbox #productbox_basis { 
float: right; 
width:220px; 
text-align:right;
font-size:12px;
padding-right:20px;
margin-top: 0px; 
height:15px;
font-size:10px;
color:#666666;
}

#productbox #productbox_warenkorb { 
float:right;
width:168px; 
text-align:right;
font-size:12px;
padding-right:20px;
margin-top: 15px;
}

#productbox #productbox_warenkorb_menge { 
float: left;
text-align:right;
padding-right:5px;
}





#productbox #productbox1 label.productbox_pzn{ 
    font-size: 120%;
    }

#productbox label.productbox_bild{
    background-image: url(images/design/prozente.gif);
    background-repeat:no-repeat;
    width:88;
    height:55px; position:absolute;
    margin: -20px 0px 0px 10px;
    }

#productbox #productbox2 span.productbox_prozent{ 
    color:#FFFFFF; 
    float:left;
    font-size: 16px; 
    font-weight:bold;
    padding: 10px 0px 5px 13px;
    }

#productbox .quantity{ 
    position:absolute;
    margin: 2px 0px 0px -45px;
    }


#productbox #productbox2 div.productbox_rechts1{ 
    height:75px;
    }

#productsplit label.links{ 
    float:left;
    font-size:100%;
    padding: 5px 0px 0px 2px;
	margin: 5px 5px 5px 5px;
    }

#productsplit label.rechts{ 
    float:right;
    font-size: 100%; 
    padding: 5px 0px 0px 2px;
    }

#productsplit label.links{ 
    float:left;
    font-size:100%;
    padding: 5px 0px 0px 2px;
	margin: 5px 5px 5px 5px;
    }

#productsplit{ 
	width:570px;
    }

/* rezepte.php bestellschein.php */ 
TD.bestellschein {
  color: #333333;  
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.bestellschein1 {
  color: #333333;  
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background-color: #FFFFCC;
}

TD.bestellschein2 {
  color: #333333; 
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background-color: #CCCCCC;
  border: 1px solid #FFFFFF;
}

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

/* products_info.php */


/*  PRODUCTS_INFO.PHP ARTIKELBEZEICHNUNG ETC.   */

#con_productinfo {
width:570px;
margin:10px 5px 5px 5px;
}

#con_productinfo div.productinfo-name {
font-size:16px;
font-weight:bold;
}

#con_productinfo div.productinfo-hersteller {
font-size:14px; 
color:#999999;
}

#con_productinfo div.productinfo-links {
float:left;
margin-top:40px; 
width:180px;
}

#con_productinfo div.productinfo-links a.atributte {
font-size:14px; 
color:#0000FF; 
}

#con_productinfo div.productinfo-mitte { 
position:relative;
float:left;
width:120px;
height:180px;
color:#CCCCCC;
font-size:10px;
text-align:center;
}

#con_productinfo div.productinfo-mitte1 {
position:relative;
float:left;
background:transparent url(images/navi/prozente.gif);
background-repeat:no-repeat;
width:66px;
height:60px; 
margin-top:80px; 
margin-left:-25px; 
padding: 10px 0px 0px 13px;
color:#FFFFFF;
font-size:18px;
text-align: left; 
font-weight:bold
}

#con_productinfo div.productinfo-mitte2 {
position:relative;
float:left;
width:66px;
height:60px; 
margin-top:80px; 
margin-left:-25px; 
padding: 10px 0px 0px 13px;
color:#FFFFFF;
font-size:18px;
text-align: left; 
font-weight:bold
}

#con_productinfo div.productinfo-rechts { 
float:left;
width:215px;
text-align:right;
}

#con_productinfo div.productinfo-rechts div.preis { 
margin: 5px 5px 5px 5px;
color:#FF0000;
font-size:22px;
font-weight: bold;
}

#con_productinfo div.productinfo-rechts div.uvp {
margin: 5px 5px 5px 5px;
}

#con_productinfo div.productinfo-rechts div.base {
margin: 5px 5px 5px 5px; 
color:#999999; 
font-size:12px;
height:20px;
}

#con_productinfo div.productinfo-rechts div.gespart{
margin: 60px 5px 5px 5px; 
color:#009900;
}






/*  INFOBOX DOSIERUNG INDIKATION ETC.   */
.hproduct_single_extended {
text-align:left;
margin: 5px 5px 0px 5px;
}

.infobox-rechts {
    clear: right;
}

div.infobox-mitte h3,
div#infobox-unten h3,
div#infobox-oben h3 {
    background-image: url(../images/design/klappbox/einklappen.png);
    background-position: left top;
    background-repeat: no-repeat;
    color: #FFF;
    text-shadow: 1px 1px 1px #666;
    padding: 8px 10px 8px 10px;
    height: 15px;
    margin-bottom: 1px;
	font-size:14px;
    cursor: pointer;
	margin-top:4px;
}

div.infobox-mitte h3.ausgeklappt,
div#infobox-unten h3.ausgeklappt,
div#infobox-oben h3.ausgeklappt {
    background-image: url(../images/design/klappbox/ausklappen.png);
    background-position: left top;
    background-repeat: no-repeat;
    color: #323438;
    text-shadow: none;
	margin-top:4px;
}

div.infobox-mitte div,
div#infobox-oben div {
    padding: 5px 0px 5px 0px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}



div.infobox-mitte div.ausgeklappt,
div#infobox-unten div.ausgeklappt {
    display: none;
    margin-left: 10px;
}

div#infobox-unten {
   position: relative;
}

div#infobox-unten div#infobox-unten_link {
   position: relative;
   top: 0px;
  
}

* html div#infobox-unten div#infobox-unten_link {
   position: relative;
   top: 0;
   
}



p#jsalle {
    background-image: url(../images/design/klappbox/ico_all_down.gif);
    background-position: 100% 2px;
    background-repeat: no-repeat;
    height: 15px;
    padding-right: 15px;
    cursor: pointer;
    font-weight: bold;
    float: right;
	font-size:12px;
}

p#jsalle.infobox-mitte {
    background-image: url(../images/design/klappbox/ico_all_up.gif);
}




div.zusammensetzung2 { 
	clear: left;
}

div.zusammensetzung {
    padding: 5px 0px 5px 0px;
	font-size:12px;
}

div.zusammensetzung1 {
    padding: 5px 0px 5px 0px;
	font-size:14px;

}


div.zusammensetzung-links {
    padding: 0px 0px 0px 5px;
	float:left; 
	width:7%;
    display: block;
}

div.zusammensetzung-mitte {
	float:left;
	position:relative;
    display: block;
	width:70%;
}

div.zusammensetzung-rechts {
	float:right
	width:30%;
	text-align:right;
	margin-right:60px;
}


/*  ENDE  ****  INFOBOX DOSIERUNG INDIKATION ETC.   */

.tax_info {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000;
  font-weight:normal !important;
  }

.uvp {
  font-size:11px;
  color: #000000 !important;
  }

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

TD.infoBoxHeading1 { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; padding:3px 0px 0px 10px; }
TD.category_desc1 { font-family: Verdana, Arial, sans-serif; font-size: 12px; padding:5px 3px 5px 5px; }

.leer {
height:10px;
}

TD.boxStichWortBack{
 background-image: url(images/template/box_stichwort_back.gif);
  background-repeat:repeat-y;
}

TABLE.boxBlankBack {
 background-image: url(images/template/box_blank_back.gif);
  background-repeat:repeat-y;
}

TD.boxBlankBack{
 background-image: url(images/template/box_blank_back.gif);
  background-repeat:repeat-y;
}

TR.existingBack {
 background-image: url(images/design/neuer_kunde_back.gif);
 background-repeat:repeat-y;
}

.footer_agb {
	width:99%;
	background:#00CC00;
	height:25px;
	border: 1px solid #00CC00;
	margin: 5px 0px 0px 4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; vertical-align:top;
	text-align:center;
	padding-top:5px;
}

.footer_agb a.agb { 
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.footer_agb li {
	float:left;
	display:block;
	padding:5px 5px 5px 5px;
}

.footer_1 {
float:left;
width:100%;
font: Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
color:#666666; 
font-weight:bold;
margin-top:5px;
}

.footer_2 {
float:left;

width:100%;
font: Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
color:#666666;
}

.footer_3 {
float:left;
width:100%;
font: Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
color:#666666;
}

.vitastern img{
cursor: pointer;	
}
.vitastern{
float: left;
width:570px;
}
			
.ratingWrapper{
background:url("images/navi/sterni.png") no-repeat scroll left top transparent;
height:36px;
margin-bottom: 5px;
}	
			
.ratingWrapper .ratingInner{
background:url("images/navi/sterna.png") no-repeat scroll left top transparent;
height:36px;
}	
			
.ratingType{
float:left;
font-size: 12px;
padding-left:7px; 
width:370px
}
			
p.ratingType input{
font-size: 14px;
background-color: transparent;
border: 0px;
color: #333333;
font-weight: bold;
font-family:Arial,helvetica,sans-serif;
font-size:12px;
width:75px;				
}


/* Kategorien */

#menu {width: 100%; background: #eee; } 

#menu ul { list-style: none; margin: 0; padding: 0;line-height: 1.0; } 

#menu a, #menu h2 {
  font-family: arial, sans-serif;                      
  display:block;
  white-space:nowrap;
  text-decoration: none;
  font-size:14px;
  padding:4px 0px 4px 15px;
  border-bottom: 1px solid #B2B2B2;
}

#menu a { color: #666666;  text-decoration: none; } 

#menu a:hover { color: #666666; background: #CCCCCC } 

#menu li { position: relative; }

#menu ul ul ul {position: absolute; top: 0; left: 100%; width: 100%; background: #F2F2F2}

#menu ul {background: #FFF;}

div#menu ul ul ul, div#menu ul ul li:hover ul ul {display: none;} 

div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}

#productListing-odd {
margin:5px 5px 5px 5px;
font-size:16px;
}

div.facebook { 
	float:left;
	width:45%; height:26px; 
	padding: 5px 0px 0px 20px;
	color:#666;
	font-size:14px;
	background:#EBEBEB; 
}

div.facebook_bild { 
	background:#EBEBEB; 
	height:26px; 
	padding: 5px 0px 0px 0px;
}