/**
 * #04bfa7
 */

/* -- generic -- */

#headerLogo {
	width: 325px;
	height: 56px;
	position: relative;
}
#logoAnchor {
	display: block;
	width: 196px;
	height: 100%;
	overflow: visible;
	position: relative;
	top: 18px;
}
#logoAnchor .logo {
	position: static;
}

#RSAnchor {
	display: block;
	width: 108px;
	height: 28px;
	position: absolute;
	right: 0px;
	bottom: -16px;
	background: transparent url(/images/PH/rs_logo-hover.png) no-repeat 145px 39px;
	text-indent: -999999px;
	overflow: hidden;
}

#RSAnchor:focus, #RSAnchor:hover, #RSAnchor:active {
	background-position: 0 0;
}

body.sc-PH #mainMenu 								{ position: relative; float: left; left: 0px; top: 60px; width: 660px; clear: both; margin-left: 0px; padding-top: 0px; }
body.sc-PH #menu .menuItem							{ float: left; overflow: hidden;}
body.sc-PH #menu .menuItem a						{ background-image: url(/images/PH/menu.png); height: 25px; margin-right: 5px; display: block; text-indent: -9999999px; }

body.sc-PH #menu .menuItem a.menuhome				{ background-position: 0 -2px; width: 73px!important; } /* important so i don't have to set it for the hover state */
body.sc-PH #menu .menuItem a.menuhome:focus,
body.sc-PH #menu .menuItem a.menuhome:hover,
body.sc-PH #menu .menuItem a.menuhome:active		{ background-position: 0px -30px; }
body.sc-PH #menu .menuItemActive a.menuhome			{ background-position: 0px -58px!important; }

body.sc-PH #menu .menuItem a.menuproducties			{ background-position: -73px -2px; width: 137px!important; }
body.sc-PH #menu .menuItem a.menuproducties:focus,
body.sc-PH #menu .menuItem a.menuproducties:hover,
body.sc-PH #menu .menuItem a.menuproducties:active	{ background-position: -73px -30px; }
body.sc-PH #menu .menuItemActive a.menuproducties	{ background-position: -73px -58px!important; }

body.sc-PH #menu .menuItem a.menumakers				{ background-position: -210px -2px; width: 97px!important; }
body.sc-PH #menu .menuItem a.menumakers:focus,
body.sc-PH #menu .menuItem a.menumakers:hover,
body.sc-PH #menu .menuItem a.menumakers:active		{ background-position: -210px -30px; }
body.sc-PH #menu .menuItemActive a.menumakers		{ background-position: -210px -58px!important; }

body.sc-PH #menu .menuItem a.menuinformatie			{ background-position: -307px -2px; width: 130px!important; }
body.sc-PH #menu .menuItem a.menuinformatie:focus,
body.sc-PH #menu .menuItem a.menuinformatie:hover,
body.sc-PH #menu .menuItem a.menuinformatie:active	{ background-position: -307px -30px;  }
body.sc-PH #menu .menuItemActive a.menuinformatie	{ background-position: -307px -58px!important; }

body.sc-PH #menu .menuItem a.menubackstage			{ background-position: -437px -2px; width: 132px!important; }
body.sc-PH #menu .menuItem a.menubackstage:focus,
body.sc-PH #menu .menuItem a.menubackstage:hover,
body.sc-PH #menu .menuItem a.menubackstage:active	{ background-position: -437px -30px;  }
body.sc-PH #menu .menuItemActive a.menubackstage	{ background-position: -437px -58px!important; }

/* -- imgBtn extra's bij producties -- */
.showBlock-wrapper			{ min-height: 80px; position: relative;}
.imgBtn-Productions         { position: absolute; bottom: 5px; right: 5px;  }
.imgBtn-Productions span	{ background: url(/images/PH/btn_bg_ph.gif) repeat-x 0 0; border: 1px solid #adb9c2; width: 119px; height: 19px; color: #fff!important; line-height: 1.5em; text-align: center; }
.imgBtnRed-Productions      { position: absolute; bottom: 40px; right: 5px;  }
.imgBtnRed-Productions a		{ background: url(/images/PH/btn_bg_red_ph.gif) repeat-x 0 0; border: 1px solid #adb9c2; width: 119px; height: 19px; color: #fff!important; line-height: 1.5em; text-align: center; }
.imgBtnRed-Productions a:hover 	{ background: url(/images/PH/btn_bg_red_hover_ph.gif) repeat-x 0 0; border: 1px solid #adb9c2; width: 119px; height: 19px; color: #fff!important; line-height: 1.5em; text-align: center; }




/* -- home -- */

#IK_programma .block-item {
	padding-top: 5px;
}
#IK_programma .contentBlock {
	width: 218px;
	padding: 0;
	left: 3px;
	background: #04bfa7 url(/images/IK/striped-colored-bg.gif) repeat-x 0 0;
}

#IK_programma h2 { color: #fff; }

#IK_programma .contentBlock #filter {
	padding: 5px;
}

#IK_programma #maandForm label {
	color: #fff;
	font-weight: bold;
	}
#IK_programma #maandForm select {
	width: 100%;
}


.laySubColumn #PH_topright {
	}
	.laySubColumn #PH_topright h2 {
		position: absolute; top: -99999px;
	}
	.laySubColumn #PH_topright .opacityBlock {
		background: #ed1c24 url(/images/PH/bannerlogo.png) no-repeat 50% 10px;
	}
	.laySubColumn #PH_topright .bannerBlock {
		background: transparent;
		height: 227px;
	}
	.laySubColumn #PH_topright .bannerBlock ul {
		position: absolute;
		bottom: 10px;
		left: 10px;
		z-index: 1;
	}
	.laySubColumn #PH_topright .bannerBlock ul a {
		background-position:0 -166px;
		color: #ffffff;
}

#submenu a {
	dispslay: block;
}
#submenu .menuItem span {
	font-weight: normal;
	padding-left: 10px;
}

.productiesChoice a.active { color: #ed1c24!important; }



/* -- programma -- */
.error h4				{ background: url(/images/PH/error_PH.gif) no-repeat;}

.thema-rood #kalenderTable .highlighted a { color: #000!important; }
.thema-rood #kalenderTable .highlighted a:hover { color: #fff!important; }



/* -- archive searchbox -- */
#searchArchive p {
	margin-bottom: 1em;
}
#searchArchive form.autoSelect input { display: none; }



.titleBlock form {
	line-height: 1.0;
}
.titleBlock form div {
	margin: 0;
}

.show-artist,
.show-titel						{ width: 75%}
.productiesChoice				{ margin-top: 14px; }
.show-eigenschappen				{ float: left; width: 100%; }
.show-eigenschappen .active		{ color: #9f9f9f;}
.show-eigenschappen .inactive	{ display: none; }
.makersAbc						{ position: relative; }
.makersAbc .h2					{ margin-bottom: 14px!important; }
.makersAbc .filter-artiest		{ margin-bottom: 14px; }
.makersAbc .boldLink			{ font-weight: bold; }
.makersContent					{ margin-bottom: 1em;}
.meerTextbtn					{ font-weight: bold; padding-top: 1em; display: none;}
.show-overview .show-btn		{ width: auto;}

.jsOmchrijvingMaker 			{ overflow: hidden;}

#bodySearch .show-eigenschappen	{ display: none; }




/* -- generic -- */

.laySubColumn .block-item label {
	margin-bottom: 0.6em;
}

.portlet #archiefForm {
	margin-top: 0.6em;
}