/* ------------->>> styles_main start ----------------------*/
/* Resetting default padding and margin, because of Bug in NN & Firefox */
* {
	padding:0;
	margin:0;
}

html, body {	height: 100%; }



body {
   	margin: 0; 
	padding: 0;
	color: #663835;
}

/* Hilfscontainer für Positionierung*/
#wrapper{
   /*width:43em;*/
   width: 768px;
   margin: auto auto;
   min-height: 100%;
   position: relative;
   padding-left: 8px;
}

* html #wrapper {
   height: 100%;	/* IE Hack für 100 % Höhe */
} 

/* Fusszeile*/
#footer {
	position: absolute; 
	bottom: 0; 
	left: 90px; 
	width: 100%;
}

* html #footer {
	bottom: -1px;	/* Nächster IE Hack, da bottom: 0; als bottom: 1px interpretiert wird */
} 

#content {
	margin-bottom: 2em; float: left;
}

/* Ab hier nur noch Kosmetik ;) */
body {
	background: url(background_body.gif); 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
}

#wrapper{
	background: url(background_wrapper.gif) repeat-y;
}

/* Logo */
#logo{
	height: 180px;
	width:	180px;
	padding: 0;
	margin: 0;
	float: left;
}

#logo img{
	background: url(logo.jpg);
	height: 180px;
	width:	180px;
}

/* Eyecatcher - großes Stimmungsbild oben*/
#eyecatcher{
	height: 180px;
	width:	580px;
	background: url(eyecatcher.jpg) no-repeat;
	padding: 0;
	margin: 0;
	float: left;
}

a {
	color: #663835;
}

a:link { 
	color: #663835;
	text-decoration: underline;
}

a:visited { 
}

a:hover { 
	text-decoration: none;
}

a:active { 

}

h1 {
	font-size: 16px;
	float:left;
	line-height: 20px;
	max-width:300px;
}

h2 {
	font-size: 12px;
	margin-bottom: 12px;
	/*max-width:300px;*/
}

h3{
	font-size: 10px;
	font-weight: bold;
}

.hervorhebung{
	font-weight:bold;
}

.links{	float:left;}
.rechts{ float:right; text-align:right}

input{
	/*background: #FFFDF2;*/
	color:#663835;
	border-color: #663835;
	border-width: 1px;
	height: 13px;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

textarea{
	/*background: #FFFDF2;*/
	color:#663835;
	border-color: #663835;
	border-width: 1px;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

select{
	/*background: #FFFDF2;*/
	color:#663835;
	border-color: #663835;
	border-width: 1px;
	height: 15px;
	font-size: 10px;
	line-height: 20px;
}

hr{
	clear:both;
	margin:0;
	padding:0;
	margin-top: 20px;
	margin-bottom: 36px;
	height: 0;
	width: 100%;
	border:none;
	border-top:dashed;
	border-top-width:1px;
	border-top-color:#B19891;
}

form{
	margin:0;
	padding:0;
}

/* MS 2006-05-04 Mailform- und Login-Absendebutton */
.mf-submit {
	background:url(absenden_icon.jpg);
	height: 15px;
	width: 83px;
	border-width: 0px;
}

.tx-newloginbox-pi1-submit {
	background:url(anmelden_icon.jpg);
	height: 15px;
	width: 83px;
	border-width: 0px;
}
/* Ende MS */

#loginbox{
	margin-left: 36px;
	margin-right: 36px;
	margin-bottom: 71px;
	
	padding-top: 15px;
	padding-bottom: 15px;
	
	border:none;
	border-top:dashed;
	border-top-width:1px;
	border-top-color:#B19891;
	
	border-bottom:dashed;
	border-bottom-width:1px;
	border-bottom-color:#B19891;
}

img.login, img.logout{
	width: 15px;
	height: 15px;
	margin-right: 10px;
	float:left;
}
img.logout{
	background:url(logout_icon.jpg);
}

img.login{
	background:url(login_icon.jpg);
}



br.clearer{
	clear:both;
}

/* Benutzername */
#benutzername {
	padding:0;
	margin: 0;
	text-align: right;
	float: right;
}

/* Hauptnavigation  Level1*/
#navigation{
	height: 300px;
	width: 180px;
	padding: 0;
	float: left;
}

#navigation ul.level1{
	padding: 0; 
	margin-left: 36px;
	margin-top: 75px;
	margin-bottom: 34px; 
	font-size: 14px;
	line-height: 30px;
}

#navigation ul.level1 li {
	list-style:none;
	margin: 0;
}

