/* * {
font-size: 12px;
}
*/
body {
font-family:Arial,Verdana;
color:#000;
font-size:12px;
line-height:1.5em;
/* background: #dfe1e3 url(bilder/bgbody.png) repeat-x scroll center top; */
background: #dfe1e3 url(bilder/bgbody.png) repeat-x scroll center top;
}

h1 {
color: #A80050; 
font-weight: bold; 
font-size: 14px; 
line-height: 18px;  
text-align: left;
}

/*------------------------Hier sind die Hauptboxen------------------------------------*/

#aussenbox {
width:980px;
position:absolute; 
margin-top:-10px;
left:50%; 
margin-left:-490px;
}

#rootline {
width:800px;
height:17px;
float:left;
background-color:#000;
padding-left:180px;
/*margin-top: 5px;*/
padding-top:3px;
color: #000; 
font-style: normal; 
font-weight: bold; 
text-decoration: none;
letter-spacing: 1px;
}
#rootline a   { 
/*color: #A80050;*/
color: #fff;
font-weight: bold; 
}
#rootline a:hover { 
color: #d2691e; 
text-decoration: underline; 
}

.text_count {
color: #d2691e;
}

.count {
color: #d2691e;
}

.text_before_items {
color: #d2691e;
}

.text_after_count {
color: #d2691e;
}

#head  { background:transparent url(bilder/barriqueshop-banner-test.png); 
width:980px; 
height:184px 
}

#wrapper   { 
background: #fff url(bilder/spaltenborder.gif) repeat-y 200px center; 
position: relative; 
width: 980px; 
overflow: hidden;
 }



#boxnavi {
width:195px;
padding-left:5px;
padding-top: 10px;
float:left;
font-weight:normal;

}

.bildschrift {
color: #FFF; 
font-weight: 800;
line-height:3em; 
text-decoration: none; 
text-align: left; 
letter-spacing: 1px; 
padding-left: 10px;
margin-top:-30px;
}

#content {
width:566px;
padding:15px;
float:left;
font-weight:normal;
}

#boxrechts {
width:175px;
padding-left:5px;
padding-top: 10px;
float:left;
font-weight:normal;
}


#footer {
width:980px;
height:auto;
color: #fff;
background-color:#000;
}


/*-------------------------Hauptboxen Ende--------------------*/


/*--------------------------------allgemeine Formatierung------------------------------------------------*/
.textklein {
font-size:10px;
line-height:1.3em;
color:#000;
}

.textkleinweiss {
font-size:10px;
line-height:1.3em;
color:#fff;
}

.color {
color: #A80050;
}

.sechspluseins   { 
color: #A80050; 
font-weight: bold; 
text-align: left; 
margin-top: -40px; 
margin-left: 48px;
text-decoration: none; 
}
a  { 
color: #000; 
font-style: normal; 
font-weight: normal; 
text-decoration: none; 
text-align: left; 
}



.extra_a {
font-size: 1em;
color: #000;
background: url(bilder/ballallgemein.gif) no-repeat scroll left center; 
	padding-left: 10px;
text-decoration:none;
font-weight: bold;
}

.extra_a_normal {
font-size: 1em;
color: #000;
background: url(bilder/ballallgemein.gif) no-repeat scroll left center; 
	padding-left: 10px;
text-decoration:none;
font-weight: normal;
}

.extra_a:hover {
color: #d2691e;
background: url(bilder/ballallgemein.gif) no-repeat scroll left center; 
	padding-left: 10px;
text-decoration:underline;
font-weight: bold;
}

.extra_a_normal:hover {
color: #d2691e;
background: url(bilder/ballallgemein.gif) no-repeat scroll left center; 
	padding-left: 10px;
text-decoration:underline;
font-weight: bold;
}

.scriptalert   { 
background: #eee url('(EmptyReference!)'); 
padding: 4px; 
border: solid 1px #A80050; 
}

.ptitel     { 
color: #A80050; 
font-style: normal; 
font-weight: bold; 
font-size: 18px; 
border: solid 1px #c0c0c0;
text-decoration: none; 
background: url(bilder/rubrikmittetest.jpg) no-repeat; 
text-transform: uppercase; 
letter-spacing: 11px; 
margin-top: 10px; 
margin-bottom: 10px; 
padding-top: 6px; 
padding-left: 10px; 
width: 540px; 
height: 26px; 
}

.wkhead     { 
color: #000; 
font-style: normal; 
font-weight: bold; 
}

.produkttitel  { 
	color: #A80050; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 16px; 
	line-height: 20px;  
	text-decoration: none; 
	text-align: left; 
	}
	
	.produkttitelcaps  { 
	color: #808080; 
	font-style: normal; 
	font-weight: bold;
/*text-transform: uppercase;*/
letter-spacing: 5px;	
	font-size: 18px; 
	line-height: 30px;
padding-bottom: 10px;	
	text-decoration: none; 
	text-align: left; 
	}
	
