﻿@charset "utf-8";

/* PHIALA -Template xt:commerce */
/*******************************/
/*     (c) Lackner Joachim     */
/*-----------------------------*/

#preloader {
	display:none;
	}

body {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	margin: 0px;
	background-color: #f6f4dd;
	}
	
#firstdiv {
	width: 950px;
	z-index: 1;
	min-height: 600px;
	}
	
	
#maindiv {
	position: relative;
	top: 15px;
	z-index: 2;
	width: 900px;
	min-height: 650px;
	}
	
	
	
#logo {
	display: block;
	position: absolute;
	z-index: 10;
	width: 222px;
	height: 135px;
	top: 25px;
	left: -30px;
	}

#balkentop {
	position: relative;
	left: 0px;
	top: 20px;
	width: 900px;
	height: 10px;
	text-align: right;
	padding-top: 10px;
	}
	
#rahmen {
	position: relative;
	top: 25px;
	border: 1px solid #666666;
	background-color: #FFFFFF;
	}

	
#banner {
	position: relative;
	left: 0px;
	width: 898px;
	height: 142px;
	}
	
#balken1 {
	position: relative;
	height: 30px;
	width: 898px;
	background-image: url(img/bg-balken.gif);
	background-repeat: repeat-x;
	}
	
#balken1Suche {
	float: left;
	padding-left: 15px;
	}
	
#bereichpfad {
	position: relative;
	height: 24px;
	width: 888px;
	background-color: #FFFFFF;
	text-align: left;
	padding-top: 4px;
	padding-left: 10px;
	font-size: 9px;
	}
	
#menutop {
	position: absolute;
	top: 119px;
	width: 900px;
	height: 27px;
	right: 10px;
	text-align: right;
	visibility: visible;
	z-index: 30;
	}
	
#clear {
	clear: both;
	}
	
.spaltelinks {
	width: 170px;
	min-height: 400px;
	padding-left: 10px;
	padding-top: 5px;
	}
	
.spaltemitte {
	width: 508px;
	min-height: 400px;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	}
	
.spalterechts {
	width: 170px;
	min-height: 400px;
	padding-right: 10px;
	padding-top: 5px;
	}
	
#balken-bottom {
	width: 898px;
	height: 50px;
	padding-top: 20px;
	}
	
	
img	 {
	border: 0px;
	}

.werbebanner {
	border: 1px solid #CCCCCC; 
	background-color: #FFFFFF;
	padding: 2px;
	}
	
ul.vorteile {
	padding-left: 20px;
	}
	
ul.vorteile li {
	list-style-image: url(img/haken.png);
	margin-left: 8px;
	}
	
td.hotline {
	font-size: 11px;
	font-weight: bold;
	}
	
.copyright {
	font-size: 9px;
	color: #333333;
	}

#balken1Suche {	
	padding-top: 6px;
	}
	
#balken1Suche a:link, #balken1Suche a:visited {
	color: #000000;
	}

#balken1Suche a:hover {
	color: #000000;
	text-decoration: none;
	}
	
	
input.suche {
	font-size: 10px;
	height: 11px;
	width: 100px;
	margin-top: 0px;
	}
	
#balken1Anmeldung {
	text-align: right;
	padding-right: 15px;
	padding-top: 10px;
	}
	
	
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: 1px;
	color: #719613;
	font-weight: normal;
	margin-top: 0px;
	}
	
.contentsTopics h1 {
	margin-bottom: 0px;
	}
	
	
.main hr {
	color: #333333;
	height: 1px;
	}


/*    Spezial Links     */
/************************/

a:link.anmelden, a:visited.anmelden {
	color: #820e0e;
	font-weight: bold;
	text-decoration: underline;
	}
	
a:hover.anmelden {
	color: #820e0e;
	font-weight: bold;
	text-decoration: none;
	}
	
	
a:link, a:visited {
	color: #820e0e;
	text-decoration: underline;
	}
	
a:hover {
	color: #820e0e;
	text-decoration: none;
	}	


a:link.boxlink, a:visited.boxlink {
	color: #820e0e;
	font-weight: bold;
	font-size: 13px;
	text-decoration: underline;
	}
	
