html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-size:11px;
    font-family: Verdana,"Times New Roman",Times,serif;
    color:#333;
}

input[type=text], textarea, select, input[type=password] {
    border: 1px solid #B2B2B2;
    border-radius: 3px 3px 3px 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:4px;
}

.ui-state-error{
    border-width: 2px;
}

.hidden {
    display:none;
}

.textc {
    text-align: center;
}

.textb {
    font-weight: bold;
}

.fl{
    float:left;
}

.content {
    min-height: 100%;
    position: relative;
    overflow: auto;
    z-index: 0;
}

.background {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
}

.top_block {
    width: 100%;
    display: block;
}

.bottom_block {
    position: absolute;
    width: 100%;
    display: block;
    bottom: 0;
}

.left_block {
    display: block;
    float: left;
}

.right_block {
    display: block;
    float: right;
}

.center_block {
    display: block;
    width: auto;
}

.header {
    width: 100%;
    height: 70px;
    background : url(/images/h1_bg.jpg) repeat-x;
    height:129px;
}

.header .logo {
    position: absolute;
    left:139px;
    background: url(/images/h1.jpg) no-repeat;
    width:373px;
    height:129px;
}

.header_blue{
    background: url("/images/h2.jpg") repeat-x scroll 0 0 transparent;
    height: 91px;
    left: 510px;
    position: absolute;
    right: 0;
    top: 26px;
}

.block_3 {
    height: auto !important;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 0px 10px;
    height: auto;
    height: auto;
    margin: 0 auto;
    width: 970px;
    margin-bottom: 133px;
}

.block_3 .content{
    margin-left:19px;
    min-height: 400px;
}

.footer {
    width: 100%;
    background-color: #999999;
    height:142px;
    background: url(/images/footer_bg_left.jpg) repeat-x;

}

.footer .content {
    background:url(/images/footer_bg.jpg); background-repeat: no-repeat; background-position:right;
}

.footer_copy{
    color:#fff;
    position:absolute;
    bottom:3px;
    left:3px;
}

.subNavi{
    background: url(/images/menue_bg.png) no-repeat 0 0 #FF8800;
    width: 100%;
    height: 13px;
    border-bottom: 1px solid #ccc;
}

.navi {
    width:970px;
    height:46px;
    margin: 0 auto 12px;
}

.navi .content{
    line-height:40px;
    margin-left: 19px;
    border-bottom: 1px solid #B2B2B2;
}

.naviHeadline{
    font-family: Verdana;
    color: #FF8800;
    display: inline-block;
    font-size: 1.9em;
    font-weight: bold;
    text-align: center;
    /* text-shadow: 2px 2px 2px #BBBBBB; */
    text-shadow: 0 -1px #333333, 1px 0 #333333, 0 1px #333333, -1px 0 #333333;
    width: 100%;
}

.naviContent {
    float:left;
    position:absolute;
    top:0px;
    right:0px;
}

.calendar {
     width:200px;
     -moz-box-shadow:    7px 7px 5px 0px #CCCCCC;
     -webkit-box-shadow: 7px 7px 5px 0px #CCCCCC;
     box-shadow:         7px 7px 5px 0px #CCCCCC;
     margin-bottom : 15px;
     float:left;
     margin-right: 30px;
     font-family: Verdana;
}

.calendar .c-header {
    height:30px;
    background-color : #C3C4C8;
    -moz-box-shadow:    0px 4px 3px 1px #AAAAAA;
    -webkit-box-shadow: 0px 4px 3px 1px #AAAAAA;
    box-shadow:         0px 4px 3px 1px #AAAAAA;
    line-height: 30px;
    font-weight: bold;
    color:#CA0005;
    font-size:14px;
    overflow: hidden;
    width: 100%;
}

.calendar .c-sheet{
    background-color: #E1E1E1;
    height:221px;
}

.calendar .c-month{
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
}

.calendar .c-day{
    color: #CA0005;
    font-size: 40px;
    font-weight: bold;
    margin-top: 0;
    line-height: 40px;
}

.calendar .c-year{
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    line-height: 28px;

}

.calendar .c-desc {
    border-top: 1px solid #333333;
    margin-top: 10px;
    padding: 5px;
    position: relative;
    font-size: 12px;
    height:59px;
}

.calendar .c-desc label{
    display: inline-block;
    width:50px;
}

.calendar .c-desc button{
    position: absolute;
    right:1px;
    bottom:0px;
    width:97%;
    font-weight: bold;
}

