﻿/* CSS Document */

body, html
{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 100%;
}

body
{
	width: 100%;
	height: 100%;
	background: white;
	background-repeat: repeat-y;
}

html
{
	overflow: scroll;
}


h1
{
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
}

h2
{
	font-size: 9pt;
	font-weight: bold;
}

h3
{
	font-size: 10pt;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
}


p
{
	margin-bottom: 8px;
	font-size: 8pt;
}

img
{
	border: 0;
	padding: 0;
	margin: 0;
}

#wrap
{
	width: 100%;
	background: #ededed url('../images/bg_white.gif');
	background-repeat: repeat-y;
}

#container
{
	top: 0;
	width: 49.99999%;
	position: absolute;
	left: 50%;
	z-index: 2;
	height: 386px;
}

#grijs_rechts
{
	bottom: 0;
	width: 49.99999%;
	position: absolute;
	left: 50%;
	z-index: 2;
	height: 100%;
}

#verloop_rechts
{
	background: url('../images/verloop.gif');
	width: 100%;
	right: 0px;
	position: absolute;
	top: 0px;
	height: 386px;
	z-index: 2;
}

#verloop_rechts_vervolg
{
	background: url('../images/verloop_vervolg.jpg');
	width: 100%;
	right: 0px;
	position: absolute;
	top: 0px;
	height: 170px;
	z-index: 2;
}


#kleur_links
{
	width: 100%;
	left: -942px;
	position: absolute;
	top: 137px;
	height: 33px;
	z-index: 5;
}

#FullFooter
{
	width: 100%;
	position: relative;
	float: right;
	height: 39px;
	z-index: 0;
	margin-top: -39px;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	line-height: 50px;
	overflow: hidden;
	text-align: center;
	background-color: White;
}

#ImageFooter
{
	width: 50%;
	position: relative;
	float: left;
	height: 39px;
	z-index: 1;
	overflow: hidden;
	background: url('../images/departments/corporate/footer.gif');
	background-position: right bottom;
	background-repeat: no-repeat;
}

#kleur_rechts
{
	width: 50%;
	position: relative;
	float: right;
	margin-left: -10px;
	height: 39px;
	z-index: 5;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	line-height: 50px;
	overflow: hidden;
}

#content
{
	margin: 0 auto;
	width: 942px;
	display: block;
}

#content2
{

	width: 100%;
	 overflow: hidden;  /* if not commented out, the menus do not overflow on the right side */ 
	background: white url('../images/swoosh.gif');
	background-position: top right;
	background-repeat: repeat-y;
}

#header
{
	position: relative;
	width: 942px;
	z-index: 3;
}

.ImageHeaderVision
{
	width: 942px;
}

.ImageHeaderContent
{
	width: 600px;
	padding-bottom: 10px;
}

.LabelHeaderVision
{
	width: 942px;
}

.LabelHeaderContent
{
	float: left;
	position: relative;
	width: 600px;
	height: 160px;
	padding-bottom: 10px;
	clear: both;
}


.SigmaxLogo
{
	position: absolute;
	right: 0;
}

.Hidden
{
	display: none;
}

.FloatLeft
{
	float: left;
}

.FloatRight
{
	float: right;
}

#headerImages
{
	height: 99px;
	position: relative;
}

#menu
{
	padding: 0;
	margin: 0px;
	width: 890px;
	padding-right: 52px;
	height: 34px;
	line-height: 34px;
	position: relative; /*float:              left;      */
	z-index: 1;
}

.TopNavigationItemcontainer, .TopNavigationItemcontainer_f2
{
	position: relative;
	display: block;
	width: auto;
	height: 34px;
	float: left;
	margin: 0px;
	padding: 0px;
	margin-bottom: 3px;
	border-style: solid;
	border-width: 0px;
	z-index: 1000px;
}

.TopNavigationItemcontainerContact, .TopNavigationItemcontainerContact_f2
{
	position: relative;
	display: block;
	width: auto;
	height: 34px;
	float: right;
	margin: 0px;
	padding: 0px;
	margin-bottom: 3px;
	border-style: solid;
	border-width: 0px;
	z-index: 1000px;
}

.TopNavigationSeparator
{
	position: relative;
	display: block;
	width: auto;
	height: auto;
	float: left;
	z-index: 1000px;
}

.TopNavigationLinkcontainer
{
	position: relative;
	display: block;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0 8px 0 14px;
	float: left;
	z-index: 1000px;
}

