﻿body 
{
	background: Black url(/Gradient.axd?Orientation=Vertical&Length=3000&StartColor=002245&FinishColor=00338e) repeat-x;
	margin-top:0;
	margin-bottom:0;
}
.BackGroundDiv
{
	background-image:url("/Images/wit-achtergrondmetzilver.gif");
	background-repeat:no-repeat;	
	height:767px;
	width:950px;
	margin:auto;
}
.FakeHeadDiv
{
	width:100%;
	height:40px;
}
.MainDiv
{
	width:950px;
	height:745px;
	/*background-color:White;*/
	margin:auto;	
}
.LogoLeftDiv
{
	width:200px;
	float:left;
	height:116px;
}
.LogoRightDiv
{
	width:200px;	
	height:116px;
	float:left;
}
.LogoDiv
{	
	width:550px;
	height:116px;
	line-height:116px;
	float:left;
	text-align:center;
	vertical-align:middle;
	display:inline;
}
.LogoTable
{
	height:100%;
	width:100%;
}
.EditorButtonsDiv
{
	display:inline;
	text-align:right;
}
.SaveButtonDiv
{
	float:right;
}
.CancelButtonDiv
{
	float:right;
}
.handleImage
{
	width:15px;
	height:16px;
	background-image:url(/Images/HandleHand.png);
	overflow:hidden;
	cursor:se-resize;
}
.LogoImage
{
	vertical-align:middle;
}
.MapDiv
{
	height:215px;
}


.HeaderBodySpacerDiv
{
	width:950px;
	height:48px;
}


.MenuDiv
{
	width:218px;
	height:250px;
	float:left;
	text-align:center;
}

.MenuBodySpaceDiv
{
	width:100px;
	height:250px;
	float:left;
}

.BodyDiv
{
	width:626px;
	height:250px;
	overflow:auto;
}

.FooterDiv
{
	width:950px;
	
	height:100px;
}
.clear 
{
	clear:both;
	height:0;
	line-height:0;
}
/*=================================== Links =========================================================*/
.SiteLinkLi
{
	clear:both;
	margin-left:20px;
	vertical-align:top;
	padding:0 0;
	line-height:1.5;
	color:#404053;	
}
.NameLink
{
	background:transparent none repeat scroll 0 0;
	border:0 none;
	font-size:100%;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding:0;
	vertical-align:baseline;
	text-decoration:none;
	font-weight:bold;
}
.UrlLink
{
	font-size:0.8em;
	color:#6266D7;
	text-decoration:none;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	vertical-align:baseline;
	line-height:1.25;
}
.LinkDiv
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent none repeat scroll 0 0;
	border:0 none;
	font-size:100%;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding:0;
	vertical-align:baseline;
	width:100%;
}
.SiteP
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent none repeat scroll 0 0;
	border:0 none;
	font-size:100%;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding:0;
	vertical-align:baseline;
}
.DescriptionP
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent none repeat scroll 0 0;
	border:0 none;
	font-size:100%;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding:0;
	vertical-align:baseline;
	line-height:1.25;
	margin-bottom:2px;
}
.LinksLinkCell a
{
	text-decoration:none;
}
.LinksLinkCell
{	
	font-family:Arial;	
	font-weight:bold;
}
.LinksDescriptionCell
{	
	font-family:Arial;
	color:#81BEF7;
}
.LinksTable
{
	width:100%;
	padding-bottom:30px;
}
/*===================================================================================================*/
/* =================================== MARQUEE =============================================== */
#marquee {
	position:relative;
	/*marquee left should have the same value as newsticker width*/
	left:0px;
	overflow:visible;
	width:936px;
	float:left;
	white-space:nowrap;
}
#newsticker {
	/*newsticker width should have the same value as marquee left*/
	width:936px;
	margin:auto;
	position:relative;
	left:auto;
	clear:both;
	overflow:hidden;
}

/*===================================================================================================*/

/* =================================== SPLITTER =============================================== */ 
/*
 * Splitter container. Set this to the desired width and height
 * of the combined left and right panes.
 */
#MySplitter {
	height: 600px;
	width: 1000px;
	border: 4px solid #cca;
	/* No padding allowed */
}
/*
 * Top element of the splitter. Use pixel units for the
 * min-height and max-height; the splitter plugin parses them to
 * determine the splitter movement limits. Set the height to
 * the desired initial height of the element; the plugin changes
 * the height of this element dynamically.
 */
#TopPane {
	background-color:White;
	overflow: auto;
	/* Initial/min/max height for this pane */
	height: 300px;
	min-height: 100px;
	max-height: 600px;
	/* No margin or border allowed */
}
/*
 * Bottom element of the splitter; the plugin changes the top
 * position and height of this element dynamically.
 */
#BottomPane {
	background: #ffd;
	overflow:auto;
	/* No margin or border allowed */
}
/* 
 * Splitter bar style; the .active class is added when the
 * mouse is over the splitter or the splitter is focused
 * via the keyboard taborder or an accessKey. 
 */
#MySplitter .hsplitbar {
	height: 6px;
	background: #cca url(hgrabber.gif) no-repeat center;
	/* No margin, border, or padding allowed */
}
#MySplitter .hsplitbar.active, #MySplitter .hsplitbar:hover {
	background: #e88 url(hgrabber.gif) no-repeat center;
}
/*===================================================================================================*/