@import url('order.css');
@import url('webpages.css');

* {
    margin: 0;
    padding:0;
}

/* clearfix */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
	/* Hide from IE Mac \*/
.clearfix{
	display:block;
}

/** set some colors **/
a,
#offers #rightrail .special .content table td.name,
#offers #rightrail .special .content table th,
p strong,
#content .heading,
.loginBox fieldset legend,
.voucher_box h3,
#header_menu ul li a,
#tick h1,
.color1 {
    color: #7F3187;
}
#main_menu ul li li a
{
    background: #7F3187;
}

.color2 {
    color: #BCBD0E;
}

#offers_filter p {
    background: #BCBD0E;
}

.topbutton.buttcolor2{
    float:right;
    margin-right:5px;
}

.voucher_box .submit,
.buttcolor2,
.buttcolor1 {
    float:left;
    position:relative;
}
.submitbuttonbox {
    padding-top:15px;
    float:right;
}
body .buttcolor1 input,
body .buttcolor2 input {
    padding: 1px 15px 1px 10px;
}
body .submitpadder .buttcolor1 input,
body .submitpadder .buttcolor2 input {
    padding: 1px 10px 1px 15px;
}
.submit,
.submitbuttonbox input,
.buttcolor1 input,
.buttcolor1 a,
.buttcolor2 input,
.buttcolor2 a {
    background:url(/images/button_background.gif) top right;
    color:#fff;
    padding:3px 18px 3px 10px;
    display:block;
    font-weight:bold;
    text-decoration:none;
    border:1px solid #803390;
}
.submitpadder .submit,
.submitpadder .submitbuttonbox input,
.submitpadder .buttcolor1 input,
.submitpadder .buttcolor1 a,
.submitpadder .buttcolor2 input,
.submitpadder .buttcolor2 a {


    background:url(/images/button_background_back.gif) top left;
    padding:3px 10px 3px 18px;
}
.left {
    float: left;
}

.right {
    float: right;
}

.bold {
    font-weight: bold;
}

.lined {
    background: url(/images/heading_bottom_line.gif) repeat-x bottom;
    margin-bottom:10px;
}

/** other stuff **/
body {
    font-family: helvetica, arial, sans-serif;
    font-size:12px;
}

a img { border: 0; position:relative;}

fieldset { border: 0;}

#header {
    background: url(/images/default_header.png) no-repeat center;
}

#headerwrapper {
    width:900px;
    margin:0 auto;
    position:relative;
    height:203px;
}

#header_logo {
    /*text-indent:-999px;*/
    width:244px;
    height:123px;
    display: block;
    float:left;
    background: url(/images/logobox.png) no-repeat top;
    position:relative;
}

#header_logo span {
    position:absolute;
    top:5px;
    left:5px;
    width:230px;
    height:100px;
    background:#fff;
    text-align:center;

}

#header_logo img {
}

#header_menu {
    background: url(/images/header_menu_left.png) no-repeat left;
    float:right;
    height:23px;
    padding-left:5px;
}

#header_menu ul {
    background: url(/images/header_menu_right.png) no-repeat right;
    padding-right:6px;
    height:23px;
    list-style:none;
}

#header_menu ul li {
    float:left;
    background: url(/images/header_menu_center.png) repeat-x left;
    height:23px;
    line-height:23px;
    display:block;
    padding-left:1px;
    list-style:none;
}

#header_menu ul li a {
    background: url(/images/header_menu_split.png) no-repeat top left;
    height:23px;
    line-height:23px;
    display:block;
    padding:0 6px;
    text-decoration:none;
}

#header_menu ul li.first a {
    background: none;
    padding:0 6px 0 2px;
}

#header_menu ul li a:hover,
#header_menu ul li.selected a {
    text-decoration:underline;
}

#main_menu {
    position:absolute;
    width:894px;
    bottom:0;
    height:37px;
    padding-left:6px;
    background: url(/images/main_menu_left.png) no-repeat left;
}

