body {
	font-family:verdana, sans-serif;
	font-size:11px;
	color:#000;
	background-color:#F1F1F1;
}

.Container {
	width:1020px;
	margin:auto;
}

.LeftColumn {
	width:490px;
	float:left;
	background-image:url('../siteimg/headerPlayer.gif');
	background-repeat:no-repeat;
	margin-right:5px;
}

.HomeLink {
	display:block;
	width:100%;
	height:44px;
}
.Player {
	width:100%;
	height:275px;
	background-color:#fff;
	margin-bottom:5px;
}
/* In view when viewing 1 item (from mail link)
 * text: 'bekijk meer agendaitems' */
.HomeHeader {
	height:15px;
	text-align:center;
	background-color:#d10b27;
	padding:10px;
	border-bottom:3px solid #fff;
}

.HomeHeader a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
}
.HomeHeader a:hover {
	color:#999;
}
.Items {
	width:100%;
	/*height:680px;*/
	background-color:#fff;
}

.Paging {
	margin-left:5px;
	width:485px;
	height:20px;
	background-color:#fff;
}

.PrevLink a,
.NextLink a,
.PageNumbers a {
	text-decoration:none;
	color:#666;
	letter-spacing:0.2px;
}

.CurrentPage a {
	font-weight:bold;
	color:#d10b27;
}

.PrevLink,
.NextLink {
	width:20%;
	float:left;
}

.NextLink {
	text-align:right;
}

.PageNumbers {
	width:60%;
	float:left;
	text-align:center;
}

.RightColumn {
	width:510px;
	float:left;
}

.Search,
.Newsletter {
	width:237px;/*267 minus 2x15 padding */
	min-height:223px;/*280 minus 44px and 15px padding*/
	background-color:#fff;
	background-image:url('../siteimg/headerSearch.gif');
	background-repeat:no-repeat;
	padding:30px 15px 15px 15px;
	float:left;
	margin-right:5px;
	font-size:11px;
	line-height:140%;
	margin-bottom:5px;
}

.Newsletter {
	width:182px;/*212 minus 2x15 padding */
	background-image:url('../siteimg/headerNewsletter.gif');
}

.Search {
	min-height:252px;
}
/* IE7 sucks with padding */
*+html .Search,
*+html .Newsletter {
	padding:40px 15px 0px 15px;
}
*+html .Search {
	height:278px;
}
/*IE6 sucks with padding as well*/
*html .Search,
*html .Newsletter {
	padding-top:40px;
}
*html .Search {
	height:278px;
}
.SearchForm,
.NewsletterForm {
	background-color:#F7F7F7;
	padding:0px 5px 5px 5px;
}
/* To line the bottom out with the newsletter form*/
.SearchForm {
	margin-top:33px;
}
/*IE6 is just a bitch with margin...*/
* html .SearchForm {
	margin-top:40px;
}
/* IE7 sucks as well*/
*+html .SearchForm {
	margin-top:40px;
}
.SearchForm input,
.SearchForm select,
.NewsletterForm input {
	border:1px solid #e6e6e6;
}

.SearchForm *,
.NewsletterForm * {
	margin-top:5px;
	color:#666;
}

.SearchForm .Field_searchterm input,
.NewsletterForm .Field_email input {
	width:98%;
	color:#999;
}

.SearchForm .Field_period {
	width:67%;
	float:left;
}

.SearchForm select {
	width:98%;
}
.DateInterface {
	float:left;
	width:33%;
	margin-top:8px;
}

.DateInput input {
	font-size:10px;
	width:75px;
	height:11px;
	padding:0px;
	border:0px;
	margin:0px;
	background-color:transparent;
}

.CalendarIcon {
	margin:0px;
	cursor:pointer;
	float:left;
}
div.SubmitButton {
	text-align:right;
}

input.SubmitButton {
	background-color:#d10b27;
	color:#fff;
	border:0px;
	padding-bottom:2px;
	cursor:pointer;
	font-size:12px;
	text-align:center;
	font-weight:bold;
}
input.SubmitButton:hover {
	color:#999;
}

.SearchForm input.SubmitButton {
	width:60px;
}
.NewsletterForm input.SubmitButton {
	width:98px;
}

/* Searchterm input field should be below the label */
.Field_searchterm label {
	display:block;
	clear:left;
}

.Field_interval br {
	display:none;
}

.FormError {
	color:#d10b27;
}

.Map {
	width:510px;/* Extra width for protrusion of flash map*/
	clear:both;
	background-image:url('../siteimg/headerMap.gif');/* Full size img because of IE6 stretching of container...*/
	background-repeat:no-repeat;
	padding-top:43px;
	height:200px;
}

