/* General */

html
{
   overflow-y: scroll;
   margin: 0;
   padding: 0;
}

body 
{
	font: 75%/150% Verdana, sans-serif;
	color: #054780;
	text-align: center;
	background-color: #FFF;
	background-position: center 48px;
	background-repeat: no-repeat;
	padding: 1em 0;
	margin: 0;
}

body#Site
{
   background: #FFF;
}

#Wrapper
{
	width: 849px;
	margin: 0 auto;
	text-align: left;
}

tr
{
	vertical-align: top;
}

dt
{
   font-weight: bold;
}

h4
{
   font-size: 1.3em;
}

.NoListStyle
{
   margin-left: 0;
   padding-left: 0;
   list-style: none;
}

.Green
{
   color: green;
}

.Warning
{
   background: #FEB;
   border: 2px solid #FE0;
   padding: 1em;
   margin-top: 1em;
   clear: left;
   -moz-border-radius: 0 0 8px 8px;
   border-radius: 0 0 8px 8px;
}

.Width33
{
   width: 33%;
}



/* Links */

a, a:visited
{
	color: #054780;
}

a:hover
{
   color: #2769C4;
}

a img
{
	border: none;
}

a.ArrowLink
{
	background: url(Images/ArrowRight.gif) no-repeat 0 4px;
	padding-left: 13px;
}



/* Header */

#Header
{
	height: 350px;
	overflow: hidden;
}

#HeaderSmall
{
	height: 140px;
	overflow: hidden;
}

#Header h1,
#HeaderSmall h1
{
	display: none;
}



/* Text */

h1, h2, h3
{
	font-size: 1em;
	line-height: normal;
}

p.MetaData
{
	font-weight: bold;
	margin-bottom: 1em;
}



/* Ornaments */

hr
{
    height: 1px;
    background: none;
    border: none;
    border-top: 1px dotted #9b9b9b;
    margin: 10px 0;
}

.HorizontalRule
{
	height: 1px;
	overflow: hidden;
	background: url(Images/Dots.gif) left top repeat-x;
	margin: 10px 0;
}



/* Paging */

.Paging
{
   background: #E1E6EE;
   margin-bottom: 2.5em;
   padding: .5em 1em;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   font-size: .9em;
}



/* Main menu */

#Menu
{
	background: url(Images/MenuBackground.gif) repeat-x  top left;
	height: 25px;
	margin-bottom: 20px;
	position: relative;
	z-index: 2;
}

#Menu li
{
	float: left;
	background: url(Images/MenuDivider.gif) no-repeat top right;
	list-style: none;
	text-transform: lowercase;
}

   #Menu li ul
   {
      display: none;
   }

#Menu li.Last, #Menu li.BeforeActive
{
	background: none;
}

      #Menu a
      {
	      color: #fff;
	      padding: 0 10px;
	      text-decoration: none;
	      line-height: 25px;
	      display: inline-block;
      }
      
      #Menu a:hover
      {
         text-decoration: underline;
      }

   #Menu li.Active
   {
	   background: #fff url(Images/MenuActiveLeft.gif) no-repeat top left;
   }

      #Menu li.Active a
      {
         background: url(Images/MenuActiveRight.gif) no-repeat top right;
         color: #054780;
      }
      
      #Menu li.Active a:hover
      {
         text-decoration: none;
      }

      #Menu li.Active ul
      {
         display: block;
         position: absolute;
         left: 20px;
         top: 128px;
	      width: 159px;
	      font-size: 90%;
	      margin: 0;
	      list-style: none;
	      background: url(Images/Dots.gif) left top repeat-x;
	      border-bottom: 8px solid #E1E6EE;
      }

         #Menu li.Active li
         {
	         text-transform: lowercase;
	         float: none;
	         background: none;
         }
         
         #Menu li.Active li.Active
         {
				background: url(Images/SubMenuActive.gif) no-repeat 4px 12px;
         }

            #Menu li.Active li a
            {
	            font-weight: bold;
	            text-decoration: none;
	            padding: 5px 15px;
	            margin: 0;
	            display: block;
	            line-height: 16px;
	            background: url(Images/Dots.gif) left bottom repeat-x;
            }
            
            #Menu li.Active li a:hover
            {
               text-decoration: underline;
            }
            
            #Menu li.Active li.Active a:hover
            {
               text-decoration: none;
            }

#Menu .RightMenulinks 
{
    color: #FFF;
    margin-right: 7px;
}

#Menu .RightMenulinks .RightLinks
{
    display: block;
    position: relative;
    z-index: 3;
}

