/*********************************************************************************
 * Theaterzaken.com main CSS
 * Deze code is met veel plezier geschreven, getest en met trots opgeleverd 
 * door Aron Rotteveel van Vije Internetproducties
 *
 * Voor vragen kunt u contact opnemen per e-mail (aron@vije.nl) of per 
 * telefoon (074-2670144).
 *
 */
	/*******( GLOBALE DEFINITIES )*********************************************************/
body {
	overflow: -moz-scrollbars-vertical;
	background: #c1d72e;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #009ac9;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 150%;
}

img {
	vertical-align: middle;
	border: 0;
}

#content_box h1 {
	display: inline;
	line-height: 32pt;
	font-size: 32pt;
	font-weight: bold;
	color: #c1d72e;
	margin: 0;
	margin-right: 5px;
}

#content_box .contentTextSmall h1 {
	line-height: 22pt;
	font-size: 22pt;
}

.bmp #content_box h1,.bmp #content_box .title {
	color: #E60E63;
}

h2 {
	font-size: 13px;
	margin: 0;
	padding: 0;
}

a,a:hover {
	color: #009ac9;
	outline: none;
}

.bmp a.active {
	color: #e60e63 !important;
}

a:hover {
	color: #c1d72e;
}

.bmp a:hover {
	color: #e60e63 !important;
}

.bmp a:hover {
	color: #701471;
}

ul {
	list-style-type: none;
	padding: 0;
}

p {
	margin: 8px 0;
	padding: 0;
}

/*******( LAYOUT )*********************************************************************/
div#container {
	position: relative;
	width: 796px;
	margin: 0 auto;
	text-align: left;
}

div.pagetop {
	width: 796px;
	height: 10px;
	background: transparent url(/img/page/top.gif) no-repeat top left;
	z-index: 10;
}

.bmp div.pagetop {
	background: transparent url(/img/page/top_m.gif) no-repeat top left;
}

div.pagebottom {
	width: 796px;
	height: 10px;
	background: transparent url(/img/page/bottom.gif) no-repeat top left;
	z-index: 10;
}

.bmp div.pagebottom {
	background: transparent url(/img/page/bottom_m.gif) no-repeat top left;
}

div.pageTopRelative, div.pageBottomRelative {
	position: relative;
	}
	
div.pageBottomAbsolute {
	position: absolute;
	bottom: 0 !important;
	bottom: -5px; /* IE fix */
	left: 0; 
	}

div.pageTopAbsolute {
	position: absolute;
	top: 0 !important;
	left: 0;
}


div.blok {
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 4px;
	border: 1px solid transparent;
}

div.hover div.blok {
	border: 1px solid #555;
}

div.geel {
	background: #eae827;
}

div.groen {
	background: #c1d72e;
}

div.blauw {
	background: #009ac9;
}

div.magenta {
	background: #e60e63;
}

div.paars {
	background: #701471;
}

/** ( TOP ) **********************************/
div#top {
	position: relative;
	width: 796px;
	height: 230px;
	background: #fff url(/img/page/mid.gif) repeat-y top left;
	z-index: 1000;
	position: absolute;
	left: 0px;
	top: 0px;
}

.bmp div#top {
	background: #fff url(/img/page/mid_m.gif) repeat-y top left;
}

div#bottom {
	width: 796px;
	height: 230px;
	position: relative;
	background: #fff url(/img/page/mid.gif) repeat-y top left;
}

.bmp div#bottom {
	background: #fff url(/img/page/mid_m.gif) repeat-y top left;
}

div.logo {
	position: absolute;
	bottom: 35px;
	right: 45px;
	width: 233px;
	height: 163px;
	cursor: pointer;
	background: transparent url(/img/logo.gif) no-repeat top left;
}

.bmp div.logo {
	background: transparent url(/img/logo_m.gif) no-repeat top left;
}

div.styleSwitcher {
	position: absolute;
	bottom: 45px;
	left: 55px;
}

