/*
 * General layout
 */
 
 /*********************
  * A few 'defines' for easy searching
  * backgound color of content blocks: #F4F4F4
  * blue for lines above content blocks: #218DE4 (8px)
  *********************/

 /* Include this so it's available everywhere but does not clutter this file */
 @import "colors.css";

body, html {
	margin: 0;
	width: 100%;
	height: 100%;
	background-color:#fff;
	color:#333;
	font-size: 11px;
	font-family: verdana, sans-serif;
}

h1 {
	font-size: 18px;
	color:#999;
	font-weight:bold;
	font-family: arial, verdana, sans-serif;
}

h2 {
	font-size: 14px;
	font-family: arial, verdana, sans-serif;
}

h3 {
	font-size: 12px;
	font-family:arial, verdana, sans-serif;
	margin:0px;
}

.Caption {
	font-size:12px;
	font-style:italic;
}

a {
	color:#333;
}

a:link:hover, a:visited:hover {
	color:#999999;
	text-decoration:none;
}

.Messages {
	color: #f00;
	background-color: #fff;
	font-weight:bold;
}

.OuterContainer {
	height: 100%;
	width: 100%;

	/* Ensure we will always be at least as big as our content, so the
	 * background still lines up */
	min-width: 944px; 

	background-repeat: no-repeat;
	background-position: top center;
	/* Establish a new containing block so we can absolutely position
	 * .InnerContainer */
	position: relative;
}

/* Because .InnerContainer is absolutely positioned, and IE6 doesn't do
 * .OuterContainer's min-width and min-height properties, we use an
 * extra, empty, container of the same size of .InnerContainer. IE6 will
 * stretch up .OuterContainer to make .MinSizeContainer fit in. */
.MinSizeContainer {
	width: 944px;
}

.InnerContainer {
	width: 944px;
	/* Position ourselves halfway on the page */
	position: absolute;
	top: 0%;
	left: 50%;
	/* Then move half our size back, to effectively get centered */
	margin-left: -472px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *               HEADER STUFF                                  *
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.Header {
	background-image:url('../../../html-req/almerehaven/images/header.jpg');
	background-repeat:no-repeat;
	background-position:0px 33px;
	width:100%;
	height:128px;
}

/*link to home*/
.HomeHeaderLink {
	display:block;
	width:715px;/* not full width because it may not cover the map image */
	height:95px;
	float:left;
}

/*********************** top bar *******************************/
.UserStatusBar {
	width:706px;
	height:17px;
	float:left;
	margin-top:8px;
	margin-bottom:8px;
}
/* IE6 is being a bitch about something, so hide it */
*html .UserStatusBar {
	overflow:hidden;
}
/************************ login form ***************************/

/* Display login form on one line */
.NormalPage div.LoginForm {
	height:100%;
	float:right;
	/*margin-right:5px;*/
	text-align:right;
	font-size:10px;
	color:#999999;
}

/*for IE6*/
* html .NormalPage div.LoginForm {
	overflow:hidden;
}

.NormalPage div.LoginForm * {
	color:#999999;
}
/* Don't show a login form inside the Content (like with loginpage)
   Because that breaks the layout. */
.NormalPage .Content div.LoginForm {
	display:none;
}

.NormalPage div.LoginForm br {
	display: none;
}

.NormalPage .FormLogin label {
	display:none;
}

.NormalPage div.LoginForm div.Username input,
.NormalPage div.LoginForm div.Password input {
	width:102px;
	height:13px;
	font-size:9px;
	vertical-align:top;
	border:1px solid #919191;
	margin-right:3px;
	padding-left:3px;
	padding-top:2px;
	background-color:transparent;
}

.NormalPage div.LoginForm div.Username,
.NormalPage div.LoginForm div.Password,
.NormalPage div.LoginForm div.DoLogin {
	display:inline;
}

.NormalPage div.LoginForm input.DoLogin {
	width:70px;
	height:17px;
	background-image:url('../../../html-req/almereportalen/images/butLogin.gif');
	background-repeat:no-repeat;
	/*margin-top:2px;*/
	margin-bottom:0px;
}

/* Does not work in IE6*/
.NormalPage div.LoginForm input.DoLogin:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlLogin.gif');
}

.LoggedIn {	
	text-align:right;
	margin-right:5px;
	width:400px;
	font-size:11px;
	height:17px;
	float:right;
}

.LoggedIn * {
	color:#919191;
	float:right;
}

.LoggedIn a.Logout {
	display:block;
	margin-left:8px;
	width:70px;
	height:17px;
	background-image:url('../../../html-req/almereportalen/images/butLogout.gif');
	background-repeat:no-repeat;
}

.LoggedIn a.Logout:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlLogout.gif');
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *                    Buttons top right                        *
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.TopLinks {
	height:100%;
	/*width:295px;*/
	text-align:left;
	float:left;
	color:#999;/*for the pipes*/
	padding-top:2px;
}

.TopLinksLoggedIn {
	float:right;
	height:107px;
	width:130px;
	padding-top:0px;
}
/*when logged in*/
.ServicepageLink {
	display:block;
	float:left;
	width: 124px;
	height:17px;
	background-image:url('../../../html-req/almereportalen/images/butServicepagina.gif');
	background-repeat:no-repeat;	
}
/* IE6 hack */
*html .ServicepageLink {
	float:none;
}/*IE7 hack*/
*+html .ServicepageLink {
	float:none;
}
.ServicepageLink:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlServicepagina.gif');
}
.ServicepageLink span {
	display:none;
}
span.TopLink {
	margin:0px 2px;
}

span.TopLinkLeft {
	margin-left:0px;
}

.TopLink a,
.TopLink a:visited {
	text-decoration:none;
	color:#999;
}

.TopLink a:hover,
.TopLink a:visited:hover {
	text-decoration:underline;
}

/************ Search field *********************************************/

div.SearchField {
	width:161px;
	height:100%;
	text-align:right;
	float:right;
}
/*for IE6*/
* html div.SearchField {
	overflow:hidden;
}
.SearchField form#frmSearch {
	height:100%;
}
.Field_srch_str label {
	display:none;
}
.SearchField form .Field_srch_str input {
	width:100px;
	margin-right:4px;/*somehow there's already 4px extra in the container of this field...*/
	height:14px;
	border:1px solid #999999;
	vertical-align:top;
	color:#999999;
}