.TopNavigationLinkcontainerContact
{
	position: absolute;
	display: block;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0 8px 0 14px;
	right: 0px;
	top: 0px;
	z-index: 1000px;
}

a.TopNavigationLink, a.TopNavigationLink_f2
{
	display: block;
	width: auto;
	height: auto;
	text-decoration: none;
	font-weight: bold;
	z-index: 1000px;
}

a.TopNavigationLink_f2, a.TopNavigationLink:hover
{
	text-decoration: underline;
}

.MenuItemContainer
{
	display: block;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: auto;
	height: 20px;
	float: left;
	cursor: hand;
	cursor: pointer;
	z-index: 1000;
}

/* Submenus styles */

.SubMenuItemsContainer
{
	position: absolute;
	display: block;
	width: auto;
	height: 17px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 3px;
	border-style: solid;
	border-width: 0px;
	left: 0px;
	margin-left: 0px;
	top: 33px;
	z-index: 1000px;
}

.SubMenuItemsContainerContact
{
	position: absolute;
	display: block;
	width: auto;
	height: 17px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 3px;
	border-style: solid;
	border-width: 0px;
	left: 0px;
	margin-left: -148px;
	top: 33px;
	z-index: 1000px;
}


.SubMenuItemContainer, .SubMenuItemContainer:hover
{
	position: relative !important;
	position: inherit;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 198px;
	height: auto;
	float: left;
	clear: both;
	cursor: hand;
	cursor: pointer; /*opacity:            .8;                             filter              :alpha(opacity=80);*/
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	z-index: 1000;
}

.SubMenuItemContainer:hover
{
	/*opacity:            1; 	                        filter:             alpha(opacity=100);*/
	z-index: 1000;
}

.SubMenuItemLink, .ActiveSubMenuItemLink
{
	display: block;
	width: 190px;
	height: auto;
	text-decoration: none;
	width: 182px;
	padding-left: 8px;
	padding-right: 8px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	z-index: 1000px;
}

.ActiveSubMenuItemLink
{
	text-decoration: none;
}

.SubMenuItemContainer a:hover
{
	/*width: 174px;*/
}
/* End of Submenus styles */


.SubSubMenuItemLink, .ActiveSubSubMenuItemLink
{
	position: relative;
	display: block;
	width: 190px;
	height: auto;
	text-decoration: none;
	width: 182px;
	padding-left: 8px;
	padding-right: 8px;
	font-weight: bold;
	text-decoration: none;
	z-index: 1000;
	color: White;
}


.SubSubMenuItemsContainerLeft
{
	display: block;
	position: absolute;
	width: 182px;
	height: auto;
	left: 198px;
	z-index: 1000;
	margin-top: -34px;
}

.SubSubMenuItemsContainerRight
{
	display: block;
	position: absolute;
	width: 182px;
	height: auto;
	right: 214px;
	z-index: 1000;
	margin-top: -34px;
}





#hoekje_grijs
{
	position: absolute;
	top: 99px;
	right: 0px;
	width: 44px;
	height: 34px;
	background: url('../images/hoekje_grijs.gif') no-repeat;
	z-index: 2;
}

#hoekje_grijs_vervolg
{
	position: absolute;
	top: 99px;
	right: 0px;
	width: 44px;
	height: 34px;
	background: url('../images/hoekje_grijs_vervolg.jpg') no-repeat;
	z-index: 2;
}

#klikpad
{
}

#klikpad ul
{
	padding: 0;
	margin: 0;
	width: 898px;
	height: 33px;
	line-height: 33px;
	font-weight: normal;
	margin-top: 4px;
	margin-bottom: 4px;
}

#klikpad ul li
{
	float: left;
	list-style-type: none;
	padding: 0 12px 0 6px;
}

#klikpad ul li a
{
	text-decoration: none;
	font-weight: normal;
}

#klikpad ul li a:hover
{
	text-decoration: none;
}

#hoekje_breadcrumb
{
	position: absolute;
	top: 137px;
	right: 21px;
	width: 23px;
	height: 33px;
}

#hoekje_breadcrumb_vervolg
{
	position: absolute;
	top: 137px;
	right: 21px;
	width: 23px;
	height: 33px;
}

.headerlanguagelink
{
	position: relative;
	top: 0px !important;
	top: 10px;
}