div.styleSwitcher div.bmpSwitch {
	cursor: pointer;
}

div.styleSwitcher div.ygbSwitch {
	cursor: pointer;
	margin-top: 5px;
}

/** ( MENU ) *********************************/
div.menu {
	position: absolute;
	bottom: 35px;
	right: 300px;
	height: 183px;
	width: 200px;
}

div.menu ul.menu,div.menu ul.submenu {
	position: absolute;
	bottom: 0;
	right: -12px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

div.menu ul.submenu {
	right: 100px;
	text-align: right;
	font-weight: normal;
	line-height: 120%;
	width: 160px;
}

div.menu ul.submenu_1 {
	bottom: 133px;
}

div.menu ul.submenu_2 {
	bottom: 49px;
}

div.menu ul.submenu_67 {
	bottom: 1px;
}
div.menu ul.submenu_69 {
	bottom: 1px;
}
div.menu ul.submenu_70 {
	bottom: 1px;
}

div.menu ul.menu li,div.menu ul.submenu li {
	margin: 4px 0 0 0;
}

div.menu ul.menu li a,div.menu ul.submenu li a {
	color: #009ac9;
	text-decoration: none;
}

div.menu ul.menu li a:hover,div.menu ul.submenu li a:hover {
	color: #c1d72e;
}

.bmp div#top div.menu ul.menu li a:hover,.bmp div#bottom div.menu ul.menu li a:hover,.bmp div#top div.menu ul.submenu li a:hover
	{
	color: #e60e63;
}

/** ( BLOCK ) ********************************/
a.block,a.i_block {
	text-decoration: none;
	color: #c1d72e !important;
	cursor: default;
	display: inline;
}

.bmp a.block,.bmp a.i_block {
	text-decoration: none;
	color: #e60e63 !important;
}

a.block.link,a.i_block.link {
	cursor: pointer;
}

div.block {
	font-family: courier;
	text-align: left;
	z-index: 500;
	background: white;
	width: 275px;
	position: absolute;
	display: none;
	border: 1px solid #c1d72e;
}

.bmp div.block {
	border: 1px solid #e60e63;
}

div.block_img {
	font-family: courier;
	text-align: left;
	z-index: 500;
	background: white;
	width: 587px;
	position: absolute;
	display: none;
	border: 1px solid #c1d72e;
	text-align: center;
}

div.block.big {
	width: 500px;
}

div.block p {
	margin: 8px;
}

/** ( CONTENT ) ******************************/
div.content {
	position: relative;
	background: #fff url(/img/page/mid.gif) repeat-y top left;
	padding-top: 108px;
	padding-bottom: 55px;
	z-index: 1;
	min-height: 842px;
	height: auto !important; /* IE HACK */
	height: 842px;
	width: 796px;
}

.bmp div.content {
	background: #fff url(/img/page/mid_m.gif) repeat-y top left;
}

div.content div.contentText {
	margin-left: 55px;
	font-size: 16pt;
	line-height: 26pt;
	width: 585px;
	letter-spacing: 1pt;
}

div.content div.contentText.full {
	width: auto;
}

div.content div.contentTextSmall {
	font-size: 12pt;
	line-height: 20pt;
}

div.content div.contentTextSmall img {
	
}

div.content div.contentText.wwb a {
	text-decoration: none;
}

div.content div.contentText span.title {
	font-size: 32pt;
}

div.content div.contentText span.notice {
	letter-spacing: 0;
	font-size: 19pt;
}

/*
div.content div.contentText.subText {
	font-size: 12pt;
	line-height: 20pt;
}

div.content div.contentText.subText span.title {
	font-size: 22pt;
}

div.content div.contentText.subText span.notice {
	font-size: 16pt;
}*/

div.content div.contentText p {
	margin-top: 0px;
}

div.content div.contentText strong {
	font-size: 24px;
	line-height: 20pt;
	letter-spacing: 0pt;
}

div.content div.contentTextSmall strong {
	font-size: 16pt;
}

div.content div.contentText .paragraph_spacer {
	line-height: 12px;
}

div.content div.contentTextSmall .paragraph_spacer {
	line-height: 12px;
}

div.content div.contentText ul {
	font-size: 10pt;
	line-height: 14pt;
}

div.content div.contentText ul li {
	
}

div.content div.contentPhotos {
	position: relative;
	padding-top: 75px;
	float: right;
	width: 250px;
}

#content_box h1.magda, #content_box h1.evelien {
	text-indent: -9000px;
	width: 372px;
	height: 225px;
	display: block;
	margin-bottom: 10px;
}

