/* weingut-heissler.de - bestellvorgang */




	/* footer-elements */

#ot-footer	{
	background: url(../i/content-footer.gif) top left no-repeat;
	clear: both;
	width: 545px;
	height: 54px;
	margin: 0;
	padding: 8px 0 0;
	vertical-align: middle;
	text-align: center;
	}

#ot-footer input	{
	padding: 0;
	margin: 0;
	}

.ot-footer-l	{
	float: left;
	text-align: left;
	width: 161px;
	height: 23px;
	margin: 0 0 0 30px;
	padding: 0;
	}

.ot-footer-r	{
	float: right;
	text-align: right;
	width: 150px;
	height: 23px;
	margin: 0 30px 0 0;
	padding: 0;
	}

.ot-footer-c	{
	float: left;
	width: 162px;
	height: 23px;
	margin: 0;
	padding: 0;
	}

.ot-footer-cl	{
	float: left;
	text-align: left;
	width: 130px;
	height: 23px;
	margin: 0 0 0 120px;
	padding: 0;
	}

.ot-footer-cr	{
	float: right;
	text-align: right;
	width: 130px;
	height: 23px;
	margin: 0 100px 0 0;
	padding: 0;
	}

input.back {
	background: url(../i/ipt-back.gif) left no-repeat;
	width: 64px;
	height: 21px;
	}

input.back-o	{
	background: url(../i/ipt-back-o.gif) left no-repeat;
	width: 64px;
	height: 21px;
	}

input.forth {
	background: url(../i/ipt-forth.gif) left no-repeat;
	width: 64px;
	height: 21px;
	}

input.forth-o	{
	background: url(../i/ipt-forth-o.gif) left no-repeat;
	width: 64px;
	height: 21px;
	}

input.checkin	{
	background: url(../i/ipt-checkin.gif) left no-repeat;
	width: 118px;
	height: 21px;
	}

input.checkin-o	{
	background: url(../i/ipt-checkin-o.gif) left no-repeat;
	width: 118px;
	height: 21px;
	}

input.empty	{
	background: url(../i/ipt-empty.gif) left no-repeat;
	width: 127px;
	height: 21px;
	}

input.empty-o	{
	background: url(../i/ipt-empty-o.gif) left no-repeat;
	width: 127px;
	height: 21px;
	}

input.datachange	{
	background: url(../i/ipt-datachange.gif) left no-repeat;
	width: 157px;
	height: 21px;
	}

input.datachange-o	{
	background: url(../i/ipt-datachange-o.gif) left no-repeat;
	width: 157px;
	height: 21px;
	}

input.datasave	{
	background: url(../i/ipt-datasave.gif) left no-repeat;
	width: 116px;
	height: 21px;
	}

input.datasave-o	{
	background: url(../i/ipt-datasave-o.gif) left no-repeat;
	width: 116px;
	height: 21px;
	}

input.bankdetails	{
	background: url(../i/ipt-bankdetails.gif) left no-repeat;
	width: 161px;
	height: 21px;
	}

input.bankdetails-o	{
	background: url(../i/ipt-bankdetails-o.gif) left no-repeat;
	width: 161px;
	height: 21px;
	}

input.sendorder	{
	background: url(../i/ipt-sendorder.gif) left no-repeat;
	width: 149px;
	height: 21px;
	}

input.sendorder-o	{
	background: url(../i/ipt-sendorder-o.gif) left no-repeat;
	width: 149px;
	height: 21px;
	}

a.footerlink:link, a.footerlink:visited	{
	font-size: 11px;
	font-style: italic;
	width: 130px;
	line-height: 19px;
	margin: 0;
	padding: 0 0 0 17px;
	color: #fff;
	text-decoration: none;
	background: url(../i/bullet7.gif) left no-repeat;
	}

a.footerlink:hover, a.footerlink:active	{
	background: url(../i/bullet6.gif) left no-repeat;
	color: #762300;
	text-decoration: underline;
	}

a.registerlink:link, a.registerlink:visited    {
   font-size: 23px;
   width: 89px;
   line-height: 23px;
   height: 23px;
   margin: 0;
   padding: 0;
   text-decoration: none;
   background: url(../i/ipt-register.gif) left no-repeat;
   }

a.registerlink:hover, a.registerlink:active    {
   font-size: 23px;
   background: url(../i/ipt-register-o.gif) left no-repeat;
   text-decoration: none;
   }




	/* margin-elements: ruler, processbox, loginbox */