.SearchField input.SearchButton {
	margin-top:0px;
	width:46px;
	height:17px;
	background-image:url('../../../html-req/almereportalen/images/butZoek.gif');
	background-repeat:no-repeat;
}
/* IE does not support this, but FF does */
.SearchField input.SearchButton:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlZoek.gif');
}

/************************ flash navigation map *****************************/
.NavigationMap {
	width:238px;
	height:145px;
	float:right;
	margin-top:-118px;
}

.NavigationMap img {
	border:0px;
}

/************** Image blocks ***********************************************/
.Pictures {
	width:90%;
	clear:both;
}

.Pictures .Image {
	clear:left;
	margin-top:10px;
}
/* Hide the br that separates img and caption*/
.Pictures .Image br {
	display:none;
}
/* But do show the br inside the caption */
.Pictures .Image .Caption br {
	display:inline;
}
.Pictures .Image img {
	float:left;
	margin-right:10px;
	background-color:#ccc;
	margin-top:10px;
}
/***************************** Content *************************************/
/*
 * Content
 */
.Content {
	/* Put it below the menu */
	clear:left;
	overflow:hidden;/* new blocklevel element so it sizes with it's floating content and footer will come below */
}

.ThreeFourth .Content {
	width:703px;/*not 706 'cause IE6 has 3px extra for some reason */
}
.CmsItem h1 {
	margin:0px;
	height:22px;
}

.Child .Title {
	display:inline;
}

.Children a .Title {
	/*color:#000;*/
	text-decoration:underline;	
}

.Children a:hover .Title {
	text-decoration:none;
}

/* Text that explains that the item is not public yet */
body * .NotPublicNotice {
	font-style:italic;
	font-size:12px;
	color:#F04300;
	margin-bottom:5px;
}

/* The div around the videothumbnails. */
.CmsItem .VideoLinks,
.CmsItem .VideomixLinks {
	clear:both;
}

.CmsItem .VideoLinks h2,
.CmsItem .VideomixLinks h2 {
	margin-bottom:2px;
	padding-top:10px;
}

/* Videothumbnails */
.VideoThumbnail,
.PictureThumbnail {
	float:left;
	width:45%;
	margin:5px 5px 0px 5px;
}

/* On home they're smaller */
.Home .Item .VideoThumbnail {
	float:left;
	width:24%;
	margin:5px 5px 0px 5px;
}

/* The Videothumbnail images itself */
.VideoThumbnail img,
.PictureThumbnail img,
.Home .Item .VideoThumbnail img,
.Reaction a img {
	float:left;
	margin-right:10px;
}

/* Link next to Videothumbnails */
.VideoThumbnail a,
.PictureThumbnail a,
.Home .Item .VideoThumbnail a {
	text-decoration:none;	
}

/* Link next to Videothumbnails */
.VideoThumbnail a:hover,
.PictureThumbnail a:hover,
.SearchVideoThumb a:hover,
.SearchPictureThumb a:hover {
	color:#218DE4;	
}

/* Border around Videothumbnails */
.VideoThumbnail a img,
.PictureThumbnail a img,
.SearchVideoThumb img,
.SearchPictureThumb img,
.Reaction img {
	border:1px solid #fff;;
}

/* Border around Videothumbnails */
.VideoThumbnail a:hover img,
.PictureThumbnail a:hover img,
.SearchVideoThumb a:hover img,
.SearchPictureThumb a:hover img {
	border:1px solid #218DE4;
}

/* Overwrite global.css because the thumbs are wider now
 * width 60% wouldn't fit and float is not necessary because
 * thumb is already floating. */
.VideoThumbnail .VideoViewCount,
.VideoThumbnail .VideoReactionCount,
.VideoThumbnail .VideoVoteCount,
.VideoThumbnail .VideoVoteScore {
    float:none;
    width:auto;
}

/* Reactions below player */
.VideoPlayerReactionContainer .ReactionsTitle {
	border-bottom:8px solid #fff;
}

/* All images in pages */
/* ATTENTION: the width is variable via the admin.... 
.CmsItem .Image {
	width:200px;
	float:right;
	padding:5px 5px 5px 5px;
}*/

.CmsItem .Downloads {
	clear:left;
	padding-top:20px;
}

/***** Div with all kinds of item-related buttons *****/
.TopButtons {
	height:17px;
}
/*********************************
 * Show on map button            *
 *********************************/
.ImgShowOnMapBut {
	display:block;
	float:right;
	width:111px;
	height:17px;
	margin-left:8px;
	background-image:url('../../../html-req/almereportalen/images/butShowOnMap.gif');
}
.ImgShowOnMapBut:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlShowOnMap.gif');
}

.ImgShowOnMapBut span {
	display:none;
}

/***** to website link /button */
.ExternLinkButton {
	display:block;
	float:right;
	width:111px;
	height:17px;
	background-image:url('../../../html-req/almereportalen/images/butToWebsite.gif');
}
.ExternLinkButton:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlToWebsite.gif');
}

/** Back button ***************************************************************/

div.BackButton {
	width:61px;
	height:17px;
	float:left;
	margin-right:8px;
}

.VideoAlbum div.BackButton {
	float:right;
}

.TopButtons div.BackButton {
	margin-top:0px;
}

a.Back {
	display:block;
	height:100%;
	text-decoration:none;
}

a.Back, a.Back:visited {
	background-image: url('../../../html-req/almereportalen/images/butBack.gif');
	background-repeat: no-repeat;
	background-position: center;
	text-decoration:none;
}

a.Back:visited:hover, a.Back:hover {
	background-image: url('../../../html-req/almereportalen/images/bhlBack.gif');
	text-decoration:none;
}

div.BackButton * span {
	visibility:hidden;
}

/** Dialogs ***************************************************************/

.Dialog .Content {
	margin:10px;
}

/** Menu ***************************************************************/

.Menu {
	width: 706px;
	height:28px;
	padding-bottom:8px;
}
/* Just for IE6....*/
* html .Menu {
	float:left;
}
.Menu ul {
	/* Disable all default list-style stuff */
	padding:0px;
	margin:0px;
	list-style-type:none;
	list-style-position:outside;
}

/* Display inline doesn't work with block displayed a's,
 * so use display block and float to accomplisch horizontal list*/
.Menu li {
	height: 28px;
	background-repeat:no-repeat;
	display:block;
	float:left;
}

.Menu li a {
	display:block;
	float:left;
	height: 28px;
	width:100%;
}