#Menu .RightLinks a
{
    background: url(Images/ArrowDown.gif) no-repeat center right;
    margin-right: 5px;
    padding-right: 13px;
    padding-bottom: 4px;
    outline: none;
    z-index: 10;
}

#Menu .ExpanderBox
{
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0px;
    text-align: right;
    width: 224px;
}

#Menu .ExpanderBox .ExpanderBackgroundColor 
{
    padding: 25px 10px 0px 10px;
    background-color: #054781;
}

#Menu .ExpanderBox .RoundedLeftCorner,
#Menu .ExpanderBox .RoundedRightCorner 
{
    height: 14px;
}

#Menu .ExpanderBox .RoundedLeftCorner 
{
    background: transparent url(Images/BottomLeftCorner.gif) no-repeat bottom left;
}

#Menu .ExpanderBox .RoundedRightCorner 
{
    display: block;
    width: 14px;
    float: right;
    background: transparent url(Images/BottomRightCorner.gif) no-repeat bottom left;
}

#Menu .ExpanderBox hr 
{
    padding: 0;
    margin: 0 0 5px;
}

#Menu .ExpanderBox hr.BottomBar 
{
    margin: 5px;
}

#Menu .ExpanderBox strong
{
    display: block;
    margin: 6px 4px 0px 0px;
    font-size: 1.1em;
    font-weight: bold;
}

#Menu .ExpanderBox .lvalue 
{
    display: block;
    float: left;
    width: 115px;
    text-align: left;
    margin-top: 3px;
    font-size: 0.9em;
}

#GeminiBox .UsernameTextBox,
#GeminiBox .PasswordTextBox,
#Menu .ExpanderBox .SearchTextBox
{
    background: #FFF url(Images/TextboxBackground.png) no-repeat top left;
    padding: 3px 0px 0px 3px;
    height: 19px;
    border: 0px;
    color: #000;
}

#GeminiBox .PasswordTextBox
{
    margin-top: 2px;
}

#Menu .ExpanderBox .SearchTextBox 
{
    width: 200px;
}

#Menu .ExpanderBox .SearchSubmit,
#Menu .ExpanderBox .LoginSubmit
{
    display: block;
    height: 27px;
    width: 68px;
    margin-top: 8px;
    text-indent: -2000px;
    background: url(Images/SearchButton.png) no-repeat center right;
    outline: none;
    float: right;
}

