/* ========== I N D E X ========== */

/*
    1. BODY [1BODY]
    1a. NOTIFICATIONS
    2. HEADER [2HEAD]
    3. CONTAINER [3CONT]
    4. SKYSCRAPERS [4SKY]
    5. CONTENT WRAPPER & BASIC CONTENT DIVS [5WRAP]
    6. CONTENT LEFT [6COLEFT]
            REGISTRATION [6COLEFTREG]
            LOGIN [6COLEFTLOG]
            PROFILE [6COLEFTPRO]
            SEATMAP [6COLEFTSEAT]
            SHOPPING CART [6COLEFTCART]
            NEWSPOSTS [6COLEFTNEWS]
            SHOP: PRODUCTS [6COLEFTPRODUCTS]
            COMPO SYSTEM [6COLEFTCOMPO]
            USERS TICKET VIEW [6COLEFTTICKET]
    7. CONTENT RIGHT (sidebar) [7CORIGHT]
    8. FOOTER [8FOOT]
    */

    /* ===== C O L O U R   L I B R A R Y ===== */
/*
        DARRK BLUE    1f587f
        LIGHT BLUE    1f587f
        DARK GREY    262626
        GREY SIDEB    e8e6e6

        TEXT        485c6a
        */

        /* - - - - - - - - - - - - - - - - - - - - - - - - */

        /* ===== 1.  B O D Y   [1BODY] ===== */

        body {
            background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(img/default/bg_261_2.jpg) no-repeat fixed center top;
            /*background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(img/default/summer-bg2.jpg) no-repeat fixed center top;*/
            font-family: Arial, Helvetica, sans-serif;
        	background-size: cover;
        	font-size: 12px;
        	color: #485c6a;
            position: relative;
        }

        @font-face {
        	font-family: 'BebasNeueRegular';
        	src: url('fonts/BebasNeue-webfont.eot');
        	src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
        	url('fonts/BebasNeue-webfont.woff') format('woff'),
        	url('fonts/BebasNeue-webfont.ttf') format('truetype'),
        	url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
        	font-weight: normal;
        	font-style: normal;
        }

        @font-face {
        	font-family: 'capture_itregular';
        	src: url('fonts/Capture_it-webfont.eot');
        	src: url('fonts/Capture_it-webfont.eot?#iefix') format('embedded-opentype'),
        	url('fonts/Capture_it-webfont.woff') format('woff'),
        	url('fonts/Capture_it-webfont.ttf') format('truetype'),
        	url('fonts/Capture_it-webfont.svg#capture_it_2regular') format('svg');
        	font-weight: normal;
        	font-style: normal;
        }

        @font-face {
            font-family: 'Therhog Regular';
            font-style: normal;
            font-weight: normal;
            src: local('fonts/Therhog Regular'), url('fonts/Therhog.woff') format('woff');
        }


        @font-face {
            font-family: 'Therhog Swashes';
            font-style: normal;
            font-weight: normal;
            src: local('fonts/Therhog Swashes'), url('fonts/Therhog Swashes.woff') format('woff');
        }

        /* ===== 1.  N O T I F I C A T I O N S   [1BODY] ===== */

        .c-notification{
            background-color: #ffcc00;
            width: 300px;
            height: 75px;
            position: fixed;
            right: 2vw;
            bottom: 5vh;
            border-radius: 3px;
            z-index: 999;
            animation-name: a-pos-bottom ;
            animation-duration: 1s;
            display: none;
        }

        .c-notification.active{
            display: block;
        }

        @keyframes a-pos-bottom {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }

        .c-notification-wrap{
            width: 250px;
            height: 75px;
            position: relative;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }

        .c-notification-content{
            position: absolute;
            top: 10px;
            left: 10px;
            color: #333333;
        }

        .c-notification-content h4{
            margin-bottom: 0.5em;
        }

        .c-notification-close{
            color:#333333;
            font-size:  24px;
            text-align: right;
            position: absolute;
            display: block;
            right: 0;
            top: 0;
            line-height: 0;
            cursor: pointer;
            padding: 15px 10px;
            text-decoration: none;
        }

        /* ===== 2.  H E A D E R   [2HEAD] ===== */

        .header {
        	width: 100%;
        	height: 50px;
        	background-image: url(img/default/navbarbg.png);
        	background-repeat: repeat-x;
        	position: fixed;
        	z-index: 99999;
        }

        .headerWrapper {
        	width: 960px;
        	height: 37px;
        	margin: 0 auto;
        	padding-top: 3px;
        }

        .headerLogo {
        	width: 180px;
        	height: 37px;
        	float: left;
        }

        .headerNav {
        	height: 37px;
        	margin-top: 3px;
        	float: left;
        }

        .navHome {
        	width: 13px;
        	height: 12px;
        	margin-top: 3px;
        	background-image: url('../img/site/iconHome_151.png');
        	background-position: left;
        }

        .navHome:hover {
        	background-position: right;
        }


        .headerUser {
        	height: 37px;
        	float: right;
        	color: #EEE;
        }

        .headerUser a {
        	color: #4381ac;
        	text-decoration: none;
        }

        .headerUser a:hover {
        	color: #56a5dc;
        }

        .headerUser .headerUserImage {
        	float: right;
        	margin-top: 3px;
        	margin-right: 6px;
        	border: 1px solid #444;
        }

        .headerUser .headerUserText {
        	float: right;
        	margin-top: 8px;
        }

        .headerUser .username {
        	color: #4381ac;
        }

        .headerUser .navUserImage {
        	margin-top: 4px;
        }

        .headerUserMenu {
        	background-color: #262626;
        	padding: 10px;
        	text-align: right;
        	line-height: 18px;
        	clear: both;
        }

        .headerMessage {
            height: 37px;
            float: right;
            color: #EEE;
            padding: 7px 8px 0px 10px;
            position: relative;
        }

        .headerMessage a {
            color: #e6e6e6;;
            text-decoration: none;
        }

        .headerMessage .message-badge {
            background-color: #ef5350;
            position: absolute;
            z-index: 10;
            top: 0px;
            right: 0px;
            line-height: 15px;
            width: 15px;
            height: 15px;
            display: inline-block;
            font-size: 10px;
            font-weight: 200;
            color: #fff;
            text-align: center;
            vertical-align: middle;
            border-radius: 100%;
            padding: 0;
        }

        .headerMessage .message-icon {
            font-size: 15px;
        }

        .headerMessage a:hover {
            color: #56a5dc;
        }

        .headerMessage .headerMessageImage {
            float: right;
            margin-top: 3px;
            margin-right: 6px;
            border: 1px solid #444;
        }

        .headerMessage .headerMessageText {
            float: right;
        }

        .headerMessage .username {
            color: #4381ac;
        }

        .headerMessage .navUserImage {
            margin-top: 4px;
        }

        .headerMessageMenu {
            background-color: #262626;
            padding: 10px;
            text-align: right;
            line-height: 18px;
            clear: both;
            position: absolute;
            right: 0px;
            top: 33px;
            width: 300px;
        }

        .headerMessageMenu li {
            margin-bottom: 10px;
        }

        ul.list-item-dropdown {
            margin: 0;
        }

        .list-item-heading {
             /* font-weight: 800; */
             font-size: 13px;
         }

        .list-item-group {
            padding: 10px;
            background-color: #1f587f;
            text-align: left;
            color: #e6e6e6;
        }

        .list-item-group:hover {
            background-color: #2770a2;
        }

        .list-item-date {
            font-size: 9px;
            color: #b1b1b1;
        }

        /* ===== N A V I G A T I O N ===== */

        .menu {
        	/* menu div */
        	margin-left: 15px;
        	margin-top: 4px;
        	font-weight: bold;
        }

        .menu ul {
        	list-style-type: none;
        	/*padding: 3px 0 0 0;*/
        	margin: 0;
        	display: inline;
        	width: 100%;
        	height: 30px;
        	font: 18px 'BebasNeueRegular', Arial, sans-serif;
        }

        .menu ul ul {
        	font-family: Arial, Helvetica, sans-serif;
        }

        .menu ul li {
        	float: left;
        	padding-right: 20px;
        	text-transform: uppercase;
        }

        .menu ul li a {
        	display: block;
        	text-decoration: none;
        	color: #cac7c7; /* @NAVMAIN */
        }

        .menu ul li a:hover {
        	color: #4381ac; /* @NAVMAIN */
        }

        .sub-menu ul li a {
        	display: block;
        	text-decoration: none;
        	color: #4381ac; /* @NAVMAIN */
        }

        .sub-menu ul li a:hover {
        	color: #56a5dc; /* @NAVMAIN */
        }

        .sub-menu:hover div.nest,
        .sub-menu.ie_does_hover div.nest {
        	background-position: 0 0;
        	visibility: visible;
        }

        .sub-menu:hover div.nestEvent,
        .sub-menu.ie_does_hover div.nestEvent {
        	background-position: 0 0;
        	visibility: visible;
        }

        .sub-menu:hover div.nestTournaments,
        .sub-menu.ie_does_hover div.nestTournaments {
        	background-position: 0 0;
        	visibility: visible;
        }

        .sub-menu:hover div.nestAdmin,
        .sub-menu.ie_does_hover div.nestAdmin {
        	background-position: 0 0;
        	visibility: visible;
        }

        .nest {
        	visibility: hidden;
        	position: absolute;
        	width: 150px;
        	float: left;
        	background-color: #262626;
        	z-index: 99999;
        	border-top: none;
        	padding: 5px;
        }

        .nest ul li, .nestEvent ul li, .nestTournaments ul li, .nestAdmin ul li {
        	margin: 0px 0px 3px 3px;
        	width: 100%;
        }

        .nestEvent, .nestTournaments, .nestAdmin {
        	padding: 5px;
        }

        /* NAV MENU -- EVENT INFO */

        .nestEvent {
        	visibility: hidden;
        	position: absolute;
        	width: 440px;
        	float: left;
        	background: #262626;
        	z-index: 99999;
        	border-top: none;
        }

        .nestEvent .navColumn_wide {
        	width: 200px;
        	float: left;
        }

        .nestEvent .navColumn {
        	width: 150px;
        	float: left;
        }

        .nestEvent .navColumn_small {
        	width: 80px;
        	float: left;
        }

        /* NAV MENU -- Tournaments */

        .nestTournaments {
        	visibility: hidden;
        	position: absolute;
        	float: left;
        	background-color: #262626;
        	z-index: 99999;
        	border-top: none;
        }

        .nestTournaments .navColumn {
        	width: 350px;
        	float: left;
        	color: #1f587f;
        }

        .nestTournaments .navColumn_small {
        	width: 100px;
        	float: left;
        }

        /* NAV MENU -- Admin */

        .nestAdmin {
        	visibility: hidden;
        	position: absolute;
        	float: left;
        	background-color: #262626;
        	z-index: 99999;
        	border-top: none;
        }

        .nestAdmin .navColumn_small {
        	width: 100px;
        	float: left;
        }

        /* OPMAAK VOOR SUBMENU LINKS */

        .nest ul li a, .nestEvent ul li a, .nestTournaments ul li a, .nestAdmin ul li a {
        	float: none;
        	display: block;
        	color: #EEE; /* @NAVSUB */
        }

        .nest ul li, .nestEvent ul li, .nestTournaments ul li, .nestAdmin ul li {
        	font-size: 10px;
        	color: #999; /* @NAVSUB_CURRENT */
        	display: inline;
        }

        .nest a:hover, .nestEvent a:hover, .nestTournaments a:hover, .nestAdmin a:hover {
        	color: #4381ac;
        }

        .nest h3, .nestEvent h3, .nestTournaments h3, .nestAdmin h3 {
        	color: #1f587f;
        	font-size: 18px;
        	font-weight: bold;
        	margin: 4px 0px 4px 3px;
        }

        .infoBox, .succesBox, .warningBox, .errorBox {
        	border: 1px solid;
        	margin: 10px 0px;
        	padding: 15px 10px 15px 50px;
        	background-repeat: no-repeat;
        	background-position: 10px center;
        }

        .infoBox {
        	color: #00529B;
        	background-color: #BDE5F8;
        	background-image: url('img/default/info.png');
        	-moz-border-radius: 10px;
        	border-radius: 10px;
        }

        .succesBox {
        	color: #4F8A10;
        	background-color: #DFF2BF;
        	background-image: url('img/default/success.png');
        	-moz-border-radius: 10px;
        	border-radius: 10px;
        }

        .warningBox {
        	color: #9F6000;
        	background-color: #FEEFB3;
        	background-image: url('img/default/warning.png');
        	-moz-border-radius: 10px;
        	border-radius: 10px;
        }

        .errorBox {
        	color: #D8000C;
        	background-color: #FFBABA;
        	background-image: url('img/default/error.png');
        	-moz-border-radius: 10px;
        	border-radius: 10px;
        }

        /* ------------------------------- */

        /* ===== 3.  C O N T A I N E R   [3CONT] ===== */

        .container {
        	width: 980px;
        	margin: 0 auto;
        	position: relative;
        }

        /* ===== 4.  S K Y S C R A P E R S   [4SKY] ===== */

        .skyscraperLeft, .skyscraperRight {
        	width: 160px;
        	height: 400px;
        	position: absolute;
        	top: 205px;
        }

        .skyscraperLeft {
        	left: -161px;
        }

        .skyscraperRight {
        	right: -161px;
        }

        @media only screen and (max-device-width: 980px){
        	.skyscraperLeft, .skyscraperRight {
        		display:none;
        	}
        }

        /* ===== 5.  C O N T E N T   W R A P P E R   &   B A S I C   C O N T E N T   D I V S   [5WRAP] ===== */

        .contentWrapper {
        	width: 1024px;
        	margin: 0;
        	float: left;
        	margin-top: 56px;
        }

        .contentBanner {
        	width: 960px;
        	height: 150px;
        	margin-bottom: 50px;
        	position: relative;
        	z-index: 99;
        	/*padding-top: 25px;*/
        	font-family: 'BebasNeueRegular', sans-serif;
        	color: #fff;
        }

        .contentBanner img {
        	float: left;
        	/*height: 135px;*/
        	/*margin-top: 18px;
        	margin-left: 100px;*/
           width: 230px;
           margin-top: -8px;
       }

       .event-name {
         float: left;
         margin-left: 30px;
         margin-top: 15px;
     }

     .event-name h1, .event-name h2 {
         color: #fff;
         margin: 0;
         padding: 0;
         font-weight: normal;
     }

     .event-name h1 {
         font-size: 72px;
     }

     .event-name h2 {
         margin-top: -15px;
         text-align: right;
         /*font-family: 'capture_itregular', sans-serif;*/
         font-size: 40px;
     }

     .event-info {
         float: left;
         padding-top: 15px;
         margin-left: 30px;
         margin-top: 15px;
     }

     .event-info h3, .event-info h4 {
         font-weight: normal;
     }

     .event-info h3 {
         font-size: 18px;
     }

     .event-info h4 {
         font-size: 26px;
         margin-top: -4px;
     }

     .bannerEvent {
         position: absolute;
         top: 32px;
         right: 60px;
         display: inline-block;
     }

     .bannerEvent p {
         color: #FFF;
         line-height: 18px;
         font-size: 12px;
         margin: 0;
         padding: 0;
     }

     .contentLeft {
         width: 720px;
         float: left;
         padding: 10px;
         background: rgb(230, 230, 230); /* Fall-back for browsers that don't support rgba */
         border: 1px solid #d4d4d4;
         -moz-border-radius: 5px;
         border-radius: 5px;
         line-height: 150%;
         position: relative;
     }

     .contentLeft a, .contentRight a {
         color: #1f587f;
         text-decoration: none;
     }

     .contentLeft a:hover, .contentRight a:hover {
         color: #4381ac;
     }

     .contentLeft ul {
       list-style-type: square;
       padding-left: 15px;
   }

   .contentLeft img {
       margin: 5px 0;
   }

   .contentRight {
     width: 275px;
     float: right;
 }

 /* ===== 6.  C O N T E N T   L E F T   [6COLEFT] ===== */

 .highlight {
     background-color: #d8d8d8;
     padding: 8px;
     margin: 10px 0;
     height: 100%;
 }

 /* ===== REGISTRATION [6COLEFTREG] ==== */

 .registrationSubtitle {
     font: 24px 'BebasNeueRegular', Arial, sans-serif;
     color: #516c7f;
     text-transform: uppercase;
     font-size: 20px;
 }

 .registration_left, .registration_right, .registration_full {
     background-color: #f2f2f2;
     border: 1px solid #d4d4d4;
     -moz-border-radius: 5px;
     border-radius: 5px;
     padding: 10px;
 }

 .registration_left {
     float: left;
     width: 460px;
 }

 .registration_right {
     float: right;
     width: 210px;
 }

 .registerFirst, .registerSecond {
     margin-top: 25px;
 }

 /* ===== REGISTRATION & EDIT PROFILE FORMS ===== */

 .inputContainer {
     font: 22px 'BebasNeueRegular', Arial, sans-serif;
     text-transform: uppercase;
     margin-bottom: 15px;
 }

 .inputContainer input {
     background-color: #fcfcfc;
     border-style: solid;
     border: 1px solid #dedede;
     -moz-border-radius: 3px;
     border-radius: 3px;
     font-size: 18px;
     color: #555;
 }

 .inputContainer #UserLanguage {
     font-size: 14px;
     margin-left: 5px;
 }

 .inputContainer #UserCountry {
     font-size: 14px;
 }

 #UserFirstname {
     width: 150px;
 }

 #UserLastname {
     width: 264px;
 }

 #UserStreet {
     width: 395px;
 }

 #UserNr, #UserBus {
     width: 50px;
 }

 #UserZip {
     width: 100px;
 }

 #UserCity {
     width: 310px;
 }

 .inputContainer #WarehouseStreet {
     width: 395px;
 }

 .inputContainer #WarehouseNr, #WarehouseBus {
     width: 50px;
 }

 .inputContainer #WarehouseZip {
     width: 100px;
 }

 .inputContainer #WarehouseCity {
     width: 285px;
 }

 .inputContainer #WarehouseCountry {
     width: 200px;
 }

 .inputContainer #WarehouseName {
     width: 310px;
 }

 .inputContainer #EventCountry {
     width: 310px;
 }

 #EventName {
     width: 310px;
 }

 #EventStreet {
     width: 395px;
 }

 #EventNr, #EventBus {
     width: 50px;
 }

 #EventZip {
     width: 100px;
 }

 #EventCity {
     width: 310px;
 }


 #DonationPaypalCountry {
     width: 310px;
 }

 #DonationName {
     width: 310px;
 }

 #DonationPaypalZip {
     width: 100px;
 }

 #DonationPaypalCity {
     width: 310px;
 }

 .registrationGender label {
     float: left;
 }

 .registrationGender {
     margin-bottom: 15px;
 }

 .tocAgree, .registrationGender {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     color: #485c6a;
 }

 #registerSubmit {
     font-size: 18px;
     background-color: #1f587f;
     text-shadow: 1px 1px 1px #436c30;
 }

 #registerSubmit:hover {
     background-color: #28648f;
 }

 /* ==== BUTTONS REGISTRATION PAGE ==== */

 #nextPage, #prevPage {
     width: 120px;
 }

 /* ===== EDIT PROFILE [6COLEFTEDP] ==== */

 .profilePictureUpload p {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     color: #485c6a;
 }

 .claninfo p {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     color: #ff0000;
 }

 /* ===== LOGIN [6COLEFTLOG] ===== */

 #login_split_left, #login_split_right {
     width: 45%;
 }

 #login_split_left {
     float: left;
 }

 #login_split_right {
     float: right;
 }

 /* ===== PROFILE PAGE [6COLEFTPRO] ===== */

 .profileImage_crew, .profileImage_notAttending, .profileImage_attending {
     width: 102px;
     padding: 10px;
     padding-bottom: 5px;
     text-align: center;
     float: left;
     font-size: 16px;
     font-weight: bold;
     margin-top: 10px;
 }

 .profileImage_crew {
     background-color: #c1a03c;
 }

 .profileImage_notAttending {
     background-color: #7e7e7e;
 }

 .profileImage_attending {
     background-color: #6d8290;
 }

 .profileInfo {
     float: left;
     width: 556px;
     margin-left: 14px;
 }

 .profileInfo .subtitle {
     text-transform: uppercase;
     font-size: 16px;
     font-weight: bold;
 }

 .profileInfo .highlight img {
     vertical-align: middle;
 }

 /* ===== SEATMAP [6COLEFTSEAT] ===== */

 #dhtmlgoodies_tooltip {
     background-color: #AAA;
     border: 1px solid #000;
     position: absolute;
     display: none;
     z-index: 20000;
     padding: 2px;
     font-size: 0.9em;
     -moz-border-radius: 6px; /* Rounded edges in Firefox */
     font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;

 }

 #dhtmlgoodies_tooltipShadow {
     position: absolute;
     background-color: #555;
     display: none;
     z-index: 10000;
     opacity: 0.7;
     filter: alpha(opacity=70);
     -khtml-opacity: 0.7;
     -moz-opacity: 0.7;
     -moz-border-radius: 6px; /* Rounded edges in Firefox */
 }

 /* this should be only for seatmap class */
 table tr:nth-child(2n) td {
     background: none;
     border-bottom: none;
 }

 .seatmap {
     width: 750px;
     background-image: url(../img/site/seatmap/seatplan260.png);
     background-repeat: no-repeat;
     color: black;
     border-color: black;
 }

 .seatmap_spacer {
     width: 12px;
 }

 .left-filler_seatmap {
     width: 70px;
 }

 .seatmap_row {
     width: 14px;
     border: 0px;
     margin: 0px;
     border-spacing: 0px;
     border-bottom: 0px;
     margin-bottom: 0px;
     border-bottom: 0px;
     text-align: center;
 }

 .seatmap_vip {
     border: 0px;
     margin: 0px;
     border-spacing: 0px;
     border-bottom: 0px;
     margin-bottom: 0px;
     border-bottom: 0px;
     text-align: center;
     background: none !important;
 }

 .seatmap_seatAvailable {
     background-color: white;
     border-bottom: 0px;
     border: 1px coral solid;
     border-color: black;
 }

 .seatmap_seatOccupied {
     background-color: gray;
     border-bottom: 0px;
     border: 1px coral solid;
     border-color: black;
 }

 .seatmap_seatDisabled {
     background-color: black;
     border-bottom: 0px;
     border: 1px coral solid;
     border-color: black;
 }

 .seatmap_seatVip {
     margin: 0px;
     border-spacing: 0px;
     border-bottom: 0px;
     margin-bottom: 0px;
     border-bottom: 0px;
     padding: 0px;
 }

 .seatmap_switch {
     border: 1px coral solid;
     border-color: grey;
     background-color: #fafafa;
     width: 100%;
     height: 10px;
 }

 td.left {
     width: 75%;
 }

 .seatmap_switch_vertical {
     border: 1px coral solid;
     border-color: grey;
     background-color: #fafafa;
     width: 100%;
     height: 35px;
 }

 /* ===== SHOPPING CART [6COLEFTCART] ===== */
 table.tableCart {
     color: #485c6a;
 }

 /* ===== NEWSPOSTS WRAPPER [6COLEFTNEWS] ===== */

 .newsContent {
     width: 720px;
     margin-top: 20px;
 }

 .leftNewsContent {
     float: left;
     width: 720px;
     margin-bottom: 15px;
 }

 .rightNewsContent {
     width: 0px;
     margin-top: 41px; /* aligns with first newsitem top border */
     height: 500px;
 }

 /* RESET BORDERS & PADDING */
 .leftNewsContent table, .leftNewsContent tr, .leftNewsContent td {
     border: none;
     margin: 0;
     padding: 0;
 }

 .leftNewsContent tr td{
     width:40%;
 }

 .leftNewsContent td {
     padding: 7px 0px;
 }