.Menu .MenuItem1 {
	background-image:url('../../../html-req/almereportalen/images/butHome.gif');
	width:115px;
}
.Menu .MenuItem2 {
	background-image:url('../../../html-req/almereportalen/images/butAgenda.gif');	
	width:119px;
}
.Menu .MenuItem3 {
	background-image:url('../../../html-req/almereportalen/images/butGids.gif');	
	width:119px;
}
.Menu .MenuItem4 {
	background-image:url('../../../html-req/almereportalen/images/butDiensten.gif');	
	width:119px;
}
.Menu .MenuItem5 {
	background-image:url('../../../html-req/almereportalen/images/butPlattegrond.gif');	
	width:119px;
}
.Menu .MenuItem6 {
	background-image:url('../../../html-req/almereportalen/images/butAlmereDezeWeek.gif');	
	width:115px;
}


.Menu li a {
	display:block;
	height: 100%;
	width:100%;
}

.Menu li a span {
	display:none;
}

.Menu li a:hover {
	background-repeat:no-repeat;
	/*color:#000;*/
}

.Menu li.Selected a,  .Menu li.ParentSelected a {
	background-repeat:no-repeat;
}

.Menu .MenuItem1 a:hover,
.Menu .MenuItem1_Selected a {
	background-image:url('../../../html-req/almerehaven/images/bhlHome.gif');	
}
.Menu .MenuItem2 a:hover,
.Menu .MenuItem2_Selected a {
	background-image:url('../../../html-req/almerehaven/images/bhlAgenda.gif');	
}
.Menu .MenuItem3 a:hover,
.Menu .MenuItem3_Selected a {
	background-image:url('../../../html-req/almerehaven/images/bhlGids.gif');	
}
.Menu .MenuItem4 a:hover,
.Menu .MenuItem4_Selected a {
	background-image:url('../../../html-req/almerehaven/images/bhlLive.gif');	
}
.Menu .MenuItem5 a:hover,
.Menu .MenuItem5_Selected a {
	background-image:url('../../../html-req/almerehaven/images/bhlPlattegrond.gif');	
}
.Menu .MenuItem6 a:hover,
.Menu .MenuItem6_Selected a {
	background-image:url('../../../html-req/almerehaven/images/bhlAanbiedingen.gif');	
}

/** Home ***************************************************************/

.Home .CmsItem {
	width: 468px;
	float:left;
}

.Home .VideoPlayer {
	margin-bottom:8px;
}
.Home .VidlistButtons {
	width:468px;
	height:17px;
	overflow:hidden;
	color:#333;
	font-weight:bold;
	clear:left;
	border-bottom:8px solid #218DE4;
}

.Home .VidlistButtons a {
	display:block;
	float:left;
	height:17px;
	color:#333;
	text-decoration:none;
	background-repeat:no-repeat;
}

.Home .VidlistButtons a:hover {
	color:#ACACAC;
	text-decoration:none;
}

a.VidButNew,
a.VidButNew:visited {
	width:89px;
	background-image:url('../../../html-req/almereportalen/images/butNewVid.gif');
}
a.VidButNew:hover,
a.VidButNew:visited:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlNewVid.gif');
}
a.VidButNew_Selected:visited,
a.VidButNew_Selected {
	width:89px;
	background-image:url('../../../html-req/almerehaven/images/bacNewVid.gif');
}
a.VidButBest,
a.VidButBest:visited {
	width:65px;
	background-image:url('../../../html-req/almereportalen/images/butBestVid.gif');
}
a.VidButBest:hover,
a.VidButBest:visited:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlBestVid.gif');
}
a.VidButBest_Selected:visited,
a.VidButBest_Selected {
	width:65px;
	background-image:url('../../../html-req/almerehaven/images/bacBestVid.gif');
}
a.VidButSpc,
a.VidButSpc:visited {
	width:97px;
	background-image:url('../../../html-req/almereportalen/images/butSpcVid.gif');
}
a.VidButSpc:hover,
a.VidButSpc:visited:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlSpcVid.gif');
}
a.VidButSpc_Selected:visited,
a.VidButSpc_Selected {
	width:97px;
	background-image:url('../../../html-req/almerehaven/images/bacSpcVid.gif');
}
.Home .VidlistButtons a span {
	display:none;
}

.Home .Vidlist {
	width:468px;
	height:80px;
	overflow:hidden;
	background-color:#F4F4F4;
}

/* Extra div, needed for slider functionality */
.Home .sliderContentWrapper {
	overflow:hidden;
	float:left;
	width:433px;/* width of .Vidlist minus 50 (2 * 10 scrollbuttons + 20 + 10 margin */
	height:80px;
	margin-left:10px;
	margin-right:5px;
}

.Home .VidlistContent {
	float:left;
}

.Home .ListScroll {
	width:10px;
	height:70px;
	float:left;
	background-repeat:no-repeat;
	cursor:pointer;
}

.Home .VidlistLeftScroll{
	display:block;
	float:left;
	background-image:url('../../../html-req/almereportalen/images/butLeftArrow.gif');
}

.Home .VidlistRightScroll{
	display:block;
	float:left;
	background-image:url('../../../html-req/almereportalen/images/butRightArrow.gif');	
}

.Home .NewVideoThumb {
	width:85px;
	float:left;
	display:inline;
	padding:3px 0px 3px 0px;
	height:80px;
	text-align:center;
}

.NewVideoThumb a img, .NewVideoThumb a:visited img {
	border:1px solid #fff;
	width:75px;
        margin-top:10px;
}

.NewVideoThumb a:hover img, .NewVideoThumb a:visited:hover img{
	border:1px solid #218DE4;
}

/* to page link under thumbnail */
.NewVideoThumb a {
	/*font-size:10px;*/
	text-decoration:none;
}
.NewVideoThumb a:hover {
	text-decoration:underline;
}

.BannerBlocks {
	width:476px;
	height:214px;
	float:right;
}
.Block {
	float:left;
	width:111px;
	height:94px;
	margin-left:8px;
	background-repeat:no-repeat;
	border-top:8px solid #000;
}

.Block1 a,
.Block2 a,
.Block3 a,
.Block4 a,
.LongBanner a {
	display:block;
	width:100%;
	height:100%;
}

.Block1 {
	float:left;
	width:230px;
	height:94px;
	margin-left:8px;
	background-repeat:no-repeat;
	border-top:8px solid #218DE4;
	overflow:hidden;
}