a:hover.boxlink {
	color: #820e0e;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	}
	
	
	


/********************************/
/*          SHOP                */
/********************************/

/*   Menü  top  */

#TopCategories {
	text-align: right;
	}

.CatLevel1 {
	width: 111px;
	height: 25px;
	text-align: center;
	background-image: url(img/menu.png);
	}
	
.CatLevelSpezial {
	width: 111px;
	height: 25px;
	text-align: center;
	background-image: url(img/menu.png);
	}

.CatLevel1 a:link, .CatLevel1 a:visited {
	display: block;
	padding-top: 5px;
	padding-bottom: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	}
	
.CatLevel1 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	}
	
td.CatLevel1:focus {
	background-image: url(img/menu-hover.png);
	}
	
td.CatLevel1:hover {
	background-image: url(img/menu-hover.png);
	}
	
td.CatLevelSpezial:focus {
	background-image: url(img/menu-hover.png);
	}
	
td.CatLevelSpezial:hover {
	background-image: url(img/menu-hover.png);
	}
	
.CatLevelSpezial {
	width: 111px;
	height: 25px;
	text-align: center;
	background-image: url(img/menu.png);
	text-decoration: none;
	letter-spacing: 2px;
	}

.CatLevelSpezial a:link, .CatLevelSpezial a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
	letter-spacing: 2px;
	}
	
.CatLevelSpezial a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
	}

	
	
/* Content  - Versandkosten, etc. oben */

.infoBoxHeading_top a:link, .infoBoxHeading_top a:visited {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	letter-spacing: 0,5px;
	}
	
.infoBoxHeading_top a:hover {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: underline;
	letter-spacing: 0,5px;
	}
	
/*   Boxen    */

.infoBoxHeading_right {
	background-color: #7f7f7f;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 1px;
	border-bottom: 1px solid #FFFFFF;
	padding-left: 5px;
	text-align: left;
	}
	
	
.infoBox_right {
	background-color: #efedb2;
	padding: 5px;
	width: 170px;
	text-align: left;
	}
	
.infoBox_verlauf {
	background-image: url(img/box-bg-verlauf.png); 
	background-repeat: repeat-x;
	min-height: 108px;
	padding: 5px;
	padding-top: 10px;
	width: 170px;
	text-align: left;
	}
		
.tableBox {
	margin-bottom: 18px;
	}
	
	
a:link.contentlink {
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	line-height: 17px;
	}
	
a:visited.contentlink {
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	line-height: 17px;
	}		
	
a:hover.contentlink {
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
	line-height: 17px;
	}
	
a:link.weinwissenlink {
	font-size: 10px;
	text-decoration: none;
	}	

a:visited.weinwissenlink {
	font-size: 10px;
	text-decoration: none;
	}		
	
a:hover.weinwissenlink {
	font-size: 10px;
	text-decoration: underline;
	}
	
	
	
.infoBox_weinwissen {
	padding-left: 10px;
	}
	
/*   Breadcrumps    */

#bereichpfad a:link, #bereichpfad a:visited {
	color: #000000;
	}
	
#bereichpfad a.hover {
	color: #000000;
	}
	
	
	
/*   Infoboxen    */

.infoBoxHeading {
	color: #719613;
	font-weight: bold;
	font-size: 11px;
	}
	
	
/*   Bottom Menu    */

.infoBoxHeading_bottom a:link, .infoBoxHeading_bottom a:visited {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	letter-spacing: 0,5px;
	}
	
.infoBoxHeading_bottom a:hover {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: underline;
	letter-spacing: 0,5px;
	}
	
	
/*   diveres    */

.nullprozent {
	color: #719613;
	font-size: 16px;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}
	
.hundertprozent {
	color: #666666;
	font-size: 16px;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}
	
.kundenservice {
	color: #820e0e;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 1px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 20px;
	}
	
	
	
/*    Weinwissen + Service     */


.weinwissen_head {
	background-color: #820e0e;
	color: #FFFFFF;
	margin-left: 2px;
	height: 20px;
	text-align: left;
	font-size: 11px;
	width: 160px;
	}
	
.weinwissen_text {
	padding: 5px;
	text-align: left;
	vertical-align: top;
	}
	
	
.contentsTopics {
	font-size: 14px;
	font-weight: bold;
	color: #719613;
	}
	
.infoBoxHeading_weinwissen {
	font-weight: bold;
	}
	
