html,body { 
	color: #443c3c;
	font-family: "Lucida Sans", Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
 margin:0px;
 padding:0px;
}

html,body,div,form,h1,h2,h3,h4,h5,h6,p,ul,li { margin: 0px; padding: 0px; }
img { border: none; }
a { text-decoration: none; }
.wrapper { width: 100%; height: auto; position: relative; }
br, .clear { clear: both; }
.float { float: left; }
.hidden { display: none;}

body { 
   background: #f3f3f3; 
   margin: 20px 0px 0px 0px;   
}

input { cursor: pointer; }

div#container {
	position: relative;
	top: 0;
	left: 50%;
	width: 951px;
	margin: 0px 0px 30px -475px;
 padding:0px 0px 0px 0px;
}

/* Header */
div#header {
	width: 951px;
	height: 80px;
	display: block;
 overflow:hidden;
	background: transparent url("../images/backgrounds/header-footer-bg.png") no-repeat;
}

div#header div {
	display: block;
	float: left;
}

div#header div#logo {
	width: 120px;
	height: 78px;
	padding: 1px 24px;	
	}
	
	div#header div#logo h1 {
		width: 120px;
		height: 80px;
		display: block;
		text-indent: -5000px;
		background: transparent url("../images/de-groene-engel.jpg") no-repeat;
		cursor: pointer;
	}

div#header div#zoeken {
 position:absolute;
 left:720px;
 top:0px;
 display:block;
	width: 225px;
	height: 80px;
}

	div#header div#zoeken form p {
		margin: 38px 0 0 3px;
		display: block;
		height: 27px;
		background: transparent url("../images/sprites/form-sprite.png") no-repeat 0px -28px;
	}
	
		div#header div#zoeken label { display: none; }
		
		div#header div#zoeken input { 
			background: transparent; 
			border: none;
			font-size: 1.1em;
			font-family: "Lucida Sans", Arial, sans-serif;
		}
		
		div#header div#zoeken #zoekopdracht {
			margin: 4px 28px 4px 8px;
			width: 118px;
		}
		
		div#header div#zoeken #zoeksubmit {
			margin: 0px;
			padding: 0px;
			height: 27px;
			width: 53px;
			color: #ffffff;
			background: transparent url("../images/sprites/form-sprite.png") no-repeat 0px 0px;
		}