#main_menu_wrap {
    position:absolute;
    width:888px;
    bottom:0;
    height:37px;
    padding-right:6px;
    background: url(/images/main_menu_center.png) repeat-x;
}

#main_menu ul {
    width:888px;
    bottom:0;
    height:37px;
    padding-right:6px;
    background: url(/images/main_menu_right.png) no-repeat right;
    display:block;
    list-style:none;
}

#main_menu ul li {
    float:left;
    height:37px;
    line-height:37px;
    display:block;
    padding-right:2px;
    list-style:none;
    background: url(/images/main_menu_split.png) no-repeat right;
    position:relative;
}

#main_menu ul li a {
    font-size:13px;
    color:#fff;
    text-decoration:none;
    padding:0 15px;
    height:37px;
    line-height:40px;
    display:block;
}

/** @todo submenus **/

/* submenu's */
#main_menu .selected ul a {  }
#main_menu ul ul .selected a { font-weight: bold; }
#main_menu ul ul { width:200px; z-index:1000; height: auto; font-size: 100%; margin: 0; padding: 0; position: absolute; display: none;}
#main_menu ul li li { padding: 0px; float:none; height:auto;}
#main_menu ul li li a { font-weight: normal; color:#fff; width: 200px; display:block;height:auto; }
#main_menu ul li li a:hover { text-decoration: underline;}
#main_menu li:hover ul, #nav li.sfhover ul, #nav li.active ul { top:36px; left: 0; display: block; }

#main,
.pagefooter,
.submain{
    width:885px;
    margin:0 auto;
    position:relative;
    padding:0px 0 30px 15px
}

#main #main_menu {
    display:none;
}



.pagefooter {
    background: url(/images/footer_background.gif) repeat-x top;
}

.pagefooter a {
    float:left;
    display:block;
    padding:10px 10px
}

#main {
    background: url(/images/content_background.png) repeat-x top;
    padding:30px 0 20px 15px
}
.submain h2,
#main h2,
.submain h1,
#main h1 {
    font-size:20px;
    padding:0 0 6px 0;
    font-weight:normal;
}

.submain p,
#main p {
    line-height:20px;
    font-size:12px;
    padding-bottom: 10px;
}

fieldset legend {
    background:#E4E48C;
    font-weight:bold;
    display:block;
    margin-left:0;
    padding-top:5px;
    top:-23px;
    position:absolute;
}

.contentwrap fieldset h2 {
    color:#7F3187;
}
.contentwrap fieldset legend,
.content fieldset legend {
}

fieldset {
    border-top:25px solid #e4e48c;
    margin-bottom:15px;
    position:relative;
}/*
.loginBox fieldset legend {
    position:absolute;
    top:0px;
    display:block;
    background:#fff;
    width:100%;
    left:0;
    padding:5px 0;
    margin-top:0;
    margin-bottom:0;
}*/
#tick .tickettype input {
    width:35px;
}

#tick .loginBox.tickettype table td,
#tick .loginBox.tickettype table th {
    padding:3px;
}
#tick .loginBox.tickettype table th {
    white-space: nowrap;
}
#tick .loginBox.tickettype table tr.even {
    background:#F5F6DC
}


#homepagetip #loginBox {
    background: #C5C630 url(/images/box_background_bottom.png) no-repeat bottom;
}

#loginBox .content {
    background: url(/images/box_background_top.png) no-repeat top;
    padding:20px;
}

#home .leftrail {
    width:553px;
}

.leftrail,
#leftrail {
    width:500px;
    float:left;
}


.rightrail,
#rightrail {
    width: 350px;
    float:right;
}

#home .rightrail { width:300px; }
#offers #rightrail { width: 450px; }
#offers #leftrail { width:415px; }

#homepagetip {
    position:relative;
}

#homepagetip .special_icon {
    background:url(/images/weektip_overlay.png) no-repeat right top;
    position:absolute;
    width:159px;
    height:129px;
    right:0;
    top:16px;
}

#homepagetip .left {
    width:190px;
}

