/* ==================================== */
/*	DIV's & PANES						*/
/* ==================================== */

#HeaderMaster
{
	text-align:center;
	margin-top:20px;
}

#HeaderCenter
{
	margin:auto;
	text-align:left;
	width:960px;
}

#HeaderLeft
{
	width:450px;
	height:90px;
	float:left
}

#HeaderRight
{
	width:510px;
	float:left
}

#Search
{
	float:right;
	text-transform:uppercase;
	color:#f39400;
	font-size:10px;
	font-weight:bold;
	padding-top:8px;
}

#FontSize
{
	float:right;
	padding-top:10px;
	padding-right:20px;
}

#TopMenu
{
	float:right;
	padding-top:17px;
}

#Login
{
	float:right;
	clear:both;
	margin-top:35px;
}

.LoginButton A, A .LoginButton, .LoginButton 
{
	color:#ffffff;
	text-decoration:none;
}

#MenuMaster
{
	position:relative;
}

#MenuBackground
{
	width:100%;
	height:100px;
	position:absolute;
}

#MenuBackgroundLeft
{
	background-image:url('images/menucolor.gif');
	width:50%;
	height:100px;
	float:left;
}

#MenuBackgroundright
{
	background-image:url('images/menugray.gif');
	width:49.9%;
	height:100px;
	float:right;
}

#MenuCenter
{
	width:100%;
	height:100px;
	position:absolute;
	text-align:center;
}

#Menu
{
	width:960px;
	height:100px;
	margin:auto;
	text-align:left;
}

#MenuTable
{
	clear:both;
}

#MenuLeft
{
	background-image:url('images/menuleft.gif');
	width:180px;
	height:100px;
	float:left;
	top:20px;
}

#MenuLabelTop
{
	width:135px;
	height:20px;
	top:17px;
	position:relative;
}

#MenuLabelMiddle
{
	width:135px;
	height:20px;
	top:27px;
	position:relative;
}

#MenuLabelBottom
{
	width:135px;
	height:20px;
	top:37px;
	position:relative;
}

#MenuRight
{
	background-image:url('images/menugray.gif');
	width:780px;
	height:100px;
	float:left;
}

#SeparatorMaster
{
	text-align:center;
	background-color:#f1f1f2;
	background-image:url('images/separator.gif');
	font-size:0px;
}

#SeparatorCenter
{
	margin:auto;
	text-align:left;
	width:960px;
	height:12px;
	font-size:0px;
}

#SeparatorLeft
{
	background-color:#f1f1f2;
	width:170px;
	float:left;
	height:12px;
	font-size:0px;
	background-image:url('images/separator.gif');
}

#SeparatorMiddle
{
	background-color:white;
	width:505px;
	float:left;
	height:12px;
	background-image:url('images/separator.gif');
	font-size:0px;
}

#SeparatorRight
{
	background-color:#f1f1f2;
	width:285px;
	float:left;
	height:12px;
	background-image:url('images/separator.gif');
	font-size:0px;
}

#ContentMaster
{
	text-align:center;
	background-color:#f1f1f2;
	overflow:auto;
}

#ContentCenter
{
	margin:auto;
	text-align:left;
	width:960px;
	background-image:url('images/bg.gif');
	display:inline-block;
}

#ContentLeft
{
	background-color:#f1f1f2;
	width:170px;
	float:left;
}

.LeftPane
{
	width:160px;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
}

.SMTitle
{
	width:160px;
	margin-top:10px;
}

.SM
{
	width:160px;
	padding-bottom:15px;
}

#ContentMiddle
{
	width:505px;
	float:left;
	background-color:White;
}

.ContentPane
{
	width:480px;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	margin-right:10px;
}

#ContentRight
{
	width:282px;
	float:left;
}

.rightPane
{
	width:272px;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
}

#SeparatorGray
{
	background-color:#f1f1f2;
	height:5px;
	font-size:0px;
	clear:both;
}

#FooterMaster
{
	text-align:center;
	padding-bottom:20px;
}

#FooterCenter
{
	margin:auto;
	text-align:left;
	width:960px;
	margin-top:10px;
}

