/* INTRO */

#IntroMaster
{
	width: 960px;
	margin: 0px auto;
	position: relative;
	background-color: #3F3F3D;
	height: 100%;
	font-size: 12px;
}

#Intro
{
	background-image: url(images/Intro.jpg);
	background-repeat: no-repeat;
	height: 460px;
	width: 960px;
}

#IntroMaster #HeaderContent
{
	width: 960px;
	height: 120px;
}

#IntroCenter
{
	position: absolute;
	top: 385px;
	left: 0px;
	height: 225px;
	width: 100%;
	z-index: 999;
}


#Top
{
	width: 960px;
	height: 100px;
}

#Bottom
{
	width: 960px;
	height: 100px;
}

.IntroPane1
{
	height: 100px;
	width: 465px;
	left: 10px;
	position: absolute;
}
.IntroPane2
{
	left: 485px;
	position: absolute;
	width: 465px;
	height: 100px;
}

.IntroPane3
{
	top: 110px;
	left: 10px;
	position: absolute;
	width: 465px;
	height: 100px;
}

.IntroPane4
{
	top: 110px;
	left: 485px;
	position: absolute;
	width: 465px;
	height: 100px;
}

/* INTRO */


#SkinMaster
{
	text-align: center;
	height: 100%;
}


#PageMaster
{
	width: 960px;
	margin: 0px auto;
	position: relative;
	background-color: #3F3F3D;
	height: 100%;
	font-size: 12px;
}

HEADER #HeaderMaster
{
	position: relative;
	background-color: #3F3F3D;
}

#HeaderContent
{
	width: 960px;
	height: 165px;
	background-color: #3F3F3D;
}

#HeaderLogo
{
	float: left;
	background-image: url(images/Agora.jpg);
	background-repeat: no-repeat;
	width: 97px;
	height: 97px;
	margin-left: 2px;
	margin-top: 2px;
}

#HeaderText
{
	float: left;
	width: 350px;
}


#HeaderText1
{
	float: left;
	width: 350px;
	height: 30px;
	margin-left: 2px;
	margin-top: 2px;
	color: White;
	font-size: 18px;
	text-align: center;
	line-height: 30px;
	margin-top: 28px;
}
#HeaderText2
{
	width: 150px;
	height: 12px;
	margin-left: 220px;
	color: White;
	font-size: 16px;
	text-align: right;
}



.LoginLink
{
	text-decoration: none !important;
}

.ImageTopPane
{
	float: right;
	background-color: #3F3F3D;
	width: 129px;
	height: 100px;
	margin-right: 2px;
	margin-top: 2px;
	background-color: #3F3F3D;
}

#Languages
{
	width: 120px;
	height: 15px;
	text-align: left;
	position: absolute;
	top: 110px;
	left: 0px;
	color: White;
	font-size: 11px;
	text-decoration: none;
}


.test A:link
{
	color: White;
	text-decoration: none;
}

.test A:visited
{
	color: White;
	text-decoration: none;
}


#SubMenuRight
{
	top: 105px;
	right: 0px;
	margin-right: 2px;
	position: absolute;
	width: auto;
	height: 15px;
	color: White;
}

#HeaderMenuCenter
{
	width: 960px;
	height: 37px;
	left: 0px;
	top: 130px;
	background-color: #3F3F3D;
	position: absolute;
}

#HeaderMenu
{
	background: url(images/LeegMenu.gif) repeat-x;
	height: 37px;
	width: 960px;
}



#MenuMyAgora
{
	float: right;
	color: White;
	line-height: 30px;
	font-weight: bold;
	width: 101px;
	height: 41px;
	text-decoration: none;
	border-left: solid 2px #3f3f3d;
}

/* ==================================== */
/*	Content         Home    			*/
/* ==================================== */

#ContentTop
{
}

#ContentTopColor
{
	background-color: #6b6157;
}

#ContentMaster
{
	background-color: #3F3F3D;
	width: 960px;
}

#ContentMasterCenter
{
	background-color: #3F3F3D;
	width: 960px;
	position: relative;
}

.LeftPane
{
	float: left;
	width: 370px;
	height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}


.ContentPane1
{
	width: 590px;
	height: 150px;
	overflow-y: auto;
	overflow-x: hidden;
}

#MiddleTest
{
	width: 590px;
	float: left;
	height: 300px;
}
.MiddlePane1
{
	width: 185px;
	height: 150px;
	float: left;
	overflow-y: auto;
	overflow-x: hidden;
}
.MiddlePane2
{
	width: 185px;
	height: 150px;
	float: left;
	overflow-y: auto;
	overflow-x: hidden;
}