/**
 * Set width for date column
 */
 .leftNewsContent td:first-child {

 }

/**
 * Align comments column text to right
 */

 .leftNewsContent .newsSpotlight {
 	background: #DDE;
 }


 /* ===== NEWSPOSTS TOP [6COLEFTNEWS] ===== */

 .topitemsspotlight {
 	width:718px;
 	height:444px;
 	-webkit-box-sizing:border-box;
 	-moz-box-sizing:border-box;
 	box-sizing:border-box;
 	background: black;
 }

 .slider_wrapper{
 	overflow: hidden;
 	position:relative;
 	top:auto;
 	height:444px;
 }

 #image_slider{
 	position: relative;
  height:444px;
  list-style: none;
  overflow: hidden;
  float: left !important;
  /*Chrom default padding for ul is 40px */
  padding:0px;
  margin:0px;
}

#image_slider ul{
  list-style-type:none !important;
}
#image_slider li{
  position: relative;
  float: left !important;
  list-style-type:none !important;
}
.nvgt{
  position:absolute;
  top: 150px;
  opacity: 0.6;
  font-size:30px;
  font-weight: normal;
  color:#d7d7d7;
  padding:15px;
  background-color:rgba(0,0,0,0.6);
}
.nvgt:hover{
  opacity: 0.9;
  cursor:pointer;
}
#prev{
  left: 0px;
  cursor:pointer;
}
#next{
  right: 0px;
  text-align: right;
  cursor:pointer;
}