#ot-processbox	{
	background-color: #D7D7C9;
	width: 174px;
	margin: 0;
	padding: 18px 0 14px;
	}

#ot-processbox ul	{
	list-style: 0;
	margin: 0;
	padding: 0;
	border: 0;
	}

#ot-processbox li {
	color: #888;
	font-size: 11px;
	line-height: 12px;
	display: block;
	margin: 0;
	padding: 5px 0 5px 10px;
	width: 148px;
	}

#ot-processbox li.here {
	color: #762300;
	background:  url(../i/ot-li-bg5.gif) left no-repeat;
	width: 165px;
	margin: 0;
	padding: 5px 0 5px 17px;
	voice-family: "\"}\"";		/* box-model-hack for ie5, as described in http://tantek.com/CSS/Examples/boxmodelhack.html */
	voice-family: inherit;
	width: 148px;
	}

.void	{	/* strange - ie5.0 seems to need this empty element - otherwise the next style wouldnt be applied??? i don't get it ... */ 
	}

#ot-processbox li.past {
	color: #555;
	}

#ot-loginbox	{
	width: 174px;
	margin: 0 0 16px;
	padding: 0;
	}

#ot-loginbox h3	{
	color: #666;
	}

#ot-loginbox .loginname	{	
	background:  url(../i/ot-login-bg.gif) top left no-repeat;
	font-size: 11px;
	width: 158px;
	height: 27px;
	padding: 5px 0 0 5px;
	margin: 0 0 2px;
	voice-family: "\"}\"";		/* box-model-hack for ie5, as described in http://tantek.com/CSS/Examples/boxmodelhack.html */
	voice-family:inherit;
	width: 160px;
	height: 22px;
	}

.void	{	/* strange - ie5.0 seems to need this empty element - otherwise the next style wouldnt be applied??? i don't get it ... */ 
	}

.loginname a:link, .loginname a:visited	{
	color: #666;
	}

.loginname a:hover, .loginname a:active	{
	color: #762300;
	}

div.logout	{
	width: 150px;
	margin: 0 0 0 6px;
	padding: 0;
	}

.logout a:link, .logout a:visited	{
	font-style: italic;
	font-size: 11px;
	color: #666666;
	width: 110px;
	height: 16px;
	padding-left: 20px;
	margin: 0;
	background: url(../i/bullet1.gif) left no-repeat;
	color: #666666;
	text-decoration: none;
	}

.logout a:hover, .logout a:active	{
	background: url(../i/bullet6.gif) left no-repeat;
	color: #762300;
	}






	/* reformatted native tags */

hr.ot-hr-l	{
	background: #666 url(../i/hr-dashed.gif) left top no-repeat;
	width: 545px;
	height: 1px;
	margin: 0;
	padding: 0;
	border: 0;
	}

html>body hr.ot-hr-l	{
	margin: 5px 0 10px;
	}

hr.ot-hr-s	{
	background: #666 url(../i/hr-dashed.gif) left top no-repeat;
	width: 262px;
	height: 1px;
	margin: 0;
	padding: 0;
	border: 0;
	}

html>body hr.ot-hr-s	{
	margin: 5px 0 10px;
	}

h4.ot-h4	{
	margin: 0 0 0 30px;
	}

h4.ot-h4-s	{
	color: #333;
	font-size: 12px;
	font-family: Georgia, "New Century Schoolbook", Times, serif; 
	font-weight: bold;
	margin: 0 0 0 30px;
	}

h4.ot-h4-l	{
	float: left;
	width: 282px;
	margin: 0 0 0 15px;
	}

html>body h4.ot-h4-l	{
	margin: 0 0 0 30px;
	}

h4.ot-h4-r	{
	float: right;
	text-align: right;
	width: 100px;
	margin: 0 15px 0 0;
	}

html>body h4.ot-h4-r	{
	margin: 0 30px 0 0;
	}




	/* ot0: basketview	*/

input.recalcbut {
	width: 24px;
	height: 20px;
	background: transparent url(../i/ipt-recalc.gif) left top no-repeat;
	margin: 0 0 3px 0;
	}

input.recalcbut-o {
	width: 24px;
	height: 20px;
	background: transparent url(../i/ipt-recalc-o.gif) left top no-repeat;
	margin: 0 0 3px 0;
	}

.ot0-row1	{
	font: 12px Arial, Helvetica, sans-serif;
	height: 14px;
	margin: 0 45px 0 30px;
	padding: 0;
	}

html>body .ot0-row1	{
	height: 20px;
	margin: -3px 45px -3px 30px;
	}

