body { margin: 0; padding:0px; background-color: #F1F5F7; font-size:12pt; font-family: Arial,Helvetica,sans-serif; }

#main { margin: 0 auto; width: 800px; border: 1px dotted #888; background-color: #fff; text-align: center; padding: 10px 20px; }

#logo { margin: 10px 0 10px; }
img { border: 0 }

a, #paymentint { text-decoration: none; font-weight: bold; color: #54636C; }
a:hover { color: #5463F1; text-decoration: underline; }

#menubar { background-color: #F1F5F7; padding: 7px 0; margin: 0 0 1em; border: 1px dotted #888; }
#menubar a { font-weight: normal; margin: 8px 0; }

.product { position: relative; min-height: 200px; margin: 20px 0; text-align: justify; width: 750px; }
.product img { float: left; margin: 0 30px; }
.product>a.price { position: absolute; color: #F00; font-family: Verdana; font-size: 15pt; font-weight: bold; top: 160px; right:555px; background-color: #FFE083; border: 1px solid #AB2428; padding: 2px 6px; opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75; }
.product>a.price:hover { opacity:1;filter: alpha (opacity=100); -moz-opacity: 1.0; }
.product>span.price { position: absolute; color: #F00; font-family: Verdana; font-size: 15pt; font-weight: bold; top: 245px; right:480px; background-color: #FFE083; border: 1px solid #AB2428; padding: 2px 6px; }
.fin { clear: both; }

#paymenttype { float: right; width: 430px; text-align: center; padding-top: 0px; }
#paymenttype>a { display: block; width: 100%; padding: 10px 0; text-align: center; border: 1px dotted #888; margin-top: 15px; font-size: 14pt; color: #669; background-color: #FFFFFF; }
#paymenttype>a:hover, #paymenttype #paymentint:hover { color: #008; background-color: #E3EBEF; border-color: #00F; border-style: solid; text-decoration: none; }

#paymentint { display: block; width: 100%; padding: 10px 0; text-align: center; border: 1px dotted #888; margin-top: 15px; font-size: 14pt; color: #669; background-color: #FFFFFF; }
#paymentint img { margin: 2px; padding: 1px; vertical-align: middle; float: none; border: 2px solid transparent; }
#paymentint img:hover, #paymentint img:focus { border: 2px solid #008; }

#productbill { width: 500px; margin: 2em auto; }
#productbill img { float: left; }
#beleg { font-family: 'Courier New',Courier,monospace; font-size: 10pt; font-weight: bold; text-align: left; padding-top: 74px; padding-left: 10px; width: 190px; height: 237px; background-image:url(images/kassenbon.png); float: right; } 

#legalese { margin: 1em auto; width: 800px; font-size:9pt; color: #54636C; }
.smallinfo { font-size: 9pt; color: #54636C; font-style: normal; }
.error { border: 3px dashed red; padding: 1em; font-size: 14pt; color: red; margin: 1em; }
.ok { border: 3px dashed #080; padding: 1em; font-size: 14pt; color: #080; margin: 1em; }

.formfield { margin-left: 80px; text-align: left; margin-top: 0.4em; clear: both; }
.star { font-size: 10pt; font-weight: bold; color: red; padding-left: 0.3em; }
.formfield label { display: block; float: left; width: 13em; }
.formfield input, .formfield select { border: 1px solid #888; background-color:#F1F5F7; color:#000; }

#paymentarea { margin: 2em auto 0 auto; }
#paymentarea img { vertical-align: top; float: left; }
#paymentarea #bipframe { width: 430px; height: 580px; border: 0; }

#serrormsg { float: left; clear: left; width: 200px; }
#errormsg { float: right; width: 370px; margin-right: 72px; }

#throbber { font-size: 14pt; color: #53636C; padding-top: 1em; text-align: center; }
#throbber img { vertical-align:bottom; float: none; padding: 1em; }

@media print { 
	body { background-color: #fff; }
	#main { border: 0; padding: 0 }
	#menubar { display: none; }
	#productbill { margin: 0 auto; width: 100%; }
	#beleg { padding: 0; width: auto; }
}