.grossertitel  { 
	color: #A80050; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 18px; 
	line-height: 20px;  
	text-decoration: none; 
	text-align: left; 
	}
	
.errortext    { 
color: #A80050; 
font-style: normal; 
font-weight: bold; 
text-decoration: none; 
text-align: justify 
}

/* ---------------------folgendes gilt für das gesamte Menü--------------------------------*/
.menu1, .menu2, .menu3, .menu4, .menu5 {
	color: black;
	font-style: normal;
	/*font-weight: bold;*/
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
	text-align: left;
	}
.msel1, .msel2, .msel3, .msel4, .msel5 {
	color: #A80050; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 12px; 
	line-height: 18px; 
	text-decoration: none;
	text-align: left;
}

/* ----------------und hier spezielle Einstellungen für das Menü ------------------------------*/
.menu1  {  
	border-bottom: 1px solid #A80050; 
	display: block;
font-weight: bold;	
	}
.menu1:hover  { 
	background: url(bilder/aktiv.gif) no-repeat scroll left center;
	color: #A80050; 
	font-style: normal; 
	font-weight: bold;  
	text-align: left; 
	padding-left: 12px; 
	/*width: auto; */
	}
.menu2  { 
	background: #f5f5f5 url(bilder/ballallgemein.gif) no-repeat scroll left center; 
	font-weight: bold;
	padding-left: 15px; 
	width: auto;
border-bottom: 1px dotted #A80050; 
display: block;	
margin-left: 10px;	
	}
.menu2:hover   { 
	background: url(bilder/aktiv.gif) no-repeat scroll left center;
	color: #A80050; 
	font-style: normal; 
	font-weight: bold; 
	text-align: left; 
	/*width: auto; */
	}
.menu3  { 
	color: #A80050; 
	background: #dfe1e3 url(bilder/strich.gif) no-repeat scroll left center; 
	float: none; 
	padding-left: 15px; 
	width: auto; 
border-bottom: 1px dotted #A80050; 
display: block;	
margin-left: 25px;
	}
.menu3:hover    { 
	color: #A80050; 
	font-style: normal; 
	font-weight: bold; 
	background: url(bilder/aktiv.gif) no-repeat scroll left center; 
	float: none; 
	padding-left: 12px; 
	/*width: auto; */ 
	}
.menu4  { 
	color: #A80050; 
	background: #f5f5f5 url(bilder/strich.gif) no-repeat scroll left center; 
	padding-left: 12px;
border-bottom: 1px solid #A80050; 
display: block;	
margin-left: 35px;	
	}
.menu4:hover    { 
	color: #A80050; 
	font-style: normal; 
	font-weight: bold; 
	background: url(bilder/ballallgemein.gif) no-repeat scroll left center; 
	float: none; 
	padding-left: 12px; 
	/*width: auto; */ 
	}	
.menu5    { 
	margin-left: 15px 
	}
.msel1  { 
	background: url(bilder/aktiv.gif) no-repeat scroll left center ; 
	vertical-align: middle; 
	padding-right: 3px; 
	padding-left: 15px;
border-bottom: 2px solid #A80050; 
	display: block;	
	}
.msel2  { 
	background: #dfe1e3 url(aktiv.gif) no-repeat scroll left center; 
	padding-right: 3px; 
	padding-left: 15px;
border-bottom: 2px solid #A80050; 
display: block;	
margin-left: 10px;	
	}
.msel3 { 
	background: url(aktiv.gif) no-repeat scroll left center; 
	padding-right: 3px; 
	padding-left: 15px;
border-bottom: 2px solid #A80050; 
display: block;	
margin-left: 25px;	
	}
.msel4 { 
	background: url(aktiv.gif) no-repeat scroll left center; 
	padding-right: 3px; 
	padding-left: 15px;
border-bottom: 1px solid #A80050; 
display: block;	
margin-left: 35px;	
	}
.msel5  { 
	background: url(aktiv.gif) no-repeat scroll left center; 
	letter-spacing: 3px; 
	padding-left: 15px; 
	}