.Block1 #Carousel {
	/* Disable all default list-style stuff */
	padding:0px;
	margin:0px;
	list-style-type:none;
	list-style-position:outside;
	height:94px;
	width:1350px;
}

.Block1 #Carousel li {
	display:block;
	float:left;
	width:230px;
	height:94px;
}

.Block2, .Block3, .Block4 {
	margin-top:8px;
	width:230px;
}
.Block2 {
	margin-top:0px;
}
.Block4 {
	clear:right;
}
/* banner below videostrip */
.LongBanner {
	width:468px;
	height:60px;
	float:left;
	margin-top:8px;
	background-image:url('../../../html-req/almerehaven/images/butHomeBanner.jpg');	
	background-repeat:no-repeat;
}
.LongBanner a:hover {
	background-image:url('../../../html-req/almerehaven/images/bhlHomeBanner.jpg');	
}

/** calendar on home ****/
.HomeCalendarView {
	width:468px;
	min-height:242px;
	background-color:#F4F4F4;
	float:right;
	clear:right;
	margin-top:8px;
}

.AlmereBreedHeader,
.AlmerePortalHeader {
	width:100%;
	height:17px;
	margin:2px 0px;
}
/*header above almerebreed calendaritem on home*/
.HomeCalendarView .AlmereBreedHeader {
	background-image:url('../../../html-req/almereportalen/images/AlmereBreedHeader.gif');
	background-repeat:no-repeat;
}
/*header above almerehaven calendaritem on home*/
.HomeCalendarView .AlmerePortalHeader {
	background-image:url('../../../html-req/almerehaven/images/HomeCalHeader.gif');
	background-repeat:no-repeat;
}

/* More items link below calendaritems on home */
a.MoreCalItems {
	display:block;
	float:right;
	width:147px;
	height:17px;
	background-image:url('../../../html-req/almereportalen/images/butMoreItems.gif');
	background-repeat:no-repeat;
	margin-top:4px;
	margin-right:3px;
}

a.MoreCalItems:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlMoreItems.gif');
}

a.MoreCalItems span {
	display:none;
}
/** Videoplayer stuff ***************************************************************/
/* Only players in the site, not in dialogs */
.NormalPage .VideoPlayer {
	width:468px;
}

.VideoPlayerTitleContainer {
	height:18px;
	background-color:#fff;
	vertical-align:bottom;
	font-size:13px;
	font-weight:bold;
	padding-top:10px;
	padding-left:2px;
}
.VideoPlayerReactionContainer {
	margin-top:8px;
}
/* Initially hide reactions*/
.VideoPlayerReactionContainer .Reaction {
	display:none;
	border-bottom:1px solid #cfcfcf;
}

.VideoPlayerReactionContainer .ReactionsTitle {
	background-repeat:no-repeat;
	background-position:top left;
	height:17px;
	padding:0px;
}

.VideoPlayerReactionContainer .ReactionsTitle span {
	display:none;
}

/* Class added by javascript, show reactions */
.VideoPlayerReactionContainer .ReactionShow {
	display:block;
}

.VideoPlayerReactionContainer .Reaction a {
	text-decoration:none;
}
.VideoPlayerReactionContainer .Reaction a img {
	float:left;
}
/* Simulate thumbnail
.Reaction .TextReaction {
	padding-left:80px;
} */

.VideoPlayerButtonsContainer {
	margin-top:8px;
}
.VideoPlayerButtonsContainer .UploadButtons {
	float:left;
}
.VideoPlayerButtonsContainer .UploadButtons a {
	display:block;
	float:left;
	margin-right:5px;
	height:17px;
}
/* hide reactions link (changes into show reactions after clicking) */
.VideoPlayerButtonsContainer .HideReactionLink {
	display:block;
	float:left;
	margin-right:6px;
	height:17px;
	width:111px;
	background-repeat:no-repeat;
	background-image:url('../../../html-req/almereportalen/images/butCloseReactions.gif');
}

.VideoPlayerButtonsContainer .HideReactionLink span {
	display:none;
}

.VideoPlayerButtonsContainer .HideReactionLink:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlCloseReactions.gif');
}
.VideoPlayerButtonsContainer .ExpandReactionLink {
	background-image:url('../../../html-req/almereportalen/images/butViewReactions.gif');
}
.VideoPlayerButtonsContainer .ExpandReactionLink:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlViewReactions.gif');
}

/* reageer button */
.VideoPlayerButtonsContainer .butUploadButtonReact {
	width:200px;
	background-image:url('../../../html-req/almereportalen/images/butReageer.gif');
}
.VideoPlayerButtonsContainer .butUploadButtonReact:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlReageer.gif');
}

/* embed button */
.VideoPlayerButtonsContainer .butUploadButtonEmbed {
	width:111px;
	background-image:url('../../../html-req/almereportalen/images/butEmbed.gif');
}
.VideoPlayerButtonsContainer .butUploadButtonEmbed:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlEmbed.gif');
}

/* complaint button */
.VideoPlayerButtonsContainer .butUploadButtonComplaint {
	width:111px;
	background-image:url('../../../html-req/almereportalen/images/butKlacht.gif');
}
.VideoPlayerButtonsContainer .butUploadButtonComplaint:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlKlacht.gif');
}

/* send button */
.VideoPlayerButtonsContainer .butUploadButtonSend {
	width:111px;
	background-image:url('../../../html-req/almereportalen/images/butDoorsturen.gif');
}
.VideoPlayerButtonsContainer .butUploadButtonSend:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlDoorsturen.gif');
}


.VideoPlayerButtonsContainer .butUploadButtonReact span,
.VideoPlayerButtonsContainer .butUploadButtonEmbed span,
.VideoPlayerButtonsContainer .butUploadButtonComplaint span,
.VideoPlayerButtonsContainer .butUploadButtonSend span {
	display:none;
}

/** Gids ***************************************************************/

/* It takes up space but does not contain anything so don't display */
.Alfabet_Gids .FirstContainer .CmsItem {
	display:none;
}
/*** General rules ****/

.FoldableExplanation {
	min-height:20px;
	margin-bottom:8px;
}

.ExplanationHead {
	padding-left:13px;
	background-image:url('../../../html-req/almereportalen/images/gidsPlus.gif');
	background-repeat:no-repeat;
	background-position:left top;
	cursor:pointer;
}