#image_slider .spotlightItem{
  height:444px;
}

#image_slider .spotlightItem, #image_slider .spotlightItem img{
  border: 0;
  width:718px;
}

#image_slider .spotlightItem img{
  position:absolute;
  top:50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform:    translate(0,-50%);
  -ms-transform:     translate(0,-50%);
  -o-transform:      translate(0,-50%);
  transform:         translate(0,-50%);
}

#image_slider .spotlightItem h4{
  position:absolute;
  bottom:0;
  width:678px;
  padding: 5px;
  z-index:100;
  background: #000;
  opacity: 0.8;
  color: #FFF;
  font-size: 22px;
  padding:20px;
  font-weight: bold;
}

.actualSpotlight {
  width: 930px;
}

.actualSpotlightItem {
    float: left;
    margin-right: 3px;
    position: relative;
    margin-bottom: 15px;
}

.actualSpotlightItem img {
    border: 0;
    width: 306px;
    height: 193px;
}

.actualSpotlightItem h4 {
    position: absolute;
    bottom: 5px;
    left: 0px;
    padding: 5px;
    width: 296px;
    background: #000;
    opacity: 0.8;
    color: #FFF;
    font-size: 11px;
    font-weight: normal;
}

.actualSpotlightItem:last-child::after {
    clear: both;
    display: block;
}

