@CHARSET "ISO-8859-1";

@import url(/js/lib/lightbox_2.04/css/lightbox.css);


/*******( Style reset )***********/

	body,td,th,a,h1,h2,h3,h4,p,ul,li,hr,form,input,hr,label {
		margin: 0;
		padding: 0;
		border: 0;
		list-style: none;
		text-decoration:none;
		}
        
    p {
        margin: 8px 0;
        }
    p:first-child {
        margin-top: 0;
        }
    p:last-child {
        margin-bottom: 0;
        }
	h1 {
		margin: 12px 0 8px;
		}
	table p {
		margin: 0;
		}
	body #lightbox-infoHeader {
		display: none;
		}

/*******( Helpers )***************/

	.spacer {
		clear: both;
		}
        
    a img {
        border: 0;
        }
		
	em.search_term {
		font-weight: bold;
		font-size: 120%;
		}

/*******( Typography )************/

	body, input, select, textarea, td, th {
		font-family: arial;
		font-size: 11px;
		color: #000;
		}
		
/*******( Structure )*************/

	body {
		margin: 0px;
		background: #fff url(http://www.123showtime.nl/img/main_bg.jpg) repeat-x top;
		text-align: center;
		overflow-y: scroll;
		}
		#wrapper {
			text-align: left;
			width: 969px;
			position: relative;
			margin: 10px auto;
			}
			#container {
				}
				#header {
					display: block;
					height: 146px;
					position: relative;
					}
    				#header img.logo {
    				    position: absolute;
                        bottom: 27px;
                        border: 0;
    				    }
					#header form.search {
    				    position: absolute;
                        bottom: 27px;
					    right: 0;
                        line-height: 19px;
					    }
    					#header form.search input.search_query {
    					    border: 0;
                            background: transparent url(http://www.123showtime.nl/img/search_bg.gif) no-repeat;
                            width: 133px;
                            height: 19px;
                       	    vertical-align: middle;
                            text-indent: 8px;
    					    }
    					#header form.search input.btn_go {
    					    margin-left: 5px;
    					    border: 0;
                            background: transparent url(http://www.123showtime.nl/img/btn_go.gif) no-repeat;
                            width: 19px;
                            height: 19px;
                       	    vertical-align: middle;
                            cursor: pointer;
    					    }
				#menu {
	position: absolute;
	top: 24px;
	right: 75px;
	width: 496px;
					}
    				#menu ul {
    				    list-style-type: none;
                        height: 20px;
						width: 700px;
						text-align: right;
    				    }
        				#menu ul li {
        				    float: left;
                            margin-left: 15px;
        				    }
            				#menu ul li a {
            				    color: #fff;
                                font-size: 10px;
            				    }      
                #content {
                    width: 100%;
                    overflow: visible;
                    }
					#content #eventDetailsContainer {
						overflow: hidden;
						width: 100%;
						}
				#subcontent .blok {
					height: 145px;
					}
                #links {
                    font-size: 9px;
                    margin-top: 8px;
                    color: #bcbcbc;
                    line-height: 18px;
					text-align: center;
                    }
	                #links a {
	                    color: #bcbcbc;
						text-decoration: underline;
	                	}
                #footer {
                    text-align: center;
                    font-size: 9px;
                    border-top: 1px solid #bcbcbc;
                    margin-top: 8px;
                    color: #bcbcbc;
                    line-height: 18px;
                    }
                    #footer a {
                        color: #bcbcbc;
                        }
                .blok {
                    float: left;
                    width: 312px;
                    border: 0px;
                    margin-right: 0px;
                    margin-bottom: 0px;
                    position: relative;
                    }
					.blok ul, .blok li {
						list-style: disc;
						}
						.blok ul {
							padding-left: 40px;
							}
                    .blok.lastcol {
                        margin-right: 0;
                    }
                    .blok img.blokimg {
                        margin-right: 8px;
                        margin-bottom: 8px;
                        float: left;
                        }
                    .blok.breed {
                        width: 638px;
                        }
					.blok.half {
						width: 474px;
						}
					.blok.full {
						width: 100%;
						margin-right: 0;
						float: none;
						clear: both;
	                    font-size: 11px;
						}
                    .blok img.star {
                        position: absolute;
                        right: -7px;
                        top: -28px;
                        }
                    .blok h1, .blok.sub h2 {
                    	overflow: hidden;
                        height: 30px;
                        line-height: 30px;
                        color: #fff;
                        font-weight: normal;
                        font-size: 14px;
                        text-indent: 10px;
                        margin: 1px;
                        text-transform: uppercase;
                        }
	                    .blok h1 a {
	                        color: #fff;
	                    	}
                        .blok.sub h2 {
                            background: #b4b4b4;
                            }
                    .blok .inner {
                        padding: 10px;
                        }
                        .blok h3 {
                            font-weight: bold;
                            margin: 0 0 5px;
                            line-height: 12px;
                            font-size: 11px;
                            }
                            .blok h3 a {
                                color: #000;
                                }
                        .blok p {
                            line-height: 15px;
                            }
                        .breed.blok p {
                            }
							
                .blok .blok {
                	width: 306px;
                	}
					.blok .blok.half {
						width: 464px;
						}
	                .blok .blok.full {
	                	width: 100%;
	                	}
						
			.referentie .inner {
				text-align: center;
			}
					