/* Body */
div#body {
	position: relative;
	display: block;	
 height: auto;
}

	div#body div.contentblock {
		position: relative;
		width: 951px;
		margin: 5px 0;
	}
		
	div#body div.lineoverlay {
		position: relative;
		width: 951px;
		padding: 5px 0px;
	}
	
		div#body div.contentblock-top, div#body div.lineoverlay-top, div#body div.contentblock-bottom, div#body div.lineoverlay-bottom {
			position: absolute;
			width: 951px;
			left: 0px;
			height: 5px;
			line-height: 0px;
			font-size: 0px;
		}
		div#body div.contentblock-top, div#body div.lineoverlay-top { top: 0px; }
		div#body div.contentblock-bottom, div#body div.lineoverlay-bottom { bottom: 0px; }
	
		div#body div.contentblock-top { background: transparent url("../images/backgrounds/contentblock-top-bottom.png") no-repeat 0px 0px; }
		
			div#body div.contentblock-body, div#body div.lineoverlay-body {
				top: 0px;
			}
			div#body div.contentblock-body {
				display: block;
				background: transparent url("../images/backgrounds/contentblock-bg.png") repeat-y;
			}

		div#body div.contentblock-bottom { background: transparent url("../images/backgrounds/contentblock-top-bottom.png") no-repeat 0px -5px; }
		
		div#body div.last-item { margin: 5px 0 -10px 0;}
		
		/* Overlays */		
		div#body div.col2-overlay {	background: transparent url("../images/overlays/2col-overlay.gif") repeat-y; }
		div#body div.col2-sidebar-overlay {	background: transparent url("../images/overlays/2col-sidebar-overlay.gif") repeat-y; }
		div#body div.col3-overlay {	background: transparent url("../images/overlays/3col-overlay.gif") repeat-y; }
		
		/* Main */
		div.main {
			float: left;
			width: 539px;
			margin: 0 0 0 0;
			display: block;
		}
		
		/* Slideshow */
		div#slideshow {
			float: left;
   display:inline;
   position:relative;
			width: 410px;
			height: 186px;
   overflow:hidden;
			margin: 0 0 0 1px;
			padding: 0px;
			background: #ffffff;
			border-bottom: #e1e1e1 1px solid;
		}		
 		div#slideshowflash {
    display:block;
 			width: 388px;
 			height: 186px;
 			padding: 8px 11px 10px 11px;
 		}












		/* Sidebar */
		div.sidebar {
			float: left;
			width: 205px;
			display: block;
   overflow:hidden;
		}
		
			div.sidebar div h4 {
				display: block;
				padding: 5px 10px 7px 10px;
				font-family: Georgia, "Times New Roman", serif;
				font-weight: normal;
				font-style: italic;
				font-size: 1.1em;
				border-bottom: #e1e1e1 1px solid;
			}
		
			div.sidebar div#nieuw-verkoop {
				display: block;
				border-bottom: #e1e1e1 1px solid;
			}
		
				div.sidebar div#nieuw-verkoop ul {
					padding: 5px 10px 15px 10px;
					list-style-type: none;
					font-size: 0.8em;
					width: 180px;
				}
		
					div.sidebar div#nieuw-verkoop ul li {
								display: block;
        clear:both;     
					}
			
						div.sidebar div#nieuw-verkoop ul li a {
							color: #4f4646;
						}
			
							div.sidebar div#nieuw-verkoop ul li a span.date {
								display: block;
								float: left;
								width: 45px;
								text-align: right;
								padding: 0 10px 0 0;
							}
		
			div.sidebar div#trein-tijden {
				display: block;
				padding: 0 0 15px 0;
				border-bottom: #e1e1e1 1px solid;
			}
		
				div.sidebar div#trein-tijden ul {
					padding: 5px 10px 15px 20px;
					list-style-type: none;
					font-size: 0.8em;
					width: 170px;
				}
			
						div.sidebar div#trein-tijden ul li {
							clear: both;
						}
			
							div.sidebar div#trein-tijden ul li span.richting {
								display: block;
								float: left;
								width: 70px;
							}
			
							div.sidebar div#trein-tijden ul li span.tijd {
								display: block;
								float: left;
								width: 50px;
								text-align: right;
							}
							
		div.sidebar div#nieuwsbriefblock {
			padding: 10px 0 10px 10px;
			display: block;
			border-bottom: #e1e1e1 1px solid;
		}

			/* Fotoblock */
	
		div.sidebar div#nieuwsbriefblock {
				display: block;
				float: left;
				margin: 0 10px 5px 0;
			}
			
				div.sidebar div#nieuwsbriefblock div.nieuwsbriefblock-top {
					width: 190px;
					height: 4px;
					background: transparent url("../images/backgrounds/fotoblock-top-bottom.png") no-repeat;
				}
			
				div.sidebar div#nieuwsbriefblock div.nieuwsbriefblock-content {
					position: relative;
					width: 175px;
					height: 146px;
					padding: 0 8px 0 7px;
					background: transparent url("../images/backgrounds/fotoblock-bg.png") repeat-y;
				}
			
					div.sidebar div#nieuwsbriefblock div.nieuwsbriefblock-content div.nieuwsbriefblock-overlay {
						width: 175px;
						height: 146px;
						position: absolute;
						top: 0px;
						left: 0px;
					}
				
						div.sidebar div#nieuwsbriefblock div.nieuwsbriefblock-content div.nieuwsbriefblock-overlay form {
							width: 155px;
							height: 126px;
							padding: 10px;
							display: block;
							top: 0px;
							left: 0px;
						}
						
							div.sidebar div#nieuwsbriefblock div.nieuwsbriefblock-content div.nieuwsbriefblock-overlay form p { 
								font-size: 0.8em;
							}
						
							div.sidebar div#nieuwsbriefblock div.nieuwsbriefblock-content div.nieuwsbriefblock-overlay form h3 {
								font-family: Georgia, "Times New Roman", serif;
								font-weight: normal;
								font-style: italic;
								font-size: 1.6em;
								color: #ffffff;
								padding: 0 0 10px 0;
							}
						
							div.sidebar div#nieuwsbriefblock div.nieuwsbriefblock-content div.nieuwsbriefblock-overlay form p label { display: none; }
						
							div.sidebar div#nieuwsbriefblock div.nieuwsbriefblock-content div.nieuwsbriefblock-overlay form p.form {
								width: 158px;
								height: 28px;
								background: transparent url("../images/sprites/form-sprite.png") no-repeat 0px -171px;
							}
								div.sidebar div#nieuwsbriefblock div.nieuwsbriefblock-content div.nieuwsbriefblock-overlay form p.form input[type="text"] {
									width: 148px;
									height: 23px;
									border: none;
									background: none;
									padding: 5px 5px 0px 5px;
									font-size: 1em;
									font-family: "Lucida Sans", Arial, sans-serif;
								}
							div.sidebar div#nieuwsbriefblock div.nieuwsbriefblock-content div.nieuwsbriefblock-overlay form p input[type="submit"] {
								width: 158px;
								height: 28px;
								border: none;
								font-size: 1em;
								font-family: Georgia, "Times New Roman", serif;
								text-align: center;
								color: #ffffff;
								background: transparent url("../images/sprites/form-sprite.png") no-repeat 0px -143px;
								margin: 5px 0 0 0;
							}
			
				div.sidebar div#nieuwsbriefblock div.nieuwsbriefblock-bottom {
					width: 190px;
					height: 8px;
					background: transparent url("../images/backgrounds/fotoblock-top-bottom.png") no-repeat 0px -4px;
				}
				
				div.sidebar div#socialmedia {
					padding: 10px;
					display: block;
					border-bottom: #e1e1e1 1px solid;
				}
				
					div.sidebar div#socialmedia ul {
						display: block;
						list-style-type: none;
					}
					
						div.sidebar div#socialmedia ul li {
							display: block;
							text-align: center;
						}
				
				div.sidebar div#banners {
					padding: 10px;
					display: block;
					border-bottom: #e1e1e1 1px solid;
				}
				
					div.sidebar div#banners ul {
						display: block;
						list-style-type: none;
					}
					
						div.sidebar div#banners ul li {
							display: block;
							text-align: center;
						}
		
		
		/* Default headers */
		
		div.item-header {
   position:relative;
			display: block;
   height:50px;
			border-bottom: #e1e1e1 1px solid;
		}
		
			div.item-header h4 {
				font-family: Georgia, "Times New Roman", serif;
				font-weight: normal;
				font-style: italic;
				font-size: 1.3em;
				padding: 14px 12px 10px 12px;
				width: 300px;
			}
			
			div.item-header h5 {
				font-family: Georgia, "Times New Roman", serif;
				font-weight: normal;
				font-style: italic;
				font-size: 0.8em;
				text-align: center;
				width: 113px;
				height: 23px;
				display: block;
    position:absolute;
    left:420px;
    top:10px;
				padding: 3px 0 0 0;
				margin: 0px;
				background: transparent url("../images/sprites/buttons-sprite.png") no-repeat 0px -51px;
				color: #ffffff;
			}
			
			div.item-header h5 a {
				color: #ffffff;
			}