#content_box h1.magda {
	background: transparent url(/img/logo_magda.png) no-repeat top left;
}

.bmp #content_box h1.magda {
	background: transparent url(/img/logo_magda_m.gif) no-repeat top left;
}

#content_box h1.evelien {
	background: transparent url(/img/logo_evelien.png) no-repeat top left;
}

.bmp #content_box h1.evelien {
	background: transparent url(/img/logo_evelien_m.gif) no-repeat top left;
}

div.portfolio h2 {
	font-size: 12pt;
	font-weight: bold;
}

div.portfolio ul li {
	padding-left: 10px;
	font-size: 10pt;
	line-height: 14pt;
}

div.portfolio h2 {
	cursor: pointer;
}

div.portfolio ul li div {
	position: absolute;
	left: 400px;
	width: 230px;
}

p.quote {
	margin: 10px 0;
	font-size: 13px;
	font-style: italic;
	color: #c1d72e;
}

.bmp p.quote {
	color: #e60e63;
}

p.quote.large {
	font-size: 16px;
}

span.notice {
	font-weight: bold;
}

.bmp span.title {
	color: #e60e63;
}

/*
.wwz_text {
	float: left;
	width: 422px;
}
*/

div.content div.contentText.wwz {
	line-height: 17pt;
	letter-spacing: 1px;
}

.wwz_photo {
	position: relative;
	float: right;
	margin-bottom: 30px;
	margin-left: 16px; 
	margin-right: -100px;
	margin-top: 315px;
}

.wwz_photo {
	border: 2px solid #c1d72e;
}

.bmp .wwz_photo {
	border: 2px solid #e60e63;
}

/*
.content.wwz p.full {
	width: 600px;
}

.content.wwzp2 p.full {
	width: 580px;
}
*/

body.bmp {
	background: #e60e63;
}

/** ( PHOTOALBUM ) ***************************/
.photos {
	margin-top: 20px;
}

.photos .photo {
	float: left;
	margin: 4px;
}

/** ( FORMS ) ********************************/
label {
	width: 100px;
	height: 25px;
	float: left;
	font-weight: bold;
	margin-bottom: 10px;
}

input,textarea {
	width: 300px;
	border: 1px solid #c1d72e;
}

.bmp input,.bmp textarea {
	border: 1px solid #e60e63;
}

input.button {
	border: 0;
	background: transparent;
	text-align: right;
	color: #009ac9;
	font-weight: bold;
	padding: 0;
	outline: none;
	cursor: pointer;
}

textarea {
	height: 8em;
}

input {
	height: 25px;
}

form .errFld {
	border: 1px solid #F00;
}

form .errMsg {
	color: #CC3333;
	display: none;
}

/*******( MODIFIERS )******************************************************************/
div.spacer {
	clear: both;
}

div.divider {
	margin-top: 15px;
}

a.active {
	color: #c1d72e !important;
}

/******** Film box *****************************/
#spinner {
	width: 32px;
	height: 32px;
	position: absolute;
	left: 55px;
	top: 35px;
	background: url(/img/spinner.gif) no-repeat;
}

#film_box {
	position: absolute;
	left: 8px;
	top: 250px;
	width: 780px;
	color: #fff;
	border-top: 1px solid #fff;
}

.bmp #film_box {
	color: #fff;
}

#film_box_close {
	display: block;
	width: 15px;
	height: 16px;
	background: url(/img/filmbox/close.png) no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
}