.Map p {
	width:120px;
	float:left;
	margin-left:18px;
	font-size:11px;
	/* Disable IE6 double margin bug*/
	display:inline;
}

.Map .MapReplacement,
#Mapswf {
	float:left;
	margin-left:15px;
}

.Map #kaartImage {
	border:0px;
}
/*** Banner link ***************/
.Banner {
	width:485px;
	height:60px;
	margin-top:5px;
	text-align:center;
}

.Banner a {
	display:block;
	width:100%;
	height:100%;
	background-image:url('../siteimg/butBanner.jpg');
	background-repeat:no-repeat;
	background-position:center;
}

.Banner a:hover {
	background-image:url('../siteimg/bhlBanner.jpg');
}

/**** Search header *******************/
.SearchHeader {
	height:84px;
}

.SearchResults {
	color:#d10b27;
	text-align:center;
	float:left;
	width:104px;/*width of image incl padding*/
	margin-right:5px;
	font-size:12px;
	height:100%;
}

.SearchFeedback,
.SearchHint {
	float:left;
	color:#fff;
	background-color:#d10b27;
	height:70%;
	font-size:12px;
	padding:2px;
}

.SearchFeedback {
	font-weight:bold;
}
.SearchWordsText {
	font-size: 17px;
	font-style:italic;
	padding:2px;
	font-weight:normal;
}
.SearchHint {
	font-size:10px;
	text-align:center;
	height:20%;
	letter-spacing:0.2px;
}
.SearchFeedback,
.SearchHint {
	width:331px;/*365 minus 25 for the plus/minus minus some spacing of 5px*/
}
.SearchColor {
	float:right;
	width:28px;/*24 width plus the 4px side padding of the plus/minus buttons*/
	background-color:#d10b27;
	height:100%;
	margin-right:3px;
}
.SearchColorHaven { background-color:#258ce2;}
.SearchColorStadCentrum { background-color:#d0006c;}
.SearchColorHout { background-color:#562c1a;}
.SearchColorPoort { background-color:#efa02d;}
.SearchColorBuiten { background-color:#5cac37;}
.SearchColorStadWest { background-color:#a0055d;}
.SearchColorStadOost { background-color:#ff31a7;}
/**** The items - general *************/
.Item,
.SearchHeader {
	width:477px;/*490px minus 2x5px padding minus 3px margin of leftcolumn*/
	padding:0px 5px 0px 8px;
	clear:both;
	background-repeat:repeat-y;
	overflow:hidden;
	border-bottom:3px solid #f2f2f2;
	background-color:#fff; /*Since .Items does not expand (FF), bg will be grey of bottom expanded items unless we do this*/
}

.ItemImage {
	width:104px;
	height:80px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	cursor:pointer;
}

.ItemTitle {
	width:365px;/*480 minus 110 +5 marge image*/
	/*float:left;*/
	font-size:14px;
	cursor:pointer;
	overflow:hidden;
	letter-spacing:0.2px;
}

.ItemTitle .Title {
	width:335px;/*365 minus 25 for the plus/minus minus some spacing of 5px*/
}

.PlusButton,
.MinusButton span {
	float:right;
	text-align:center;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	margin-top:2px;
	padding:0px 2px 2px 2px;
	width:24px;
	height:14px;/*16px minus 2px padding*/
}

.MinusButton span {
	margin-right:3px;
	cursor:pointer;
	margin-bottom:5px;
	clear:left;
}
/*IE6 fucks up the margin but display:inline doesn't seem to work */
* html .MinusButton span {
	margin-right:0px;
}
.ItemDate {
	font-size:14px;
	font-style:italic;
	color:#666;
}

.ItemText {
	padding:5px;
	font-size:12px;
}

.InlineItemImage {
	display:block;
	width:100%;
	text-align:center;
	margin:5px 0px;
}

.Item .VideoPlayer {
	height:240px;
	width:100%;
	text-align:center;
}
.VideoThumbContainer {
	padding:5px;
}
.VideoLink {
	width:47%;
	margin:5px;
	float:left;
}
.VideoThumb {
	width:70px;
	height:50px;
	float:left;
	margin-right:5px;
}

.VideoLink a,
.VideoLink a:visited {
	text-decoration:none;
}
.VideoLink a:hover,
.VideoLink a:visited:hover {
	font-weight:bold;
}

a:hover .VideoThumb {
	border-color:#999;
}

.Downloads {
	margin-left:5px;
}

.Item a:hover,
.Item a:visited:hover {
	font-weight:bold;
}
/** Items of Almere StadCentrum **************/
.ItemStadCentrum {
	background-image:url('../siteimg/stripePink.gif');
}

.ItemStadCentrum .PlusButton,
.ItemStadCentrum .MinusButton span {
	background-color:#d0006c;
}

.ItemStadCentrum .ItemTitle,
.ItemStadCentrum a,
.ItemStadCentrum a:visited {
	color:#d0006c;
}
.ItemStadCentrum .VideoThumb {
	border-color:#d0006c;
}
/** Items of Almere StadWest **************/
.ItemStadWest {
	background-image:url('../siteimg/stripePinkWest.gif');
}

.ItemStadWest .PlusButton,
.ItemStadWest .MinusButton span {
	background-color:#a0055d;
}

.ItemStadWest .ItemTitle,
.ItemStadWest a,
.ItemStadWest a:visited {
	color:#a0055d;
}
.ItemStadWest .VideoThumb {
	border-color:#a0055d;
}
/** Items of Almere StadOost **************/
.ItemStadOost {
	background-image:url('../siteimg/stripePinkOost.gif');
}

.ItemStadOost .PlusButton,
.ItemStadOost .MinusButton span {
	background-color:#ff31a7;
}

.ItemStadOost .ItemTitle,
.ItemStadOost a,
.ItemStadOost a:visited {
	color:#ff31a7;
}
.ItemStadOost .VideoThumb {
	border-color:#ff31a7;
}
/** Items of Almere Buiten **************/
.ItemBuiten {
	background-image:url('../siteimg/stripeGreen.gif');
}

.ItemBuiten .PlusButton,
.ItemBuiten .MinusButton span {
	background-color:#5cac37;
}

.ItemBuiten .ItemTitle,
.ItemBuiten a,
.ItemBuiten a:visited {
	color:#5cac37;
}
.ItemBuiten .VideoThumb {
	border-color:#5cac37;
}
/** Items of Almere Hout **************/
.ItemHout {
	background-image:url('../siteimg/stripeBrown.gif');
}

.ItemHout .PlusButton,
.ItemHout .MinusButton span {
	background-color:#562c1a;
}

.ItemHout .ItemTitle,
.ItemHout a,
.ItemHout a:visited {
	color:#562c1a;
}
.ItemHout .VideoThumb {
	border-color:#562c1a;
}
/** Items of Almere Haven **************/
.ItemHaven {
	background-image:url('../siteimg/stripeBlue.gif');
}

.ItemHaven .PlusButton,
.ItemHaven .MinusButton span {
	background-color:#258ce2;
}

.ItemHaven .ItemTitle,
.ItemHaven a,
.ItemHaven a:visited {
	color:#258ce2;
}
.ItemHaven .VideoThumb {
	border-color:#258ce2;
}
/** Items of Almere Poort **************/
.ItemPoort {
	background-image:url('../siteimg/stripeOrange.gif');
}

.ItemPoort .PlusButton,
.ItemPoort .MinusButton span {
	background-color:#efa02d;
}

.ItemPoort .ItemTitle,
.ItemPoort a,
.ItemPoort a:visited {
	color:#efa02d;
}

.ItemPoort .VideoThumb {
	border-color:#efa02d;
}

/*****************************************************************
 *                  Sollicitatie
 *****************************************************************/

.Sollicitatie {
	padding:20px;
	background-color:#fff;
	color:#333;
}

.Sollicitatie h1 {
	font-size:14px;
}

.Sollicitatie p {
	width:510px;
}
.Sollicitatie .ContactInfo {
	float:right;
}

.Sollicitatie a {
	color:#d10b27;
}

.Sollicitatie .Message {
	color:#d10b27;
	font-weight:bold;
}
.Sollicitatie form,
.AppTable {
	width:500px;
}
.Sollicitatie input {
	width:200px;
}

.Sollicitatie select {
	width:205px;
}
.Sollicitatie input.SendButton {
	background-color:#d10b27;
	color:#fff;
	border:0px;
	float:right;
	cursor:pointer;
	width:100px;
}

.Sollicitatie input.SendButton:hover {
	color:#333;
}

.Sollicitatie td.Desc {
	width:200px;
	vertical-align:top;
}
.Sollicitatie textarea {
	width:300px;
	height:150px;
}

.Sollicitatie fieldset {
	border:0px;
	margin:0px;
	padding:0px;
}

.Sollicitatie fieldset div {
	margin-left:200px;
}
.Sollicitatie fieldset legend {
	color:#333;
	padding:0px;
	margin:0px;
	width:200px;
}
.Sollicitatie fieldset label {
	width:177px;
	display:block;
	float:left;
}

.Sollicitatie fieldset input {
	width:auto;
	display:block;
	float:left;
	margin-bottom:5px;
}