.HeadExpanded {
	padding-left:13px;
	background-image:url('../../../html-req/almereportalen/images/gidsMin.gif');
}
.ExplanationTitle {
	background-color:#E11E2D;
	color:#fff;
	padding:2px;
	font-weight:bold;
	display:block;
	height:100%;
}

.FoldableContentExplanation {
	clear:both;
	background-color:#DEDEDE;
	padding:5px 5px 5px 13px;
}

span.Red,
.FoldableContentExplanation a {
	color:#E11E2D;
}

.FoldableContentExplanation ol {
	margin:0px;
	padding:0px;
	padding-left:8px;
}
.FoldableContentExplanation ol li {
	margin-bottom:10px;
}
/* All p in the Gids */
.Gids .CmsItem p,
.Gids .CmsItem p em,
.Gids .CmsItem h1,
.Gids .CmsItem h2 {
	color:#333;
}
/* Add video button */
.VideoAlbum .CmsItem  .Field_VideoUpload_add_video * {
	color:#000;
}


/* IE6 is a bitch */
* html .Gids .Children{
	height:478px;
}

/* All links in the Gids should have no text-decoration */
.Gids .CmsItem a {
	text-decoration:underline;
	color:#333;
}
.Gids .CmsItem .Reaction a {
	text-decoration:none;
}
/* All Titles in the Gids inside Children should have no text-decoration and be black */
.Gids .Children a  {
	color:#333;
}

/********* The interface that lets you choose between alphabetical sorting and theme-sorting ******/
/* The div with both elements in it */
body.Gids div.SortLink {
	border-color:#919191;
}

/* For IE (8) when there's no bg color the 'fade' has hotspot gaps.. so give a bg color*/
.FirstContainer {
	background-color:#fff;
}
/* The sorting link itself, hover */
body.Gids a.SortLink:hover {
	color:#333;
}

/* Display the link inside the SortLink div as a block, so it will fill the whole area */
.Gids div.SortLink a {
	display:block;
	height:17px;
}

.Gids div.SortLink a.Def_Sortlink,
.Gids div.SortLink a.Def_Sortlink:visited {
	width:86px;
	background-image: url('../../../html-req/almereportalen/images/butDefGidsTab.gif');
}
.Gids div.SortLink a.Def_Sortlink:hover,
.Gids div.SortLink a.Def_Sortlink:visited:hover {
	background-image: url('../../../html-req/almereportalen/images/bhlDefGidsTab.gif');
}
.Gids div.SortLink a.Def_Sortlink_Selected,
.Gids div.SortLink a.Def_Sortlink_Selected:visited {
	background-image: url('../../../html-req/almerehaven/images/bacDefGidsTab.gif');
}
.Gids div.SortLink a.Other_Sortlink,
.Gids div.SortLink a.Other_Sortlink:visited {
	width:86px;
	background-image: url('../../../html-req/almereportalen/images/butOtherGidsTab.gif');
}
.Gids div.SortLink a.Other_Sortlink:hover,
.Gids div.SortLink a.Other_Sortlink:visited:hover {
	background-image: url('../../../html-req/almereportalen/images/bhlOtherGidsTab.gif');
}
.Gids div.SortLink a.Other_Sortlink_Selected,
.Gids div.SortLink a.Other_Sortlink_Selected:visited {
	background-image: url('../../../html-req/almerehaven/images/bacOtherGidsTab.gif');
}
/*** First Page -  depth0 - overview *****/

/* h1 within CmsItem boxes
   depth0 has different rules */
.Gids_depth0 .CmsItem h1 {
	color:#333;
}

/* On the first page all items of depth2 (pagina's) should have a white bg on rollover*/
.Gids .Children div.Depth2 a .Title {
	text-decoration:none;
	font-weight:normal;
}

/* Links of the children, like go to vpage, when theme is unfolded */
.Gids .CreateLink a:hover {
	text-decoration:underline;
}

/*** Second Page -  depth1 - categorie *****/
/* Never displayed */
/*** Second Page -  depth2 - trefwoord *****/

.Gids .FirstContainer {
	float:left;
	width:230px;
	border-right:1px solid #C0C0C0;
	min-height:300px;
}
.Gids .LastContainer {
	width:706px;
	float:right;
}

.Gidspagina .FirstContainer h1 {
	border-bottom:0px;
}
/* Link next to Videothumbnails in depth3, being the wijzerpages themselves. */
.VideoAlbum .VideoThumbnail a:hover,
.Gidspagina .VideoThumbnail a:hover {
	color:#218DE4;
}

.Gidspagina .VisualContainer {
	background-color:#F4F4F4;
}

.Gidspagina .VisualLinksSpacer {
	clear:both;
}

.VideoAlbum .VisualTabs,
.Gidspagina .VisualTabs {
	border-bottom:8px solid #218DE4;
	height:17px;
	background-color:#fff;
}
/*.Gidspagina .VisualTabs {
	padding-top:8px;  can't be margin because gray bg would show
}*/
.VideoAlbum .VisualTabs a,
.Gidspagina .VisualTabs a {
	height:100%;
}
.Gidspagina .VideoTab {
	width:71px;
	background-image:url('../../../html-req/almereportalen/images/butVideoTab.gif');
}
.Gidspagina .PictureTab {
	width:65px;
	background-image:url('../../../html-req/almereportalen/images/butPictureTab.gif');
}
.Gidspagina .VideomixTab {
	width:98px;
	background-image:url('../../../html-req/almereportalen/images/butVideomixTab.gif');
}
.Gidspagina .VideoTab:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlVideoTab.gif');
}
.Gidspagina .PictureTab:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlPictureTab.gif');
}
.Gidspagina .VideomixTab:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlVideomixTab.gif');
}
.Gidspagina .VideoTabSelected {
	background-image:url('../../../html-req/almerehaven/images/bacVideoTab.gif');
}
.Gidspagina .PictureTabSelected {
	background-image:url('../../../html-req/almerehaven/images/bacPictureTab.gif');
}
.Gidspagina .VideomixTabSelected {
	background-image:url('../../../html-req/almerehaven/images/bacVideomixTab.gif');
}

.Gidspagina .VisualContent .VideoThumbnail {
	width:95%;
	margin-top:4px;
}
/** Videoalbums ***************************************************************/

/*.VideoAlbum .VideoLinks {
	height:530px;
}*/
.VideoAlbum .CmsItem {
	position:static;
	height:100%;
	width:100%;
}
.VideoAlbum .CmsItem .VideoThumbnail a,
.Reaction a {
	text-decoration:none;
	font-weight:bold;
}

