.seatingplan_tool_container_sp { min-height: 700px; } /* nur bei Seatingplan */
.seatingplan_tool_container_shop { margin: 0 0 30px 0; } /* nur bei Shop */

#seatingplan_tool_overlay { background-color: #FFFFFF; z-index: 500; opacity: 0.7; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; }
/* IE8 opacity */
#seatingplan_tool_overlay { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

#seatingplan_tool_buttons .button { border: none; } /* nur bei Seatingplan */


/* Container Edit Seats (nur bei Seatingplan und Event) */
#seatingplan_tool_edit_seats { background-color:#F5F5F5; padding: 5px; z-index: 310; }
.seatingplan_tool_container_sp #seatingplan_tool_edit_seats { position: fixed; } /* nur bei Seatingplan */
.seatingplan_tool_container_sp #seatingplan_tool_edit_seats .button { border: none; } /* nur bei Seatingplan */
.seatingplan_tool_container_event #seatingplan_tool_edit_seats { position: absolute; } /* nur bei Event */


/* Tooltip Seat */
#seatingplan_tool_seat_info { background-image:url(/images/seatingplan_seat_tooltip.png); background-repeat: repeat; color: #FFFFFF; padding: 10px; position: absolute; z-index: 250; display: block; white-space: nowrap; }
#seatingplan_tool_seat_info_arrow { background-image:url(/images/seatingplan_arrow_down.png); height: 5px; width: 10px; position: absolute; z-index: 250; display: block; }
.seatingplan_tool_seat_info .info_add { white-space: nowrap; padding-bottom: 15px; }
.seatingplan_tool_seat_info .info_add .info_sub_add { display: inline-block; vertical-align: middle; white-space: nowrap; }
.seatingplan_tool_seat_info .info_bloc { font-weight: bold; white-space: nowrap; }
.seatingplan_tool_seat_info .info_row_number { padding-top: 7px; white-space: nowrap; }
.seatingplan_tool_seat_info .info_row_number .info_row_number_label { font-weight: bold; }
.seatingplan_tool_container_shop #seatingplan_tool_seat_info { font-size: 1.1em; } /* nur bei Shop */

/* Seatingplan */
#seatingplan_tool_plan { position: relative; border: 2px solid #000000; height: auto; width: 635px; overflow: auto; }