#FooterLeft
{
	margin-left:180px;
	float:left;
}

#Footerright
{
	float:left;
}

/* ==================================== */
/*	Custom classes						*/
/* ==================================== */

.MenuLabel
{
	text-align:right;
	font-weight:bold;
	text-transform:uppercase;
	color:White;
	padding-top:4px;
	padding-bottom:0px;
}

.TopSep
{
	background-image:url('images/topsep.gif');
}

.HsepGray
{
	background-image:url('images/hsepgray.gif');
}

.Gray
{
	background-color:#59616d;
}

.Orange
{
	background-color:#f39400;
}

.ArrowOrange
{
	background-color:#f39400;
	background-image:url('images/arroworange.gif');
	background-repeat:no-repeat;
}

.VsepOrange
{
	background-image:url('images/vseporange.gif');
}

.TsepOrange
{
	background-image:url('images/tseporange.gif');
}

.HsepOrangeBlue
{
	background-image:url('images/hseporangeblue.gif');
}

.Blue
{
	background-color:#769ccd;
}

.ArrowBlue
{
	background-color:#769ccd;
	background-image:url('images/arrowblue.gif');
	background-repeat:no-repeat;
}

.VsepBlue
{
	background-image:url('images/vsepblue.gif');
}

.TsepBlue
{
	background-image:url('images/tsepblue.gif');
}

.HsepBluePurple
{
	background-image:url('images/hsepbluepurple.gif');
}

.Purple
{
	background-color:#9178b1;
}

.ArrowPurple
{
	background-color:#9178b1;
	background-image:url('images/arrowpurple.gif');
	background-repeat:no-repeat;
}

.VsepPurple
{
	background-image:url('images/vseppurple.gif');
}

.TsepPurple
{
	background-image:url('images/tseppurple.gif');
}

.FooterText
{
	font-size:10px;
	font-weight:bold;
}

.PagingTable
{
	border:0px;
	border-top:dotted 1px #59616d;
}

#FeaturedNewsTitle
{
	margin-top:0px;
	margin-bottom:5px;
	font-size:14px;
	text-transform:uppercase;
	float:left;
	width:410px;
	font-weight:bold;
}

#FeaturedNewsTitle A
{
	text-decoration:none;
}

#LatestNewsTitle
{
	margin-top:0px;
	margin-bottom:0px;
	font-size:14px;
	text-transform:uppercase;
	float:left;
	width:410px;
}

#LatestNewsTitle A
{
	text-decoration:none;
}

#FeaturedNewsDate
{
	color:Gray;
	font-weight:bold;
	float:left;
	width:75px;
}

#FeaturedNewsSummary
{
	clear:both;
}

#FeaturedNewsSummary
{
	margin-bottom:5px;
}

#LatestNews
{
	margin-bottom:5px;
}

#NewsMoreLink A
{
	color:#f39400;
}

.NewsLine
{
	clear:both;
	border-bottom:dotted 1px #59616d;
	height:15px;
}

.HighLightColor
{
	background-color:#f89d1d;
}



.LinkPDF
{
	background-image: url("images/pdf.png");
	background-repeat:no-repeat;
	padding-left:20px;
	height:15px;
}

.LinkPPT
{
	background-image: url("images/ppt.png");
	background-repeat:no-repeat;
	padding-left:20px;
	height:15px;
}

.LinkDOC
{
	background-image: url("images/word.png");
	background-repeat:no-repeat;
	padding-left:20px;
	height:15px;
}

.LinkXLS
{
	background-image: url("images/excel.png");
	background-repeat:no-repeat;
	padding-left:20px;
	height:15px;
}

.LinkOTHER
{
	background-image: url("images/doc.png");
	background-repeat:no-repeat;
	padding-left:20px;
	height:15px;
}

.UDTSearch IMG
{
	display:none;
}

.NormalRed
{
	color:red;
}
/* ==================================== */
/*	FontSizeSwitcher					*/
/* ==================================== */

#FontSizeSwitcher_normaal
{
	background-image: url("images/textsize-small.gif");
}