/* ===== NEWSPOSTS PAGE [6COLEFTNEWS] ===== */

.spotlight{
  width:338px;
  display:block;
  height:300px;
  overflow:hidden;
  position:relative;
}

.spotlight:nth-child(odd){
  float:right;
}

.spotlight:nth-child(even){
  float:left;
}

.spotlightimagewrapper img{
  border: 0;
  height:214px !important;
  width:338px;
  position:absolute;
  left:50%;
  -webkit-transform: translate(-50%);
  -moz-transform:    translate(-50%);
  -ms-transform:     translate(-50%);
  -o-transform:      translate(-50%);
  transform:         translate(-50%);
}

.spotlightimagewrapper{
  display:block;
  position:relative;
  height:214px;
  overflow: hidden !important;
}

.spotlight_more {
  margin-top: 5px;
}

.spotlight_title, .spotlight_content {
  text-align: left;
}

.spotlight_title {
  font-size: 13px;
  z-index:100;
  width:338px;
  color:#ffffff;
  position:absolute;
  left:0;
  bottom:0;
  background-color:#000000;
  opacity:0.8;
}

.spotlight_title h3{
  padding:5px;
}

.spotlight .spotlight_title a, .spotlight .spotlight_title{
  color:#ffffff;
}

.spotlight_title a, .spotlight_title a, .spotlight_title{
  color:#1f587f;
}

.spotlight .spotlight_content {
  font-size: 12px;
  line-height: 18px;
  padding:5px;
}

/* ===== NEWSPOSTS TOP [6COLEFTNEWS] ===== */



/* OLD STUFF */

.contentNewsposts {
  width: 720px;
}

.contentLeftCol, .contentRightCol {
  width: 338px;
}

.contentLeftCol {
  float: left;
}

.contentRightCol {
  float: right;
}

/* ===== NEWSPOST MARKUP ===== */

.newspost {
  font-size: 10px;
  height: 220px;
}

.imgcontainer {
  position: relative;
}

.imgcontainer img {
  border: 1px solid #b5b5b5;
}

.newspost h3 {
  background-color: #343434;
  padding: 3px 10px 3px 6px;
  font-weight: normal;
  font-size: 12px;
  text-transform: uppercase;
  position: absolute;
  top: 100px;
  left: 1px;
}

/* ===== TITLE ===== */

.newspost h3 a {
  color: #ddd;
  text-decoration: none;
}

.newspost h3 a:hover {
  color: #1f587f;
  text-decoration: none;
}

/* ===== DATE & COMMENTS ===== */

.postdate, .comments {
  background-color: #343434;
  padding: 3px 6px 3px 10px;
  font-weight: normal;
  font-size: 10px;
  text-transform: uppercase;
  position: absolute;
  right: -1px;
  color: #ddd;
}

.postdate {
  top: 72px;
}

.comments {
  top: 100px;
  background-color: #1f587f;
}

.comments img {
  border: 0;
  margin-top: 2px;
}

.comments a {
  color: #DDD;
  text-decoration: none;
  width: 105px;
}