.infoBox_weinwissen {
	background-color: #F0F0F0;
	}

	
.infoBoxHeading_service {
	font-weight: bold;
	}
	
.infoBox_service {
	background-color: #F0F0F0;
	}

	
/*   Produktliste   */

table.produktliste {
	background-image: url(img/bg-artikel.png);
	height: 195px;
	width: 512px;
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 28px;
	padding-bottom: 20px;
	}
	
	
table.produktliste img {
	margin-bottom: 10px;
	}
	
.head-artikel {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	}
	
	
.artikel-beschreibung {
	color: #333333;
	padding-top: 10px;
	padding-left: 10px;
	font-size: 11px;
	}
	
	
.artikel-preis {
	padding-left: 10px;
	font-weight: bold;
	text-align: center;
	}

.preis {
	color: #800909;
	font-weight: bold;
	font-size: 16px;
	}
	
.preis-bestseller {
	color: #800909;
	font-weight: bold;
	font-size: 13px;
	}
		
.preisinfo { 
	padding-left: 10px;
	color: #333333;
	font-size: 10px;
	}


/*   Produktinfo   */

.ArtikelInfo {
	padding-top: 27px;
	height: 310px;
	background-image: url(img/bg-artikel-info-head.png);
	background-repeat: repeat-x;
	}

.ArtikelBorder {
	border: 1px solid #999999;
	}

.ArtikelTrennung {
	height: 20px;
	background-color: #820e0e;
	}
	
.ArtikelTabelle {
	background-repeat: repeat-x;
	}
	
.NewArtikelTabelle {
	background-image: url(img/bg-artikel-new-head.png);
	width: 510px;
	background-repeat: repeat-x;
	}

.ArtikelTopics {
	padding-top: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #800909;
	text-align: left;
	}

.ArtikelBeschreibung {
	padding-right: 15px;
	padding-top: 10px;
	vertical-align: top;
	}
	
.ArtikelPreisInfo {
	padding-top: 10px;
	}
	
.ArtikelBild {
	width: 120px;
	background-image: url(img/bg-artikel-info-head.png);
	background-repeat: repeat-x;
	height: 310px;
	}
	
.ArtikelPreis {
	font-weight: bold;
	color: #800909;
	font-size: 14px;
	width: 100%;
	padding-left: 10px;
	text-align: center;
	
	}
	
.ArtikelproFlasche {
	padding-left: 10px;
	font-size: 11px;
	color: #000000;
	}

.ArtikelVersandkostenfrei {
	color: 	#800909;
	}