.bmp #film_box_close {
	background: url(/img/filmbox/close_bmp.png) no-repeat;
}

#film_content {
	margin: 0 auto;
	width: 694px;
}

.film-overzicht .item {
	width: 100%;
	margin-top: 20px;
	cursor: pointer;
}

.film-overzicht .item-mouseover {
	background-color: #aec22b;
}

.bmp .film-overzicht .item-mouseover {
	background-color: #ed7c93;
}

.film-overzicht .thumbnail {
	background: url(/img/filmbox/thumbnail_overzicht.png) no-repeat;
	width: 162px;
	height: 120px;
	float: left;
}

.film-overzicht .thumbnail img {
	border: 0;
	margin-left: 12px;
	margin-top: 12px;
}

.film-overzicht .info {
	float: left;
	width: 475px;
	margin-top: 30px;
	margin-left: 20px;
}

.film-overzicht .info h2 {
	font-size: 20px;
	margin-bottom: 4px;
}

.film-overzicht .info p {
	margin: 0;
}

.film-overzicht hr {
	border: 0;
	padding: 0;
	height: 1px;
	border-bottom: 1px solid #fff;
}

.film-overzicht .info_small {
	margin-left: 12px;
	color: #fff;
	clear: both;
}

.film-overzicht .info_small h2 {
	margin-bottom: 0px;
}

.film-overzicht .info_small p {
	margin-top: 0px;
}

.moviedetail {
	margin-top: 30px;
	background-color: #d0ec4d;
	background-color: #aec22b;
}

.bmp .moviedetail {
	background-color: #ed7c93;
}

.moviedetail .movie_content {
	float: left;
	width: 490px;
}

.moviedetail .head {
	margin: 20px;
	font-size: 18px;
}

.moviedetail .head a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}

.moviedetail .inner {
	padding: 0px 20px 20px 20px;
}

.moviedetail .movie_content .text {
	margin-top: 20px;
}

.moviedetail .movie_content .text .titel {
	font-size: 18px;
}

.moviedetail .movie_sidebar {
	float: left;
	width: 185px;
}

.moviedetail .movie_sidebar .inner {
	border-left: 1px solid #fff;
	margin-bottom: 20px;
}

.film-overzicht .cats {
	padding-top: 5px;
}

.film-overzicht .cats .item {
	margin-top: 10px;
}

.film-overzicht .cats .item h2 {
	font-size: 16px;
}

a.quote-link, ul li a {
	text-decoration: none;
	color: #C1D72E;
}

.bmp a.quote-link, ul li a {
	color: #E60E63;
}




.contentText {
	position: relative;
}

.quote {
	background-color: #fff;
	position: absolute;
	border: 1px solid #C1D72E;
	font-size: 12px;
	line-height: 18px;
	font-family: courier;
}

.quote_inner {
	margin: 5px;
	color: #009AC9;
}

.quote img {
	display: block;
}

.bmp .quote {
	background-color: #fff;
	position: absolute;
	border: 1px solid #E60E63;
}

.bmp .film-overzicht .info_small {
	color: #fff;
}

.bmp .moviedetail .head a {
	color: #fff;
}

.logo_static {
	display: none;
}

.bmp .logo_static {
	display: none;
}

.logo_evelien {
	display: block;
}

.bmp .logo_evelien {
	display: none;
}

.logo_magda {
	display: none;
}

.bmp .logo_magda {
	display: block;
}

body.filmbox_visible .logo_static {
	display: block;
}

.bmp body.filmbox_visible .logo_static {
	display: block;
}

body.filmbox_visible .logo_evelien {
	display: none;
}

.bmp body.filmbox_visible .logo_evelien {
	display: none;
}

body.filmbox_visible .logo_magda {
	display: none;
}

.bmp body.filmbox_visible .logo_magda {
	display: none;
}

/*******( Outline fix )***********/
a {
	outline: none;
}

:focus {
	-moz-outline-style: none;
}