#loginForm label{
    display: inline-block;
    width:165px;
}

#loginForm div{
    margin-bottom:5px;
}

#loginForm input{
    width:200px;
}

#loginForm a:first-child{
    margin-right:165px;
}

#cartButton p {
    display:inline;
}

.blockedChair {
    color: #FF0000;
    cursor: pointer;
    font-size: 1.5em;
    line-height: 0.7em;
    text-align: center;
}

.freeChair{
    background-color: green;
    cursor:pointer;
}

.selectedChair{
    background-color: orange;
    cursor:pointer;
}

.busyChair {
    background-color: blue;
}

.reservedChair {
   background-color: yellow;
}

.stage{
    background: url(/images/stageBig.png) no-repeat center center transparent;
    height:460px;
    width:100px;
}

.ocart-headline {
    font-size:1.3em;
    font-weight: bold;
    border-bottom: 1px solid #333;
    padding: 8px 0;
}

.ocart-headline {
    color: #FF8800;
    font-size: 1.5em;
    font-weight: bold;
    text-shadow: 0 -1px #333333, 1px 0 #333333, 0 1px #333333, -1px 0 #333333;
}

.ocart-eventTime{
    font-size:1.2em;
    margin-bottom: 10px;
}

.ocart-tickets .sp1, .ocart-tickets .sp2, .ocart-tickets .sp3{
    display:inline-block;
    width: 33%;
}

.ocart-tickets .sp3{
    text-align: right;
    font-weight: bold;
}

.ocart-total, .ocart-handlingCharge{
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 0px;
    position:relative;
    width: 99%;
}

.ocart-handlingCharge{
    font-size: 1.0em;
    font-weight: normal;
    padding: 0px 0px;
    width:99%;
}

.ocart-line{
    font-size:0px;
    height:1px;
    background: #333;
    margin-top: 15px;
}

.ocart-total .sum, .ocart-handlingCharge .sum{
    position:absolute;
    top:10px;
    right:0px;
}

.ocart-handlingCharge .sum{
    top:0px;
}

#column_checkout, #column_checkout_basket {
    float: left;
    margin: 0 0 40px;
    padding: 0 0 0 10px;
    position: relative;
    width: 727px;
}

h1.headline {
    color: #6A6A6A;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 0;
}

.login_user {
    float: left;
    margin: 0 0 40px;
    padding: 0 35px 0 0;
    width: 349px;
}

.login_newuser {
    border-left: 1px dashed #7D7D7D;
    float: left;
    padding: 0 0 0 35px;
    width: 348px;
}

.clear {
    clear: both;
    margin: 0;
    padding: 0;
}


.float_right {
    float: right;
}

h2.headline {
    color: #FC9F02;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0;
}

.login_user .table_default td, .login_newuser .table_default td {
    border: medium none;
    padding: 6px 4px 6px 0;
}
.table_default td {
    border-bottom: 1px dotted #E3E3E3;
    padding: 6px 4px;
}

.text_mini {
    color: #3E3D40;
    font-size: 10px;
}

.inputfield_ws_login {
    font-size: 12px;
    width: 180px;
}

.cashResultBox {
    border: 3px double #E37901;
    vertical-align: middle;
    width:600px;
    margin: 15px auto;
    padding:15px;
    text-align: center;
}

.loading{
    background: url(/images/ajax-loader.gif) no-repeat center center transparent;
    width:100%;
    height : 20px;
}

.table{
    margin: 17px 0px 0px 0px;
    border:1px solid black;
    height: 36px;
    text-align:center;
    font-weight:bold;
    font-size:1.2em;
    background: #ddd;
}

.tableContainer{
    position:relative;
}

.chair{
    width:17px;
    height:17px;
    margin-right:2px;
    border:1px solid #333;
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.chairTop .chair:last-child {
   margin-right:0px;
}

.chairTop .chair {
    border-bottom-width: 0px;
}

.chairBottom .chair:last-child {
   margin-right:0px;
}

.chairBottom .chair {
    border-top-width: 0px;
}

.tableContainer{
    margin-bottom:10px;
}

.chairBottom{
    text-align:center;
}

.stirn{
    position:absolute;
    top:27px;
    right:-19px;
}

.shopLegende{
    border-bottom: 1px solid #b2b2b2;
    padding: 4px 0;
}


.chairTop .chair {
    border-bottom-width: 0;
}

.eventInfo.ui-icon.ui-icon-info{
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer;
}