html, body
{
   margin: 0;
   padding: 0;
   background: #e6e6e6 url(../Images/Leeuwendaal/Background.jpg) center top repeat-y;
   text-align: center;
}

body
{
   padding-left: 1px;
}

body, td, input, textarea
{
   font-size: 12px;
   font-family: Arial, Helvetica, Verdana, sans-serif;
}

th
{
   font-size: 12px;
   text-align: left;
}

td
{
   vertical-align: top;
}

pre
{
   text-align: left;
}

img
{
   border: 0;
}

p, h4, h3, h2, h1, form
{
   margin: 0;
   padding: 0;
}

h4, h3, h2, h1
{
   font-size: 1em;
}

ul, ol, li
{
   margin: 0;
   padding: 0;
}

ul, ol
{
   margin-left: 17px;
}

ol
{
   margin-left: 30px;
}

li
{
   padding-left: 10px;
}


/* Formatting */

.Hidden { display: none; }
.FloatLeft { float: left; }
.FloatRight { float: right; }
.ClearFloat { clear: both; }
.AlignRight { text-align: right; }
.Strong { font-weight: bold; }
.KeywordHighlight { font-style: italic; }
.NoMargin { margin: 0px !important; }
.Pointer { cursor: pointer; }


/* Layout elements */

.Wrapper
{
   width: 971px;
   margin: 0 auto;
   text-align: left;
}

.Header
{
   background: #ccc url(../Images/Leeuwendaal/HeaderBackground.jpg) left bottom repeat-x;
   .height: 100%;
   _height: 100%;
}

.Header .TopMenu
{
	position: absolute;
	right: 8px;
	top: 8px;
	width: 170px;
}

.Header .TopMenu a,
.Header .TopMenu a:link
{
	color: #333333;
	text-decoration: none;
}

.Header .TopMenu dl
{
	float: right;
	margin-top: 0px;
}

.Header .TopMenu dl dt
{
	display: none;
}

.Header .TopMenu dl dd
{
	display: block;
	float: left;
	margin: 3px 0px 0px 2px;
	padding: 0px 0px 0px 13px;
	background: transparent url(../Images/Leeuwendaal/bullet.circle.gif) no-repeat -2px 0px;
}

.Header .TopMenu dl dd.first,
.Header .TopMenu dl dd.print
{
	background-image: none;
	margin: 3px 0px 0px 0px;
	padding: 0px;
}

.Header .TopMenu dl dd.print
{
	margin-left: 10px;
	margin-top: 0px;
}


.Mainmenu
{
	height: 47px;
   _height: 35px;
   .height: 35px;
   margin: 0;
   padding: 0 5px;
   list-style: none;
   background: #eba913 url(../Images/Leeuwendaal/Mainmenu.Button.jpg) left top repeat-x;
   font-size: 10px;
}

.Mainmenu li
{
   display: block;
   margin: 0;
   padding: 0;
   float: left;
   height: 35px;
}

.Mainmenu a
{
   display: block;
   float: left;
   background: #eba913 url(../Images/Leeuwendaal/Mainmenu.Button.jpg) left top repeat-x;
   color: #333333;
   height: 24px;
   _height: 47px;
   text-decoration: none;
   padding: 11px 6px 10px 6px;
   border-right: 1px solid #f4cd83;
   border-bottom: 1px solid #df9802;
   white-space: nowrap;
}

.Mainmenu a:hover, .Mainmenu a.Hover
{
   background-position: left -70px;
}

.Mainmenu a.Selected, .Mainmenu a.Selected:hover
{
   background-position: left 0px;
   color: #FFF;
}

.Submenu
{
   background: #666;
   height: auto;
   padding: 0;
   position: absolute;
   margin-top: 35px;
   margin-left: -1px;
   border: 1px solid #333;
   border-top: 0;
   z-index: 9999;
   font-size: 11px;
}

.Submenu li
{
   float: none;
   height: auto;
}

.Submenu a
{
   float: none;
   background: #666;
   color: #FFF;
   border: 0;
   height: 10px;
   padding: 6px 11px;
   border-bottom: 1px solid #777;
   width: 100%;
}

.Submenu a:hover
{
   background: #444;
   color: #e09b00;
}

.Path
{
	display: block;
   font-size: 11px;
   color: #666;
   vertical-align: middle;
   padding: 4px 4px 4px 190px;
}

.Path a, .Path span, .Path img
{
   vertical-align: middle;
}

.Path a
{
   color: #666;
   text-decoration: none;
}

.Path a:hover
{
   text-decoration: underline;
   color: #000;
}

.Path img
{
   margin: 3px 4px;
}

.Content
{
}

.Leftmenu
{
   background: #e5e5e5;
   float: left;
   width: 173px;
   overflow: hidden;
}

.Leftmenu a
{
   color: #d18b06;
   text-decoration: none;
}

.Leftmenu a:hover
{
   text-decoration: underline;
}