/* Footer */

div#footer {
	width: 885px;
	height: 188px;
	padding: 15px 33px 0 33px;
	background: transparent url("../images/backgrounds/header-footer-bg.png") no-repeat 0px -101px;
}

	div#footer ul.mainfooter {
  display:block;
  width: 900px;
		height: 145px;
		list-style-type: none;
		font-size: 0.9em;
	}
		
		div#footer ul li {
			float: left;
   margin:0px;
   padding:0px;
   display:block;
			width: 125px;
		}

			div#footer ul li ul.onderliggend{
				list-style-type: none;
			}
				
			.deeerste a {
    font-size: 1.1em; font-weight: bold;
   }
	
	div#footer div#copyright {
		padding: 10px 250px;
  display:block;
  width:500px;
  height:40px;
	}
	
	div#footer div#copyright ol {
		display: block;
		list-style-type: none;
  display:block;
  width:500px;
  height:40px;
	}
	
		div#footer div#copyright ol li {
			float: left;
   display:block;
			font-size: 1em;
			margin: 0 5px;
		}
	
			div#footer div#copyright ol li a {
				color: #4f4646;
			}
		
/* Fotoblock */

div.fotoblock {
	display: block;
	float: left;
	margin: 0 10px 5px 0;
}

	div.fotoblock div.fotoblock-top {
  display:block;
  overflow:hidden;
		width: 190px;
		height: 4px;
		background: transparent url("../images/backgrounds/fotoblock-top-bottom.png") no-repeat;
	}

	div.fotoblock div.fotoblock-content {
		width: 175px;
		padding: 0 8px 0 7px;
		background: transparent url("../images/backgrounds/fotoblock-bg.png") repeat-y;
	}

	div.fotoblock div.fotoblock-bottom {
		width: 190px;
		height: 8px;
		background: transparent url("../images/backgrounds/fotoblock-top-bottom.png") no-repeat 0px -4px;
	}