/* images in videoalbums (only allowed in contest) */
.VideoAlbum .Image {
	width:468px;
	float:left;
	padding:0px;
}

.VideoAlbum a.UploadImageButton {
	background-image:url('../../../html-req/almereportalen/images/butUpload.gif');
	display:block;
	float:left;
	clear:none;
	width:230px;
	height:102px;
	margin-left:8px;
}
.VideoAlbum a.UploadImageButton:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlUpload.gif');
}
.VideoAlbum a.UploadImageButton span {
	display:none;
}
.VideoAlbum .VideoPlayer {
	float:left;
}

.VideoAlbum .VisualContainer {
	width:468px;
	float:right;
	background-color:#F4F4F4;
	margin-top:28px;
}
.VideoAlbum .VisualTabs a {
	display:block;
	float:left;
}

.VideoAlbum .VisualTabs a span {
	display:none;
}
.VideoAlbum .NewestTab {
	width:89px;
	background-image:url('../../../html-req/almereportalen/images/butNewVid.gif');
}
.VideoAlbum .NewestTab:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlNewVid.gif');
}
.VideoAlbum .NewestTabSelected {
	width:89px;
	background-image:url('../../../html-req/almerehaven/images/bacNewVid.gif');
}
.VideoAlbum .BestTab {
	width:65px;
	background-image:url('../../../html-req/almereportalen/images/butBestVid.gif');
}
.VideoAlbum .BestTab:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlBestVid.gif');
}
.VideoAlbum .BestTabSelected {
	width:65px;
	background-image:url('../../../html-req/almerehaven/images/bacBestVid.gif');
}
.VideoAlbum .MixTab {
	width:107px;
	background-image:url('../../../html-req/almereportalen/images/butMixVid.gif');
}
.VideoAlbum .MixTab:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlMixVid.gif');
}
.VideoAlbum .MixTabSelected {
	width:107px;
	background-image:url('../../../html-req/almerehaven/images/bacMixVid.gif');
}
/* Videothumbnails in the videoalbum. */
.VideoAlbum .VisualLinks .VideoThumbnail {
	width:45%;
	margin:5px;
	border-bottom:1px solid #CFCFCF;
}
/* reageer plaatje in thumbnail */
.VideoAlbum .VisualLinks .VideoThumbnail img {
	background-image:url('../../../html-req/almereportalen/images/butBgReageer.gif');
	background-position:50% 100%;
	padding-bottom:20px;
	background-repeat:no-repeat;
}
.VideoAlbum .VisualLinks .VideoThumbnail a:hover img {
	background-image:url('../../../html-req/almereportalen/images/bhlBgReageer.gif');
}
/** Zoekpagina ***************************************************************/

.Zoekpagina .Image {
	float:right;
	margin-top:20px;
}

.Zoekpagina .CmsItem {
	clear:both;
}

.Zoekpagina .SearchResultSpacer {
	height:10px;
	clear:both;
}

.Zoekpagina .ItemResult {
	margin-top:10px;
}

.Zoekpagina .SearchVideoThumb,
.Zoekpagina .SearchPictureThumb {
	float:left;
	width:45%;
	font-size:12px;
	margin:5px 5px 0px 5px;
}

.Zoekpagina .SearchVideoThumb img,
.Zoekpagina .SearchPictureThumb img {
	float:left;
	margin-right:10px;
}

.Zoekpagina .SearchVideoThumb a,
.Zoekpagina .SearchVideoThumb a:visited,
.Zoekpagina .SearchPictureThumb a,
.Zoekpagina .SearchPictureThumb a:visited {
	text-decoration:none;
}

/** Plattegrond ***************************************************************/

body.Plattegrond .mapOverview {
	height:600px;
	width:700px;
	margin:0px;
	float:left;
}
body.Plattegrond .CmsItem h1 {
	margin-bottom:0px;
}
/* Make form float right*/
.Plattegrond div.form {
	width:230px;
	float:right;
}
/* Labels above pulldown AND
 * each checkbox below the other */
.Plattegrond .topFilterForm label,
.Plattegrond .bottomFilterForm div {
	display:block;
}
/* No margin for the movie checkbox.*/
.Plattegrond .bottomFilterForm div.Field_movie {
	margin-left:0px;
}

/* Overwrite global.css. No margin on the divs in topFilterForm */
.topFilterForm div {
	margin:0px;
}
/*Pulldowns below each other*/
.topFilterForm label {
	margin:5px 0px 5px 0px;
}
/* InfoWindow html */
body.Plattegrond div.infoWindow p {
	font-size:12px;
	color:#000;
}

body.Plattegrond div.infoWindow h3 {
	font-size:14px;
	color:#000;
	margin-bottom:5px;
}

body.Plattegrond .infoWindow a,
body.Plattegrond .infoWindow a:visited {
	color:#000;
	font-size:12px;
	text-decoration:underline;
}

body.Plattegrond .infoWindow a:hover,
body.Plattegrond .infoWindow a:visited:hover {
	color:#000;
	text-decoration:none;
}

/* Button 'show on map' under introtext of items*/
.showOnMapBut {
	margin:10px 5px 10px 0px;
}

/** Kalender ***************************************************************/

/* the newsletter form */
.Agenda .NewsletterForm,
.Gemeentenieuws .MainIntroText {
	width:452px;/*468 minus 2*8 padding*/
	height:78px;/*102 minus 8px border minus 2*8 padding*/
	background-color:#F4F4F4;
	color:#333;
	float:left;
	border-top:8px solid #218DE4;
	padding:8px;
}
.Agenda .NewsletterForm p {
	margin-top:0px;
}
.Agenda .NewsletterForm label,
.Agenda .NewsletterForm .Field_interval br {
	display:none;
}
.Agenda .NewsletterForm input {
	color:#999;
}
.Agenda .NewsletterForm div {
	display:inline;
	vertical-align:bottom;
}
/* submit button for newsletter form */
.Agenda input.SubmitSubscriptionButton {
	width:80px;
	height:17px;
	background-image:url('../../../html-req/almereportalen/images/butSubs.gif');
}
/* submit button for newsletter form */
.Agenda input.SubmitSubscriptionButton:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlSubs.gif');
}
.Agenda .VideoPlayer,
.Gemeentenieuws .VideoPlayer {
	float:left;
	clear:left;
}
.Agenda .CreateItemBlock,
.Gemeentenieuws .CreateItemBlock {
	float:left;
	width:230px;
	height:102px;
	background-image:url('../../../html-req/almerehaven/images/butAddCalItem.gif');
	margin-left:8px;
}