.MiddlePane3
{
	width: 220px;
	height: 150px;
	float: left;
	overflow-y: auto;
	overflow-x: hidden;
}


/* ==================================== */
/*	Content2 panes                      */
/* ==================================== */

.Content_BottomPane1
{
	width: 185px;
	height: 120px;
	float: left;
	overflow-y: auto;
	overflow-x: hidden;
}
.Content_BottomPane2
{
	width: 775px;
	height: 120px;
	float: left;
	overflow-y: auto;
	overflow-x: hidden;
}

.Content_ContentPane
{
	float: left;
	width: 610px;
	height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}

.Content_RightPane
{
	float: left;
	width: 350px;
	height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}

/* ==================================== */
/*	Content skin                        */
/* ==================================== */



#ContentMasterCenter .LeftPane2
{
	width: 183px;
	height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
	overflow: hidden;
	float: left;
	background-color: White;
}
#ContentMasterCenter .ContentPane
{
	width: 555px;
	height: 300px;
	float: left;
	overflow-y: auto;
	overflow-x: hidden;
}
#ContentMasterCenter .RightPane
{
	float: left;
	width: 220px;
	height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}

#BorderRight
{
	float: left;
	width: 1px;
	height: 300px;
	background-color: #3F3F3D;
}

/* ==================================== */
/*	Concept                             */
/* ==================================== */
#ConceptMiddle
{
	height: 300px;
	width: 775px;
	float: left;
}

.ConceptTop
{
	height: 150px;
	width: 775px;
}

#ConceptMid
{
	height: auto;
	width: 775px;
}

.MiddlePanes
{
	width: 185px;
	height: 208px;
	_height: 150px;
	float: left;
}

.MiddlePane4
{
	width: 196px;
	height: 150px;
	float: left;
}
/* ==================================== */
/*	Admin                               */
/* ==================================== */
.Admin_ContentPane
{
	width: 100%;
	height: 100%;
}
/* ==================================== */
/*	FOOTER                              */
/* ==================================== */
#FOOTERMaster
{
}

#FOOTERMasterCenter
{
	width: 960px;
}

.BottomPane1
{
	width: 369px;
	height: 120px;
	float: left;
	overflow-y: auto;
	overflow-x: hidden;
}
.BottomPane2
{
	float: right;
	width: 590px;
	height: 120px;
	overflow-y: auto;
	overflow-x: hidden;
}


/* ==================================== */
/*	Containers						*/
/* ==================================== */

/*AGORA INTRO*/
.Agora_Intro
{
	background: url(images/Groenvlak.png);
	height: 100%;
	width: auto;
	text-align: left;
	color: #3f3f3d;
}



.AgoraIntroContent
{
	padding: 5px 5px 5px 5px;
}

.AgoraIntrofirstWord
{
	color: #3f3f3d;
}


.AgoraIntrofirstWord A:link
{
	text-decoration: none;
	color: #3f3f3d;
}

.AgoraIntrofirstWord A:visited
{
	text-decoration: none;
	color: #3f3f3d;
}

.AgoraIntroContentPane
{
	padding: 5px 5px 5px 5px;
	color: #3f3f3d;
}


.AgoraIntroContentPane A:link
{
	text-decoration: none;
	color: #3f3f3d;
}


.AgoraIntroContentPane A:visited
{
	text-decoration: none;
	color: #3f3f3d;
}

.AgoraIntroContentPane A:hover
{
	color: #3f3f3d;
	text-decoration: underline;
}


.AgoraIntrofirstWord A:hover
{
	text-decoration: underline;
	color: #3f3f3d;
}


/*AGORA INTRO*/



/*Image*/
.Image
{
	min-height: 100%;
	width: auto;
	height: auto !important;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: white;
	font-size: 0px;
}
.ImageContainer
{
}


.ImageContainer A
{
	font-size: 12px;
	color: #3f3f3d;
	padding: 0p 5px 0px 0px;
	margin: 0p 5px 0px 0px;
}
.ImageContainer A:hover
{
	color: #3f3f3d;
	text-decoration: underline;
}



/*EMPTY*/


/*EMPTY*/
.Empty
{
	min-height: 100%;
	width: auto;
	height: 100% !important;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: white;
	overflow-y: hidden;
	overflow-x: hidden;
}

.EmptyContainer
{
	color: #3f3f3d;
}

.EmptyContainer A
{
	font-size: 12px;
	color: #3f3f3d;
	padding: 0p 5px 0px 0px;
	margin: 0p 5px 0px 0px;
}
.EmptyContainer A:hover
{
	color: #3f3f3d;
	text-decoration: underline;
}