/*******( Evenementen )*********/

                #events {
                    font-family: Tahoma, Arial, Helvetica, sans-serif;
                    margin-bottom: 28px;
                    }                
                    #events .categories {
                        background: url(http://www.123showtime.nl/img/mean_head_bg.gif) repeat-x;
                        height: 44px;
                        font-size: 13px;
                        }
                        #events .categories ul {
                            background: url(http://www.123showtime.nl/img/mean_head_bg_right.gif) no-repeat top right;
                            list-style-type: none;
                            height: 44px;
                            overflow: visible;
                            position: relative;
                            }
                            #events .categories ul li {
                                float: left;
                                height: 44px;
                                text-align: center;
								cursor: pointer;
                                }
                                #events .categories ul li.first {
                                    background: url(http://www.123showtime.nl/img/mean_head_bg_left.gif) no-repeat top left;
                                    padding-left: 20px;
                                    margin-left: 0;
                                    }
                                #events .categories ul li a {
                                    display: block;
                                    line-height: 14px;
                                    color: #fff;
                                    text-transform: uppercase;
									outline: 0;
									max-width: 130px;
	                                text-align: center;
                                    }
                                    #events .categories ul li a span {
                                        display: block;
										position: relative;
										cursor: pointer;
										padding: 10px 10px 0;
                                        }
	                                    #events .categories ul li a span b {
	                                    	font-style: normal;
											font-weight: normal;
											position: relative;
	                                    	}
										
                                #events .categories ul li.active, #events .categories ul li.hover {
                                    position: relative;
                                    overflow: visible;
                                    bottom: 0px;
                                    }
                                    #events .categories ul li.active a, #events .categories ul li.hover a {
                                        height: 60px;
                                        float: left;
                                        position: relative;
                                        margin-top: -16px;
                                        color: #000;
                                        background: #fff url(http://www.123showtime.nl/img/active_tab_bg_topleft.gif) no-repeat top left;
                                        }
                                        #events .categories ul li.active a span, #events .categories ul li.hover a span {
                                            background: url(http://www.123showtime.nl/img/active_tab_bg_topright.gif) no-repeat top right;
                                            }
	                                        #events .categories ul li.active a span, #events .categories ul li.hover a span div.dropShadow {
	                                        	visibility: hidden;
	                                        	}
								
                    #events .eventlist {
                        height: 233px;
						background: #fff;
                        border-left: 3px solid #fff;
                        border-right: 3px solid #fff;
                        position: relative;
                        overflow: hidden;
                        }
						#events .eventlist img.bgimg {
							position: absolute;
							z-index: 1;
							top: 0;
							left: 0;
							}
                        #events .eventlist .loader {
                        	position: absolute;
							height: 100%;
							width: 100%;
							top: 0;
							left: 0;
							background: #fff;
							z-index: 5;
                        	}
	                        #events .eventlist .loader img {
	                        	margin-top: -46px;
								margin-left: -46px;
								left: 50%;
								top: 50%;
								position: absolute;
	                        	}
                        #events .eventlist .default_text {
                        	position: absolute;
							left: 50%;
							top: 50%;
							width: 400px;
							height: 160px;
							z-index: 5;
							margin-left: -200px;
							margin-top: -80px;
                        	}
	                        #events .eventlist .default_text .inner {
	                        	position: relative;
								padding: 10px;
								z-index: 100;
	                        	}
                        #events .eventlist .events {
                        	}
                        #events .eventlist .event {
                            position: absolute;
							z-index: 6;
                            border: 1px solid #aeb1ab;
                            height: 57px;
                            width: 220px;
                            overflow: hidden;
                            cursor: pointer;
                            }
                            #events .eventlist .event.col1 { left: 18px; }
                            #events .eventlist .event.col2 { left: 254px; }
                            #events .eventlist .event.col3 { left: 490px; }
                            #events .eventlist .event.col4 { left: 726px; }
                            #events .eventlist .event.row1 { top: 11px; }
                            #events .eventlist .event.row2 { top: 82px; }
                            #events .eventlist .event.row3 { top: 153px; }
                            #events .eventlist .event.row4 { top: 224px; }
                            
                            #events .eventlist .bg {
                                background: #fff;
                                position: absolute;
								z-index: 1;
                                left: 0;
                                top: 0;
                                height: 100%;
                                width: 100%;
                                opacity: 0.85;
                                -moz-opacity: 0.85;
                                filter: alpha(opacity=85);
                                }
                            #events .eventlist .event.hover {
                                background: #f7921f url(http://www.123showtime.nl/img/yellow_head_bg.gif) repeat-x top;
                                }
                                #events .eventlist .event.hover .bg {
                                    display: none;
                                    }
	                        #events .eventlist .event .inner {
	                        	margin: 6px 8px;
	                        	}
                            #events .eventlist .event img {
                                position: relative;
                                z-index: 2;
                                float: left;
                                margin-right: 8px;
                                }
                            #events .eventlist .event h2 {
                                position: relative;
                                z-index: 2;
                                margin: 5px 0 0;
                                font-size: 11px;
                                line-height: 12px;
                                font-weight: bold;
                                }
	                            #events .eventlist .event h2 a {
	                            	color: #000;
	                            	}
                            #events .eventlist .event p {
                                position: relative;
                                z-index: 2;
                                line-height: 12px;
                                margin: 2px 0;
                                font-size: 9px;
                                }
                                
                        #events .eventlist .titlebar {
                            position: absolute;
                            bottom: 3px;
                            left: 0;
                            line-height: 40px;
                            height: 40px;
                            width: 100%;
                            text-indent: 15px;
                            overflow: hidden;
							z-index: 10;
                            }
                            #events .eventlist .titlebar .bg {
                                background: #fff;
                                position: absolute;
                                left: 0;
                                top: 0;
                                height: 100%;
                                width: 110%;
                                opacity: 0.8;
                                -moz-opacity: 0.8;
                                filter: alpha(opacity=80);
								z-index: 15;
                                }
                            #events .eventlist .titlebar h1 {
                                line-height: 34px;
                                z-index: 10;
                                color: #000;
                                font-size: 24px;
                                position: relative;
								z-index: 25;
								margin: 0;
								font-weight: normal;
                                }
                    #events .subcategories {
                        background: #fff;
                        width: 100%;
                        height: 3px;
                        overflow: hidden;
                        }
                        #events .subcategories ul {
                        	display: none;
							list-style-type: none;
							margin-top: 5px;
							font-size: 12px;
							font-weight: bold;
                        	}
	                        #events .subcategories ul li {
	                        	float: left;
								height: 20px;
								line-height: 20px;
								margin: 0 10px;
	                        	}
		                        #events .subcategories ul li a {
		                        	color: #000;
		                        	}
			                        #events .subcategories ul li a:hover {
			                        	text-decoration: underline;
										}
    
    .eventdetails {
        position: relative;
        min-height: 275px;
        width: 100%;
        overflow: visible;
        }
    	.eventdetails h2 {
    		font-weight: bold;
    		text-decoration: underline;
    		font-size: 12px;
    		margin-bottom: 8px;
    		}
        .eventdetails .blok.evenement {
            width: 638px;
            }
            .eventdetails .blok.evenement div.picturelist {
                width: 165px;
                float: left;
                }
                .eventdetails .blok.evenement div.picturelist a img {
                    }
            .eventdetails .blok.evenement div.info {
                width: 450px;
                float: left;
                }
		.eventdetails .rightblok {
			float: right;
			width: 314px;
			overflow: hidden;
			}
        .eventdetails .blok.meer_info {
            margin-right: 0;
            }
	        .eventdetails .blok.meer_info h2 {
	        	margin: 5px 0 0;
				}
	        .eventdetails .blok.meer_info p {
	        	margin: 0;
	        	}
        .eventdetails .blok.combi {
        	position: relative;
			overflow: visible;
            }
	        .eventdetails .blok.combi img {
                float: left;
				margin: 0 8px 8px;
				}
        