.Gemeentenieuws .CreateItemBlock {
	background-image:url('../../../html-req/almereportalen/images/butGemeentenieuws.png');
}
/* Also display the span as a block for the sake of Safari on Mac */
.Gemeentenieuws .CreateItemBlock span,
.Gemeentenieuws .CreateItemBlock span a,
.Agenda .CreateItemBlock span,
.Agenda .CreateItemBlock span a {
	display:block;
	width:100%;
	height:100%;
}
.Agenda .CreateItemBlock a:hover {
	background-image:url('../../../html-req/almerehaven/images/bhlAddCalItem.gif');
}
.Gemeentenieuws .CreateItemBlock a:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlGemeentenieuws.png');
}
.Gemeentenieuws .CreateItemBlock a span,
.Agenda .CreateItemBlock a span{
	display:none;
}
.Agenda .CalendarBlock,
.Agenda .ItemBlock,
.Gemeentenieuws .CalendarBlock,
.Gemeentenieuws .ItemBlock {
	width:468px;
	float:left;
	margin-top:8px;
	margin-left:8px;
	background-color:#F4F4F4;
}
/***** tabs above calendar content ******/
.Agenda .CalendarTabs {
	background-color:#fff;
	height:17px;
	border-bottom:8px solid #218DE4;
}
.Agenda .CalendarTabs a.LeftTab,
.Agenda .CalendarTabs a.RightTab {
	display:block;
	width:111px;
	height:17px;
	background-repeat:no-repeat;
	float:left;
}
.Agenda .CalendarTabs a.RightTab {
	background-image:url('../../../html-req/almereportalen/images/butBreed.gif');
}
.Agenda .CalendarTabs a.RightTab:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlBreed.gif');
}
.Agenda .CalendarTabs a span {
	display:none;
}

.Agenda .VideoLinks {
	padding-bottom:20px;
}

/* Current page in pageing interface below calendarblock */
.CurrentPage a {
	color:#218DE4;
}

/** Aanbiedingen **************************************************************/
.Gemeentenieuws .CreateItemBlock {
	float:right;
	margin-left:0px;
	margin-right:238px;
}
/** Beeldbellen ***************************************************************/

.Diensten_depth1 .CmsItem .Image img {
	float:right;
	margin:5px 0px 5px 5px;
}

* html .Diensten .CmsItem {
	padding-left:0px;
	padding-right:0px;
}

.Diensten div.Depth0 .Title,
.Diensten div.Depth0_Selected .Title {
	font-weight:normal;
}

/* Images of the (clickable) children in the Livepage. */
.Diensten .Child .CaptionImage {
	float:right;
}
/** Nieuwsbrief ***************************************************************/

div.NewsLetterSubscribe .NewsLetterSubscribe {
	background-image: url('../../../html-req/almereportalen/images/butSubs.gif');
}
div.NewsLetterSubscribe .NewsLetterSubscribe:hover {
	background-image: url('../../../html-req/almereportalen/images/bhlSubs.gif');
}
/** Persoonlijk beheer ********************************************************/
/* Uses same html as admin */

.Persoonlijk .Content {
	background-color:#F7F7F7;
	background-image:url('../../../html-req/algemeen/images/servicepage/management_gegevens.jpg');
	background-repeat:no-repeat;
	padding:8px;
	padding-left:45px;
	border:1px solid #c9c9c9;
	border-left:8px solid #d10b27;
	width:642px;/*703 minus 45 + 8 padding and 8px border */
}

.Persoonlijk .Content h1 {
	color:#1a1a1a;
}
.Persoonlijk table.ItemDetailLeft {
	margin:0px;
	width:70%;
}
.Persoonlijk table.ItemDetailLeft tbody,
.Persoonlijk table.ItemDetailLeft tr {
	width:100%;
	text-align:left;
}
.Persoonlijk table.ItemDetailLeft td.Desc {
	text-align:left;
	width:30%;
}
.Persoonlijk table.ItemDetailLeft td.Value {
	text-align:left;
	width:50%;
}
.Persoonlijk table.ItemDetailLeft td.Desc .Help {
	float:left;
	margin-right:10px;
	margin-left:0px;
}
.Persoonlijk table.ItemDetailLeft fieldset {
	border:0px;
	margin:0px;
	margin-top:20px;
	padding:0px;
}
.Persoonlijk table.ItemDetailLeft fieldset table {
	width:100%;
}

.Persoonlijk .CreateItem form .Field_buttons {
	display:block;
}
/** Videobeheer ***************************************************************/

/* Down arrow to expand list of copies */
.Videobeheer .CmsItem .VideoList .ToggleArrowDown {
	background-image: url('../../../html-req/almereportalen/images/arrow_down.gif');
}

/* Up arrow to collapse list of copies */
.Videobeheer .CmsItem .VideoList .ToggleArrowUp {
	background-image: url('../../../html-req/almereportalen/images/arrow_up.gif');
}

/** Contact **************************************************************/
.Contact .Image,
.Zakelijk .Image{
	float:right;
}

.Contact .Caption,
.Zakelijk .Caption {
	font-style:normal;
}
.ContactForm table {
	width:500px;
}

.ContactForm td.Desc {
	width:25%;
	vertical-align:top;
}

.ContactForm td.Value {
	width:74%;
}

.ContactForm input,
.ContactForm textarea {
	width:98%;/*100% means in IE that the borders drop out of the table. For FF 99% would be good*/
}

.ContactForm #message {
	height:160px;
}

.ContactForm input.ContactSubmit {
	width:95px;
	float:right;
	color:#fff;
	background-color:#d10b27;
	border:0px;
}

.ContactForm input.ContactSubmit:hover {
	color:#1a1a1a;
	cursor:pointer;
}
/** Footer ***************************************************************/

.Footer{
	/*float:left;*/
	width:100%;
	height:134px;
	clear:both;
	margin-top:10px;
	color:#1A1A1A;/*for the pipes outside the links*/
	background-image:url('../images/FooterAlmere.png');
}

/*IE7 puts the footer just below the menu when we don't do this*/
.Gidspagina .Footer {
	float:none;
}