.basketstatus	{
	float: left;
	width: 300px;
	text-align: left;
	margin: 0;
	padding: 0;
	}

.basketsum	{
	float: right;
	width: 140px;
	text-align: right;
	margin: 0;
	padding: 0;
	}





	/* ot1: packagingmodule */


div.packagingmodule-l	{
	float: left;
	margin: 10px 0 0;
	padding: 0;
	width: 265px;
	text-align: left;
	}

div.packagingmodule-r	{
	float: right;
	margin: 10px 2px 0;
	padding: 0;
	width: 265px;
	text-align: left;
	}

.pam-top	{
	background: url(../i/pam-top.gif) no-repeat;
	width: 265px;
	height: 6px;
	margin: 0;
	padding: 0;
	}

.pam-content	{
	background: #D1D1C2;
	width: 265px;
	padding: 4px 0;
	text-align: left;
	margin: -12px 0 0;
	}

html>body .pam-content {
	min-height: 97px;
	margin: 0;
	}

.pam-bottom	{
	background: url(../i/pam-bottom.gif) top left no-repeat;
	width: 265px;
	height: 6px;
	margin: 0;
	padding: 0;
	}

.pam-table	{
	width: 252px;
	margin: 0 6px;
	padding: 0;
	text-align: left;
	}

td.pam-thumb	{
	width: 90px;
	margin: 0;
	padding: 0 15px 0 2px;
	text-align: left;
	vertical-align: top;
	}

td.pam-text	{
	width: 142px;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	}




/*	typo	*/

.pam-title	{	
	color: #666;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	margin: 0;
	width: 265px;
	height: 16px;
	margin: 0;
	padding: 0;
	}




.pam-text h3 	{
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	margin: 0 0 12px;
	padding: 0;
	}

.pam-text h4 {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 16px;
	margin: 0;
	padding: 0;
	}

.pam-text label {
	cursor: pointer;	/*  look, ie, no hand, HAha */
	color: #666;
	font-size: 11px;
	font-style: italic;
	line-height: 16px;
	}




	/* ot2: user-login */


.ot2-table	{
	width: 532px;
	margin: 12px 6px;
	padding: 0;
	text-align: left;
	}

.ot2-tc-cap1	{
	width: 177px;
	margin: 0;
	padding: 0;
	text-align: right;
	}

.ot2-tc-cap2	{
	width: 185px;
	margin: 0;
	padding: 0;
	text-align: left;
	}

.ot2-tc-but	{
	width: 177px;
	margin: 0;
	padding: 0;
	text-align: right;
	}

.ot2-tc-labels	{
	text-align: right;
	padding: 0 10px 0;
	margin: 0;
	}




/*	typo	*/

.ot2-table h4	{
	margin: 0 0 16px;
	}

td.ot2-tc-labels label	{
	font-size: 12px;
	line-height: 32px; 
	color: #666;
	}

input.ot2-register	{
	font-size: 12px; 
	font-family: Georgia, "New Century Schoolbook", Times, serif; 
	font-weight: normal;
	width: 100px;
	margin: 0;
	}

input.ot2-inputline	{
	font-size: 12px;
	font-family: Georgia, "New Century Schoolbook", Times, serif; 
	font-weight: normal;
	vertical-align: middle;
	width: 150px;
	margin: 0;
	}

.ot2-desc	{
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 16px;
	margin: 16px 30px 24px;
	padding: 0;
	}





	/* ot3-4: user-data	*/

.ot-formbox	{
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 16px;
	width: 515px;
	margin: 0 0 0 30px;
	padding: 0;
	}

.ot3-row	{
	clear: both;
	height: 20px;
	margin: 2px 0;
	padding: 0;
	}



/*	typo	*/

.ot-formbox .label	{
	float: left;
	text-align: left;
	color: #666;
	width: 120px;
	margin: 0;
	padding: 3px 0 0;
	}

.ot-formbox .userdata	{
	float: left;
	text-align: left;
	width: 350px;
	margin: 0;
	padding: 3px 0 0;
	}

.ot-formbox input.ot3-input	{
	float: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	width: 200px;
	margin: 0 6px 0 0;
	padding: 0;
	}

.ot3-row select	{
	float: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	width: 115px;
	margin: 0 6px 0 0;
	padding: 0;
	}

.ot3-desc	{
	color: #666;
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 0 120px;
	padding: 0;
	}




	/* ot5-6: payment & delivery */

.ot-contbox-l	{
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 16px;
	width: 262px;
	margin: 0;
	padding: 0;
	}