#navigation ul.level1 li a {
	text-decoration: none;
	padding-left: 23px;
	background-image: url(navigation_level1_icon_up.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

#navigation ul.level1 li a:link {
}

#navigation ul.level1 li a:visited {
}

#navigation ul.level1 li a:link:hover, #navigation ul.level1 li a:visited:hover, #navigation ul.level1 li a.current {
	background-image: url(navigation_level1_icon_down.jpg);
	font-weight: bold;
}

/* Unternavigation Level2*/
#navigation ul.level2{
	padding: 0;
	margin-left: 22px;
	margin-top: 5px;
	margin-bottom: 16px;
	font-size: 10px;
	line-height: 16px;
}

#navigation ul.level2 li {
}

#navigation ul.level2 li a {
	padding-left: 10px;
	background-image: url(navigation_level2_icon_up.gif);
	background-repeat:no-repeat;
	background-position: 0px 3px;
}

#navigation ul.level2 li a:link {
}

#navigation ul.level2 li a:visited {
}

#navigation ul.level2 li a:link:hover, #navigation ul.level2 li a:visited:hover, #navigation ul.level2 li a.current {
	background-image: url(navigation_level2_icon_down.gif);
}

/* Signet der Firma unterhalb der Navigation*/
#signet{
	background:url(signet.gif);
	margin: 0;
	padding: 0;
	height: 62px;
	width: 180px;
}

/* Seiteninhalt - Conatiner */
#content {
	height: 100%;
	width: 529px;
	padding-left: 25px;
	padding-top: 25px;
	padding-right: 26px;
	padding-bottom: 70px;
}

/* Kopf - beinhaltet Seitentitel und Benutzername */
#contenthead{
	height:53px;
}

/* Kategorie für Produkte */
/*#kategorie select{
	border:solid;
	border-width: 1px;
	border-color:#00FF00;
}*/

/* Seiteninhalt selbst - hier kommt die Ausgabe von tt_produxts */
#contentbody{
	/*height: 100%;*/
}

#contenthead, #contentbody{
	width: 529px;
	margin: 0;
	padding: 0;
}

/* Seitennavigation*/
#page{
	clear:left;
	font-weight: bold;
	float: left;
}

#page a, #page .current{
	padding-left: 5px;
	padding-right: 5px;
}

/* Verlauf der Eingabe Start */

/* #verlauf alt 
#verlauf {
	clear:right;
	padding:0;
	margin: 0;
	margin-top: -20px;
	height: 15px;
	width: 118px;
	float: right;
}
*/

#verlauf {
   margin: 0;
   position: absolute;
   top: 205px;
   left: 235px;
   width: 118px;
   height: 15px;
   z-index: 2000;
}

/* Hilfcontainer für Positionierung des Verlaufs */
#verlaufwrapper {
   width: 1px;
   height: 1px;
   position: absolute;
   top: 0%;
   left: 50%;
}

.schritt1 { background: url(schritt1.gif); }
.schritt2 {	background: url(schritt2.gif); }
.schritt3 {	background: url(schritt3.gif); }
.schritt4 { background:url(schritt4.gif); 
}

/* Hilfskonstrukt für Positioinierung der Kategorieauswahl*/


.kategorie{	
	float:right;
	min-width:80px;
}


#kategorie {
   margin: 0;
   position: absolute;
   top: 258px;
   left: 83px;
   /*left: 235px;*/
   /*width: 118px;*/
   height: 15px;
   z-index: 2000;
}

/* Änderung MS 2006-03-20 22:00 aktiven Link hervorheben */
#kategorie a.current {
	font-weight: bold;
	text-decoration: none;
}

/* Hilfcontainer für Positionierung des Verlaufs */
#kategoriewrapper {
   width: 1px;
   height: 1px;
   position: absolute;
   top: 0%;
   left: 50%;
}


/* Fusszeile*/
#footer{
	text-align: center;
	padding: 8px 0;
}

/* Hilfcontainer für Positionierung des Banners */
#bannerwrapper {
   width: 1px;
   height: 1px;
   position: absolute;
   top: 0%;
   left: 50%;
}

/* Banner von Caragu*/
#banner {
   margin: 0;
   position: absolute;
   top: 10px;
   left: 250px;
   width: 250px;
   height: 180px;
   z-index: 1000;
}

/* Vorschaubild in der Produktliste */
img.vorschaubild{
	display:block;
	height: 110px;
	width: 148px;
	margin-left: -8px;
	margin-top: -8px;
	margin-right: 11px;
	padding: 9px;
	background:url(../../_shared/styles/standard_vorschaubild.jpg) no-repeat;
	border:none;
	float:left;
}


