/* -------------------------------------------------------------------------------------------------
	General website LAYOUT
---------------------------------------------------------------------------------------------------- */
html, body, form {
	padding: 0 !important;
	margin: 0 !important;
	height: 100%;
}

body {
	text-align: center;
	font-family: verdana, tahoma, arial;
	font-size: 11px;
}

.clear {
	clear: both;
	height: 0;
}

#mainContainer {
	width: 1043px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-image: url('../images/background.gif');
	background-repeat: repeat-y;
	background-position: left top;
	text-align: left;
}

#footerContainer {
	width: 1043px;
	height: 75px;
	margin: 0 auto;
	margin-top: -75px;
	background-image: url('../images/background.gif');
	background-repeat: repeat-y;
	background-position: left top;
	text-align: left;
}

#mainWrapper, #footerWrapper {
	padding-left: 207px;
}

* html #footerWrapper {
	padding-right: 270px;
}

* html #mainWrapper {
	padding-right: 270px;
}

#mainInnerBlock, #footerInner {
	width: 836px;
	padding-bottom: 75px; /* zelfde hoogte als de footer */
}

#footerInner {
	padding-bottom: 0;
}

* html #footerInner {
	width: 100%;
}

* html #mainInnerBlock {
	width: 100%;
}

#mainFloatWrapper, #footerFloatWrapper {
	float: left;
	width: 773px;
	margin-left: -207px; /* hetzelfde als de padding-left van de wrapper */
}

#mainContent, #footerContent {
	float: right;
	width: 566px;
}

* html #footerContent {
	position: relative;
}

* html #mainContent {
	position: relative;
}

#mainLeft, #footerLeft {
	float: left;
	width: 207px;
}

* html #footerLeft {
	position: relative;
}

#footerContent {
	padding-top: 15px;
	text-align: center;
	color: #ccc;
	font-size: 12px;
	background-image: url('../images/dot2.gif');
	background-repeat: repeat-x; 
	background-position: 0px top;	
}

#footerContent a:link, #footerContent a:visited  {
	color: #ccc;
	text-decoration: none;
}

#footerContent a:hover {
	text-decoration: underline;
}

* html #mainLeft {
	position: relative;
}

#mainRight, #footerRight {
	float: right; 
	width: 270px;
}

#rightInner {
	margin-left: 10px;
}

* html #footerRight {
	position: relative;
	margin-right: -270px;
}

* html #mainRight {
	position: relative;
	margin-right: -270px;
}

#headerLeft {
	width: 207px;
	height: 130px;
	background-image: url('../images/headerleft.gif');
}

#headerContent {
	position: relative;
	width: 566px;
	height: 172px;
	z-index: 2;
	overflow: visible;
}

#innerHeaderContent {
	background-image: url('../images/headercenterCurle.png');
	width: 566px;
	height: 172px;
	z-index: 3;
}

#headerRight 
{
	margin-left: 1px;	
	width: 269px;
	height: 130px;
	background-image: url('../images/headerright.gif');
}

#mainInnerContentBlock {
	position: relative;
	margin-top: -22px;
	width: 566px;
	height: auto; 
	z-index: 1;
}

#mainInnerContent
{
	width: 566px; 
}

.FlashWebPart {
	position: relative;
	background-image: url('../images/dot2.gif');
	background-repeat: repeat-x; 
	background-position: 0px top; 
}

a .widgetHeader {
	text-decoration: none;
	cursor: pointer;
	height: 59px;
	z-index: 1;

}

a .widgetHeader .widgetImage {
	position: relative;
	margin-left: -31px;
	width: 31px;
	height: 59px;
	z-index: 1;
	background-image: url('../images/widget.gif');
	background-repeat: no-repeat;
	border: none;
}

a .widgetHeader h1 {
	margin: -50px 10px 0px 6px;
	padding: 8px 15px 11px 15px;
	text-decoration: none !important;
	background-color:#ffffff;	
	font-size: 17px;
	font-style: normal;
	font-weight: lighter;
	color: #7FA2CA;
	letter-spacing: 3px;
	font-family: Arial;	

}

a:hover .widgetHeader h1{
	color: #004494;
	background-color: #F5F5F5;
	text-decoration: none;
}

a:hover .widgetHeader .widgetImage {
	position: relative;
	background-image: url('../images/widget_active.gif');
	background-repeat: no-repeat;
}

