html, body {
    height: 100%;
}

body {
    font-family:georgia,serif;
	color:#381704;
	font-size:12px;
	font-weight:normal;
	line-height:170%;
	padding:0px; 
	margin-top: 10px;
	p style=width : 520px;

}



#john {
  position:absolute;
  width:800px;
  height:600px;
  z-index:1;
  margin-left: -340px;
  left: 50%;
  top: 50%;
  margin-top: -330px;
}

#ballon {
  position:absolute;
  left:70%;
  top:53%;
  width:176px;
  height:90px;
  z-index:2;
  visibility: visible;
  margin-left: -88px;
  margin-top: -45px;
}

#leftcolumn {
  width: 285px;
  position: absolute;
}

#vertical-line {
  left: 270px;
  position: relative;
  width: 1px;
  height: 105%;
  float: left;
  text-align: left;
  padding-top: 40px;
  background: #c1c1c1;
}

#rightcolumn {
  left: 290px;
  position: relative;
  width: 750px;
}

#logo {
  height: 175px;
  position: relative;
  background: url('/images/johnaltman.gif') no-repeat;
  background-position: center top;
}

#menu {
  position: relative;
  padding-left: 25px;
  padding-top: 25px;
}

#header {
  height: 100px;
  position: relative;
  width: 680px;
}

#header div {
  background: url('/images/bestelinfo.gif') no-repeat;
  background-position: left center;
  position: absolute;
  bottom: 0;
  padding-left: 200px;
  width: 350px
}

#main {
  padding-top: 35px;
  padding-left: 10px;
  width: 680px;
}

input {
  height: 21px;
  padding: 0px;
  border: 1px solid #b0bec9;
  text-align: left;
  vertical-align: bottom;
}

input.customer {
	width: 250px;
}

input.checkbox {
width: 30px;
text-align: left;
margin-left: 0px;
padding-left: 0px;
}

input.validate {
  width: 120px;
  text-align: center;
}
	
input.orderquantity {
  width: 49px;
  height: 17px;
  margin-top: 7px;
}
	
input, loginform {
  width: 250px;
}

input, lostpasseord {
  width: 200px;
}

input.button {
  height: 22px;
  border: 1px solid #9f9f9f;
  width: 180px;
  text-align: center;
}

input.login {
  width: 120px;
}
	
input.ok {
  width: 80px;
}
	
h3 {
  padding-bottom: 12px;
          font-family:georgia, serif;
	  color:#3B200F;
	  font-size:20px;
	  font-weight:bold;
	  line-height:125%;
}


h4 {
  padding-bottom: 10px;
   font-size:16px;
}

p {
  padding-bottom: 8px;
}

p.header {
	vertical-align: bottom;
}

p.topspace {
  padding-top: 8px;
}

table {}

table.validate {
  width: 250px;
}

table.delivery {
  width: 250px;
}

table.customer {
  width: 400px;
}

table.webshop {
  width: 680px;
}

table.loginform {
  width: 400px;
}

th {
  text-align: right;
  font-weight: normal;
  padding-right: 4px;
  padding-bottom: 5px;
  vertical-align: bottom;
}

th, customer {
  width: 150px;
  background: #f5f5f5;
}


th.delivery {
	width: 50px;
}
	
th.validatequantity {
  width: 50px;
  text-align: left;
  padding: 3px;
}
  
th.validatearticle {
  width: 150px;
  text-align: left;;
  padding: 3px;
}
  
th.validateprice {
  width: 50px;
  text-align: left;;
  padding: 3px;
}
  
td {
  width: 680px;
  height: 1px;
}

td.validate {
  text-align: left;
}

td.validatequantity {
  width: 50px;
  text-align: left;
  padding: 3px;
}
  
td.validatearticle {
  width: 150px;
  text-align: left;
  padding: 3px;
}
  
td.validateprice {
  width: 50px;
  text-align: left;;
  padding: 3px;
}

td.shopline {
}
	
td.productimage {
  width: 185px;
}

td.description {
  width: 310px;
}

td.space {
	width: 45px;
}

td.quantity {
  width: 65px;
}

td.price {
  width: 65px;
}

td.shipping {
  width: 110px;
  height: 26px;
  text-align: right;
  font-weight: bold;
  background: #f5f5f5;
}

td.total {
  width: 65px;
  font-weight: bold;
  background: #f5f5f5;
}
	
td.buttons {
  width: 175px;
}

td, customer {
  width: 250px;
}

td, lostpassword {
  width: 200px;
}
	
td.alignright {
  text-align: right;
}

td.paymentchoice {
  width: 25px;
}
	
td.paymentimage {
  width: 160px;
  text-align: right;
}

td.paymentgrey {
  background: #f5f5f5;
}
	
a {
  color: #000000;
  text-decoration: underline;
}

a.menu {
  text-decoration: none;
  color: #333333;
}
	
span {}

span.error {
  color: red;
}

	
img {}

img.line {
  padding-bottom: 3px;
  margin-left: 0px;
  width: 219px;
  height: 1px;
  
}

img.middle {
  padding-top: 0px;
}

img.vertical-line {
  height: 750px;
}
	
li {}

li.menu {
  font-size: 13px;
  padding-top: 5px;
  padding-bottom: 5px;
  list-style: none;
  margin-left: 8px;
}

li.nolink {
  font-size: 13px;
  padding-top: 5px;
  padding-bottom: 5px;
  list-style: none;
  margin-left: 16px;
}

ul {}

ul.error_list {
  color: red;
  list-style: none;
}


ul.checkbox_list {
  list-style: none;
}



div.overview div.ticket h2
{
  margin-top:0px; 
}
div.overview fieldset p
{
  margin:3px;
}

div.overview fieldset p span
{
  display:block;
  padding-top:4px;
  padding-bottom:1px;
  border:1px solid #ffffff;
  background:#fefefe;
}


div.payment h4
{ 
  font-size: 18px;
  color:#666666;
  clear:both;
  margin-top:20px;
}

div.payment p.choice-item
{
  display:block;
  width:660px;
  height: 50px;
  background:#fefefe;
  border:1px solid #ffffff;
  margin: 5px 0 0 25px;
}

div.payment p.choice-item span.choice
{
  float:left;
  width:10px;
  display:block;
  padding: 15px 10px 10px 10px;
}

div.payment p.choice-item span.title
{
  color: #666666;
  font-size: 14px;
  font-family: "Trebuchet MS", Verdana, Arial;
  font-weight: bold;  
}

div.payment p.choice-item span.image
{
  float:right;
  margin-top:-33px;
}

div.payment p.choice-item label
{
  float:left;
  display:block;
  width:600px;
  padding: 10px 10px 10px 10px;
}

div.payment p.choice-item span.cost span.title
{
  margin-left:-5px;
}

div.payment p.selected
{
  border: 1px solid #999999;
  background:#eeeeee;
}