/*EMPTY*/


	
	
/*AGORA LIGHT*/
.Agora_Light
{
	overflow-y: auto;
	overflow-x: hidden;
	background-color: White;
	min-height: 100% !important;
	color: #3f3f3d;
	height: auto !important;
	height: 100%;
	width: auto;
	text-align: left;
	border-right: solid 1px #3F3F3D;
}

.Agora_Transport
{
	overflow-y: auto;
	overflow-x: hidden;
	min-height: 100% !important;
	color: #3f3f3d;
	height: auto !important;
	height: 100%;
	width: auto;
	text-align: left;
	border-right: solid 1px #3F3F3D;
}
.AgoraLightContent
{
	padding: 5px 5px 5px 5px;
}

.transportBG
{
	background-color: #fff;
	width: 555px;
	height: 300px;
	float: left;
	overflow-y: auto;
	overflow-x: hidden;
	background-image: url(/Portals/0/images/transport-links.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

.AgoraLightfirstWord
{
	color: #BBBF3F;
}

.AgoraLightContent
{
	padding: 5px 5px 5px 5px;
}

.AgoraLightContentPane td
{
	font-size: 12px;
	line-height: 18px;
}


.AgoraLightContentPane
{
	padding: 5px 5px 5px 5px;
}

.VestigingenUL LI A
{ 
		color: #3f3f3d !Important;
}




/*AGORA LIGHT*/

/*AGORA GRAY*/
.Agora_Gray
{
	overflow-y: auto;
	overflow-x: hidden;
	background-image: url(images/GrayBackGround.jpg);
	background-repeat: repeat-x;

	min-height: 100%;
	height: auto !important;
	height: 100%;
	
	width: auto;
	text-align: left;
	background-color: #bdbaab;
}

.AgoraGrayContent
{
	padding: 5px 5px 5px 5px;
}

.AgoraGrayfirstWord
{
	font-weight: bold;
	color: #3F3F37;
	text-align: left !important;
}

.AgoraGrayContentPane
{
	color: #FFFFFF;
	padding: 5px 5px 5px 5px;
}


.AgoraGrayContentPane A
{
	font-size: 12px;
	color: #FFFFFF;
	padding: 0p 5px 0px 0px;
	margin: 0p 5px 0px 0px;
}
.AgoraGrayContentPane A:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}


/*AGORA GRAY*/

/*AGORA DARK*/


.Agora_Dark
{
	overflow-y: auto;
	overflow-x: hidden;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: auto;
	background-color: #6B6157 !important;
	text-align: left;
	color: #B0ADA8 !important;
}
.AgoraDarkContentPane TD
{
	font-family: Verdana;
	font-size: 12px;
}

.AgoraDarkContentPane a, .AgoraDarkContentPane a:link, .AgoraDarkContentPane a:active, .AgoraDarkContentPane a:visited
{
	color: #B0ADA8 !important;
}

.AgoraDarkContentPane a:hover
{
	color: #FFFFFF !important;
}


.AgoraDarkContent
{
	padding: 5px 5px 5px 5px;
}
.AgoraDark_firstWord
{
	color: #B9C138;
	text-align: left !important;
}

.AgoraDarkContentPane
{
	color: #B0ADA8;
	padding: 5px 5px 5px 5px;
}

.AgoraDarkContentPane A
{
	color: #B0ADA8;
	text-decoration: none;
}

.AgoraDarkContentPane A:hover
{
	color: #B0ADA8;
	text-decoration: underline;
}

/*AGORA DARK*/





/*AGORA Trans*/


.CenterTitle
{
	width: 100%;
	margin: 0px auto;
	vertical-align: middle;
}
.TestTitle
{
	vertical-align: middle;
	margin: auto;
	margin-top: -58px;
	position: relative;
	width: 166px;
	height: 59px;
	background: url(images/Groenvlak.png);
	background-repeat: no-repeat;
	border: 0px;
	padding: 0px !Important;
	z-index: 999;
	line-height: 59px;
}

.TestTitle H1
{
	padding:1px !important;
	line-height:2;
}
.Agora_Trans
{

	height: 100%;
	width: auto;
	background-color: #FFFFFF;
	z-index: 999;
	border-right: solid 1px #3f3f3d;
}

.AgoraTransContent
{
	padding: 5px 5px 5px 5px;
}
.AgoraTransfirstWord
{
	width: 100%;
	color: #3f3f3d;
}

.AgoraTransContentPane
{
	text-align: left;
	color: #3f3f3d;
	padding: 0px;
}


/*AGORA Trans*/


/*NEWS*/


.NewsDate
{
	color: #3F3F37;
	text-decoration: none;
	font-size: 11px;
}
.News
{
	color: White;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
}

.News A:LINK
{
	text-decoration: none !important;
}
.News A:VISITED
{
	text-decoration: none !important;
}

.NewsFooter
{
	font-size: 11px;
	text-align: right;
}

.NewsFooter A
{
	color: #3F3F37 !important;
	
}



.atest
{
	text-decoration: none !important;
}

.LatestNews
{
	width: 550px;
	
}

.LatestNews TD
{
	line-height: 15px;
}



.LatestEvents
{
	width: 350px;
}

.LatestEvents TD
{
	line-height: 15px;
}


.eventrow
{
	padding: 0px;
}




.Settings
{
width:550px !important;
}





/* ==================================== */
/* ZOEK TABLE KLEINER MAKENW 		*/
/* ====================================  */


.PagingTable{
width:570px !important;
}




/* ==================================== */
/* FORMMASTER WEGWERKEN 		*/
/* Bestandsgrootte en type       	*/
/* ====================================  */

#dnn_ctr527_FormMaster_ctl_06eddaef1d0d4aae9c766bea33a577dbdiv .Normal
{
	color: white !important;
	display: none;
}


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

html
{
	overflow-y: scroll;
	font-family: Verdana;
	line-height: 18px;
}

body
{
	background-color: #fff;
	margin: 0px;
}
#body
{
	background-color: #3F3F3D;
}

p
{
	margin: 2px;
}

#FooterMasterCenter  A
{
	color: #BBBF3F;
	text-decoration:underline;
	}
	
	#ContentMaster A
{
	color: #BBBF3F;
	text-decoration:underline;
	}


A:hover
{
}

A:active
{
}

SMALL
{
}

BIG
{
}

BLOCKQUOTE
{
}

TFOOT
{
}

THEAD
{
}

TD
{
}

TH
{
}

OL
{
}




li
{
}

UL LI
{
	list-style-image: url(images/icon.gif);
	
}


HR
{
}

H1
{
	padding: 0px 5px 5px 5px;
	color: #bbbf3f;
	margin: 0px;
	font-weight: bold;
	font-size: 14px;
}

H2
{
	padding: 0px 5px 5px 5px;
	color: #bbbf3f;
	margin: 0px;
	font-weight: bold;
	font-size: 13px;
}

H3
{
	padding: 0px 5px 5px 5px;
	color: #bbbf3f;
	margin: 0px;
	font-weight: bold;
	font-size: 12px;
}

H4
{
	padding: 0px 5px 5px 5px;
	color: #bbbf3f;
	margin: 0px;
	font-weight: bold;
	font-size: 12px;
}

H5
{
	padding: 0px 5px 5px 5px;
	color: #bbbf3f;
	margin: 0px;
	font-weight: bold;
	font-size: 12px;
}

H6
{
	padding: 0px 5px 5px 5px;
	color: #bbbf3f;
	margin: 0px;
	font-weight: bold;
	font-size: 12px;
}


.Agora_Gray H1, .Agora_Gray H2, .Agora_Gray H3, .Agora_Gray H4, .Agora_Gray H5, .Agora_Gray H6
{
	color: #3f3f37;
}




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

/* styles for control panel */
.ControlPanel
{
}

/* style for module titles */
.Head
{
}

/* 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
{
}

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

/* text style used for error messages */
.NormalRed
{
	font-size: 11px;
	font-weight: bold;
	color: #ff0000;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

/* 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;
}




/* used to collapse panes without any content in them */
.DNNEmptyPane
{
	height: 0px;
	margin: 0px;
	padding: 0px;
	width: 0px;
	line-height: 0px;
}




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


.ModuleTitle_MenuItem TD
{
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 5px;
}

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

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


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


.ModuleTitle_MenuItemSel
{
	color: #bb8d6e;
}


/* ==================================== */
/*	FOTO GALLERY						*/
/* ==================================== */
.popupBG
{
	background-color: #3F3F3D;
	font-size: 12px;
	color: #fff;
}

.popupBG a
{
	color: #BBBF3F;
	text-decoration:underline;
}

/* ==================================== */
/*	NEWS ARTICLES						*/
/* ==================================== */
.article 
{
    clear: both;
    text-align: left;
    margin-bottom : 25px;
}

.articleHeadline h1 {
    margin-bottom: 0px;
    background-color:#F0F0F0;
    border:1px dashed #C8C8C8;
}



.articleEntry {
    margin: 10px 5px;
	height: 50px;
} 

.articleImage { 
	margin : 2px 10px 4px 4px;
	float : left;
}