.comments a:hover {
  color: #1f587f;
}

/* ===== TAGS ===== */

.tag {
  display: none;
}

/* ===== NEWSPOST FULL VIEW ===== */

/* ===== ACTUAL NEWSPOST ===== */

#postinfo_image {
  float: left;
  margin-bottom: 8px; /* margin tussen postimage&info / post content */
}

#postinfo {
  padding-left: 10px;
  margin-left: 10px;
  color: #485c6a;
  text-transform: uppercase;
  letter-spacing: -1px;
  font-weight: bold;
  float: left;
  min-height: 125px;
  border-left: 1px dotted #485c6a;
  margin-bottom: 5px;
}

.postinfo_right_text {
  color: #1f587f;
  margin-left: 1px;
}

#postinfo a {
  text-decoration: underline;
}

#postinfo h2 {
  letter-spacing: 0px;
  font-size: 23px;
}

#postinfo p {
  font-size: 15px;
}

.newspostTitleSmaller {
  font-size: 20px !important;
}

.newspostTitleSmaller a {
  text-decoration: none !important;
}

.fb_edge_widget_with_comment {
  width: 0px;
}

#post_content {
  clear: both;
  padding-top: 5px;
  padding-bottom: 10px;
  border-top: 1px dotted #485c6a;
  border-bottom: 1px dotted #485c6a;
  text-align: justify;
}

/* ===== COMMENTS ===== */

#social {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 6px;
  padding-bottom: 2px;
  border-bottom: 1px dotted #485c6a;
}

#social .fb_iframe_widget {
  vertical-align: top; /* facebook centreren zoals Twitter */
}

#social .fb_ltr {
  margin-left: 115px;
}

.commentsTitle {
  font: 34px 'BebasNeueRegular', Arial, sans-serif;
  color: #1f587f;
  text-transform: uppercase;
  font-size: 20px;
}

.comment {
  background-color: #f2f2f2;
  border: 1px solid #d4d4d4;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 98.5%;
  min-height: 98px;
  padding: 5px;
  margin-top: 8px;
  font-size: 10px;
  position: relative;
  float: left;
  /*	color: #6c3b3b;*/
}

.comment .commentAvatar {
  float: left;
  margin-right: 4px;
}

.comment .commentAvatar img {
  border: 1px solid #EEE;
  width: 96px;
  height: 96px;
}

.commentInfo {
  float: left;
  margin-left: 4px;
  width: 90px;
}

.commentAuthorName a {
  font-style: normal;
  font-size: 13px;
  font-weight: bold;
  color: #1f587f;
}

.commentAuthorName a:hover {
  color: #1f587f;
}

.commentInfo p {
  margin-bottom: 2px;
}

.commentContent {
  float: left;
  min-height: 98px;
  border-left: 1px dotted #485c6a;
  margin-left: 9px;
  padding-left: 9px;
  font-size: 11px;
  width: 460px;
}

.commentContent br {
  display: inline;
}

.commentDate {
  color: #888;
  font-size: 10px;
}

.commentReply .submit {
  /* button uitlijnen */
  bottom: 2px;
  left: 93px;
  position: absolute;
}

.commentReplyContent {
  min-height: 40px;
  width: 100%;
}

.commentReplyContent #NewsreactionReaction {
  /*text area*/
  width: 100%;
  height: 88px;
  background-color: #888;
  font-family: Trebuchet MS, sans-serif;
  font-size: 12px;
  color: #fff;
  padding: 3px;
}

/* ===== MESSAGES ===== */

.messageTitle {
  font: 34px 'BebasNeueRegular', Arial, sans-serif;
  color: #1f587f;
  text-transform: uppercase;
  font-size: 20px;
}

.messageContainer {
  background-color: #f2f2f2;
  border: 1px solid #d4d4d4;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 98.5%;
  min-height: 98px;
  padding: 5px;
  margin-top: 8px;
  font-size: 12px;
  position: relative;
  float: left;
}

.messageContainer .commentAvatar {
  float: left;
  margin-right: 4px;
}

.messageContainer .commentAvatar img {
  border: 1px solid #EEE;
  width: 96px;
  height: 96px;
}

.messageContent {
  float: left;
  min-height: 98px;
  border-left: 1px dotted #485c6a;
  margin-left: 9px;
  padding-left: 9px;
  font-size: 13px;
  width: 90%;
}

.messageContent br {
  display: inline;
}

/* ===== SHOP: PRODUCTS [6COLEFTPRODUCTS]===== */

.ticketContainer {
  width: 330px;
  padding: 5px;
  background-color: #4d6474;
  float: left;
  margin-bottom: 20px;
  margin-right: 5px;
  margin-left: 5px;
}

.ticketContainer:hover {
  background-color: #28648f;
}


.ticketContainer img {
  border: 1px solid #444;
}

.ticketHighlight {
  font-weight: bold;
}

.ticketInfo {
  background: rgb(230, 230, 230); /* Fall-back for browsers that don't support rgba */
  border: 1px solid #444;
  padding: 8px;
}

.ticketName {
  font: 34px 'BebasNeueRegular', Arial, sans-serif;
  text-transform: uppercase;
}

.ticketDescription, .ticketCategory, .ticketStock, .ticketDate, .ticketPrice {
  line-height: 150%;
}

.ticketAdd a {
  background-color: #1f587f;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: none;
  font: 16px Arial, sans-serif;
  text-align: center;
  font-weight: bold;
  text-shadow: 1px 1px 1px #1a4c6e;
  text-transform: uppercase;
  color: #EEE;
  padding: 5px 15px;
  text-decoration: none;
  display: block;
  margin-top: 10px;
}

.ticketAdd a:hover {
  background-color: #28648f;
  color: #FFF;
}

.tiny {
  font-size: 0.8em;
}

/* ===== COMPO SYSTEM [6COLEFTCOMPO]===== */

.tableComposHeadlines {
  float: right;
  clear: none;
  width: 50%;
}

ul.compoItemsList {
  list-style-type: none;
}

/* === COMPO NEWS TAB LAYOUT FIX === */

#newsContentCompo, .spotlightCompo{
  width:930px;
  margin:15px 0;
}

.spotlightCompo{
  margin:15px 0;
  border-top: 1px solid #ccc;
  padding: 15px 0;
}

.spotlightCompo img.spotlightImage{
  border: 0;
  width: 158px;
  height: 100px;
  float:left;
}


.spotlightCompo .spotlight_content{
  width: 762px !important;
  height: 72px;
  float:right;
}

.spotlightCompo .spotlight_title,  .spotlightCompo .spotlight_title a,  .spotlightCompo .spotlight_title h3{
  z-index: 100;
  width: 100%;
  padding:5px 0;
  color: #1f587f !important;
  position: inherit;
  background-color: transparent;
  opacity: 1;
}

#newsContentCompo .disabled:last-child{
	float:right;
}


/* === TEAM VIEW === */

.composTeamLeader, .composTeamMember {
  width: 100px;
  float: left;
  margin-right: 10px;
  background-color: #d8d8d8;
  padding: 5px;
}

.composTeamLeader {
  background-color: #a4c4d7;
}

.composTeamLeader .commentInfo, .composTeamMember .commentInfo {
  text-align: center;
}

/* === COMPO WINNERS/LOSERS === */

.compoLoser {
  color: #8f5350;
}

.compoWinner {
  color: #5a994c;
}

.compoPoule {
  width: 900px;
  float: left;
  margin: 0 auto;
  margin-top: 15px;
  padding: 10px;
  background-color: #d8d8d8;
}