/* Link zum Abspielen der Animation */
#abspielen, #beschreibung{
	display:block;
	float:right;
	width: 185px;
	margin-bottom: 20px;
}

#abspielen img, #beschreibung img{
	width: 15px;
	height: 15px;
	margin-right: 5px;
	margin-bottom:-3px;
}

#abspielen img{
	background:url(abspielen_icon.jpg);
}

/* Beschreibung der Virtuellen Weinverkostung*/

#beschreibung img{
	background:url(beschreibung_icon.jpg);
}


/* ---------------- styles_main end <<<-------------------*/

/* ------------->>> tt_products start ----------------------*/

#contentbody p{
	margin-bottom: 10px;
}

#produktliste p.preistabelle, #produktliste  p.bodytext{
	display:block;
	width: 359px;
	float:right;
}

p.preistabelle{
	margin-top: 20px;
}


/* Bug im IE*/ 
html>body #produktliste p.preistabelle  {
  margin-bottom:36px;
}

#produktliste .s1, #produktliste .s2, #produktliste .s3, #produktliste .s4, #produktliste .s5, #produktliste .s6{
	display:block;
	float:left;
	padding:0;
	margin:0;
}

#produktliste .s1 { width:75px; }
#produktliste .s2 { width:50px; }
#produktliste .s3 { width:44px; }
#produktliste .s4 { width:26px; }
#produktliste .s5 { width:82px; }
#produktliste .s6 { width:82px; }

#produktliste .s4, #produktliste .s5, #produktliste .s6 {	text-align:right;}

input.menge{
	width: 20px;
	text-align: right;
}

img.details{
	width: 64px;
	height: 15px;
	background:url(details_icon.jpg);
}

input.ordern{
	width: 64px;
	height: 15px;
	background:url(ordern_icon.jpg);
	float:right;
	border:none;
}

img.pokal{
	float:right;
	width: 12px;
	height:12px;
	background:url(pokal_icon.jpg);
	margin-top: 3px;
	margin-left: 25px;
	display:none;
}

.top{
	float:right;
}

#hinweis{
	clear:left;
	float: left;
	margin-top: 40px;
}

#detailansicht p.bodytext{
	margin: 0;
}


#detailansicht table, #detailansicht .contenttable tr, #detailansicht .contenttable td{
	border:none;
	padding:0;
	margin:0;
}

#detailansicht .contenttable td{
	vertical-align:top;
}

#detailansicht .contenttable p{
	padding:0;
	margin:0;
}

#detailansicht .contenttable p strong{
	margin-right: 60px;
}

#animation{
	display:block;
	width: 320px;
	height: 240px;
	margin-right: 15px;
	margin-bottom: 36px;
	padding: 1px;
	background:url(../../_shared/styles/standard_bild.jpg) no-repeat;
	background-position: -7px -7px;
	border:none;
	float:left;
}

html>body #animation{
	width: 320px;
	height: 240px;
	margin-left: -7px;
	margin-top: -7px;
	padding: 8px;
	background-position: 0;
}

img.angebotsliste{
	width: 168px;
	height: 15px;
	background:url(zurueck_angebotsliste_icon.jpg);
	margin-top: -20px;
	float:right;
}


#detailansicht .s1, #detailansicht .s2, #detailansicht .s3, #detailansicht .s4{
	display:block;
	float:left;
	padding:0;
	margin:0;
}

#detailansicht .s1 { width:75px; }
#detailansicht .s2 { width:50px; }
#detailansicht .s3 { width:44px; }
#detailansicht .s4 { width:26px; }


#detailansicht .s4{	text-align:right;}




/* Warenkorb "BASKET_TEMPLATE" start*/

#warenkorb span.s1, #warenkorb span.s2, #warenkorb span.s3, #warenkorb span.s4, #warenkorb span.s5 {
	display:block;
	float:left;
}

#warenkorb span.s1{ width: 169px;}
#warenkorb span.s2{ width: 120px;}
#warenkorb span.s3{ width: 100px;}
#warenkorb span.s3b{ font-weight:normal;}
#warenkorb span.s4{ width: 45px;}
#warenkorb span.s5{ width: 92px;}

#warenkorb span.s4, #warenkorb span.s5{ text-align:right;}

#warenkorb span.head{ font-weight: bold;}

#warenkorb input.aktualisieren, #warenkorb input.aktualisieren2  {
	width: 103px;
	height: 15px;
	background:url(aktualisieren_icon.jpg);
	border:none;
}

#warenkorb input.aktualisieren {
	float:right;
}