.widgetContent {
	min-height: 95px;
	height: auto !important;
	height: 95px;
}

.widgetContainer {
	min-height: 154px;
	height: auto !important;
	height: 154px;
	width: 566px !important;
	padding-bottom: 14px;
	background-image: url('../images/dot2.gif');
	background-repeat: repeat-x; 
	background-position: 0px top; 
}

* html .widgetContainer a {
	position: relative;
	float: left;
	width: 566 !important;
	text-decoration: none !important;
}

* html widgetContainer a:hover {
	text-decoration: none;
}

a h2 {
	text-decoration: none;
	cursor: pointer;
}

a:hover h2
{
	color: #004494 !important;
	background-color: #F5F5F5 !important;
	text-decoration: none;
}

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

.nameLink h2 {
	text-decoration: none !important;
	cursor:default !important;	
}

.nameLink:hover h2 {
	color: #7FA2CA !important;
	background-color:#ffffff !important;	
}

/* -------------------------------------------------------------------------------------------------
	LAYOUT
---------------------------------------------------------------------------------------------------- */
.ealpContactForm
{
	float: left;
}

/* -------------------------------------------------------------------------------------------------
	LINKS
---------------------------------------------------------------------------------------------------- */

.ealpNav {
	width: 180px;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
}

.ealpNavHeader {
	width: 180px;
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	background-image: url('../images/dot2.gif');
	background-repeat: repeat-x; 
	background-position: 0px bottom; 
}

.ealpNavHeader tr td a 
{
	display: block;
	margin: 0;
	padding: 9px 0px 3px 2px;
	text-decoration: none;
	
}

.ealpNavHeader tr td a:link, .ealpNavHeader tr td a:visited, .ealpNavHeader tr td a:active
{
	background: url('../Images/menubullet.gif') no-repeat 140px 9px;
}

.ealpNavHeader tr td a:hover 
{
	display: block;
	margin: 0px;
	padding: 9px 0px 3px 2px;
	background: url('../Images/menubulletselected.gif') no-repeat 140px 9px;
}


.ealpNavHeader tr td a span 
{
	color: #90ADD0;
}

.ealpNavHeader tr td a:hover span
{
	color: #004494;
}

.ealpNavItemSelected tr td a:link,  .ealpNavItemSelected tr td a:visited, .ealpNavItemSelected tr td a:active  
{
	background: url('../Images/menubulletselected.gif') no-repeat 140px 9px;
}

.ealpNavItemSelected tr td a span {
	color: #004494;
}

/* -------------------------------------------------------------------------------------------------
	NEWS
---------------------------------------------------------------------------------------------------- */
.ealpNewsContainer
{
	padding: 10px;
	margin: 0;
}

.ealpNews
{
	padding: 10px 0px;
}

.ealpNews h1
{
	font-size: 14px;
	color: #7EA1CA;
	padding: 0;
	margin: 0 0 10px 0 !important;
}

.ealpNews h1 a:link, .ealpNews h1 a:hover, .ealpNews h1 a:visited
{
	font-size: 14px;
	text-decoration: none;
	color: #7EA1CA;
}

.ealpNews p
{
	font-size: 11px;
	padding: 0;
	margin: 0 0 10px 0 !important;
}

.ealpNews p.comments
{
	font-weight: bold;
}