/* Bloc Container */
.seatingplan_bloc_container { position: absolute; background-image:url(/images/transpix.png);  }
.seatingplan_tool_container_event .seatingplan_bloc_container:hover, .seatingplan_tool_container_sp .seatingplan_bloc_container:hover { z-index: 200; }
.seatingplan_tool_container_sp .seatingplan_bloc_container:hover { background-color: #ffc; } /* nur bei Seatingplan */
.seatingplan_bloc_container.ui-draggable-dragging {  background-color: #ffc; z-index: 300; } /* nur bei Seatingplan */

/* Stage Bloc */
.seatingplan_bloc_stage { border: 1px dotted #C6C5C4; text-align: center; overflow: hidden; }
.seatingplan_tool_container_sp .seatingplan_bloc_stage { cursor: pointer; } /* nur bei Seatingplan */
.seatingplan_tool_container_sp .seatingplan_bloc_stage:hover { background-color: #ffc; } /* nur bei Seatingplan */
.seatingplan_bloc_stage div { vertical-align:middle; display:inline-block; text-align:center; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif !important; font-size: 1.3em; line-height:1.2em; color: #666666; }
.seatingplan_tool_container_shop .seatingplan_bloc_stage div { font-size: 1.4em; } /* nur bei Shop */

/*
 * 
 * SEATS
 *
*/

.seatingplan_bloc_seats { background-image:url(/images/transpix.png); }
.seatingplan_tool_container_sp .seatingplan_bloc_seats:hover { background-color: #ffc; } /* nur bei Seatingplan */
.seatingplan_bloc_container .highlight { background-color: #ffc; } /* .highlight zu .seatingplan_bloc_seats zugewiesen, um den Hintergrund auch zu haben, wenn man auf dem Icons Container des Blocks ist */ /* nur bei Seatingplan */
.seatingplan_bloc_seats .row_horizontal { padding: 3px 0px;  }
.seatingplan_bloc_seats .row_vertical { display: inline-block; padding: 0px 3px; }
.seatingplan_bloc_seats .row_horizontal .seat, .seatingplan_bloc_seats .row_horizontal .no_seat { display:inline-block; margin: 0 1px 0 0; } /* .no_seat nur bei Event */
.seatingplan_bloc_seats .row_vertical .seat, .seatingplan_bloc_seats .row_vertical .no_seat { margin: 0 0 1px 0; } /* .no_seat nur bei Event */
.seatingplan_bloc_seats .row .seat, .sp_price_categories .pc_seat, .seatingplan_tool_seat_info .info_add .pc_seat, .sp_tickets .pc_seat { width: 20px; height: 20px; line-height: 20px; cursor: pointer; background-color: #F5F5F5; box-shadow: 1px 1px 1px #BFC0C1; color: #000000; text-align: center; font-size: 8pt; }
.seatingplan_bloc_seats .row .no_seat { width: 20px; height: 20px; background-image:url(/images/transpix.png) !important; } /* nur bei Event und Shop - seat invisible */
.seatingplan_bloc_seats .row .seat_invisible { background-color: #FFFFFF; box-shadow: none; } /* nur bei Seatingplan */
.seatingplan_bloc_seats .row .seat_wheelchair { background-image:url(/images/icons/wheelchair_black.png); background-color: #FFFFFF; }
.seatingplan_bloc_seats .row .seat_attendance { background-color: #FFFFFF; }
.seatingplan_bloc_seats .row .seat_disabled { background-image:url(/images/icons/cross_black.png); } /* nur bei Event und Shop */

/* Preiskategorien (nur bei Event und Shop: ) */
.seatingplan_bloc_seats .row .seat_cat1 { background-color: #FA6DD5; color: #FFFFFF; }
.seatingplan_bloc_seats .row .seat_cat2 { background-color: #F9ED04; color: #000000; }
.seatingplan_bloc_seats .row .seat_cat3 { background-color: #0BAEE9; color: #FFFFFF; }
.seatingplan_bloc_seats .row .seat_cat4 { background-color: #9F1057; color: #FFFFFF; }
.seatingplan_bloc_seats .row .seat_cat5 { background-color: #F1075E; color: #FFFFFF; }
.seatingplan_bloc_seats .row .seat_cat6 { background-color: #302BFF; color: #FFFFFF; }
 
.seatingplan_bloc_seats .row .selected_seat { background-color: #000000; box-shadow: 1px 1px 1px #BFC0C1; color: #FFFFFF; }
.seatingplan_tool_container_sp .seatingplan_bloc_seats .row .seat:hover, .seatingplan_tool_container_event .seatingplan_bloc_seats .row .seat:hover { background-color: #ffc; color: #000000; } /* nur bei Seatingplan und Event */
.seatingplan_bloc_seats .row .seat_wheelchair_white { background-image:url(/images/icons/wheelchair_white.png); } /* falls Rollstuhl ausgewŠhlt (nach Mouse Click) */
.seatingplan_bloc_seats .row .seat_wheelchair:hover { background-image:url(/images/icons/wheelchair_black.png); }
.seatingplan_bloc_seats .row .seat_disabled_white { background-image:url(/images/icons/cross_white.png); } /* nur bei Event und Shop */ /* falls Gesperrter Sitz ausgewŠhlt (nach Mouse Click) */
.seatingplan_bloc_seats .row .seat_disabled:hover { background-image:url(/images/icons/cross_black.png); } /* nur bei Event und Shop */

/* nur bei Shop */
.seatingplan_tool_container_shop .row .seat_cat1:hover { background-color: #ffc; color: #000000; }
.seatingplan_tool_container_shop .row .seat_cat2:hover { background-color: #ffc; color: #000000; }
.seatingplan_tool_container_shop .row .seat_cat3:hover { background-color: #ffc; color: #000000; }
.seatingplan_tool_container_shop .row .seat_cat4:hover { background-color: #ffc; color: #000000; }
.seatingplan_tool_container_shop .row .seat_cat5:hover { background-color: #ffc; color: #000000; }
.seatingplan_tool_container_shop .row .seat_cat6:hover { background-color: #ffc; color: #000000; }
/* wenn nur eine bestimmte Preiskategorie ausgesucht wird, werden die PlŠtze mit anderen Preiskategorien zum selben Stand gebracht, als sie nicht buchbar wŠren */
.seatingplan_tool_container_shop .row .seat_cat_inactive, .seatingplan_tool_container_shop .row .seat_cat_inactive:hover { background-color: #F5F5F5; color: #000000; cursor: default; }
.seatingplan_tool_container_shop .row .seat_cat_wheelchair_inactive, .seatingplan_tool_container_shop .row .seat_cat_wheelchair_inactive:hover { background-color: #FFFFFF; color: #000000; cursor: default; background-image:url(/images/icons/wheelchair_black.png); }
.seatingplan_tool_container_shop .row .seat_cat_attendance_inactive, .seatingplan_tool_container_shop .row .seat_cat_attendance_inactive:hover { background-color: #FFFFFF; color: #000000; cursor: default; }


/*
 * 
 * ENDE SEATS
 *
*/






/* nur bei Seatingplan */
.seatingplan_bloc_icons { display: none; position: absolute; top: 0; background-color: #ffc; }
.seatingplan_stage_bloc_icons { border: 1px dotted #C6C5C4; background-color: #ffc; }
.seatingplan_bloc_icons img { cursor: pointer; }
.seatingplan_bloc_icons img.icon_move { cursor: move; }

/* nur bei Seatingplan */
.seatingplan_bloc_coordinates { display: none; position: absolute; top: 0; left: 0; background-color: #ffc; z-index: 400; }

.seatingplan_bloc_name { position: absolute; top: 0; left: 0; background-color: #ffffff; padding: 3px; white-space: nowrap; z-index: 150; }
/* .seatingplan_tool_container_shop .seatingplan_bloc_name { display: none; } nur bei Shop */

/* nur bei Seatingplan und Event */
.seatingplan_bloc_container .edited_element { background-color: #ffc; } /* bloc */
.seatingplan_bloc_container .seatingplan_bloc_seats .edited_element { background-color: #ffc; color: #000000; } /* seat(s) */


/* Tool Action Container */
#seatingplan_tool_action_container { overflow: visible; position: absolute; z-index: 600; border: 1px solid #666666; background-color: #FFFFFF; }
.seatingplan_tool_container_sp #seatingplan_tool_action_container, .seatingplan_tool_container_shop #seatingplan_tool_action_container { cursor: move; } /* nur bei Seatingplan und Shop */
.seatingplan_tool_container_shop #seatingplan_tool_action_container { border-radius: 4px; box-shadow: 1px 1px 1px #BFC0C1; } /* nur bei Shop */
#seatingplan_tool_action_container .header { background-image: url("/js/extern/greybox/header_bg.gif"); border-bottom: 1px solid #AAAAAA; color: #333333; font-size: 12px; height: 22px; margin: 0; padding: 3px 0; }
#seatingplan_tool_action_container .header .caption { font-size: 12px; font-weight: bold; padding-right: 20px; text-align: left; white-space: nowrap; }
#seatingplan_tool_action_container .header .close { text-align: right; }
#seatingplan_tool_action_container .header .close img { cursor: pointer; padding: 0 3px 0 0; }
#seatingplan_tool_action_container p { padding: 0 5px; }
#seatingplan_tool_action_container .headline { font-weight: bold; padding: 0 5px; margin: 15px 0 5px; font-size: 1.2em; }
#seatingplan_tool_action_container .button { cursor: pointer; }
#seatingplan_tool_action_container a.link_seats_parameter { font-weight: normal; padding-left: 5px; }
#seatingplan_tool_action_container ul.list_prices { padding: 2px 5px 15px; margin: 0; } /* nur bei Shop */
#seatingplan_tool_action_container ul.list_prices li { padding: 12px 0 2px; border-bottom: 1px solid #999999; list-style-type: none; } /* nur bei Shop */
#seatingplan_tool_action_container ul.list_prices li .price { display: inline-block; vertical-align:middle; width:300px; margin-right:30px; } /* nur bei Shop */
/* #seatingplan_tool_action_container ul.list_prices li:last-child { border-bottom: none; } /* nur bei Shop */


/* Categories Container (nur bei Event und Shop) */
.sp_price_categories { position: relative; display: block; margin: 10px 0 60px 0; width: 220px; }
.seatingplan_tool_container_event .sp_price_categories { float: left; } /* nur bei Event */
.seatingplan_tool_container_shop .sp_price_categories { position: fixed; margin: 0; width: 150px; z-index: 230; } /* nur bei Shop */
.sp_price_categories .top_box { display: block; border-radius: 4px; padding: 5px 5px 5px 10px; cursor: pointer; background: #F5F5F5 url(/images/icons/arrow_down2.png) right center no-repeat; box-shadow: 1px 1px 1px #BFC0C1; width: 205px; }
.seatingplan_tool_container_shop .sp_price_categories .top_box { width: 135px; font-weight: bold; padding: 6px 5px 6px 10px; } /* nur bei Shop */
.seatingplan_tool_container_shop .sp_price_categories .top_box .pc_seat { font-weight: normal; } /* nur bei Shop */
.sp_price_categories .bottom_box { display: block; border-radius: 4px; background-color: #F5F5F5; margin: 5px 0 0 0; position: absolute; z-index: 230; box-shadow: 1px 1px 1px #BFC0C1; width: 220px; }
.seatingplan_tool_container_shop .sp_price_categories .bottom_box { width: 150px; } /* nur bei Shop */
.sp_price_categories .bottom_box .list_categories { margin: 0 !important; overflow-x: hidden; overflow-y: auto; padding: 0 !important; }
.sp_price_categories .bottom_box .list_categories .pc { border-bottom: 1px solid #FFFFFF; list-style-type: none; margin: 0 !important; padding: 6px 24px 6px 10px; }
.seatingplan_tool_container_event .sp_price_categories .bottom_box .list_categories .pc { width: 186px; } /* nur bei Event */
.seatingplan_tool_container_shop .sp_price_categories .bottom_box .list_categories .pc { cursor: pointer; padding-right: 10px; } /* nur bei Shop */
.sp_price_categories .pc_seat, .sp_tickets .pc_seat, .seatingplan_tool_seat_info .info_add .pc_seat { cursor: default; color: #FFFFFF; font-size: 9pt; display: inline-block; margin: 0 6px 0 0; padding: 0; }
.seatingplan_tool_container_shop .sp_price_categories .pc_seat { cursor: pointer; } /* nur bei Shop */
.seatingplan_tool_seat_info .info_add .pc_seat { margin: 0 10px 0 0; }
.sp_price_categories .pc_seat_cat1, .sp_tickets .pc_seat_cat1, .seatingplan_tool_seat_info .info_add .pc_seat_cat1 { background-color: #FA6DD5; }
.sp_price_categories .pc_seat_cat2, .sp_tickets .pc_seat_cat2, .seatingplan_tool_seat_info .info_add .pc_seat_cat2 { background-color: #F9ED04; color: #000000; }
.sp_price_categories .pc_seat_cat3, .sp_tickets .pc_seat_cat3, .seatingplan_tool_seat_info .info_add .pc_seat_cat3 { background-color: #0BAEE9; }
.sp_price_categories .pc_seat_cat4, .sp_tickets .pc_seat_cat4, .seatingplan_tool_seat_info .info_add .pc_seat_cat4 { background-color: #9F1057; }
.sp_price_categories .pc_seat_cat5, .sp_tickets .pc_seat_cat5, .seatingplan_tool_seat_info .info_add .pc_seat_cat5 { background-color: #F1075E; }
.sp_price_categories .pc_seat_cat6, .sp_tickets .pc_seat_cat6, .seatingplan_tool_seat_info .info_add .pc_seat_cat6 { background-color: #302BFF; }
.sp_price_categories .pc_seat_info { display: inline-block; vertical-align: middle; white-space: nowrap; }
.seatingplan_tool_container_event .sp_price_categories .bottom_box .list_categories .pc .pc_seat_info { width: 153px; overflow: hidden; text-overflow: ellipsis; } /* nur bei Event */
.seatingplan_tool_container_shop .sp_price_categories .pc_seat_info {  } /* nur bei Shop */
.sp_price_categories .bottom_box .pc_action { border-bottom: 1px solid #FFFFFF; padding: 10px !important; text-align: center; }
.seatingplan_tool_container_shop .sp_price_categories .bottom_box .pc_action { padding: 8px !important; } /* nur bei Shop */

/* PDF And Image Generation (nur bei Event) */
.sp_pdf_generation { float: left; margin-top: 10px; margin-left: 30px; }
.sp_shop_image_generation { float: left; margin-top: 10px; margin-left: 10px; }


/* Tickets Container (nur bei Shop) */
.sp_tickets { position: fixed; display: block; margin: 0; width: 200px; z-index: 230; }
.sp_tickets .top_box { display: block; border-radius: 4px; padding: 6px 5px 6px 10px; cursor: pointer; font-weight: bold; background: #F5F5F5 url(/images/icons/arrow_down2.png) right center no-repeat; box-shadow: 1px 1px 1px #BFC0C1; width: 185px; }
.sp_tickets .bottom_box { display: block; border-radius: 4px; background-color: #F5F5F5; margin: 5px 0 0 0; position: absolute; z-index: 230; box-shadow: 1px 1px 1px #BFC0C1; width: 200px; }
.sp_tickets .bottom_box .list_tickets { margin: 0 !important; overflow-x: hidden; overflow-y: hidden; padding: 0 !important; }
.sp_tickets .bottom_box .list_tickets .ticket { border-bottom: 1px solid #FFFFFF; list-style-type: none; margin: 0 !important; padding: 8px 8px 15px 8px; }
.sp_tickets .bottom_box .list_tickets .ticket .seat_category .pc_seat { height: 15px; width: 15px; line-height: 15px; font-size: 7pt; }
.sp_tickets .bottom_box .list_tickets .ticket .seat_category .pc_seat_info { display: inline-block; vertical-align: middle; white-space: nowrap; }
.sp_tickets .bottom_box .list_tickets .ticket .seat_category .remove_seat { float: right; height: 15px; width: 15px; line-height: 15px; margin: 0; padding: 0; }
.sp_tickets .bottom_box .list_tickets .ticket .seat_category .remove_seat a { line-height: 15px; margin: 0; padding: 0; }
.sp_tickets .bottom_box .list_tickets .ticket .seat_category .remove_seat .icon { width: 15px; height: 15px; line-height: 15px; margin: 3px 0 0 0; padding: 0; }
.sp_tickets .bottom_box .list_tickets .ticket .seat_infos { clear: both; padding-top: 5px; }
.sp_tickets .bottom_box .list_tickets .ticket .seat_infos .seat_info_label { font-weight: bold; }
.sp_tickets .bottom_box .list_tickets .ticket .seat_price { padding-top: 5px; }
.sp_tickets .bottom_box ul li:last-child { border-bottom: none !important; } /* last ticket in the list */
.sp_tickets .bottom_box .bottom_box_bottom { padding: 10px 8px 10px 8px !important; }
.sp_tickets .bottom_box .bottom_box_bottom #sp_tickets_tickettyp { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #FFFFFF; }
.sp_tickets .bottom_box .bottom_box_bottom #sp_tickets_tickettyp .selectbox, .sp_tickets .bottom_box .list_tickets .ticket .seat_price .selectbox { width: 100%; }
.sp_tickets .bottom_box .bottom_box_bottom #sp_tickets_cart a.button_bg_cart { float: none; margin-right: 0; }
.sp_tickets .bottom_box .bottom_box_bottom #sp_tickets_cart #button_bg_cart.inactive, .sp_tickets .bottom_box .bottom_box_bottom #sp_tickets_cart #button_bg_cart.inactive:hover { opacity: 0.1 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)" /* IE8 opacity */; }
.sp_tickets .bottom_box .bottom_box_bottom #sp_tickets_cart #button_bg_cart.inactive span, .sp_tickets .bottom_box .bottom_box_bottom #sp_tickets_cart #button_bg_cart.inactive span:hover { font-style: italic !important; }

/* Event Infos (nur bei Shop) */
.sp_event_info { }
.sp_event_info .event_img { float: left; margin: 12px 20px 20px 0; }
.sp_event_info .event_img img { max-height: 70px; }
.sp_event_info .event_info { float: left; margin: 12px 0 20px 0; text-align: left; }
.sp_event_info .event_date { font-weight: bold; padding-left: 2px; }


/* Table Amount Extra (nur bei Shop) */
.tableAmountExtra tr td {
    background-color: #FFFFFF;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    margin: 0 auto;
    padding: 5px;
}

/* Tooltip Breite Anpassung (nur bei Shop) */
.seatingplan_tool_container_shop a.tooltip:hover span {
	width: auto;
}

/* Benutzt um ein Ticketrabatt eintragen zu kšnnen (nur bei Shop) */
#GB_overlay {
	z-index: 700;
}
#GB_window {
	z-index: 800;
}