.Footer .Column {
	width:18%;
	margin:0% 1%;
	float:left;
}

.Footer h4 {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	margin-top:12px;
}

.Footer a {
	color:#1A1A1A;
	text-decoration:none;
}

.Footer a:hover {
	font-weight:bold;
}

.Footer ul {
	/* Disable all default list-style stuff */
	padding:0px;
	margin:0px;
	list-style-type:none;
	list-style-position:outside;
}

.Footer ul li {
	margin:10px 0px;
}
/************* Paging **********************/
.Paging {
	width:468px;
	padding-top:1px;
	clear:both;
}

.Gidspagina .Paging {
	width:100%;
}
.PrevLink a,
.NextLink a,
.PageNumbers a {
	text-decoration:none;
	letter-spacing:0.2px;
}

.CurrentPage a {
	font-weight:bold;
}

.PrevLink {
	margin-left:5px;
}
.PrevLink,
.NextLink {
	width:19%;
	float:left;
}

.NextLink {
	text-align:right;
}

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

/******************************************************************
 * Info rollovers    for editing frontend generated pages         *
 ******************************************************************/

/* These apply to all Help buttons, even those in disabled details */
.CreateItem .Help {
	background-color:#d10b27;
	border:1px solid #d10b27;
	color:#fff;
	float:right;
	margin-right:0px;
}

.CreateItem .Value .Help {
	background-color:#d10b27;
	border:1px solid #d10b27;
	color:#fff;
	float:left;
	margin-right:5px;
}

/* These apply only to enabled Help buttons, that should do the overlay things */
.CreateItem a.Help {
	position:relative; /*this is the key*/
	z-index:0;
	display:block;
	cursor:help;
}

.CreateItem a.Help:hover span { /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	bottom: -1.1em;
	left: 0em;
	width:25em;
}

/**
 * Real nasty IE6 hack.
 * To prevent not-scrolling of helpbuttons
 */
* html .CreateItem a.Help:hover span {
	position:static;
}

* html .CreateItem a.Help {
	position:static;
}

/**
 * Real nasty IE7 hack.
 * Works around the phantom spacing between li items
 */
*+html .CreateItem a.Help:hover span  {
	position:static;
}

*+html .CreateItem a.Help {
	position:static;
}

/******************************************************************
 * The rest of the layout adjustments for frontend page editing   *
 ******************************************************************/

/********** Edit item link in gids *********/
.Gids span.EditLink a  {
	display:block;
	width:105px;
	height:17px;
	float:right;
	margin-left:4px;
	background-image:url('../../../html-req/almereportalen/images/butEditLink.gif');
	background-repeat:no-repeat;
}
.Gids span.EditLink a:hover  {
	background-image:url('../../../html-req/almereportalen/images/bhlEditLink.gif');
}

.Gids span.EditLink a * {
	display:none;
}

/* Decorative red bar on the left of form blocks */
.CreateItem .FormDivBlock {
	border-left:8px solid #d10b27;
}

.FormBlockHead .Expander {
	background-image:url('../../almereportalen/images/butPlus.png');
}
.FormBlockHead .IsMinus {
	background-image:url('../../almereportalen/images/butMinus.png');
}
.FormBlockHead:hover .Expander {
	background-image:url('../../almereportalen/images/bhlPlus.png');
}
.FormBlockHead:hover .IsMinus {
	background-image:url('../../almereportalen/images/bhlMinus.png');
}

.ItemDetailButtons input[type="submit"], 
.ItemDetailButtons .Field_itemdetail_save input[type="submit"]:hover {
	color:#d10b27;
	border:0px;
	background-color:#fff;
}
.ItemDetailButtons input[type="submit"]:hover,
.ItemDetailButtons .Field_itemdetail_save input[type="submit"] {
	background-color:#d10b27;
	color:#fff;
}
/*********************** Service page *********************************/
/* Overrules images and colors from ctv_management_v1.css and does some specific floating */
.ManagementTitle {
	background-color:#d10b27;
}

.ManagementBlock .Help {
	background-color:#d10b27;
	border:1px solid #d10b27;
	color:#fff;
}

.ManagementBlock {
	border-left:8px solid #d10b27;
}

.ManagementBlockPersonaldetails .FlavourImage {
	background-image:url('../../../html-req/algemeen/images/servicepage/management_gegevens.jpg');
}
.ManagementBlockPages .FlavourImage {
	background-image:url('../../../html-req/algemeen/images/servicepage/management_paginas.jpg');
}
.ManagementBlockVideomanagement .FlavourImage {
	background-image:url('../../../html-req/algemeen/images/servicepage/management_videos.jpg');
}

.PlusMinus:hover {
	color:#333;
}
.ManagementBlock,
.ManagementWelcome,
.ManagementBlock h2,
.ManagementBlock ol {
	color:#1a1a1a;
}

.ManagementBlock .CreateLink,
.ManagementBlock .OverviewLink,
.ManagementBlock li .ItemTitle a {
	background-image:url('../../../html-req/almereportalen/images/butArrowRight.gif');
	color:#1a1a1a;
}

.ManagementBlock .CreateLink:hover,
.ManagementBlock .OverviewLink:hover,
.ManagementBlock li .ItemTitle a:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlArrowRight.gif');
	color:#d10b27;
}

/* We have a normal class and a class with a 2 appended because the second one is
 * added by php after a page refresh to keep the form in view. However, jscript
 * removes the CreateOpened class at every pagerefresh. */
.ManagementBlock .OverviewLinkSelected,
.ManagementBlock .ItemsBlock .CreateOpened,
.ManagementBlock .ItemsBlock .CreateOpened:hover,
.ManagementBlock .ItemsBlock .CreateOpened2,
.ManagementBlock .ItemsBlock .CreateOpened2:hover {
	background-image:url('../../../html-req/almereportalen/images/butArrowDown.gif');
}
.ManagementBlock .OverviewLinkSelected:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlArrowDown.gif');
}
.ManagementBlock .ManagementEditLink {
	background-image:url('../../../html-req/almereportalen/images/butCircle.gif');
	background-repeat:no-repeat;
	color:#1a1a1a;
}

.ManagementBlock .ManagementEditLink:hover {
	background-image:url('../../../html-req/almereportalen/images/bhlCircle.gif');
	color:#d10b27;
}

.ManagementBlock .ItemNumber {
	color:#d10b27;
}
.ManagementBlock .ItemNumber:hover {
	color:#333;
}