.ArtikelBewertungen {
	background-image: url(http://phiala.de/webshop/templates/xtc4/img/box-bg-verlauf.png);
	background-repeat: repeat-x;
	padding: 5px;
	}
	
.ArtikelWeinverkoster {
	width: 200px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	border-left: 1px dotted #800909;
	}

.ArtikelWeinverkoster img {
	border: 1px solid #800909;
	}
	
.ArtikelBeschreibung  {
	padding-right: 10px;
	}
	
.ArtikelAddtoCart {
	height: 109px;
	text-align: right;
	padding-left: 50px;
	padding-right: 15px;
	}

.ArtikelAbstand {
	height: 20px;
	}
	
.tdArtikelPreis {
	height: 109px;
	padding-left: 15px;
	}
	
.bewertungen-head {
	display: block;
	width: 500px;
	height: 20px;
	color: #800909;
	font-size: 14px;
	font-weight: bold;
	background-image: url(http://phiala.de/webshop/templates/xtc4/img/bg-head-artikel.jpg);
	background-repeat: repeat-y;
	/*background-color: #dbdaca;*/
	padding-top: 5px;
	padding-left: 5px;
	margin-bottom: -11px;
	}
	
.empfehlungen-head {
	width: 500px;
	height: 20px;
	color: #719613;
	font-size: 14px;
	font-weight: bold;
	background-image: url(http://phiala.de/webshop/templates/xtc4/img/bg-head-artikel.jpg);
	background-repeat: repeat-y;
	/*background-color: #dbdaca;*/
	padding-top: 5px;
	padding-left: 5px;
	}
	
.bewertungenBG {
	background-image: url(http://phiala.de/webshop/templates/xtc4/img/bg-bewertungen.jpg);
	background-repeat: repeat-x;
	border: 1px solid #999999;
	}


hr.bewertungen {
	width: 500px;
	border-bottom: 1px dotted #999999;
	border-top: 0px;
	}


/*  Account   */

.moduleHeading {
	color: #719613;
	font-weight: bold;
	font-size: 12px;
	}
	
.AccountArtikelletzter {
	background-image: url(img/bg-artikel-preis.png);
	height: 109px;

	}
	

/* Empfehlungen   */

td.empfehlungen {
	background-image: url(http://phiala.de/webshop/templates/xtc4/img/box-bg-verlauf.png);
	background-repeat: repeat-x;
	min-height: 150px;
	padding: 10px;
	}





/*    WARENKORB    */


.WarenkorbTop {
	background-color: #efedb2;
	}
	
.WarenkorbDelete {
	background-color: #7f7f7f;
	}
	
.WarenkorbTrennung {
	border-top: 1px dotted #7f7f7f;
	border-bottom: 1px dotted #7f7f7f;
	}
	
.WarenkorbTotalPreis {
	font-size: 12px;
	font-weight: bold;
	}
	
/*    CHECKOUT    */

.CheckoutTopics {
	padding: 3px;
	background-color: #efedb2;
	}
	
.CheckoutVersandadresse {
	background-color: #F0F0F0;
	/*background-image: url(http://phiala.de/webshop/templates/xtc4/img/box-bg-verlauf.png);*/
	background-repeat: repeat-x;
	}
	
.checkoutBarCurrent {
	padding: 2px;
	background-color: #820e0e;
	color: #FFFFFF;
	}
	
.checkoutBarTo {
	padding: 2px;
	background-color: #bbc3d3;
	}
	
.CheckoutVersandart {
	padding: 5px;
	}
	
.CheckoutAdressbuch {
	border-bottom: 1px dotted #7f7f7f;
	}
	
.payment_main {
	text-align: left;
	font-size: 16px;
	}
	
.giftTopics {
	font-size: 12px;
	color: #800909;
	}
	
.giftwert {
	font-size: 12px;
	color: #800909;
	}

.gifttable {
	background-image: url(img/bg-gift.jpg);
	background-repeat: no-repeat;
	}
	
	
	
	
	
/**********/
/* Newslttersystem */

.newsletter-anmelden {
	background-image: url(http://www.phiala.de/webshop/templates/xtc4/buttons/german/button_login.gif);
	border: 0px;
	width: 110px;
	height: 20px;
	margin-top: 7px;
	}
	
.newsletter input {
	color: #999999;
	}



.cr_newsletter_registration {
	font:normal 12px  Arial, Sans-Serif;
	background-image: url(http://www.phiala.de/webshop/images/empfehlungen/bg-empfehlungen.jpg);
	width: 350px;
	padding:5px;
	border:1px solid #aaa;
}

.cr_newsletter_registration input, #cr_newsletter_registration textarea {
	border:1px solid #aaa;
	margin:1px;
	width:200px;
}

#country {
	border:1px solid #aaa;
	margin:1px;
	width:200px;
}

.cr_newsletter_registration label {
	float:left;
	display:block;
	width:120px;
	font-weight:bold;

}

.live_shopping_table {
	width: 290px;
	height: 290px;
	background-image: url(img/bg-live-shopping.jpg);
	background-repeat: repeat-x;
	}
	
.live_shopping_table .head-live {
	margin-top: 3px;
	padding-bottom: 10px;
	padding-top: 0px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 16px;
	color: #800909;
	}
	
.live_shopping_table .head-artikel {
	font-family: "Times New Roman", Times, serif;
	margin-top: 10px;
	font-weight: bold;
	font-size: 13px;
	}
	
.uhr {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
	
.new_price {
	color: #800909;
	font-weight: bold;
	font-size: 16px;
	}
	
	
#bg-slideshow {
	background-image: url(http://www.phiala.de/webshop/angebote/bg.jpg); 
	padding:5px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color: #851313;
	font-weight: bold; 
	font-size:14px;
	width:492px;
	height: 14px;
	margin-top: -2px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	}
	
#slideshow_buttons {
	height: 23px;
	margin-left: 100px;
	margin-top: -15px;
	}