.compoPoule h3 {
  font-size: 18px;
  margin-top: 3px;
  margin-bottom: 5px;
  color: #1f587f;
}

.compoPoule .qualified {
  background-color: #3476a3;
  color: white;
}

.compoPoule .qualified a {
  color: white;
}

.compoPoule .qualified:hover {
  background-color: #3680b3;
  color: white;
}

.compoPoule .loserqualified {
  background-color: #488dbd;
  color: white;
}

.compoPoule .loserqualified a {
  color: white;
}

.compoPoule .loserqualified:hover {
  background-color: #3680b3;
  color: white;
}

.compoPoule .unqualified:hover {
  background-color: #3680b3;
  color: white;
}

.compoPoule .unqualified:hover a {
  color: white;
}

.compoPoule .pouleInfo {
  float: right;
  width: 45%;
  background-color: #c6d0d7;
  border: 1px solid #000000;
}

.compoPoule table tr td {
  border-bottom: 0px none;
}

.compoPoule .pouleInfo table {
  margin-bottom: 0px;
  background-color: #e6e6e6;
}

.compoPoule .pouleCompo_matches {
  width: 470px;
  text-align: center;
  float: left;
}

.compoPoule .pouleCompo_matches {
  border: 1px solid #000000;
  color: #000000;
  background: none repeat scroll 0% 0% #e6e6e6;
}

.compoPoule .pouleCompo_matches .poule_match {
  background: none;
}

.compoPoule .pouleCompo_matches .poule_match .entry {
  border: none;
  font-size: 12px;
}

.compoPoule .pouleCompo_matches .poule_match .teamA {
  text-align: left;
}

.compoPoule .pouleCompo_matches .poule_match .teamB {
  text-align: right;
}

.compoPoule .pouleCompo_matches .poule_match .vs {
  text-align: center;
  font-size: 20px;
  width: 25px;
  border-bottom: none;
}

.compoPoule .pouleCompo_matches .poule_match .score {
  text-align: center;
  width: 45px;
}

.compoPoule .pouleCompo_matches .poule_match .server {
  text-align: center;
  width: 80px;
}

.compoPoule .pouleCompo_matches .poule_match .deadline {
  text-align: center;
  width: 80px;
}

.compoBracket .bracketCompo_matches {
  width: 80%;
  text-align: center;
  float: left;
}

.compoBracket .bracketCompo_matches {
  border: 1px solid #000000;
  color: #000000;
  background: none repeat scroll 0% 0% #e6e6e6;
}

.compoBracket .bracketCompo_matches .poule_match {
  background: none;
}

.compoBracket .bracketCompo_matches .poule_match .entry {
  border: none;
  font-size: 12px;
}

.compoBracket .bracketCompo_matches .poule_match .teamA .compoWinner{
  color: #5a994c;
}

.compoBracket .bracketCompo_matches .poule_match .teamA .compoLoser {
  color: #8f5350;
}

.compoBracket .bracketCompo_matches .poule_match .teamB .compoWinner{
  color: #5a994c;
}

.compoBracket .bracketCompo_matches .poule_match .teamB .compoLoser {
  color: #8f5350;
}

.compoBracket .bracketCompo_matches .poule_match .teamA {
  text-align: left;
}
.compoBracket .bracketCompo_matches .poule_match .teamB {
  text-align: right;
}

.compoBracket .bracketCompo_matches .poule_match .vs {
  text-align: center;
  font-size: 20px;
  width: 25px;
  border-bottom: none;
}

.compoBracket .bracketCompo_matches .poule_match .score {
  text-align: center;
  width: 45px;
}

.compoBracket .bracketCompo_matches .poule_match .server {
  text-align: center;
  width: 80px;
}

.compoBracket .bracketCompo_matches .poule_match .deadline {
  text-align: center;
  width: 80px;
}
.paging {
  clear: both;
  padding:5px;
  height:20px;
}

.disabled, .prev, .next{
  font-size:14px;
  font-weight: bold;
}
.paging .prev{
  float:left;
}
.paging .next{
  float:right;
}

.actions {
  text-align: center;
}

/* ===== USERS TICKETS VIEW [6COLEFTTICKET]===== */

.ticket {
  background-color: white;
  box-shadow: 0px 0px 5px #888;
  padding: 8px;
  margin: 20px 0;
}

.ticket_image {
  width: 338px;
  height: 125px;
  margin-bottom: 10px;
  float: left;
}

.ticket_info {
  width: 350px;
  float: right;
}

.ticket_extra {
  margin-top: 10px;
  padding: 10px;
  background-color: #BDD095;
  clear: both;
}

.ticket_extra h3 {
  width: 100%;
  border-bottom: 1px dotted #FFF;
  padding-bottom: 3px;
  margin-bottom: 15px;
}

.ticket_status {
  margin-top: 10px;
  width: 684px;
  height: 37px;
  background-image: url('img/default/ticketstatus_bg.png');
  background-repeat: no-repeat;
  clear: both;
}

.ticket_status div {
  float: left;
  width: 33%;
  margin-left: 10px;
  margin-right: 10px
}

.ticket_obtained {
  width: 146px;
  height: 37px;
  margin-left: 10px;
  background-image: url('img/default/ticketstatus_obtained.png');
  background-repeat: no-repeat;
  display: block;
  float: left;
}

.ticket_assigned {
  width: 146px;
  height: 37px;
  margin-left: 125px;
  background-image: url('img/default/ticketstatus_assigned_yes.png');
  background-repeat: no-repeat;
  background-position: top;
  display: block;
  float: left;
}

.ticket_notassigned {
  width: 146px;
  height: 37px;
  margin-left: 125px;
  background-image: url('img/default/ticketstatus_assigned_no.png');
  background-repeat: no-repeat;
  background-position: top;
  display: block;
  float: left;
}

.ticket_selected {
  width: 142px;
  height: 37px;
  background-image: url('img/default/ticketstatus_seatselected_yes.png');
  background-repeat: no-repeat;
  background-position: top;
  display: block;
  float: right;
}

.ticket_notselected {
  width: 142px;
  height: 37px;
  background-image: url('img/default/ticketstatus_seatselected_no.png');
  background-repeat: no-repeat;
  background-position: top;
  display: block;
  float: right;
}

.ticket_assigned:hover, .ticket_notassigned:hover, .ticket_selected:hover, .ticket_notselected:hover {
  background-position: bottom;
}

/* ===== 7.  C O N T E N T   R I G H T   [7CORIGHT] ===== */

/* e8e6e6 */

/* SIDEBAR GENERAL STYLING */

.contentSidebar_Event, .contentSidebar_Social, .contentSidebar_QuickLinks, .contentSidebar_Sponsors, .contentSidebar_cart, .contentSidebar_games, .contentSidebar_Poll, .contentSidebar_compos {
  background: rgb(230, 230, 230); /* Fall-back for browsers that don't support rgba */
  border: 1px solid #d4d4d4;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 194px;
  clear: both;
  padding: 8px;
  margin-bottom: 10px;
}

.contentSidebar_Poll {
  background-color: #fbf6e5;
}

.contentSidebar_QuickLinks {
  float: left; /* fixes height to adjust automatically */
}

.contentSidebar_QuickLinks .quicklink {
  width: 62px;
  height: 62px;
  background-position: left;
  margin-right: 4px;
  display: block;
  float: left;
}

.contentSidebar_QuickLinks .quicklink:last-child {
  margin: 0;
}