.ealpNews img
{
	display: inline;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* -------------------------------------------------------------------------------------------------
	Courses & Events (They are actually the same)
---------------------------------------------------------------------------------------------------- */

.ealpCourseContainer 
{
	min-height: 105px;
	height: auto !important;
	height: 105px;
}


.ealpCourseContent {
	float: left;
	width: auto;
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
	text-align: left;
}

.ealpCourseContent .tdleft
{
	text-align: left;
}

.ealpCourseContent .h1
{
	width: auto;
	text-align: left;
	padding: 5px 26px 0 !important;
	margin: 0 0 0 0 !important;
}

.ealpCourseContent .table
{
	width: auto;
	text-align: left;
}

.ealpCourseContent .tdFixedWidth
{
	width: 300px;
	padding-left:24px;
}
	
h1.ealpCourseContentH1
{
	width: auto;
	text-align: left;
	padding: 5px 26px 0 !important;
	margin: 0 0 0 0 !important;
}
	
.ealpCourseLinks {
	float: left;
	display: inline;
	width: 100px;
	min-height: 85px;
	height: auto !important;
	height: 85px;
	background-image: url('../images/dot2.gif');
	background-repeat: repeat-y; 
	background-position: right bottom; 	
}

.ealpCourseLinks ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.ealpCourseLinks ul li {
	float: left;
	margin: 0;
	height: 21px;
}

.ealpCourseLinks ul li a:link, .ealpCourseLinks ul li a:visited
{
	float: left;
	display: block;
	height: 21px;
	font-family: arial;
	font-size: 11px;
	color: #ccc;
	text-decoration: none;
}

.ealpCourseLinks ul li a.bestel {
	background-image: url('../Images/bestel.gif');
	background-repeat: no-repeat;
}

.ealpCourseLinks ul li a:hover.bestel {
	color: #A9398B;
	background-image: url('../Images/bestel_over.gif');
	background-repeat: no-repeat;
}

.ealpCourseLinks ul li a.informatie
{
	background-image: url(../Images/informatie.gif);
	background-repeat: no-repeat;
}

.ealpCourseLinks ul li a:hover.informatie
{
	color: #58AC25;
	background-image: url(../Images/informatie_over.gif);
	background-repeat: no-repeat;
}

.ealpCourseLinks ul li a.download
{
	background-image: url(../Images/download.gif);
	background-repeat: no-repeat;
}

.ealpCourseLinks ul li a:hover.download
{
	color: #F78E1E;
	background-image: url(../Images/download_over.gif);
	background-repeat: no-repeat;
}

.ealpCourseContentContainer {
	float: left;
	width: auto;
	padding: 0;
	height: 45px !important;
}

.ealpCourseContentContainer  a {
	float: left;
	width: auto;
	text-decoration: none !important;
	display: block;
	background-color: #fff;
	min-height: 95px;
	height: auto !important;
	height: 45px;
	cursor: pointer;
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
}

* html .ealpCourseContentContainer  a {
	margin: 0 5px;
	text-align:right;
}

.ealpCourseContentContainer  a:hover {
	background-color: #f5f5f5 !important;
}



.eventWithImage {
	width: 250px;
}

.courseWithImage 
{
	width: 310px;
	text-align:right;
}


.ealpCourseContentContainer a img.course {
	float: left;
	width: 60px;
	height: 85px;
}

.ealpCourseContentContainer a img.event {
	float: left;
	width: 120px;
	height: 85px;
	border: 1px solid #ccc;
}

.ealpCourseContentContainer  a:hover img.event{
	border-color: #56A923;
}

.ealpCourseContentContainer a h1 {
	font-family: Arial !important;
	font-size: 13px !important;
	font-style: normal !important;
	font-weight: lighter !important;
	color: #7FA2CA !important;
	display: block !important;
	margin: 0 !important;
	line-height: 15px !important;	
}

.ealpCourseContentContainer a h2 {
	font-family: Arial !important;
	font-size: small !important;
	font-style: normal !important;
	font-weight: lighter !important;
	color: #666666 !important;
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;	
	line-height: 15px !important;
	margin-top: -15px !important;	

}

.ealpCourseContentContainer a p {
	font-family: Arial !important;
	font-size: small !important;
	font-style: normal !important;
	font-weight: lighter !important;
	color: #999999 !important;
	line-height: 15px !important;
}


/* -------------------------------------------------------------------------------------------------
	News Item
---------------------------------------------------------------------------------------------------- */
.ealpNewsItemContainer
{
	padding: 10px;
}

.ealpNewsItemContainer .ealpNewsItem h1
{
	font-size: 15px;
	color: #7EA1CA;
	padding: 0;
	margin: 0;
}

.ealpNewsItemContainer .ealpNewsItem h2
{
	font-size: 11px;
	color: #656565;
	text-align: right;
	padding: 0;
	margin: 10px 0;
	border-bottom: 1px solid #656565;
	
}

.ealpNewsItemContainer .ealpNewsItem img
{
	float: left;
	display: inline;
	margin-right: 10px;
	margin-bottom: 10px;
	border-style: none;
}

/* -------------------------------------------------------------------------------------------------
	News Comment
---------------------------------------------------------------------------------------------------- */
.ealpNewsItem
{
    padding-left:10px;
}

.ealpNewsPaging
{
    padding-left:10px;
    padding-top:12px;
}

.ealpNewsCommentContainer
{
	padding: 10px;
}

.ealpNewsCommentContainer h1.header
{
	font-size: 12px;
	color: #7EA1CA;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #656565;
}

.ealpNewsCommentContainer .ealpNewsComment
{
	margin-bottom: 10px;
}

.ealpNewsCommentContainer .ealpNewsComment h1
{ 
	margin-bottom: 5px;
    color: #656565;
	font-size: 11px;
	font-weight: normal;
	border: 0;
}

/* -------------------------------------------------------------------------------------------------
	News Comments Reply Box Thingy
---------------------------------------------------------------------------------------------------- */
.ealpNewsCommentReplyContainer
{
	margin: 0 10px;
}

.ealpNewsCommentReplyContainer .ealpNewsCommentReplyWrapper
{
}

.ealpNewsCommentReplyContainer .ealpNewsCommentReplyWrapper p
{
	display: inline;
	float: left;
	width: 60px;
}

.ealpNewsCommentReplyContainer .ealpNewsCommentReplyWrapper input, .ealpNewsCommentReplyContainer .ealpNewsCommentReplyWrapper textarea
{
	display: inline;
	float: right;
	width: 470px;
	border: 1px solid #7EA1CA;
}

.ealpNewsCommentReplyContainer .ealpNewsCommentReplyButtonWrapper
{
	clear: both;
	text-align: right;
	margin-top: 10px;
}

.ealpQuickLinks
{
	padding: 0px 0px 10px 0px;
	font-family:Arial;
	font-weight:100;
	background-image: url('../images/dot2.gif');
	background-repeat: repeat-x; 
	background-position: 0px bottom; 
}

.ealpQuickLinks table tr td a:links, .ealpQuickLinks table tr td a:visited, .ealpQuickLinks table tr td a:link
{
	text-decoration: none;
	color: #90add0;
}

.ealpQuickLinks table tr td a:hover
{
	text-decoration: none;
	color: #004494;
}

.ealpQuickLinks .SearchTextBox
{
	color: #656565;
	border: solid 1px #90add0;
	padding-right: 50px;
	margin-right:10px;	
}

.ealpQuickLinks .SearchButton
{
	margin-bottom:-3px;	
}


/* -------------------------------------------------------------------------------------------------
	Person Details
---------------------------------------------------------------------------------------------------- */

.ealpPersonDetailsContainer
{
	width:195px;
	padding: 20px 30px 20px 10px;
	background-image: url('../images/dot2.gif');
	background-repeat: repeat-x; 
	background-position: 0px top; 
}

.ealpPersonDetailsContainer h1.name
{
	padding: 0;
	margin: 0;
	font-size: 13px;
	color: #656565;	
}

.ealpPersonDetailsContainer img
{
	margin-top: 10px;
	height: 120px;
	width: 90px;
}

.ealpPersonDetailsContainer p
{
	font-size: 11px;
	color: #656565;
}

.ealpPersonDetailsContainer h2
{
	font-size: 1.1em !important;
	margin: 0 0 0.5em 0 !important;
}

.ealpPersonDetailsContainer .ealpPersonDetailsContainerContent
{
	float: left;
}

.ealpPersonDetailsContainer strong, .ealpPersonDetailsContainer b
{
	color: #7FA2CA;
}

/* -------------------------------------------------------------------------------------------------
	MyAcademy Details
---------------------------------------------------------------------------------------------------- */

.ealpMyAcademyH2
{
	font-size: 11px;
	color: #989898;
	margin-top: 10px;
}

/* -------------------------------------------------------------------------------------------------
	General present PrintAndSignal functionality Details
---------------------------------------------------------------------------------------------------- */

#ealpPrintAndSignal
{
	height: 105px;
	padding-left: 20px; 
	margin-top: 30px;
	background-image: url('../images/dot2.gif');
	background-repeat: repeat-y; 
	background-position: left 30px; 	
}

#ealpPrintAndSignal a:link, #ealpPrintAndSignal a:visited
{
	color: #ccc;
	text-decoration: none;
}

#ealpPrintAndSignal a:hover
{
	text-decoration: underline;
}