/* Frameblock */

div.frameblock {
	display: block;
	margin: 0 10px 5px 0;
}

	div.frameblock div.frameblock-top {
  display:block;
		width: 190px;
		height: 4px;
		background: transparent url("../images/backgrounds/fotoblock-top-bottom.png") no-repeat;
  overflow:hidden;
	}

	div.frameblock div.frameblock-content {
		width: 175px;
		padding: 0 8px 0 7px;
		background: transparent url("../images/backgrounds/fotoblock-bg.png") repeat-y;
	}

	div.frameblock div.frameblock-bottom {
		width: 190px;
		height: 8px;
		background: transparent url("../images/backgrounds/fotoblock-top-bottom.png") no-repeat 0px -4px;
	}
div.frameblock {
	display: block;
	margin: 0 10px 5px 0;
}

/* Frameblock */

div.albumblock {
	float: left;
	display: block;
 width:138px;
 height:115px;
 overflow:hidden;
 margin:0px 0px 20px 20px;
}

	div.albumblock div.albumblock-top {
  display:block;
		width: 138px;
		height: 4px;
  overflow:hidden;
		background: transparent url("../images/backgrounds/albumblock-top-bottom.png") no-repeat;
	}

	div.albumblock div.albumblock-content {
  position: relative;
  display:block;
		width: 138px;
  height:103px;
  overflow:hidden;
  text-align:center;
  vertical-align:middle;
		background: transparent url("../images/backgrounds/albumblock-bg.png") repeat-y;
	}

	div.albumblock div.albumblock-bottom {
  display:block;
		width: 138px;
		height: 8px;
  overflow:hidden;
		background: transparent url("../images/backgrounds/albumblock-top-bottom.png") no-repeat 0px -4px;
	}

/* Ticketblock  */

div.ticketblock {
	width: 160px;
	display: block;
	margin: 0 10px 0 0;
}

	div.ticketblock div.ticketblock-top {
		width: 160px;
		height: 4px;
		background: transparent url("../images/backgrounds/frameblock-top-bottom.png") no-repeat;
	}

	div.ticketblock div.ticketblock-content {
		width: 145px;
		padding: 0 8px 0 7px;
		background: transparent url("../images/backgrounds/frameblock-bg.png") repeat-y;
	}

	div.ticketblock div.ticketblock-bottom {
		width: 160px;
		height: 8px;
		background: transparent url("../images/backgrounds/frameblock-top-bottom.png") no-repeat 0px -4px;
	}
		