#FontSizeSwitcher_groot
{
	background-image: url("images/textsize-medium.gif");
}

#FontSizeSwitcher_extragroot
{
	background-image: url("images/textsize-large.gif");
}

#FontSizeSwitcher input
{
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 27px;
    height: 26px;
    margin-left: 0px;
    border: 0;
    padding: 0;
}

/* ==================================== */
/*	CONTAINERS							*/
/* ==================================== */

#containerTitleMaster
{
	clear:both;
}

#ContainerTitleImage
{
	width:25px;
	height:25px;
	background-image:url('images/titlearrow.gif');
	background-repeat:no-repeat;
	float:left;
	margin-top:2px;
}

#ContainerTitleImageBesluit
{
	width:65px;
	height:68px;
	background-image:url('images/besluit.gif');
	background-repeat:no-repeat;
	float:left;
	margin-top:2px;
}

#ContainerTitleText
{
	float:left;
}

#ContainerTitleTextBesluit
{
	float:left;
	padding-top:10px;
	width:70%;
}

.ContainerBody
{
	clear:both;
	padding-bottom:15px;
}

.ContainerBodyBesluit
{
	clear:both;
	padding-bottom:15px;
	padding-top:15px;
	_padding-top:5px;
	padding-right:5px;
}

.ContainerBodyBesluit UL
{
	padding-left:25px !important;
	_margin-left:20px !important;
	_padding-left:0px !important;
	padding-bottom:0px !important;
}

.ContainerBodyLine
{
	clear:both;
	padding-bottom:10px;
}

.ContainerLine
{
	clear:both;
	border-bottom:dotted 1px #59616d;
}

.Spacer
{
	height:15px;
}

/* ==================================== */
/*	KADER								*/
/* ==================================== */

.Corner
{
	margin-bottom:10px;
}

.Top
{
	height:10px;
	font-size:0px;
	line-height:0px;
}

.TopLeft
{
	height:10px;
	font-size:0px;
	line-height:0px;
	background:transparent url('Images/corner_top_left.png') top left no-repeat;
}


.TopRight
{
	height:10px;
	font-size:0px;
	line-height:0px;
	background:transparent url('Images/corner_top_right.png') top right no-repeat;
}


.TopMiddle
{
	height:10px;
	font-size:0px;
	line-height:0px;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:0px;
	background:transparent url('Images/corner_top_middle.png') top left repeat-x;
}

	
.MiddleLeft
{
	background:transparent url('Images/corner_middle_left.png') top left repeat-y;
}

.MiddleRight
{
	background:transparent url('Images/corner_middle_right.png') top right repeat-y;
}

.Middle
{
	margin-top:0px;
	margin-right:10px;
	margin-left:10px;
	background:transparent url('Images/corner_middle.png');
}

.MiddleOntwerp
{
	margin-top:0px;
	margin-right:10px;
	margin-left:10px;
	background:transparent url('Images/ontwerp.gif');
}

.MiddleOntwerp .ContainerBody
{
	padding:0px;
	padding-right:10px;
}

.Middle .ContainerBody
{
	padding:0px;
	padding-right:10px;
}

.Bottom
{
	height:20px;
	line-height:0px;
	font-size:0px;
}

.BottomLeft
{
	height:20px;
	line-height:0px;
	font-size:0px;
	background:transparent url('Images/corner_bottom_left.png') top left no-repeat;
}

.BottomRight
{
	height:20px;
	line-height:0px;
	font-size:0px;
	background:transparent url('Images/corner_bottom_right.png') top right no-repeat;
}
	
.BottomMiddle
{
	height:20px;
	line-height:0px;
	font-size:0px;
	margin-left:10px;
	margin-right:10px;
	background:transparent url('Images/corner_bottom_middle.png') top left repeat-x;
}

/* ==================================== */
/*	BASIS HTML							*/
/* ==================================== */

html 
{
	overflow-y: scroll;
	font-size:12px;
	font-family:Trebuchet MS;
	color:#666666;
} 

body 
{
	margin: 0px;
}

