/**
 * #ee0820
 */

/* -- generic -- */

#headerLogo {
	width: 299px;
	height: 57px;
	position: relative;
}
#logoAnchor {
	display: block;
	width: 133px;
	height: 100%;
	overflow: visible;
	position: relative;
	top: 18px;	
}
#logoAnchor .logo {
	position: static;
}


#RSAnchor {
	display: block;
	width: 144px;
	height: 38px;
	position: absolute;
	right: 2px;
	bottom: -16px;
	background: transparent url(/images/IK/ik_logo-hover.png) no-repeat 145px 39px;
	text-indent: -999999px;
	overflow: hidden;
}

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

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

body.sc-IK #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-IK #menu .menuItem a.menuhome:focus,
body.sc-IK #menu .menuItem a.menuhome:hover,
body.sc-IK #menu .menuItem a.menuhome:active		{ background-position: 0px -30px; }
body.sc-IK #menu .menuItemActive a.menuhome			{ background-position: 0px -58px!important; }

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

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


/* -- home filter/calender-- */

#IK_programma.block-item {
	padding-top: 0px;
}
.IKbg {
	width: 218px;
	padding: 0!important;
	left: 3px;
	background: #ee0820 url(/images/IK/striped-colored-bg.gif) repeat-x 0 0;
}
.IKbg h2 			{
	padding: 10px 5px 0px 10px;
}
.IKbg form 			{
	padding: 0 5px 8px 10px; color: #fff;
}

.IKinfoText {
	padding: 10px;
	color: #fff; 
}

#IK_programma .contentBlock-small {
	padding:3px 10px 9px 3px;
}

#IK_programma h2 	{
	color: #fff;
}
.IKnoscreen 		{
	display: none;
}
#filter #maandForm label {
	fdont-weight: bold;
	}
	#IK_programma .contentBlock #maandForm label {
		color: #fff;
	}
	
#filter #maandForm select {
	width: 195px;
}

#slideshowItem .show-time a, #slideshowItem .show-time a:hover {
	color: #ee0820;
}
#slideshowItem .show-time	{ font: bold 1.55em/1em helvetica; color: #ee0820; }
#slideshowItem .show-titel	{ font: bold 2em/1em helvetica; color: #fff; }
#slideshowItem .show-artist	{ font: bold 1.55em/1em helvetica; color: #fff; }

#slideshowItem .show-titel a, 	
#slideshowItem .show-time a, 	
#slideshowItem .show-artist	a { font-size: 1em; }	

#IK_programma .filterItem {
	margin: 10px;
	width: 201px;
}
.IKpadding {
	margin: 0 0 10px 10px;
}
.timeStrong {
	font-weight: bold; 
}

#formNieuwsMaandSelector { padding:0 0 0 10px; }

/* ie7 fix */
#main #ik_dagForm label 	{ width: auto; } /* kies een dag bij programma overule #main form label*/
#main #ik_dagForm select 	{ height: 23px; } /* kies een dag bij programma overule  select */

/* -- programma -- */

select#maandForm-maand	{ height: 19px; padding: 0px; }
.error h4				{ background: url(/images/IK/error_IK.gif) no-repeat;}

/* - autoSelect - */
#filter form.autoSelect input.submit,
#bodyProgramma #main form.autoSelect input.submit { display: none; }


.laySubColumn #IK_topright {
	}
	.laySubColumn #IK_topright h2 {
		position: absolute; top: -99999px;
	}
	.laySubColumn #IK_topright .opacityBlock {
		background: #ee0820 url(/images/IK/bannerlogo.png) no-repeat 50% 10px;
	}
	.laySubColumn #IK_topright .bannerBlock {
		background: transparent;
		height: 227px;
	}
	.laySubColumn #IK_topright .bannerBlock ul {
		position: absolute;
		bottom: 10px;
		left: 10px;
		z-index: 1;
	}
	.laySubColumn #IK_topright .bannerBlock ul a {
		background-position:0 -166px;
		color: #ffffff;
	}
	.laySubColumn #IK_topright .bannerBlock ul a:focus,
	.laySubColumn #IK_topright .bannerBlock ul a:hover,
	.laySubColumn #IK_topright .bannerBlock ul a:active {
		text-decoration: underline;
}



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


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


/* -- programma -- */
#bodyProgramma #main #maandForm label {
	width: auto;
	white-space: nowrap;
	font-weight: bold;
}

/* -- generic -- */

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

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