.ot-contbox-r	{
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 16px;
	width: 262px;
	margin: 0 0 0 20px;
	padding: 0;
	}

.ot-contbox	{
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 16px;
	width: 515px;
	margin: 0;
	padding: 0;
	}

.ot5-payment	{
	float: left;
	text-align: left;
	width: 480px;
	margin: 0 0 0 10px;
	padding: 0;
	}

.ot5-row1	{
	clear: both;
	height: 24px;
	margin: 0 0 0 30px;
	padding: 0;
	}

.ot5-row2	{
	clear: both;
	height: 19px;
	margin: 0;
	padding: 0;
	}

.ot5-row3	{
	clear: both;
	height: 24px;
	margin: 0;
	padding: 0;
	}


/*	typo	*/

.ot-contbox-l p	{
	line-height: 18px;
	}

.ot-contbox-r p	{
	line-height: 18px;
	}

.ot5-payment .pay-opt	{
	cursor: pointer;
	display: block;
	font-weight: bold;
	width: 162px;
	margin: 0;
	padding: 0;
	}

.ot5-payment .pay-desc	{
	display: block;
	font-style: italic;
	font-weight: normal;
	line-height: 22px;
	height: 26px;
	margin: 0;
	padding: 0;
	}

.ot5-row1 .label	{
	float: left;
	color: #666;
	width: 80px;
	margin: 0;
	padding: 3px 0 0;
	}

.ot5-row1 select	{
	float: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	width: 115px;
	margin: 0 6px 0 0;
	padding: 0;
	}

.ot5-row2 .label	{
	float: left;
	color: #333;
	width: 110px;
	margin: 0;
	padding: 0;
	}

.ot5-row2 .userdata	{
	float: left;
	text-align: left;
	width: 350px;
	margin: 0;
	padding: 0;
	}

.ot5-row3 .label	{
	float: left;
	color: #333;
	width: 110px;
	margin: 0;
	padding: 0;
	}

.ot5-row3 .ot5-input {
	width: 175px;
	}

.ot5-input	{
	float: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	width: 130px;
	margin: 0;
	padding: 0;
	}

.ot5-radio	{
	float: left;
	text-align: left;
	line-height: 20px;
	background: #E5E5D8;
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	}

h5.ot5	{
	color: #666;
	font-size: 12px;
	font-weight: bold;
	margin: 12px 0 6px;
	}



	/* ot7: sum & conclusion */

.ot-sumbox	{
	float: right;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 16px;
	text-align: right;
	width: 510px;
	margin: 0 16px 0 0;
	padding: 0;
	}

html>body .ot-sumbox	{
	margin: 0 32px 0 0;
	}

.ot7-row1	{
	clear: both;
	height: 16px;
	margin: 0;
	padding: 0;
	}

.ot7-row2	{
	clear: both;
	height: 18px;
	margin: 0;
	padding: 0;
	}

.ot7-row3	{
	clear: both;
	margin: 4px 0 0;
	padding: 0;
	}

.ot7-item	{
	float: left;
	color: #333;
	width: 420px;
	margin: 0 0 0 30px;
	padding: 2px 0 0;
	}

.ot7-price	{
	float: right;
	text-align: right;
	color: #333;
	width: 55px;
	margin: 0;
	padding: 2px 0 0;
	}


.ot7-sum	{
	float: right;
	width: 55px;
	margin: 0;
	padding: 0;
	}

.ot7-sumdesc	{
	float: left;
	color: #666;
	text-align: right;
	width: 440px;
	margin: 0;
	padding: 0;
	}

html>body .ot7-sumdesc	{
	width: 450px;
	}

.ot7-check	{
	float: left;
	text-align: left;
	background: #E5E5D8;
	width: 20px;
	height: 40px;
	margin: 4px 0 0;
	padding: 0;
	}

.ot7-label	{
	float: left;
	text-align: left;
	line-height: 16px;
	margin: 4px 0 12px 10px;
	width: 230px;
	padding: 0;
	}

.ot7-label a	{
	text-decoration: underline;
	}

.ot7-textarea	{
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	width: 240px;
	height: 90px;
	margin: 4px 0 0;
	padding: 0;
	}

.ot-red	{
	color: #BE3800;
	}

a.backlink img    {
  width: 64px;
  height: 21px;
  border: 0;
  background: url(../i/ipt-back.gif) top left no-repeat;
  }

a.backlink:hover img    {
  width: 64px;
  height: 21px;
  border: 0;
  background: url(../i/ipt-back-o.gif) top left no-repeat;
  }