.contentSidebar_QuickLinks .quicklink:hover {
  background-position: right;
}

.contentSidebar_QuickLinks .ql_tickets {
  background-image: url(../img/icons/ql_tickets.png);
}

.contentSidebar_QuickLinks .ql_seats {
  background-image: url(../img/icons/ql_seats.png);
}

.contentSidebar_QuickLinks .ql_forum {
  background-image: url(../img/icons/ql_forum.png);
}

.contentSidebar_QuickLinks .ql_fomtv {
  background-image: url(../img/icons/ql_rental2.png);
}

.contentSidebar_games h2 {
  font-size: 24px;
}

.contentSidebar_Fomcon {
  margin-bottom: 10px;
}

.contentSidebar_cart .button {
  width: 175px;
  text-align: center;
}

.contentSidebar_Sponsors h2 {
  /*margin-top: 25px;   */
}

.contentSidebar_Sponsors img {
  border: 1px solid #cfcece;
}

.contentSidebar_Sponsors imgRow img {
  margin-right: 4px;
}

.contentSidebar_Sponsors imgRow img:last-child {
  margin-right: 0;
}

/* EVENT INFO SEATS LEFT COUNTER */

.seatsCounter {
  height: 12px;
}

.seatsCounter_occupied {
  height: 12px;
  width: 80px;
  float: left;
  background-image: url(img/default/seatscounter_occupied.png);
  background-repeat: repeat-x;
  background-position: left;
}

.seatsCounter_max {
  height: 12px;
  width: 80px;
  float: left;
  background-image: url(img/default/seatscounter_max.png);
  background-repeat: repeat-x;
  background-position: left;
}

/* ===== 8.  F O O T E R   [8FOOT] ===== */

.footer {
  background-color: #262626;
  font-size: 10px;
  text-transform: uppercase;
  clear: both;
}

.footerSidebar {
  margin-top: 30px;
}

.footer a {
  color: #AAA;
  text-decoration: none;
}

.footer a:hover {
  color: #4381ac;
}

.legal {
  clear: both;
  width: 960px;
  margin: 0 auto;
  padding: 20px 0;
  color: #56a5dc;
}

.footerContent {
  padding-top: 20px;
  width: 960px;
  margin: 0 auto;
}

.footerContent .footerTitle {
  font: 24px 'BebasNeueRegular', Arial, sans-serif;
  color: #1f587f;
}

.footerContent .footerTitle .h3 {
  font: 19px 'BebasNeueRegular', Arial, sans-serif;
  color: #1f587f;
}

.footerFOM, .footerTournaments, .footerGeneral, .footerFollow {
  float: left;
  padding-right: 40px;
}

/* ===== x.  T I T L E S   [xTITLES] ===== */

h2 {
  font: 28px 'BebasNeueRegular', Arial, sans-serif;
  color: #1f587f;
}

/* ===== x.  T A B L E S   [xTABLES] ===== */

.tableTickets {
  font-size: 10px;
}

/* ===== S P O T L I G H T ===== */

#contentSlider {
  width: 740px;
  height: 200px;
  margin-bottom: 15px;
  position: relative;
}

#contentSlider #slides {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100;
}

#contentSlider .slides_container {
  width: 730px;
  height: 183px;
  overflow: hidden;
  position: relative;
  display: none;
}

#contentSlider .slides_container div.slide {
  width: 730px;
  display: block;
}

#contentSlider #slides .next, #contentSlider #slides .prev {
  position: absolute;
  top: 107px;
  left: 0px;
  width: 24px;
  height: 43px;
  display: block;
  z-index: 101;
}

#contentSlider #slides .next {
  left: 740px;
}

.spotlightPagination {
  margin: 5px auto 0 auto;
  width: 200px;
}

.spotlightPagination li {
  float: left;
  margin: 0 1px;
  list-style: none;
}

.spotlightPagination li a {
  display: block;
  width: 12px;
  height: 0;
  padding-top: 12px;
  background-image: url(../img/upload/spotlight/pagination.png);
  background-position: 0 0;
  float: left;
  overflow: hidden;
}

.spotlightPagination li.current a {
  background-position: 0 -12px;
}

/* ===== x.  M I S C   [x] ===== */

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.clearleft {
  clear: left;
}

.clearright {
  clear: right;
}

.clearboth {
  clear: both;
}

.testje {
  width: 266px;
}

.testje a {
  margin-right: 4px;
}

.button {
  background-color: #1f587f;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: none;
  font: 12px Arial, sans-serif;
  font-weight: bold;
  text-shadow: 1px 1px 1px #1a4c6e;
  text-transform: uppercase;
  color: #EEE !important;
  padding: 5px 10px;
  text-decoration: none;
  display: inline-block;
}

.button:disabled {
  background: #dddddd;
}

.big {
  font-size: 16px;
}

.button:hover {
  background-color: #28648f;
}

.green {
  background-color: #1f587f !important;
  text-shadow: 1px 1px 1px #223818;
}

.green:hover {
  background-color: #28648f !important;
}

ol {
  margin-left: 22px;
}

.altrow {
  background-color: #e0e0e0;
}

.footer ol, .footer ul {
  list-style-type: none;
}

.header ol, .header ul {
  list-style-type: none;
}

textarea#TeamNotes {
  height: 70px
}

#saveTeam {
  width: 200px;
  float: right;
}

ul.compoItemsList {
  list-style-type: none;
}

.composignup {
  position: absolute;
  right: 20px;
  top: 20px;
}

.composignup .button {
  background-color: #1f587f;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: none;
  font: 12px Arial, sans-serif;
  font-weight: bold;
  text-shadow: 1px 1px 1px #1a4c6e;
  text-transform: uppercase;
  color: #EEE !important;
  padding: 5px 10px;
  text-decoration: none;
  display: inline-block;
}

.composignup .button:hover {
  background-color: #28648f;
}

.twtr-hd h4, .twtr-hd h4 a {
  font-weight: normal;
  font-family: BebasNeueRegular, Arial, sans-serif;
  font-size: 22px;
}

.compo_content a {
  text-decoration: underline;
  color: #3578A5 !important;
}

.seatmap tr td {
  padding: 0;
}

.compo_content h3, .compo_content h4 {
  padding-top: 15px;
  color: #1f587f;
  font-weight: bold;
}

.compo_content h4 {

}

.compo_content p {
  padding-bottom: 12px;
}

.compo_content ol, ul {
  margin-left: 15px;
  margin-bottom: 10px;
}

/* ========== JQUERY MODAL DIALOGS ============ */

.ui-dialog-titlebar {
  background: #333 !important;
}

.ui-dialog-content {
  background: #EEE !important;
}

.ui-dialog-content a:hover {
  color: #695 !important;
}

/* =============== SPONSOR SLIDER =========== */
#sponsor-slider {
  padding-bottom: 40px;
}

ul.bjqs {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  display: none;
}

li.bjqs-slide {
  position: absolute;
  display: none;
}

ul.bjqs-controls {
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 9999;
}

ul.bjqs-controls.v-centered li a {
  position: absolute;
}

ul.bjqs-controls.v-centered li.bjqs-next a {
  right: 0;
}

ul.bjqs-controls.v-centered li.bjqs-prev a {
  left: 0;
}