#warenkorb .details{
	float: right;
}

#warenkorb .details{ margin-right: 15px; }

html>body #warenkorb .details, input.aktualisieren {	margin-top: -20px;}

html>body #warenkorb .details{ margin-right: 118px; }

#warenkorb hr.doppelt{

	clear:both;
	height:3px;
	padding:0;
	margin:0;
	margin-top: 20px;
	margin-bottom: 36px;
	
	border:none;
	border-top:dashed;
	border-top-width:1px;
}

#warenkorb select{
	width: 140px;
}

#warenkorb input.aktualisieren2{
	border:none;
	float:none;
}

#warenkorb input.kasse{
	width: 124px;
	height: 15px;
	background:url(weiter_zur_kasse_icon.jpg);
	border:none;
}

#warenkorb span.summe{
	font-size: 16px;
	font-weight:bold;
	text-decoration:underline;
}

/* Warenkorb "BASKET_TEMPLATE" ende*/


/* ###BASKET_INFO_TEMPLATE### */

#tx-ttproducts-pi1-basket-info-invoice-address, #tx-ttproducts-pi1-basket-info-delivery-address, #tx-ttproducts-pi1-basket-info-note, #rechnung, #benutzerdaten{
	padding: 0;
	margin: 0;
	border:none;
}

#tx-ttproducts-pi1-basket-info-invoice-address legend, #tx-ttproducts-pi1-basket-info-delivery-address legend, #tx-ttproducts-pi1-basket-info-note legend , #rechnung legend, #benutzerdaten legend{
	font-weight: bold;
	margin-left: -8px;
	margin-bottom: 20px;
	padding-left:0;
}

#tx-ttproducts-pi1-basket-info-invoice-address label, #tx-ttproducts-pi1-basket-info-delivery-address label, #tx-ttproducts-pi1-basket-info-note label, #rechnung label, #benutzerdaten label{
	display: block;
	float:left;
	margin-bottom: 13px;
}

#tx-ttproducts-pi1-basket-info-invoice-address label, #tx-ttproducts-pi1-basket-info-delivery-address label, #tx-ttproducts-pi1-basket-info-note label, #rechnung label, #benutzerdaten label{
	width: 90px;
}

#rechnung label{
	width: 120px;
}

#tx-ttproducts-pi1-basket-info-invoice-address input, #tx-ttproducts-pi1-basket-info-delivery-address input, #tx-ttproducts-pi1-basket-info-note textarea{
	width: 166px;
}

#tx-ttproducts-pi1-basket-info-invoice-address input.beispiel{
	width: 166px;
	margin-left: 32px;
	background:#faf6ec;
	border:solid 1px #faf6ec;
	color: #b29a93;
}

#tx-ttproducts-pi1-basket-info-invoice-address br, #tx-ttproducts-pi1-basket-info-delivery-address br, #tx-ttproducts-pi1-basket-info-note br, #rechnung br, #benutzerdaten br{
	clear:both;
}

#tx-ttproducts-pi1-basket-info-note textarea{
	width:364px;
	
}

#kundendaten input.warenkorb{
	background:url(zurueck_zum_warenkorb_icon.jpg);
	width:165px;
	height: 15px;
}

#kundendaten input.weiter{
	background:url(weiter_icon.jpg);
	width:66px;
	height: 15px;
	border:0;
}

/* ###BASKET_INFO_TEMPLATE### */

/* BASKET_REQUIRED_INFO_MISSING start*/
#fehlerseite p.tx-ttproducts-pi1-basket-error{
	color:#ea6645
}

#fehlerseite input.eingabe{
	background:url(zurueck_zur_eingabe_icon.jpg);
	width:136px;
	height: 15px;
	margin-top:36px;
}

/* BASKET_REQUIRED_INFO_MISSING end*/

/* BASKET_PAYMENT_TEMPLATE */

input.warenkorb{
	background:url(zurueck_zum_warenkorb_icon.jpg);
	width:165px;
	height:15px;
}

input.bestellung{
	background:url(bestellung_absenden_icon.jpg);
	width:145px;
	height:15px;
}


/* BASKET_PAYMENT_TEMPLATE */

/* Hilfskonstrukt für Produkttitel in der Detailansicht*/

#produkttitelwrapper {
   width: 1px;
   height: 1px;
   position: absolute;
   top: 0%;
   left: 50%;
}

/* Banner von Caragu*/
#produkttitel {
   margin: 0;
   position: absolute;
   top: 205px;
   left: -175px;
   width: 400px;
   /*height: 180px;*/
   z-index: 3000;
}