#tekst
{
	float: left;
	position: relative;
	margin-left: 5px;
	width: 632px;
	min-height: 410px;
	height: auto !important;
	height: 410px;
	overflow: visible;
	line-height: 18px;
	font-size: 8pt;
	padding-bottom: 35px;
	z-index: 0 !important;
	z-index: -1;
}

#tekst_default
{
	float: left;
	position: relative;
	margin-left: 5px;
	width: 632px;
	min-height: 410px;
	height: auto !important;
	height: 410px;
	overflow: visible;
	line-height: 18px;
	font-size: 8pt;
	padding-bottom: 35px;
}


.ContentContainer
{
	position: relative;
	display: inline;
	width: 632px;
	float: left;
	padding-bottom: 20px;
	z-index: -1;
}

.ContentContainer_Default
{
	position: relative;
	display: block;
	width: 632px;
	float: left;
	z-index: 0;
}

.ContentContainer a, .ContentContainer_Default a
{
	text-decoration: underline;
	z-index: -1;
}

.ContentContainer a:hover, .ContentContainer_Default a:hover
{
	text-decoration: none;
}

.ContentContainer h1, .ContentContainer_Default h1
{
	padding: 15px 0 0 0; /*margin: 0;*/
	font-size: 14px; /*line-height: 14px;*/
	z-index: -1;
	text-transform: uppercase;
}

.PageTitleContainer
{
	float: left;
	position: relative;
	margin: 10px 0 0px 0;
	text-transform: uppercase;
	z-index: 0;
	display: inline;
}

.ContentContainer h2
{
	padding: 18px 0 18px 0;
	margin: 0;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	display: inline;
}


.TickerContainer
{
}

.nieuws
{
	padding: 31px 0 35px 0;
	width: 100%;
	display: block;
}

#blokken
{
	float: left;
	background: url('../images/bg_blok.gif');
	background-repeat: repeat-y;
}

.blok
{
	width: 204px;
	margin: 0px 6px 0px 0px;
	float: left;
	display: block;
}

.blok h3
{
	display: block;
	background: url('../images/bg_header_blok.gif');
	background-repeat: no-repeat;
	font-size: 10px;
	line-height: 26px;
	height: 34px;
	text-transform: uppercase;
	padding: 0px 0px 8px 15px;
	margin: 0;
	font-weight: bold;
}

.blok a
{
	text-decoration: none;
	color: black;
	clear: both;
	position: relative;
	float: left;
	margin-left: 22px;
	width: 160px;
}