ol.bjqs-markers {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

ol.bjqs-markers.h-centered {
  text-align: center;
}

ol.bjqs-markers li {
  display: inline;
}

ol.bjqs-markers li a {
  display: inline-block;
}

p.bjqs-caption {
  display: block;
  width: 96%;
  margin: 0;
  padding: 2%;
  position: absolute;
  bottom: 0;
}

.cta-buy {
  display: block;
  padding: 10px;
  float: right;
  background: #13849c;
  text-decoration: none;
  color: #fff;
  margin-top: 53px;
  margin-right: 11px;
  font-size: 20px;
}

.cta-buy:hover {
  background: #158fa9;
}

/*
.cta-buy h3, .cta-buy h4 {
    font-weight: normal;
}

.cta-buy h3 {
    font-size: 26px;
}

.cta-buy h4 {
    font-family: Arial, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
}
*/

.proceedButton {
	border: 1px solid #BBB;
	height: 25px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 65px;
	padding-bottom: 0 !important;
	background-color: #1f587f;
	background-image: url('img/default/buttonbg.png');
	background-repeat: no-repeat;
	background-position: right;
	text-transform: uppercase;
	text-decoration: none !important;
	float: right;
}

.proceedButton:hover {
	border: 1px solid #BBB;
	height: 25px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 65px;
	padding-bottom: 0 !important;
	background-color: #28648f;
	background-image: url('img/default/buttonbg.png');
	background-repeat: no-repeat;
	background-position: right;
	text-transform: uppercase;
	text-decoration: none !important;
	float: right;
}

.proceedButton .submit {
	margin-right: 10px;
	margin-top: -4px;
}

.proceedButton .submit input {
	background-color: transparent !important;
	background-image: url('img/default/transparant.png') !important;
	border: 0 !important;
}

.proceedButton a {
	margin-right: 10px;
	margin-top: -4px;
	background-color: transparent !important;
	background-image: url('img/default/transparant.png') !important;
	border: 0 !important;
}

.backButton {
	border: 1px solid #BBB;
	border-right: 0;
	height: 25px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 65px;
	padding-bottom: 0 !important;
	background-color: #1f587f;
	background-image: url('img/default/buttonbackbg.png');
	background-repeat: no-repeat;
	background-position: left;
	text-transform: uppercase;
	text-decoration: none !important;
	margin-right: 10px;
}

.backButton:hover {
	border: 1px solid #BBB;
	border-right: 0;
	height: 25px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 65px;
	padding-bottom: 0 !important;
	background-color: #28648f;
	background-image: url('img/default/buttonbackbg.png');
	background-repeat: no-repeat;
	background-position: left;
	text-transform: uppercase;
	text-decoration: none !important;
	margin-right: 10px;
}

.backButton a {
	margin-right: 10px;
	margin-top: -4px;
	background-color: transparent !important;
	background-image: url('img/default/transparant.png') !important;
	border: 0 !important;
}

.compo-donate {
	position: relative;
	float: left;
}

.compo-donate img {
	width: 300px;
}

.compo-counter {
	float: left;
	margin-left: 40px;
	padding: 10px;
	position:relative;
	height:170px;
}

.compo-counter>h2{
	font-weight:normal;
	font-size:3em;
	margin-bottom:0.75em;
}

.compo-counter>p{
	font-size: 4em;
	font-weight: bold;
}

.compo-counter>button {
	position:absolute;
	bottom:10px;
}

.compo-wrapper {
	clear: left;
}

.counter-up {
	float: left;
	height: 54px;
}

.rRight_Facebook a img,
.social a img {
	width: 211px;
}

input.error {
	color: red;
	border: 1px solid;
	border-color: red;
	background-color: rgb(255, 228, 228);
}

label.error {
	display: none !important;
}

span.textHighlight {
	clear: both;
	font-weight:bold;
}

div#ui-datepicker-div {
	background-color: #1f587f;
}
#container-csgo {
  width: 100%;
  overflow: auto;
}
#container-csgo ul {
  list-style-type: none;
}
.vragen li { padding: 20px; }
.vragen li.v {
  background: #4FC2E6;
  font-weight: bold;
  border-bottom: 1px #ddd solid;
  cursor: pointer;
}
.vragen li.a {
  background: #3BB0D6;
  display: none;
  color:#fff;
}
/* ---------------------------- MOBILE CSS ---------------------------- */

@media only screen and (min-width: 0) and (max-width: 600px) {

	.headerNav{
		margin:0;
	}


	.menu{
		margin:0;
	}

	.menu li{
		width:100%;
		height:auto;
		padding:5px;
		background-color:#333333;
		display:block;
		float:none;
	}

	.navColumn, .navColumn_wide, .navColumn_small, .sub-menu, .nestEvent, .navColumn_wide, ul, .nestEvent .navColumn_wide, .nestEvent .navColumn, .nestEvent .navColumn_small{
		width:100%;
		float: none !important;
	}

	.headerLogo{
		width:100%;
		height:auto;
		float:none;
	}
}

/* ===== SHOP: PRODUCTS – NEW CARD STYLES ===== */
.ticket-card{
  width:330px;                 /* keep same visual width as old tickets */
  margin: 0 5px 20px 5px;      /* mirror old spacing */
  background:#f2f2f2;          /* matches site panels */
  border:1px solid #d4d4d4;
  border-radius:6px;
  overflow:hidden;
  float:left;                  /* keep grid flow like before */
}

.ticket-card.out-of-stock{ opacity:0.75; }

.ticket-media{ position:relative; background:#e6e6e6; }
.ticket-media img {
    display: block; /* removes baseline gap */
    width: 100%;
    height: auto;
    margin: 0;
}

.badge{ position:absolute; left:8px; top:8px; background:#262626; color:#fff; font-size:11px; padding:3px 8px; border-radius:12px; }
.badge.oos{ background:#7e7e7e; }

.ticket-content{ padding:10px; border-top:1px solid #dcdcdc; }

.ticket-title{
  font: 24px 'BebasNeueRegular', Arial, sans-serif;
  text-transform: uppercase;
  color:#1f587f;
  margin:4px 0 6px;
}

.ticket-meta{ font-size:12px; color:#485c6a; margin:4px 0 8px; }
.ticket-meta .dot{ margin:0 6px; color:#a0a0a0; }

.ticket-price{ margin:6px 0 10px; }
.ticket-price .amount{ font: 24px 'BebasNeueRegular', Arial, sans-serif; color:#1f587f; }
.ticket-price .vat{ font-size:11px; color:#6c8190; margin-left:6px; }

.ticket-cta{ margin-top:8px; }
.ticket-cta .btn {
    background-color:#1f587f;
    border-radius:2px;
    border:none;
    font:14px Arial, sans-serif; /* was 16px */
    font-weight:bold;
    text-shadow:1px 1px 1px #1a4c6e;
    text-transform:uppercase;
    color:#EEE;
    padding:4px 10px; /* was 6px 14px */
    text-decoration:none;
    display:inline-block;
}

.ticket-cta .btn:hover{ background-color:#28648f; color:#fff; }

.ticket-cta .btn.btn-primary{ background-color:#1f587f; }

.ticket-soldout{ display:inline-block; background:#7e7e7e; color:#fff; padding:6px 10px; border-radius:2px; font-weight:bold; text-transform:uppercase; font-size:12px; }

.hint{ color:#6c8190; font-size:11px; }

.tickets-wrap {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.tickets-wrap .ticket-card {
    float: none; /* ensure old floats never apply */
    width: 100%;
    margin: 0;   /* remove legacy side margins so gap controls spacing */
}
@media (max-width: 600px) {
    .tickets-wrap { grid-template-columns: 1fr; }
}

/* Mobile tweaks */
@media only screen and (max-width: 600px){
  .ticket-card{ margin:0; }
}