#homepagetip .right {
    width:315px;
}

#home .loginBox {
    background:url(/images/loginbox.png) no-repeat bottom;
    position:absolute;
    right:-5px;
    top:0;
    height:171px;
    width:281px;
    padding:10px 15px 10px 15px;
}

#home .loginBox label {
    width:100px;
}
#home .loginBox input[type=text],
#home .loginBox input[type=password] {
    width:140px;
}
#home .loginBox.showform a.showform,
#home .loginBox form,
#home .loginBox a.hideform { display:none;}

#home .loginBox.showform a.hideform,
#home .loginBox.showform form,
#home .loginBox a.showform { display:block; }

#home .loginBox.showform { height: auto; }
#home .loginBox { height: 25px; }
#home .loginBox .submitpadder { display:none; }
#home .loginBox a {
    padding:2px 5px 10px 5px;
    text-align: center;
    display:block;
    text-decoration: none;
    font-weight:bold;
    font-size:13px;
}
.submitpadder {
    height:20px;
    float:left;
    padding:0px 125px 0 0;
}
.loginBox .buttcolor1,
.loginBox .buttcolor2 {
    padding:5px 0 10px 0;
}
.fieldrow1 label {
    width:175px;
    float:left;
    padding:5px;
}

.fieldrow1 input[type=text],
.fieldrow1 input[type=password] {
    width:250px;
}

.calendarDateInput {
}
.fieldrow1 .calendarDateInput.text {
    width:50px;
}

.checkrow,
.checkrow input {
    float:left;
}
.checkrow {
    padding:5px 0 0 0;
    width:250px;
}
.checkrow label {
    padding:0 5px 5px 5px;
    width:220px;
}

#home .loginBox .fieldrow1 #autoLoginFld {
    margin-top:3px;
}

#home #toplist {
    padding:30px 0 0 0;
}

.toplistoffer {
}

.toplistoffer a {
    display:block;
    height:97px;
    width:553px;
    background-image:url(/images/top_offers.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    position:relative;
    text-decoration:none;
}
.toplistoffer a:hover {
    background-position: 0px -92px;
}
.toplistoffer span.img {
    width:138px;
    height:92px;
    position:absolute;
    top:0;
    left:0;
    background-position:center;
    background-repeat:none;
}

.toplistoffer span.text {
    position:absolute;
    width:350px;
    top:30px;
    left:158px;
}

.offer_list .offer_short a span.title,
.toplistoffer span.title {
    font-size:18px;
    text-decoration:underline;
}
.toplistoffer span.subtitle {
    display:block;
    color:#fff;
    font-size:12px;
    text-decoration:none;
    padding-top:5px;
}
.toplistoffer a:hover span.subtitle {
    color:#989A0A;
}
.toplistoffer a:hover span.title {
    color:#591961;
}
.offer_list .offer_short {
    background-image: url(/images/list_offer_background.png);
    background-repeat: none;
    position:relative;
}

.offer_list .offer_short.type1 {
    background-position: 0 -166px;
}

.offer_list .offer_short.type2 {
    background-position: 0 0;
}

.offer_list .offer_short .thumb {
    position:absolute;
    width:70px;
    height:70px;
    top:7px;
    left:0px;
    background-repeat: no-repeat;
    background-position: center;
}

.offer_list .offer_short .thumb a {
    display:block;
    width:70px;
    height:70px;
}

.offer_list .offer_short .thumb a img {
    display:none;
}

.offer_list .offer_short div.content {
    width:320px;
    min-height:83px;
}
.offer_list .offer_short .content {
    float:right;
    position:relative;
}
.offer_list .offer_short .content a {
    padding: 27px 30px 10px 0px;
    display:block;
}

#main .offer_list .offer_short .content p {
    padding-bottom:0;
}
.offer_list .offer_short .content a span {
    display:block;
}
.offer_list .offer_short .content a span.summary {
    color:#000;
}
#rightrail .sidebanner .arrow,
.offer_list .offer_short .content a span.arrow {
    background-image:url(/images/offer_arrows.png);
    background-repeat:no-repeat;
    width:20px;
    height:32px;
    top:50%;
    margin-top:-8px;
    right:5px;
    position:absolute;
    text-indent:-9999px;
}
.offer_list .offer_short.type1 .content a span.arrow {
    background-position: 2px 0px;
}
.offer_list .offer_short.type2 .content a span.arrow {
    background-position: -20px 0px;
}
.offer_list .offer_short a {
    text-decoration: none;
}