.LeftmenuItems, .LeftmenuItems li,
.LeftmenuItemsSub, .LeftmenuItemsSub li
.LeftmenuItemsSubSub, .LeftmenuItemsSubSub li
{
   margin: 0;
   padding: 0;
   list-style: none;
}

.LeftmenuItems a, .LeftmenuItemsSub a, .LeftmenuItemsSubSub a
{
   display: block;
   _width: 100%;
   border-bottom: 1px solid #ececec;
   padding: 5px 5px 6px 16px;
   color: #333;
   font-size: 13px;
}

.LeftmenuItemsSub a
{
   padding-left: 26px;
   background: #f3f3f3;
   border-bottom: 1px solid #d2d2d2;
}

.LeftmenuItemsSubSub a
{
   padding-left: 38px;
   background: #f2f2f2;
   border-bottom: 1px solid #e9e9e9;
   font-size: 11px;
   font-weight: normal;
}

.LeftmenuItems a:hover, .LeftmenuItemsSub a:hover, .LeftmenuItemsSubSub a:hover
{
   background: #ebebeb;
   text-decoration: none;
}

.LeftmenuItemsSub a:hover
{
   background: #ededed;
}

.LeftmenuItemsSubSub a:hover
{
}

.LeftmenuItems a.NoLink, .LeftmenuItemsSub a.NoLink, .LeftmenuItemsSubSub a.NoLink
{
   background: transparent;
   color: #333;
   cursor: default;
}

.LeftmenuItemsSub a.NoLink
{
   background: #e6e6e6;
   z-index: 1;
}

.LeftmenuItemsSubSub a.NoLink
{
   background: #f2f2f2;
}

.LeftmenuItems a.Selected, .LeftmenuItems a.Selected:hover,
.LeftmenuItemsSub a.Selected, .LeftmenuItemsSub a.Selected:hover,
.LeftmenuItemsSubSub a.Selected, .LeftmenuItemsSubSub a.Selected:hover
{
   background: #CCC;
   color: #000;
   font-weight: bold;
}

.LeftmenuItemsSubSub a.Selected, .LeftmenuItemsSubSub a.Selected:hover
{
   background: #FFFF90;
}

.QuoteBlock
{
   background: #d3d3d3;
   color: #333;
   padding: 6px !important;
   border-top: 1px dashed #808080;
   border-bottom: 1px dashed #808080;
   margin: 26px 0;
}

.LeftmenuBlock
{
   padding: 10px;
   margin: 10px 0;
}

.LeftmenuBlock h3
{
   font-size: 0.75em;
}

.LeftmenuBlock small
{
   font-size: 0.9em;
}

.LeftmenuBlock ul, .LeftmenuBlock li
{
   margin: 0;
   padding: 0;
   list-style: none;
}

.LeftmenuBlock li
{
   padding-top: 10px;
}

/* Theme blocks in right menu. */
.ThemeBlocks
{
}

	.ThemeBlocks dd
	{
		margin: 18px;
	}


.Main
{
   background: #FFF;
   float: left;
   width: 615px;
   overflow: hidden;
}

.Introduction, .Body
{
   background: #f6ce80;
   color: #333;
   padding: 20px 25px;
   line-height: 160%;
}

.Introduction, .Body td
{
   line-height: 160%;
}

.Body
{
   background: transparent;
}

.Introduction h1, .Introduction h2, .Introduction h3, .Introduction h4,
.Body h1, .Body h2, .Body h3, .Body h4
{
   text-transform: uppercase;
   font-size: 1.3em;
   padding-bottom: 4px;
}

.Introduction h2, .Introduction h3, .Introduction h4,
.Body h2, .Body h3, .Body h4
{
   font-size: 1.1em;
}

.Main a
{
   font-weight: bold;
   color: #333;
}

.Main a:hover
{
   border-bottom: 1px solid #333;
}

.Main h3
{
   text-transform: uppercase;
   font-size: 1.2em;
}

.FrontPageContainer
{
   margin: 28px 10px 0px 10px;
   _margin: 29px 10px 0px 10px;
}

.NewsIndex,
.VacatureIndex
{
	width: 49%;
	float: left;
}

.PublicatieIndex,
.OpleidingIndex
{
	width: 49%;
	float: right;
}

.NewsIndex,
.VacatureIndex,
.PublicatieIndex,
.OpleidingIndex
{
   background: #FFF;
   color: #dd9701;
   margin: 0 0 16px;
}

.NewsIndex h3,
.VacatureIndex h3,
.PublicatieIndex h3,
.OpleidingIndex h3
{
   background: inherit;
   display: block;
   padding: 5px 14px;
   color: #5f5f5f;
}

.NewsIndex a,
.VacatureIndex a,
.PublicatieIndex a,
.OpleidingIndex a,
.NewsIndex a:link,
.VacatureIndex a:link,
.PublicatieIndex a:link,
.OpleidingIndex a:link
{
	display: block;
   color: #333;
   font-weight: bold;
   text-decoration: none;
}