.blok_footer
{
	width: 100%;
	float: left;
	background: url('../images/bg_footer_blok.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.tekst ul
{
	background: url('../images/bg_header_blok.gif');
	background-repeat: no-repeat;
	font-size: 10px;
	line-height: 26px;
	height: 34px;
	text-transform: uppercase;
	padding: 0px 0px 0px 15px;
	margin: 0;
}

#footer
{
	background-repeat: no-repeat; /*position: relative; 	float: left;*/
	width: 100%;
	height: 39px;
	display: block;
	margin-top: 30px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

#kleur_rechts a
{
	text-decoration: none;
}

#kleur_rechts a:hover
{
	text-decoration: underline;
}

#footercontent
{
	position: relative;
	float: left;
	width: 450px;
}


.ruimte
{
	float: right;
	position: relative;
	margin-right: 10px;
	margin-left: 20px;
}


#rechts
{
	width: 255px;
	position: relative;
	float: right;
}


.blok_rechts
{
	width: 240px;
	background: url('../images/rechts_blok_mid.gif');
}

.blok_midden
{
	padding: 0 24px 0 24px;
	width: 192px;
}

.blok_boven
{
	width: 240px;
	height: 12px;
	background: url('../images/rechts_blok_boven.gif');
	background-repeat: no-repeat;
}

.blok_onder
{
	width: 240px;
	height: 16px;
	background: url('../images/rechts_blok_onder.gif');
	background-repeat: no-repeat;
}

.zoekvak
{
	float: left;
	padding-top: 30px;
	height: 50px;
	display: block;
}

#zoek
{
	float: left;
	width: 178px;
	height: 50px;
	padding: 2px 0 0 24px;
	background: url('../images/zoeken_bg.gif');
	background-repeat: no-repeat;
	display: block;
}

#zoek input
{
	border: 1px solid white;
	width: 173px;
	padding: 0;
	margin: 0;
	z-index: 0;
}

#zoek_button
{
	float: left;
	width: 37px;
	padding: 0;
	background-repeat: no-repeat;
}

#zoek_button input
{
	float: left;
	background-color: white;
}

.ZoekBox
{
	float: left;
	position: relative;
	width: 173px;
	display: block;
	z-index: 0;
}

#button
{
	height: 30px;
	width: 37px;
	float: left;
	border: 0px solid white;
}

.FeaturedItem
{
	position: relative;
	width: 180px;
	height: auto;
	display: block;
	float: left;
	clear: left;
	left: 25px;
	line-height: 12pt;
}

.FeaturedItemTitel
{
	font-size: 9pt;
	font-weight: bold;
	color: #004B9B;
}

.FeaturedItemContent
{
	font-size: 8pt;
}

.FeaturedItemContent a
{
	text-decoration: none;
	white-space: nowrap;
}

.FeaturedItemSeparator
{
	position: relative;
	width: 225px;
	height: auto;
	display: block;
	float: left;
}

.FeaturedItemRuler
{
	margin: 10px 0px;
	border-width: 2px;
	border-style: solid;
	border-color: White;
}




/* OLD CSS */

.TextBox
{
	position: relative;
	display: block;
	width: 200px;
}

.MultiLineTextBox
{
	position: relative;
	display: block;
	width: 200px;
	height: 125px;
}

.ContactFormContainer
{
	float: left;
	display: block;
	clear: both;
	position: relative;
	margin-top: 10px;
	width: 602px;
	padding-left: 20px;
}

.ContactFormRow
{
	float: left;
	clear: both;
	display: block;
	margin-top: 3px;
	width: 602px;
}

.ContactFormLabelColumn
{
	float: left;
	display: block;
	width: 150px;
}

.ContactFormEditColumn
{
	float: left;
	display: block;
	width: 250px;
	text-align: left;
}

.ContactFormEditColumn input
{
	width: 250px;
	padding-left: 3px;
}

.ContactFormEditColumn span.Radio
{
	width: 25px;
}

.ContactFormEditColumn span.Radio input
{
	width: 25px;
}

.ContactFormEditColumn textarea
{
	width: 250px;
	height: 125px;
	padding-left: 3px;
}

.ContactFormErrorColumn
{
	float: left;
	display: block;
	width: 190px;
	margin-left: 12px;
	color: Red;
}


.ContactFormButton
{
	text-align: center;
	background-color: #00598f; /* DARK BLUE */
	color: White;
	font-weight: bold;
}

.Button
{
	position: relative;
	width: 180px;
	height: auto;
	display: block;
	float: left;
	clear: left;
	left: 25px;
	line-height: 12pt;
}


.DepartmentTitleContainer
{
	float: right;
	display: block;
	margin: 5px;
}

.DepartmentTitle
{
	font-size: 10pt;
	font-weight: bold;
	color: #004B9B;
}

.MoreVacanciesContainer
{
	display: block;
	float: right;
}

.VacanciesLinkcontainer a:link
{
	color: #004B9B;
}

.VacanciesLink
{
	font-size: 2;
	font-weight: bold;
}
.LinkArea
{
	border: solid 1px black;
	width: 180px;
	height: 100px;
	font-size: smaller;
}
.LinkAreaHeader
{
	background-color: Gray;
	color: #003388;
	font-weight: bold;
	padding: 5px;
}
.LinkAreaLinks
{
	padding: 5px;
}
.LinkArea A
{
	color: Black;
	text-decoration: none;
}
.LinkArea A:hover
{
	text-decoration: underline;
}


.SiteMapContainer
{
	position: relative;
	width: 530px;
	height: auto;
	display: block;
	float: left;
	clear: left;
	padding-left: 20px;
}

.SiteMapDepartmentContainer
{
	position: relative;
	width: 515px;
	height: 20px;
	margin-top: 10px;
	display: block;
	float: left;
	clear: both;
}


.SiteMapCategoryContainer
{
	position: relative;
	width: 500px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	height: auto;
	display: block;
	float: left;
	clear: both;
	height: 15px;
}


.SiteMapCategory
{
	cursor: hand;
	cursor: pointer;
	position: relative;
	float: left;
	clear: both;
}

.SiteMapLinksContainer
{
	display: block;
}

.SiteMapLinksContainerHidden
{
	display: none;
}

.SiteMapLinkContainer
{
	position: relative;
	width: 520px;
	height: auto;
	display: block;
	float: left;
	margin-left: 10px;
	clear: both;
}


.SiteMapLinkContainer a
{
	margin-left: 10px;
	text-decoration: none;
	font-weight: normal; /*font-size:          8pt;    					float:left; 					margin:0; 					padding:0;*/
}
.SearchResultsContainer
{
	position: relative;
	width: 530px;
	height: auto;
	display: block;
	float: left;
	clear: left;
	padding-left: 20px;
}

.SearchResultsDepartmentContainer
{
	width: 530px;
	margin-top: 10px;
	display: block;
	float: left;
	position: relative;
	clear: both;
}

.SearchResultsContainer h1
{
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}

.SearchResultsContainer h2
{
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 8pt;
}

.SearchResultsCategoryContainer
{
	width: 525px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	height: auto;
	display: block;
	float: left;
	clear: both;
}


.SearchResultsCategory
{
	cursor: hand;
	cursor: pointer;
}

.SearchResultsLinksContainer
{
	display: block;
}


.SearchResultsLinksContainerHidden
{
	display: none;
}

.SearchResultsLinkContainer
{
	position: relative;
	width: 530px;
	height: auto;
	display: block;
	float: left;
	clear: both;
}


.SearchResultsLinkContainer a
{
	margin-left: 30px;
	text-decoration: none;
	font-weight: normal;
	color: #004B9B;
	font-size: 8pt;
}


.NewsPanelCategories
{
	float: left;
	width: 150px; /*height:				500px;*/
	padding-left: 20px;
	font-size: 8pt;
}


.NewsPanelCategories a:link, .NewsPanelCategories a:visited
{
	position: relative;
	float: left;
	clear: both;
	padding-bottom: 10px;
	width: 140px;
	text-decoration: none;
}


.PanelNewsItem
{
	font-size: 8pt;
}

.NewsItemTitel
{
	font-weight: bold;
	color: #004B9B;
	text-transform: uppercase;
}

.NewsCategoryTitle
{
	float: left;
	position: relative;
	clear: both;
	font-weight: bold;
	padding-bottom: 3px;
}

.SiteMapLinkContainer a
{
	color: #004B9B;
	font-size: 8pt;
}

.NewsPanelIntros
{
	float: left;
	width: 350px;
	height: auto;
	overflow: visible;
	line-height: 170%;
	font-size: 8pt;
}

a.NieuwsRepeaterLink:link, a.NieuwsRepeaterLink:active, a.NieuwsRepeaterLink:visited, a.NieuwsRepeaterLink:hover
{
	font-weight: bold;
	text-decoration: none;
}

.NieuwsRepeaterIntro
{
	color: #333333;
}

.pnlNieuwsIntro
{
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}

a.NieuwsRepeaterLink:hover
{
	color: #3A9ADA;
}

.NieuwsRepeater_ul
{
	list-style-type: none;
}

.NieuwsRepeater_li
{
	list-style-type: none;
}




.NieuwsIntroRepeater_ul
{
	position: relative;
	display: block;
	left: 0px;
	list-style-type: none;
}

.NieuwsIntroRepeater_li
{
	position: relative;
	display: block;
	clear: left;
	width: 130px;
	height: auto;
	list-style-type: none;
}

.NieuwsIntroRepeater_ul
{
	list-style-type: none;
}

.NieuwsIntroRepeater_li
{
	color: #3A9ADA;
	list-style-type: none;
}

.NieuwsIntroRepeaterCategorie
{
	color: #3A9ADA;
	font-weight: bold;
}

.NieuwsIntroRepeaterTitel
{
	float: left;
	position: relative;
	clear: both;
	font-weight: bold;
	color: #1A2D71;
	width: 330px;
}

.NieuwsIntroRepeaterLeesMeerLink
{
	padding-left: 15px !important;
	padding-left: 17px;
	padding-top: 10px;
}

.NewsPanelCategories a:link, .NewsPanelCategories a:visited, .PanelNewsItem a:link, .PanelNewsItem a:visited, .NieuwsIntroRepeaterLeesMeerLink a:link, .NieuwsIntroRepeaterLeesMeerLink a:visited, .MoreVacanciesContainer a:link, .MoreVacanciesContainer a:visited
{
	color: #004B9B;
	text-decoration: none;
}