#Menu .ExpanderBox .LoginSubmit 
{
    background-image: url(Images/LoginButton.png);
}
#Menu .ExpanderBox .ExtraLinks a,
#Menu .ExpanderBox .ExtraLinks a:link
{
    font-size: 0.8em;
    line-height: normal !important;
    text-decoration: underline;
    padding: 2px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#Menu .ExpanderBox .ExtraLinks a:hover 
{
    background-color: #2769a3;
}



/* Path */

#NavigationPath
{
	font-size: 80%;
	color: #666;
	padding: 0 27px;
	margin-bottom: 20px;
}

#NavigationPath ul
{
	list-style: none;
	margin: 0;
}

#NavigationPath li
{
	float: left;
	padding-right: 5px;
	text-transform: lowercase;
}

#NavigationPath a
{
	color: #666;
	background: url(Images/NavigationPathDivider.gif) no-repeat center right;
	padding-right: 6px;
}

#NavigationPath .RightMenulinks a
{
	background: url(Images/NavigationPathDivider.gif) no-repeat center left;
	padding-left: 6px;
}



/* Content */

#Content
{
	float: left;
	margin: 0 0 1.5em 219px;
	min-height: 260px;
	width: 425px;
	position: relative;
}

#Content.FullWidth
{
   width: 798px;
   margin: 0 26px 1.5em;
}

	#Content h2,
	#Content .Introduction,
	#Content .Description,
	#Content .Body
	{
		margin-bottom: 1.5em;
	}

	#Content .Introduction
	{
		background: #054780 url(Images/ContentIntroTop.gif) no-repeat top left;
		margin: 0 -13px 1.5em;
		width: 451px;
		position: relative;
	}

	#Content .Introduction div 
	{
		background: url(Images/ContentIntroBottom.gif) no-repeat bottom left;
		color: #fff;
		padding: 13px;
		font-size: 1.1em;
		line-height: 1.2em;
		text-align: justify;
	}

	#Content .Introduction a:link,
	#Content .Introduction a:visited
	{
		color: #FFF;
		text-decoration: none;
		font-weight: bold;
	}

		#Content .Introduction a:hover,
		#Content .Introduction a:active
		{
			text-decoration: underline;
		}

	#Content .Description
	{
		font-weight: bold;
	}
	
	#Content .SearchResult
	{
		padding: 2em 0;
	}



/* News (is #Content for NewsArticleIndex) */

#NewsArticleIndex #Content
{
	width: 592px;
	float: none;
}

	#NewsArticleIndex #Content h2,
	#NewsArticleIndex #Content .Introduction,
	#NewsArticleIndex #Content .Description,
	#NewsArticleIndex #Content .Body
	{
		margin-bottom: 1.5em;
	}
	
	#NewsArticleIndex #Content .Description 
	{
		font-weight: normal;
	}
	
	#NewsArticleIndex #Content .Introduction
	{
		background-image: url(Images/ContentIntroTopLarge.gif);
		width: 620px;
	}
	#NewsArticleIndex #Content .Introduction div
	{
		background-image: url(Images/ContentIntroBottomLarge.gif);
	}

	#NewsArticleIndex #Content .NewsLeft,
	#NewsArticleIndex #Content .NewsRight
	{
		width: 286px;
		float: left;
		margin-top: -10px;
	}

	#NewsArticleIndex #Content .NewsRight
	{
		margin-left: 20px;
	}

	#NewsArticleIndex #Content .NewsArticle
	{
		margin: 2em 0;
		height: 100%;
		background: #FFF;
	}

	#NewsArticleIndex #Content h2
	{
		font-weight: normal;
		font-size: 180%;
		margin-bottom: 18px;
		line-height: 110%;
	}

	#NewsArticleIndex #Content .NewsImage
	{
		float: right;
		margin: 0 0 10px 10px;
	}

   #NewsArticleIndex #Content .AccentContainer
   {
   }
   
	   #NewsArticleIndex #Content .Accent
	   {
		   background-color: #e7ecf2;
		   padding: 10px;
		   margin-top: 10px;
         height: 100%;
	   }

		   #NewsArticleIndex #Content .Accent h3
		   {
			   font-size: 100%;
			   margin-bottom: 3px;
		   }



/* Sidebar */

#SideBar
{
	width: 151px;
	float: right;
	margin-right: 20px;
	font-size: 90%;
	margin-top: 35px;
	color: #666;
}

	#SideBar q,
	#SideBar p
	{
		margin: 10px;
		display: block;
	}

	#SideBar a
	{
		color: #666;
	}



/* Footer */

#Footer
{
	background: url( Images/Footer.gif ) no-repeat top left;
	clear: both;
	color: #fff;
	height: 47px;
	font-size: 80%;
	padding: 9px 15px 0 15px;
	position: relative;
}

	#Footer ul.Navigation
	{
		clear: left;
		line-height: normal;
		height: 17px;
		margin: 2px 0 0;
	}

		#Footer li
		{
			border-right: 1px solid #fff;
			float: left;
			list-style: none;
			padding: 0 8px 0 7px;
		}

		#Footer li.Last
		{
			background: none;
		}

		#Footer a
		{
			color: #fff;
			text-decoration: none;
		}

		#Footer a:hover,
		#Footer a:active
		{
			text-decoration: underline;
		}

		#Footer a.ToHome
		{
			display: block;
			text-decoration: none;
			position: absolute;
			top: 0;
			right: 0;
			height: 50px;
			width: 150px;
		}

		#Footer .Logo
		{
			float: right;
		}



/* Images */

img.FloatRight
{
	margin-left: 15px;
}

img.FloatLeft
{
	margin-right: 15px;
}



/* Shadowed image borders */

.ImageBlock
{
	float: right;
	overflow: hidden;
}

	.ImageBlock .BorderTop,
	.ImageBlock .BorderBottom
   {
	   height: 12px;
	   background: url(Images/Borders.png) -16px 0;
	   position: relative;
   }

		.ImageBlock .BorderTop span,
		.ImageBlock .BorderBottom span
      {
	      position: absolute;
	      top: 0px;
	      right: 0px;
	      width: 12px;
	      height: 12px;
	      background: url(Images/Borders.png) no-repeat -445px -16px;
      }

	   .ImageBlock .BorderTop span
	   {
		   background-position: -445px -5px;
	   }

	.ImageBlock .BorderRight
	{
		background: url(Images/Borders.png) repeat-y top right;
		padding-right: 12px;
	}

		.ImageBlock .BorderRight img
		{
			margin: 0px;
			border: 2px solid #FFF;
		}

	.ImageBlock .BorderBottom
	{
		background-position: -16px -20px;
	}

	.ImageBlock .BorderLeft
	{
		padding-left: 12px;
		background: url(Images/Borders.png) repeat-y top left;
	}


.Showcase:hover .BorderTop,
.Showcase:hover .BorderBottom,
.Showcase:hover .BorderTop span,
.Showcase:hover .BorderBottom span,
.Showcase:hover .BorderLeft,
.Showcase:hover .BorderRight,
.Darkened .BorderTop,
.Darkened .BorderBottom,
.Darkened .BorderTop span,
.Darkened .BorderBottom span,
.Darkened .BorderLeft,
.Darkened .BorderRight
{
	background-image: url(Images/BordersHover.png);
}



/* Forms */

input,
select,
textarea
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

input.Text,
select,
textarea
{
   border: 1px solid #c2d1e2;
}

textarea
{
	font-size: 100%;
}

form.Frontoffice
{
	background-color: #f5f7fa;
	margin: 1.5em 0;
	padding: 0;
}

	form.Frontoffice td
	{
		padding: 2px 0;
	}

		form.Frontoffice input,
		form.Frontoffice select,
		form.Frontoffice textarea
		{
			padding: 2px;
		}

		form.Frontoffice label
		{
			font-weight: bold;
		}

		form.Frontoffice input.Reset,
		form.Frontoffice input.Submit
		{
			padding: .1em 2em;
			margin: .75em 0;
		}

		form.Frontoffice input.Submit
		{
			font-weight: bold;
		}

div.lynkx-captcha
{
	font-family: auto;
}



/* Sibling navigation */

#SiblingNavigation
{
	position: absolute;
	top: 1em;
	left: 460px;
	width: 150px;
	font-size: 90%;
	z-index: 1;
}

	#SiblingNavigation .Previous
	{
		background: url(Images/LinkPrev.gif) no-repeat right 6px;
		padding-right: 13px;
		margin-right: 10px;
		float: left;
	}

	#SiblingNavigation .Next
	{
		background: url(Images/LinkNext.gif) no-repeat left 6px;
		padding-left: 13px;
		float: right;
	}



/* Type: Block */

.Quote 
{
	margin: -10px 0;
	background-color: #e7ecf2;
	padding: 2px 0;
}



/* Types: Client, Employee, Partner, Project */

.ExtraInformation
{
	background-color: #e7ecf2;
	padding: 10px;
	margin-top: -10px;
	margin-bottom: -10px;
	margin-left: -3px;
}

	.ExtraInformation .lvalue 
	{
		display: block;
		float: left;
		width: 100px;
	}

.Showcase 
{
	padding: 10px;
	margin: 0 -10px;
	height: 100%;
}

	.Showcase:hover,
	.Showcase.Accent
	{
		background-color: #e7ecf2;
		padding: 10px;
		margin: 0 -10px;
	}

	.Showcase .ImageBlock 
	{
	}

.Projects,
.RelatedNews
{
	margin: 0.65em 0em;
}



/* Type: Employee */

ul.EmployeeIndex 
{
	display: block;
	width: 400px;
	padding-bottom: 32px;
	margin-bottom: -32px;
}

	ul.EmployeeIndex li 
	{
		display: block;
		float: left;
		width: 98px;
		height: 76px;
		background-repeat: no-repeat;
		background-position: -12px center;
		text-indent: -2000px;
	}

		ul.EmployeeIndex li.OffsetTop 
		{
			margin-top: 42px;
			margin-bottom: -32px;
		}

		ul.EmployeeIndex li.Hidden
		{
			height: 10px;
		}

		ul.EmployeeIndex li a
		{
			display: block;
			width: 98px;
			height: 76px;
			outline: none;
			background: url(Images/EmployeeThumbnail.Overlay.png) center no-repeat;
		}

.InvolvedProjects 
{
	margin-top: -10px;
	margin-bottom: -10px;
	background-color: #e7ecf2;
	padding: 10px;
}

	.InvolvedProjects dl.Projects dt 
	{
		margin-bottom: 4px;
	}

	.InvolvedProjects dl.Projects dd
	{
		margin-left: 0;
	}



/* Balloon */

#Balloon
{
	position: absolute;
	top: 192px;
	left: 113px;
	width: 160px;
}

	#Balloon .LeftTop
	{
		height: 14px;
		width: 10px;
		float: left;
		background: transparent url(Images/Footer.gif) left top no-repeat;
		margin-right: -5px;
		border-bottom: 1px solid #054780;
	}

	#Balloon .CenterTop
	{
		height: 13px;
		background: #054780;
		margin: 0 7px;
		border-bottom: 1px dotted #6292b8;
	}

	#Balloon .RightTop
	{
		height: 14px;
		width: 10px;
		float: right;
		background: transparent url(Images/Footer.gif) right top no-repeat;
		margin-left: -5px;
		border-bottom: 1px solid #054780;
	}
	
	#Balloon #BalloonContent
	{
		background: #054780;
		color: #FFF;
		padding: 3px 11px 5px;
		text-align: left;
		font-size: .9em;
	}

	#Balloon .LeftBottom
	{
		height: 14px;
		width: 10px;
		float: left;
		background: transparent url(Images/Footer.gif) left bottom no-repeat;
		margin-right: -5px;
		border-top: 1px solid #054780;
	}

	#Balloon .CenterBottom
	{
		height: 14px;
		background: #054780;
		margin: 0 7px;
		border-top: 1px dotted #6292b8;
	}

	#Balloon .RightBottom
	{
		height: 14px;
		width: 10px;
		float: right;
		background: transparent url(Images/Footer.gif) right bottom no-repeat;
		margin-left: -5px;
		_margin-top: -5px;
		border-top: 1px solid #054780;
	}

	#Balloon .BalloonPointer
	{
		background: transparent url(Images/Balloon.Point.gif) center bottom no-repeat;
		width: 52px;
		height: 18px;
		margin-left: 30px;
		margin-top: -2px;
	}

.OokLeuk 
{
	margin-top: 12px;
}

   .OokLeuk .FunLink
   {
      position: absolute;
      background: #FFF;
      opacity: 0;
      filter: alpha(opacity=0);
      width: 92px;
      height: 92px;
      border-right: 1px solid #FFF;
      z-index: 999;
   }
   
      .OokLeuk .FunLink span
      {
         display: none;
      }



/* Block (NewsArticle etc) */

.BlockWithHoverEffect
{
   cursor: pointer;
   opacity: 1;
}

.BlockWithHoverEffect:hover
{
   opacity: 0.8;
}



/* Type: NewsArticle */

.PublicationDate 
{
	font-size: 0.8em;
	margin-bottom: 1.5em;
}



/* Type: Project/Product */

.InvolvedEmployees
{
	margin-bottom: 1.5em;
}

.ProjectThumbs,
.ProductThumbs
{
	margin: 10px 0;
}

.ProjectThumbs .ImageBlock,
.ProductThumbs .ImageBlock
{
	max-width: 205px;
	float: none;
}



/* Type: Site */

#SiteBanners
{
	color: #FFF;
	float: left;
	line-height: 130%;
	margin-left: 18px;
	_margin-left: 9px;
	width: 475px;
}

	#SiteBanners a
	{
		color: #FFF;
		text-decoration: none;
	}

	#SiteBanners .Banner.InvertedText,
	#SiteBanners .Banner.InvertedText a
	{
		color: #054780;
	}

	#SiteBanners a:hover,
	#SiteBanners a:active
	{
		text-decoration: underline;
	}

	#SiteBanners .Banner
	{
		background-position: left top;
		background-repeat: no-repeat;
		margin-bottom: 10px;
		height: 100%;
	}

		#SiteBanners .Banner div.BannerBody
		{
			background: url( Images/Site/WhiteCornerBottom.png ) no-repeat bottom right;
		}

		#SiteBanners .Banner h3
		{
			background: url( Images/Site/WhiteCornerTop.png ) no-repeat top right;
			padding: 12px 20px 8px;
		}

	#SiteBanners .Banner div.Description,
	#SiteBanners .Banner dl,
	#SiteBanners .Banner p.SiteBannerLink
	{
		padding: 0 20px 10px;
	}
	
	#SiteBanners .Banner div.Description
	{
	   padding-bottom: 8px;
	}

		#SiteBanners .Banner .SiteBannerLink a,
		#SiteBanners .Banner dl dd a
		{
			background: url( Images/ArrowRightTrans.png ) no-repeat 0 4px;
			padding-left: 13px;
			font-weight: normal;
			text-decoration: underline;
		}

#SiteNews
{
	width: 304px;
	float: right;
	margin-right: 18px;
	_margin-right: 9px;
}

	#SiteNews .NewsArticle
	{
		padding: 10px 0 1.5em;
	}

	#SiteNews .NewsArticle .Description
	{
		margin-bottom: 1em;
	}



/* Maintenance controls */

h1 .MaintenanceControl,
h2 .MaintenanceControl,
h3 .MaintenanceControl
{
	position: relative;
	top: -5px;
}