.NewsIndex a:hover,
.VacatureIndex a:hover,
.PublicatieIndex a:hover,
.OpleidingIndex a:hover
{
   color: #d48e09;
   border-bottom: 0px;
}

.NewsIndex ul,
.VacatureIndex ul,
.PublicatieIndex ul,
.OpleidingIndex ul
{
   margin: 0;
   padding: 11px 14px;
   list-style: none;
   line-height: 160%;
}

.NewsIndex ul li,
.VacatureIndex ul li,
.PublicatieIndex ul li,
.OpleidingIndex ul li
{
	padding: 0px 0px 0px 16px;
	background: transparent url(../Images/Leeuwendaal/bullet.png) no-repeat -2px 2px;
	margin-bottom: 0px;
	_margin-bottom: -1em;
	.margin-bottom: -1em;
}

.NewsIndex ul li:hover,
.VacatureIndex ul li:hover,
.PublicatieIndex ul li:hover,
.OpleidingIndex ul li:hover
{
	background-position: 0px 2px;
}
	
.Rightmenu
{
   float: left;
   width: 183px;
   overflow: hidden;
   position: relative;
}

.SearchBlock
{
   background: #b2b2b2;
   font-size: 13px;
   color: #FFF;
   padding: 111px 10px 0 20px;
   height: 35px;
   _height: 146px;
}

.SearchBlock .TextField
{
   border: 1px solid #737373;
   background: #FFF;
   color: #333;
   font-size: 11px;
   width: 100px;
   float: left;
}

.SearchBlock .submit
{
	display: block;
	clear: right;
	margin-top: 7px;
	padding-left: 4px;
}

.SearchBlock input[class="TextField"] {
   margin: 5px 0;
}

.Rightmenu a
{
   color: #333;
}

.Rightmenu a:hover
{
   color: #ba8e37;
}

.RightmenuBlock
{
   padding: 18px 10px;
}

/* Visuals hoofdmenu */
#VisualAmbtenarenArbeidsrecht
{
   background-image: url(../Images/Leeuwendaal/Visual.AmbtenarenArbeidsrecht.jpg);
   height: 146px;
}
#VisualBeloningsmanagement
{
   background-image: url(../Images/Leeuwendaal/Visual.Beloningsmanagement.jpg);
   height: 146px;
}
#VisualBestuursrecht
{
   background-image: url(../Images/Leeuwendaal/Visual.Bestuursrecht.jpg);
   height: 146px;
}
#VisualInterimManagement
{
   background-image: url(../Images/Leeuwendaal/Visual.InterimManagement.jpg);
   height: 146px;
}
#VisualOmgevingsrecht
{
   background-image: url(../Images/Leeuwendaal/Visual.Omgevingsrecht.jpg);
   height: 146px;
}
#VisualOpleidingOntwikkeling
{
   background-image: url(../Images/Leeuwendaal/Visual.OpleidingOntwikkeling.jpg);
   height: 146px;
}
#VisualOrganisatieAdvies
{
   background-image: url(../Images/Leeuwendaal/Visual.OrganisatieAdvies.jpg);
   height: 146px;
}
#VisualPsychologie
{
   background-image: url(../Images/Leeuwendaal/Visual.Psychologie.jpg);
   height: 146px;
}
#VisualWervingSearch
{
   background-image: url(../Images/Leeuwendaal/Visual.WervingSearch.jpg);
   height: 146px;
}

/* Visuals linkermenu */
#VisualContact
{
   background-image: url(../Images/Leeuwendaal/Visual.Contact.jpg);
   height: 146px;
}
#VisualOpleidingen
{
   background-image: url(../Images/Leeuwendaal/Visual.Opleidingen.jpg);
   height: 146px;
}
#VisualOverLeeuwendaal
{
   background-image: url(../Images/Leeuwendaal/Visual.OverLeeuwendaal.jpg);
   height: 146px;
}
#VisualReferenties
{
   background-image: url(../Images/Leeuwendaal/Visual.Referenties.jpg);
   height: 146px;
}
#VisualVacatures
{
   background-image: url(../Images/Leeuwendaal/Visual.Vacatures.jpg);
   height: 146px;
}
#VisualOnzeExpertise
{
   background-image: url(../Images/Leeuwendaal/Visual.OnzeExpertise.jpg);
   height: 146px;
}


.MedewerkerIndex a
{
   border: 0px !important;
}

.QuoteTicker
{
	color: #333333;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 17px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	background: #d3d3d3;
}

.eQuoteTickerOld,
.eQuoteTickerNew
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 160px;
}


.ThemaItemHeader a,
.ThemaItemHeader a:link
{
	display: block;
}

.ThemaItemHeader a:hover
{
	border: 0px;
}

.ThemaImage
{
	float: right;
	margin: 0px 0px 12px 12px;
}

	.ThemaImage a:hover
	{
		border: 0px;
	}