/*- Menu Tabs 5--------------------------- */

    #suche {
	width:200px;
	height:25px;
	margin-top:-25px;
	
	}
	
	#tabs5 {
      position:absolute;
	  float:left;
      width:1180px;
	  height:24px;
      font-weight:bold;
	margin-top:160px;
	  margin-left:200px;
      }
    #tabs5 ul {
	  margin:0;
	  padding:0px 10px 0 0px;
	  list-style:none;
      }
    #tabs5 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs5 a {
      float:left;
      background:url(bilder/tableft.png) no-repeat left top;
      margin-right:6px;
      padding:0 0 0 20px;
      text-decoration:none;
      }
    #tabs5 a span {
      float:left;
	  width:80px;
	  text-align: center;
	  font-weight:bold;
      display:block;
      background:url(bilder/tabright.png) no-repeat right top;
      padding:2px 25px 4px 0px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs5 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs5 a:hover span {
      color:#000000;
      }
    /*#tabs5 a:hover {
      background-position:0% -42px;
      }
    #tabs5 a:hover span {
      background-position:100% -42px;
      }  */
	  
/* Immer sichtbarer Mini-Warenkorb */
.miniwk {color:#000; font-size:90%; line-height: 12px; padding: 0px;}
.miniwk .count {font-weight:bold; color: #A80050; border-bottom: 1px solid #A80050;}
.miniwk .product { color: #A80050; font-weight:bold; padding: 0px; border-bottom: 1px dotted #969696;}
.miniwksum { font-size:90%; line-height: 12px; font-weight:bold; }
.miniwkpriceinfo { font-size:80%; font-style:italic;}
.empty { font-weight:bold;}	  
	  
/*- für Bestellformular--------------------------- */	  
.f_normal { 
font-size: 11px; 
color: #666666;
}
.f_start    { 
color: #399; 
font-weight: bold; 
font-size: 13px; 
 }
.f_header { 
font-size: 15 px; 
font-weight: bold; 
color: #666666;
}
.f_heading { 
padding-left: 10px; 
font-size: 12px; 
font-weight: bold; 
color: #FFFFFF; 
}


.resizeImgSeller img    { 
	background-color: white; 
	height: 60px;
	width: auto;
}

.box-content {
	border: 1px none #A80050;
	width: 180px;
	padding-left: 5px;
	}
	
.box-kunden {
	border: 2px dotted #A80050;
	background-color: #F5F5DC;
	width: 160px;
	padding-left: 5px;
	padding-top: 5px;
	}
	
.box-lastseen {
	border: 1px solid #A80050;
	width: 160px;
	padding-left: 5px;
	}
	
.box-best {
	font-size: 12px;
	border: 2px dotted #A80050;
	width: 180px;
	padding-left: 5px;
	}
	
.box-wk {
	font-size: 12px;
	/* background:  url(bilder/wk.jpg) repeat-x scroll center top; */
	background-color: #F5F5DC;
	border: 2px dotted #d1d1d1;
	width: 180px;
	padding-left: 5px;
	}

	/* -------------------- Für die losen Spirituosen ------------------*/	
.resizeImg img    { 
	background-color: white; 
	height: 80px 
	}
.resizeImgprodukt img { 
	background-color: white; 
	height: 200px 
	}
.resizeImgfeinkost img  { background-color: white; width: 80px }
.resizeImglose img    { 
	background-color: white; 
	width: 200px 
	}
.flaschen   { 
	color: black; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 11px;  
	text-decoration: none 
	}
.flah1     { color: #A80050; font-style: normal; font-weight: bold; font-size: 16px; text-decoration: none; text-align: left }

.flaschentabelle   { background-color: #fff; text-align: left; margin: 5px; padding: 3px 0px; border: solid 1px #808080 }

#zoom {
position:absolute; 
z-index:3;}

#zoom a {
display:block;
padding:0px;
}
 
#zoom a:hover {
width:0px;}
 
#zoom a span {display:none;}
 
#zoom a:hover span {
	position:absolute; 
	top:-300px; 
	right:30px; z-index:3;
	display:block;
	background:#ffffff;
	border:2px solid #ffa500;
	padding:5px 25px 5px 25px;
}
a.graufeld:hover  { 
	color: #ffa500; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 11px; 
	line-height: 15px; 
	text-decoration: none; 
	text-align: center 
	}
form   { 
	font-size: 11px;  
	text-decoration: none; 
	margin: 0px; 
	padding: 0px 
	}

input   { 
	font-size: 12px; 
 }

select   { 
	font-size: 11px;  
	text-decoration: none;
	}
	  
.tdrahmen-detail { border-top: none; border-right: none; border-bottom: 2px solid #A80050; border-left: none }

.detailnavigation a { color:gray; font-size:11px;}
.detailnavigation a:hover {text-decoration:overline underline;}
.detailnavigation .previtem {
		float:left; 
		background:url(bilder/last.gif) no-repeat left center; 
		padding-left: 30px;
	}
.detailnavigation .nextitem {
		float:right; 
		background:url(bilder/next.gif) no-repeat right center; 
		padding-right: 30px;
	}
.detailnavigation {clear:both;}
.detailnavigation .manufacturer {display:none;}
.detailnavigation .product {
	font-size: 12px;
	font-weight: bold;
	color: #A80050;
	}

/* Element für Spaltensortierung */
.sorter  {width: 220px; text-align: center; background-color: #dfe1e3; border: 1px dotted;}
.sorter #sort_asc {font-weight: bold;
   background:transparent url(bilder/sort_up.gif) no-repeat scroll right center;
   padding-right:30px;
   }
.sorter #sort_desc {font-weight: bold;
   background:transparent url(bilder/sort_down.gif) no-repeat scroll right center;
   padding-right:30px;
   }
.sorter #sort_inactive {font-weight: bold;
   background:transparent url(bilder/sort_inactive.gif) no-repeat scroll right center;
   padding-right:30px;
   }	
   
 /******************************************************************************************************
** Input Elemente (zB Buttons, Eingabefelder) *********************************************************
******************************************************************************************************/
.input_button, .box .box_kunden .userlogin .form_submit input
{	/* alle Buttons (input type="submit" */
	margin:0px; 
	padding:1px; 
	border:1px solid #A80050;							/* Rahmen */
	background-color:#EEEEEE;							/* Hintergrundfarbe */
}
.input_text, .box .box_kunden .userlogin .login_input input, .box .box_kunden .userlogin .pass_input input
{	/* alle Eingabefelder (input type="text" und textarea) */
	margin:0px; 
	padding:1px; 
	border:1px solid #000;							/* Rahmen */						
/*	background-color:#FEEEFE;							/* Hintergrundfarbe */
	background-color:#F0F0F0;							/* Hintergrundfarbe */

}
.input_select
{	/* alle Eingabefelder (<select>) */
	margin:0px; 
	padding:0px; 
	border:1px solid #000;							/* Rahmen */
	background-color:#F0F0F0;							/* Hintergrundfarbe */
}
input.buttonok  
{ /* Button aus dem Warenkorb für __anzaendern__ */
	margin:0px; 
	padding:1px; 
	border:1px solid #A80050;							/* Rahmen */
	background-image: url(../images/other/ok.gif);			/* Bild auf dem Button */
	background-repeat: no-repeat;
	background-position: center;
	width: 15px; height: 15px;							/* Breite = Höhe = 15 Pixel */
}