p
{
	margin: 0px;
	padding-bottom:10px;
}


A:link
{
	color:#666666;
	font-weight:bold;
}

A:visited
{
	color:#666666;
	font-weight:bold;
}

A:hover
{
	color:#f39400;
}

A:active
{
}

SMALL
{
	font-size:9px;
}

BIG
{
	font-size:16px;
}

BLOCKQUOTE
{
	font-style:normal !important;
}

TFOOT
{
}

THEAD
{
}

TD
{
	font-size:12px;
}

TH
{
	font-size:12px;
}

OL
{
	margin-top:0px;
	margin-bottom:10px;
}

UL
{
	margin-top:0px;
	margin-bottom:0px;
	list-style-type:square;
	padding-bottom:10px;
}

HR
{
	color:#cccccc;
}

H1
{
	color:#f39400;
	margin-top:0px;
	margin-bottom:5px;
	font-size:14px;
	text-transform:uppercase;
}

H2
{
	color:#666666;
	margin-top:0px;
	margin-bottom:5px;
	font-size:14px;
	text-transform:uppercase;
}

H3
{
	color:#f39400;
	margin-top:0px;
	margin-bottom:5px;
	font-size:12px;
	text-transform:uppercase;
}

H4
{
	color:#666666;
	margin-top:0px;
	margin-bottom:5px;
	font-size:12px;
	text-transform:uppercase;
}

H5
{
	color:#f39400;
	margin-top:0px;
	margin-bottom:5px;
	font-size:12px;
	font-style:italic;
}

H6
{
	color:#666666;
	margin-top:0px;
	margin-bottom:5px;
	font-size:12px;
	font-style:italic;
}

IMG
{
	border:0px;
}




/* ==================================== */
/* ================DNN================= */
/* ==================================== */

/* styles for control panel */
.ControlPanel
{
	background-color:#f3f3f3;
}

/* style for module titles */
.Head
{
	color:#e2a340;
	font-size:14px;
}

/* style of item titles on edit and admin pages */
.SubHead
{
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{

}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
	font-size:12px;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
}

/* text style used for error messages */
.NormalRed
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	border:solid 1px #e2a340;
	font-size :12px;
}

/* style to apply if the content should be hidden */
.Hidden
{
    display: none;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
}

A.CommandButton:visited
{
}

A.CommandButton:hover
{
}

A.CommandButton:active
{
}

/* button style for standard HTML buttons */
.StandardButton
{
}







/*Edit In Place Tool Bar Classes*/
.eipbackimg
{
    border: outset 1px; /*give toolbar a 3D look*/
    position: absolute; /*needed so it doesn't take up space */
    margin-top: -22px; /*specify toolbar to be just above text */
    margin-left:30px;
    white-space: nowrap; /* makes toolbar horizontal */
    background: url(../../../../images/eip_toolbar.gif);
    background-color: #DDD;
    background-repeat: repeat-x;
    height: 22px;
}

.eipbuttonbackimg
{
    width: 21px;
    height: 21px;
    cursor: pointer; /*change mouse to pointer when hover over button*/
    float: left;
}

.eipbutton_edit
{
    background: url(../../../../images/eip_edit.gif) no-repeat 100% center;
    float: left;
}
.eipbutton_save
{
    background: url(../../../../images/eip_save.gif) no-repeat 100% center;
    float: left;
}
.eipborderhover
{
    border: outset 1px;
}


/* ==================================== */
/*	MODULE MENU							*/
/* ==================================== */


.ModuleTitle_MenuItem TD
{
	WHITE-SPACE: nowrap;
	padding-left:5px;
	padding-right:5px;
}

.ModuleTitle_MenuItem
{
    font-family:Trebuchet MS;
    font-size:12px;
    background-color:#eeeeee;
}

.ModuleTitle_MenuIcon
{
	background-color:#eeeeee;
	border-top:0px;
	border-bottom:0px;
}

.ModuleTitle_SubMenu
{
	background-color:#eeeeee;
	border:outset 1px;
}

.ModuleTitle_MenuItemSel 
{
	color: #f39400;

}