body,html {
margin: 0px;
padding: 0px;
}

body {
font-family: 'Helvetica', 'Arial';
font-size: 13px; 
color: #5b5958;
background: #fff;
}

a, img {
border: none;
}

p {
margin: 0px 0px 0px 0px;
}

input {
font-family: 'Helvetica', 'Arial';
font-size: 13px;
}

.clear {
clear: both;
line-height: 0px;
height: 0px;
overflow: hidden;
}

div.content {
overflow: visible;
width: 100%;
margin: 0px auto 50px auto;
}

div.content div.nav-wrap {
background: #fff url('../images/theme/tickets_back_nav.png') repeat-x;
overflow: visible;
text-align: center;
width: 100%;
height: 24px;
}

div.content div.nav {
height: 24px;
width: 400px;
margin: 0px auto;
}

div.content div.nav ul {
list-style-type: none;
margin: 0px auto;
padding: 0px;
overflow: visible;
height: 24px;
}

div.content div.nav ul li {
display: block;
padding: 10px 0px;
color: #8e8c88;
font-weight: bold;
letter-spacing: 1px; 
text-transform: uppercase;
font-size: 11px; 
float: left;
}

div.content div.nav ul li a {
text-decoration: none;
font-size: 11px; 
color: #8e8c88;
}

div.content div.nav ul li a:hover {
color: #b8764c;
}

div.content div.nav ul li.active {
background: #fff url('../images/theme/tickets_back_nav_active.png') no-repeat;
width: 158px;
color: #fff;
}

div.content div.vrienden {
overflow: visible;
width: 800px;
padding: 0px 0px;
margin: 50px auto 0px auto;
}

div.content div.vrienden div.left {
width: 200px;
float: left;
}

div.content div.vrienden div.left ul.vrienden-voordelen {
list-style-type: none;
margin: 15px 0px 0px 0px;
padding: 0px;
border-top: dotted 1px #444241;
width: 180px;
}

div.content div.vrienden div.left ul.vrienden-voordelen li {
padding: 3px;
}

div.content div.vrienden div.left ul.vrienden-voordelen li.group {
font-weight: bold;
}

div.content div.vrienden div.left ul.vrienden-voordelen li.in-group {
padding: 3px 3px 3px 10px;
}

div.content div.vrienden div.right {
width: 600px;
float: left;
}

div.content div.vrienden div.right span.header {
letter-spacing: 1px; 
text-transform: uppercase;
padding: 0px 0px 6px 0px;
display: inline-block;
}

div.content div.vrienden div.right div.vrienden-box {
background: #f8f4f3;
color: #757473;
}

div.content div.vrienden div.right div.vrienden-box img {
margin: 20px 20px;
width: 560px;
}

div.content div.vrienden div.right div.vrienden-box div.description {
padding: 7px 10px;
}

div.content div.vrienden div.right div.vrienden-box ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 6px 6px;
}

div.content div.vrienden div.right div.vrienden-box span.header {
display: block;
border-bottom: solid 1px #5b5958;
padding: 0px 0px 2px 0px;
margin: 0px 11px 10px 11px;
font-weight: bold;
font-size: 12px;
}

div.content div.vrienden div.right div.vrienden-box span.error {
display: block;
border-top: solid 1px #cf3d04;
border-bottom: solid 1px #cf3d04;
background: #fab9a0;
padding: 5px 5px 5px 5px;
margin: 0px 11px 10px 11px;
color: #3d3d3d;
font-size: 12px;
display: none;
}

div.content div.vrienden div.right div.vrienden-box span#account_error_message {
margin: 5px 11px 0px 5px;
}

div.content div.vrienden div.right div.vrienden-box ul li {
padding: 4px 0px 4px 5px;
overflow: hidden;
}

div.content div.vrienden div.right div.vrienden-box ul li span.error {
margin: 5px 11px 0px 0px;
}

div.content div.vrienden div.right div.vrienden-box ul li div {
float: left;
margin: 0px 8px 0px 0px;
}

div.content div.vrienden div.right div.vrienden-box ul li div label {
letter-spacing: 1px; 
text-transform: uppercase;
font-size: 11px;
margin: 0px 0px 2px 1px;
}

div.content div.vrienden div.right div.vrienden-box ul li div input {
padding: 3px 4px;
border: solid 1px #cccccc;
color: #bc8b77;
background: #fefefe;
}

div.content div.vrienden div.right div.vrienden-box ul li input:focus {
border: solid 1px #c99e8d;
color: #bc8b77;
background: #fff;
}

div.content div.vrienden div.right div.vrienden-box ul li div input.error {
border: solid 1px red;
}

div.content div.vrienden div.right div.vrienden-box ul li div#firstname label, div.content div.vrienden div.right div.vrienden-box ul li div#firstname input {
display: block;
width: 220px;
}

div.content div.vrienden div.right div.vrienden-box ul li div#middlename label, div.content div.vrienden div.right div.vrienden-box ul li div#middlename input {
display: block;
width: 90px;
}

div.content div.vrienden div.right div.vrienden-box ul li div#lastname label, div.content div.vrienden div.right div.vrienden-box ul li div#lastname input {
display: block;
width: 220px;
}

div.content div.vrienden div.right div.vrienden-box ul li div#street label, div.content div.vrienden div.right div.vrienden-box ul li div#street input {
display: block;
width: 390px;
}

div.content div.vrienden div.right div.vrienden-box ul li div#number label, div.content div.vrienden div.right div.vrienden-box ul li div#number input {
display: block;
width: 70px;
}

div.content div.vrienden div.right div.vrienden-box ul li div#extension label, div.content div.vrienden div.right div.vrienden-box ul li div#extension input {
display: block;
width: 70px;
}

div.content div.vrienden div.right div.vrienden-box ul li div#zip label, div.content div.vrienden div.right div.vrienden-box ul li div#zip input {
display: block;
width: 100px;
}

div.content div.vrienden div.right div.vrienden-box ul li div#place label, div.content div.vrienden div.right div.vrienden-box ul li div#place input {
display: block;
width: 450px;
}

div.content div.vrienden div.right div.vrienden-box ul li div#email label, div.content div.vrienden div.right div.vrienden-box ul li div#email input {
display: block;
width: 385px;
}

div.content div.vrienden div.right div.vrienden-box ul li div#phone label, div.content div.vrienden div.right div.vrienden-box ul li div#phone input {
display: block;
width: 165px;
}

div.content div.vrienden div.right div.vrienden-box ul li div#gift_product label, div.content div.vrienden div.right div.vrienden-box ul li div#gift_product input {
display: block;
width: 590px;
text-transform: none;
}

div.content div.vrienden div.right div.vrienden-box ul li div#gift_concert label, div.content div.vrienden div.right div.vrienden-box ul li div#gift_concert input {
display: block;
width: 590px;
text-transform: none;
}

div.content div.vrienden div.right div.vrienden-box ul li div#account label, div.content div.vrienden div.right div.vrienden-box ul li div#account input {
display: block;
width: 165px;
}

div.footer {
width: 820px;
margin: 0px auto;
padding: 3px 10px;
border-top: solid 2px #d3d3d3;
color: #7b7877;
text-align: center;
}