/* Tags */

div.tag-small {
	width: 29px;
	height: 29px;
	margin: 0 1px 1px 0;
	display: block;
}
div.tag-small span.tag-longtext { display: none; }

div.tag-medium {
	width: 25px;
	height: 25px;
	padding: 15px 10px 5px 10px;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	text-align: center;
	font-size: 0.6em;
	line-height: 0.7em;
	color: #ffffff;
	display: block;
}
div.tag-medium span.tag-longtext,
div.tag-medium span.tag-longtext { display: none; }

div.tag-large {
	width: 59px;
	height: 59px;
	display: block;
}
div.tag-large span.tag-longtext { display: inline; }

span.tag-shorttext {
	font-size: 3em;
	line-height: 0.9em;
}

div.tag-concert { background: #02d2f7; }
div.tag-film { background: #e20074; }
div.tag-theater { background: #93d930; }
div.tag-kids { background: #ff9c00; }
div.tag-educatief { background: #f4082f; }
div.tag-lezingdebat { background: #7f72c2; }
div.tag-specials { background: #7f72c2; }

/* Forms */
form {
 padding: 20px 30px;
}
form fieldset, form fieldset legend {
 border: none;
 padding: 0 0 0 100px;
}
form fieldset legend {
 display: none;
}

form label, 
form span label {
 display: block;
 float: left;
 width: 80px;
 padding: 0 20px 0 0;
}

form input, form textarea, 
form span input, form span textarea {
	font-family: "Lucida Sans", Arial, sans-serif;
 font-size: 0.9em;
 padding: 2px;
}

form input:focus, form textarea:focus,
form span input:focus, form span textarea:focus {
 background: #f3f3f3;
}

form input[type="text"],
form span input[type="text"] {
 width: 290px;
 padding: 5px 3px;
 margin: 2px 0;
 border: none;
 background: transparent url("../images/sprites/form-sprite.png") no-repeat 0px -200px;
}

form input[type="file"]{
 width: 290px;
 height: 20px;
 border: none;
 font-size: 0.9em;
 font-family: Georgia, "Times New Roman", serif;
 font-style: italic;
 color: #333333;
 margin: 5px 0 5px 0px;
}
form input[type="file"]:hover {
 color: #dbe3e6;
}

form input[type="submit"] {
 width: 158px;
 height: 28px;
 border: none;
 font-size: 1em;
 font-family: Georgia, "Times New Roman", serif;
 text-align: center;
 font-style: italic;
 color: #ffffff;
 background: transparent url("../images/sprites/form-sprite.png") no-repeat 0px -143px;
 margin: 5px 0 0 100px;
}

form input[type="submit"]:hover {
 color: #dbe3e6;
}

form textarea,
form span textarea {
 width: 290px;
 height: 125px;
}

form label.required,
form span label.required {
 padding: 0 20px 0 0;
 background: transparent url("../images/sprites/form-sprite.png") no-repeat -206px 0px;
}

form p span.required {
 background: transparent url("../images/sprites/form-sprite.png") no-repeat -281px 0px;
 font-style: italic;
 padding: 0 0 0 25px;
}

div#zoeken form {
padding: 0px;
}


/*ticket frame*/
#overlaybg{ 
    background-image: url(/images/overlay.png);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

* html #overlaybg{
    background-color: #333;
    background-color: transparent;
    background-image: url(../images/blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src="/images/overlay.png", sizingMethod="scale");
}

		div#ticketframe-container {
			position: absolute;
			left: 50%;
			margin: 0px 0px 0px -400px;
			width: 800px;
			display: block;
			z-index: 90;
		}
		div#ticketframe {
			position: absolute;
			width: 800px;
			height: 600px;
			background: #FFFFFF;
		}
			div#ticketframe iframe {
				width: 780px;
				height: 540px;
				margin: 30px 10px 10px 10px;
    border:0px;
			}