/* Formartierung für "Kunden"-Box (aus user.ipl erzeugt) */
.box td.box_kunden {}
.box td.box_kunden { padding:0px; }

.box .box_kunden .username { border-bottom:1px solid #A80050; text-align:center; font-style:italic; }
.box .box_kunden .username .welcome {}
.box .box_kunden .username .name { font-weight:bold; }
.box .box_kunden .username .additional_text { display:none; }

.box .box_kunden .userlogin { padding:2px; }
.box .box_kunden .userlogin .login_title {}
.box .box_kunden .userlogin .login_input {}
.box .box_kunden .userlogin .pass_title {}
.box .box_kunden .userlogin .pass_input {}
.box .box_kunden .userlogin .form_submit { padding-top:2px; }
.box .box_kunden .userlogin .logout {}

.box .box_kunden .userlinkkundenkonto { padding:2px; }
.box .box_kunden .userlinkregistrieren { padding:2px; }

/******************************************************************************************************
** Standard Boxen wie die in der linken Spalte ********************************************************
******************************************************************************************************/
table.box { /* Style für <table class="box"> */
	width:100%;
	border-collapse:collapse; 
	border:1px solid #A80050;
	background-color:white;
}
table.box td { /* <td> innerhalb <table class="box">*/
	padding:2px; 
	background-color:white;
}
table.box td.header { /* <td class="header"> innerhalb von <table class="box"> */
	padding:2px; 
	padding-left:10px; 
	padding-right:10px; 
	background-color:#dedede; 
	/* background-image:url(bilder/rubrikrechts.jpg); */
	background-repeat:repeat-x;
	font-size:11px; 
	font-weight:bold; 
	color:black; 
}
table.box td.angebot 	{ /* <td class="angebot"> innerhalb <table class="box"> */
	padding:2px; 
	padding-left:10px; 
	background-color:#1369B1; 
	background-image:url(../images/other/boxheader.jpeg);
	background-repeat:repeat-x;
	font-size:13px; 
	font-weight:bold;
	color:yellow; 
}

table.box td.colheader { /* <td class="colheader"> innerhalb von <table class="box"> */
	padding:2px; 
	background-color:#EEEEEE; 
	border:1px solid #A80050;
}
table.box td.historie  /* Historie im Kundenbereich */
{
	padding:0 5 0 5;
	text-align:right;
	border:1px solid #A80050;
}