/* SEARCH */
div.search { margin-bottom: 0px; }
div.search input { font-family:Verdana,Arial,sans-serif; }
div.search input#search_query { padding: 2px 0px 2px 2px; width: 158px; }
.search { background:#E4E48C; padding:5px; font-weight:bold;color:#7F3187; font-size:0.95em;}
.search form { display:block; }
.search a { font-weight:normal; color: #79796C; font-size: 0.8em; }
.search p { margin:0;font-weight:normal;border-top:1px solid #d9deec}

#offers_filter {
    color:#fff;
}
#offers_filter p {
    padding-top:5px;
    padding-right:5px;
    padding-left:10px;
    padding-bottom:5px;
}
#offers_filter select {
    float:right;
    margin-left:5px;
}

#pager {
    padding-top:10px;
}
div.pager_separator {
    margin: 0px;
    padding: 0px;
    display: block;
    background:url(/images/heading_bottom_line.gif) repeat-x bottom left;
}

#pager a {
    margin-right:9px;
    display:block;
    float:left;
    color:#7F3187;
    text-decoration:underline;
    padding-left:0px;
    line-height:20px;
    text-align:center;
}
#pager a:first-child {
    padding-left: 0px;
}

#pager a.selected {
    color: #000;
    text-decoration: underline;
}
#pager .prevpage {
    height: 13px;
    width: 7px;
    text-decoration: none;
    color: transparent;
    background:url(/images/pagination_prev.png) no-repeat bottom left;
}
#pager .nextpage {
    float: none;
    display: inline;
    margin-right: 0px;
    height: 13px;
    width: 7px;
    text-decoration: none;
    color: transparent;
    background:url(/images/pagination_next.png) no-repeat center right;
}
#pager .separator {
    text-decoration: none;
}

#pager p {
    width:400px;
    display:block;
    color: #666666;
}

#contentsection #leftsubmenurail {
    width:200px;
    float:left;   
}

#contentsection #contentrail {
    float:right;
    width:640px;
}

#contentsection #contentrail.full {
    width:885px;
}
#rightrail .contentwrap {
    background-color:#E4E48C;
    padding:18px 13px 35px 13px;
}
.contentwrap fieldset,
.content fieldset {
    background-color:#E4E48C;
    padding:0px 13px 10px 13px;
}
.contentwrap fieldset,
.content fieldset p {
    padding-bottom:0;
}
#offers #rightrail .contentwrap {
    background-image: url(/images/offer_details_background.png);
    background-repeat: repeat-x;
}
#rightrail .contentwrap h2 {
    font-size:16px;
}

#rightrail .sidebanner .h3 {
    font-size:16px;
    text-decoration:underline;
    font-weight:bold;
}
#rightrail .sidebanner .h3,
#rightrail .sidebanner a,
#rightrail .sidebanner .p {
    display:block;
}

#rightrail .sidebanner a {
    text-decoration: none;
    position:relative;
    padding:10px 0;
}
#rightrail .sidebanner .p {
    padding:5px 5px 0 0;
}

#rightrail .sidebanner .header,
#rightrail .sidebanner .footer {
    display:none;
}
#main #rightrail .sidebanner .arrow {
    margin-top:-16px;
}


#offers #rightrail .special .content {
    position:relative;
    margin: 5px;
}
.special table.offerpricesgrid, table.offerdetailsgrid {
    border: 1px solid #7F3187 !important;
    background: #fff;
    width:100%;
}
#offers #rightrail .special {
	background:#FFF;
	padding:5px;
}