/*******( Nieuwsblokken )*********/

    .blok.nieuws {
        }
        .blok.nieuws h3 a {
            color: #000;
            }
    
/*******( Nieuwsresultaten )*********/

	.blok.nieuwsresultaten .blok {
		height: 125px;
		overflow: hidden;
		}

/*******( Arrangementen )*********/


	.inner {
		}
		.inner h1 {
			/*text-indent: 165px;*/
			}
		.inner .images {
			display: block;
			float: left;
			width: 165px;
			}
			.inner .images img {
				margin-bottom: 4px;
				}
		.inner .text {
			width: 330px;
			float: left;
			}
		.nieuwsitem .text {
			width: 780px;
			}
	#dynamic {
		margin-top: 7px;
		}
		

/*******( Referenties )*********/

	#referenties ul.referenties li {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin: 5px;
        zoom: 1;
        *display: inline;
	}

/*******( Event selector )********/

	.cases {
		
		}
		.cases .item {
			width: 373px;
			float: left;
			margin-right: 10px;
			margin-bottom: 20px;
			}
			.cases .item img {
				margin-right: 10px;
				}
			
/*******( Formulier )*************/

	.informatie_aanvragen_button {
		background: url(http://www.123showtime.nl/img/button.jpg) no-repeat left top;
		margin-left: 20px;
		height: 118px;
		margin: 10px 0;
		color: #000;
		overflow: hidden;
		position: relative;
		}
		.arrangement .text .informatie_aanvragen_button {
			margin-left: -90px;
			}
		#content .informatie_aanvragen_button a {
			display: block;
			padding: 34px 0 58px 100px;
			color: #000;
			font-weight: bold;
			}
		#content .formulier div.row {
			position: relative;
			}
			.formulier .row label {
				float: left;
				width: 120px;
				line-height: 20px;
				height: 28px;
				}
			.formulier .row input.text {
				float: left;
				width: 200px;
				height: 20px;
				border: 1px solid #B4B4B4;
				margin-bottom: 8px;
				}
			.formulier .row label.error {
				font-style: italic;
				color: #999;
				font-size: 9px;
				position: absolute;
				left: 0px;
				top: 13px;
				width: auto;
				}
			.formulier .row .errFld {
				background-color: #fffccd;
				}
			.formulier .row textarea {
				background-color: #fff;
				border: 1px solid #B4B4B4;
				width: 200px;
				height: 80px;
				margin: 0 0 8px;
				}
			.formulier .persoon {
				}
				.formulier .persoon select {
					float: left;
					border: 1px solid #B4B4B4;
					height: 18px;
					width: 60px;
					margin-right: 5px;
					}
				.formulier .persoon input.text {
					width: 135px;
					}
			.formulier input.submit {
				background-color: #FF7F00;
				color: #fff;
				font-weight: bold;
				padding: 2px 5px;
				font-size: 13px;
				width: 200px;
				cursor: pointer;
				}

/*******( sIFR )******************/

	/*
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		}

	.sIFR-replaced {
		visibility: visible !important;
		}

	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
		}

	.sIFR-flash + div[adblocktab=true] {
		display: none !important;
		}

	.sIFR-hasFlash h1 {
		visibility: hidden;
		letter-spacing: 5px;
		}
	*/