#offers #rightrail .special .content table td{
    padding:3px;
    text-align:left;
}
#offers #rightrail .special .content table th {
/*    border-bottom: 1px solid #7F3187; */
    background: #7F3187;
    padding:3px;
    text-align:left;
    color: #fff;
}
#offers #rightrail .special .content table td.name {
    text-align: left;
    font-weight:bold;
}
#offers #rightrail .special .content p {
    background:#fff;
    display:block;
    padding:13px 9px;
}
#offers #rightrail .special .content table {
    background:#fff;
    width: 100%;
    border:0 none;
    padding:2px;
    margin-bottom:  1em;
}
#offers #rightrail .special .content h2 {
    padding:13px 9px 0 9px;
    color:#fff;
    background: #7F3187;
}
#offers #rightrail .special .content h4 {
    padding:13px 9px;
    color:#fff;
    background: #7F3187;
}
#offers #rightrail .special .content h4.promoline {
    padding: 7px;
    float:right;
    background: #BCBD0E ;
    border:1px solid #fff;
    margin-right:5px;
    margin-top:5px;
    font-weight:bold;
    font-size: 16px;
}
#offers #rightrail .special .tekstklein p.tekstklein {
    background:#F5F6DC; 
    border-top:1px solid #E4E48C;
}

#offers #rightrail .r_buttons {
    padding-top:13px;
}

#offers #rightrail .r_buttons .buttcolor1,
#offers #rightrail .r_buttons .buttcolor2 {
    padding-right:10px;
}
.fieldrow1 {
    border-bottom: 1px solid #7E2E8F;
    padding:5px 0px 5px 15px;
    background: url(/images/green_arrow.png) no-repeat 5px 12px;
}
#content .faq a {
    text-decoration:none;
    line-height:20px;
    display:block;
    padding:0 0 0 15px;
    background: url(/images/green_arrow.png) no-repeat left;
}
#content h2 {
    font-size:14px;
}
.fieldrow1.noborder {
    border-bottom:0;
}

.newsitems {
    border: 1px solid #BC89C6;
    background:#D4B8DA;
}

.newsitems a.heading {
    background: url(/images/newsitem_background.gif) repeat-x;
    border-top:10px #fff solid;
    color:#fff;
    padding: 10px;
    display:block;
}
.newsitems a.heading.first {
    border-top:0;
}
.newsitems p {
    padding:10px;
}

.whywnhw {
    background:#F3F3D3 url(/images/lightyellow_back.png) no-repeat bottom left;
    padding:12px 16px;
    margin-top:20px;
}
#contentsection #leftsubmenurail h2,
#main .whywnhw h2 {
    font-weight:bold;
    font-size:16px;
}

#contentwrap #main ul,
.whywnhw ul {
    list-style-image: url(/images/green_arrow.png);
    padding-left:16px;
}

#content .heading,
.whywnhw ul li {
    padding:5px 0;
    font-weight:bold;
}

.voucher_box label {
    display:block;
    padding-top:5px;
}
#main .voucher_box p {
    display:block;
    padding-bottom:5px;
}
.voucher_box input.submit {
    margin-top:5px;
    float:none;
}

#rightrail .contentwrap .voucher_box {
    margin-bottom:-20px;
}
div.special_tab { display: none; }


/* THEATER TICKET MODAL */

.theater_dialog h3 { margin-bottom: 0px; }
.performancetimes { border-spacing: 0; border: solid 1px #c7c53a;  }
.performancetimes td { padding: 5px 8px; }
.performancetimes td.alignRight { text-align:right; }
.performancetimes tr.type1 td { background-color: #c7c53a; }
.performancetimes tr.type2 td { background-color: #e7e38f; }
.theater_dialog .theater_map_wrapper { float:right; position:relative; }
.theater_dialog .theater_map_wrapper span { position:absolute; top:0; left:-80px; font-size:0.6875em; }
.theater_dialog .theater_map { width:300px; height: 275px; }