﻿@media screen
{

	body
	{
		width: 100%;
		height: 100%;
		margin: 0px;
	}

	body, p
	{
		font-family: Arial, Tahoma, Verdana;
		font-size: 12px;
		line-height: 18px;
	}


	h1
	{
		margin-top: 0px;
		font-size: 18px;
		font-family: Arial, Sans-Serif;
		font-weight: bold;
		color: #004688;
	}

	h2
	{
		font-size: 14px;
		font-family: Arial, Sans-Serif;
		color: Black;
		font-weight: bold;
	}

	h3
	{
		margin-top: 0px;
		font-family: Arial, Sans-Serif;
		font-weight: bold;
		color: #004688;
	}

	hr
	{
		width: 100%;
		margin-top: 6px;
		margin-bottom: 6px;
		height: 1px;
		display: inline-block;
	}

	#Page
	{
		margin-left: auto;
		margin-right: auto;
		width: 890px;
		font-family: Arial, Sans-Serif;
		font-size: 12px;
	}

	#HeaderTop
	{
		width: 100%;
		height: 44px;
		font-family: Arial, Sans-Serif;
		font-size: 11px;
		z-index: 30;
	}

	#HeaderTop input
	{
		float: left;
	}

	#HeaderLinks
	{
		float: right;
		z-index: 30;
	}

	#HeaderLinks a
	{
		color: Black;
		text-decoration: none;
		z-index: 30;
	}

	#HeaderMainMenu
	{
		min-height: 100px;
		width: 100%;
		position: relative;
		top: 0px;
	}

	#Header
	{
		height: auto;
	}

	#MenuItemsAndSearch
	{
		width: 100%;
		position: relative;
		top: 0px;
		z-index: 15;
	}

	#Search
	{
		text-align: right;
		width: 235px;
		height: 36px;
		float: right;
		position: relative;
		right: 8px;
		top: -30px;
		z-index: 10;
		overflow: hidden;
	}

	#MainMenu
	{
		float: left;
		position: relative;
		top: 0px;
		z-index: 5;
	}

	#MainMenuImage
	{
		position: relative;
		top: -72px;
		display: inline;
	}

	#ContentWrapper
	{
		position: relative;
		top: -90px;
		width: 100%;
	}

	#contentProduct
	{
		font-family: Arial, Sans-Serif;
		font-size: 12px;
	}

	#Info
	{
		height: 111px;
		width: 100%;
		margin-top: 16px;
		display: inline-block;
	}

	.navigationfont
	{
		font-family: Arial, Sans-Serif;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		color: Black;
		line-height: 30px;
		float: left;
	}
	.logo
	{
		float:left;
		}

	#infoworldwide
	{
		background-image: url('Images/bottom_teaser/teaser_help_business.jpg');
		width: 286px;
		height: 111px;
		float: left;
		margin-right: 15px;
	}

	#infoabout
	{
		background-image: url('Images/bottom_teaser/teaser_about.jpg');
		width: 286px;
		height: 111px;
		float: left;
		margin-right: 15px;
	}

	#infodesintegration
	{
		background-image: url('Images/bottom_teaser/teaser_common_way.jpg');
		width: 286px;
		height: 111px;
		float: left;
		margin-right: 15px;
	}

	#infobusiness
	{
		background-image: url('Images/bottom_teaser/teaser_help_business.jpg');
		width: 286px;
		height: 111px;
		float: left;
		margin-right: 15px;
	}

	#infocontact
	{
		background-image: url('Images/bottom_teaser/contact_image.jpg');
		width: 286px;
		height: 111px;
		float: left;
	}
	#infoCareer
	{
		background-image: url('Images/bottom_teaser/teaser_career.jpg');
		width: 286px;
		height: 111px;
		float: left;
		margin-right: 15px;
	}


	.infotop
	{
		padding-left: 8px;
		padding-right: 8px;
		height: 30px;
		width: (100%-16px);
		background: white;
		filter: alpha(opacity=75);
		-moz-opacity: .75;
		opacity: .75;
	}

	#events
	{
		min-height: 112px;
		margin-top: 16px;
		width: 100%;
	}


	#events a
	{
		text-decoration: none;
		color: #004688;
	}

	#eventstekst
	{
		float: left;
		margin-top: -35px;
		margin-left: 55px;
		margin-right: 8px;
		width: 565px;
	}

	#Footer
	{
		font-family: Arial, Sans-Serif;
		font-size: 11px;
		text-align: left;
		position: relative;
		top: -6px;
		width: 100%;
		color: #004688;
		padding: 0px;
	}


	#Footer a
	{
		color: Black;
		text-decoration: none;
	}

	#footerlinks
	{
		float: right;
	}

	#treeview
	{
		width: 190px;
		margin-right: 16px;
		margin-bottom: 16px;
		padding-top: 24px;
		float: left;
		height: auto;
		padding-left: 15px;
		font-family: Arial, Sans-Bold;
		font-size: 11px;
	}

	#productInfo
	{
		width: 660px;
		float: right;
		padding-top: 24px;
		height: auto;
	}
	.Images
	{
		height: 90px;
		width: 90px;
		margin-right: 20px;
		margin-top: 10px;
		float: left;
	}
	.LastImage
	{
		height: 90px;
		width: 90px;
		margin-top: 10px;
		float: left;
	}

	#ProductPage
	{
		background-color: #F5F5F5;
		width: 99%;
		text-align: left;
		height: auto;
		float: left;
		padding-left: 8px;
		padding-bottom: 8px;
	}
	#pictureList
	{
		border-style: solid none solid none;
		border-width: 1px;
		border-color: #000000;
		margin-right: 15px;
		padding-bottom: 10px;
		padding-top: 10px;
		margin-top: 5px;
		float: right;
		width: 99%;
	}

	p.style1
	{
	}

	/* gehele menu */

    .SubMenu
	{
		background-color: White;
		color: White;
		height: 36px;
		font-size: 12px;
		font-weight: bold;
		font-family: Arial, Sans;
		width: 890px;
	}

	/* alle tabs */
	.SubItemMenu
	{
		color: White;
		height: 36px;
		padding-left: 10px;
		background-color: #AEAFB0;
		background-repeat: no-repeat;
		background-image: url('Images/whiteArrows.gif');
		background-position: 5px center;
		text-indent: -5px;
	}

	/* geselecteerde tab */
	.SelectedMenu
	{
		color: #004688;
		background-color: #F5F5F5;
		background-image: url('Images/arrow_smalle_act.gif');
	}

	.teasertop
	{
		width: 100%;
		border: 0px;
		border-collapse: collapse;
	}

	#teasertopbg
	{
		height: 187px;
		width: 100%;
		background-image: url('Images/topteaser/topteaser_first_bg.jpg');
	}

	#standardText
	{
		text-decoration: none;
		height: 187px;
		width: 100%;
	}
	#teasertopbg a
	{
		color: #004688;
		text-decoration: none;
		font-weight: bold;
	}
	#standardText a
	{
		color: #004688;
		text-decoration: none;
		font-weight: bold;
	}

	#standardText h1
	{
		margin-top: 24px;
		margin-left: 24px;
		font-size: 18px;
		font-family: Arial, Sans-Serif;
		font-weight: bold;
		color: #004688;
	}



	.teasertopaccbg
	{
		height: 187px;
		width: 100%;
		background-image: url('Images/topteaser/topteaser_act_bg.jpg');
	}

	.teasertopaccbg a
	{
		color: #004688;
		text-decoration: none;
		font-weight: bold;
	}
	.NodeStyle
	{
		font-family: Arial;
		font-size: 11px;
		color: Black;
	}
	.headerProductInfo
	{
		color: #004688;
		font-family: Arial, Sans;
		font-size: 18px;
	}
	.headerDate
	{
		color: #666666;
		font-weight: bold;
		font-family: Arial, Sans;
		font-size: 14px;
		
		
	}
	.subHeaderProductInfo
	{
		font-family: Arial, Sans;
		font-size: 14px;
	}
	.buttonSubmit
	{
		width: 200px;
		font-weight: bold;
		background-color: #004688;
		color: white;
	}
	.buttonLogin
	{
		width: 250px;
		font-weight: bold;
		background-color: #004688;
		color: white;
		margin-top: 10px;
	}

	.header5
	{
		font-size: 14px;
		font-weight: bold;
		font-family: Arial, Sans;
	}
	.SelectedMenuHP
	{
		border-width: 1px;
		border-color: #FFFFFF;
		color: #004688;
		text-decoration: underline;
		background-color: #EDEDED;
		border-right-style: solid;
		border-left-style: solid;
	}

	.ProductMenuHP
	{
		height: 40px;
		font-size: 14px;
		font-family: Arial, Sans;
		background-color: #CBCCCD;
	}
	.ProductItemMenuHP
	{
		border-width: 1px 1px 1px 1px;
		border-color: #FFFFFF;
		color: Black;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
	}
	.ProductItemMenuHP:hover
	{
		color: #004688;
		text-decoration: underline;
		background-color: #EDEDED;
		border-right-style: solid;
		border-left-style: solid;
		border-top-width: 1px;
		border-right-width: 1px;
		border-left-width: 1px;
		border-top-color: #FFFFFF;
		border-right-color: #FFFFFF;
		border-left-color: #FFFFFF;
	}
	#standardText
	{
		width: 890px;
		min-height: 200px;
		background-color: #EDEDED;
		font-family: Arial, Sans;
		font-size: 11px;
	}
	.Intelligent
	{
		background-position: left;
		min-height: 200px;
		width: auto;
		position: relative;
		left: -106px;
		background-color: #EDEDED;
		float: left;
		font-family: Arial, Sans;
		font-size: 12px;
		clear: both;
		margin-right: -150px;
	}
	.EventLink
	{
		text-decoration: none;
		color: #004688;
	}

	.EventLink:visited
	{
		text-decoration: none;
		color: #004688;
	}
	#logIn
	{
		margin: auto;
		width: 890px;
		text-align: center;
	}


	.Tab3Standard, .Tab3Selected, .Tab3StandardLeft, .Tab3StandardRight, .Tab3LeftFromSelected, .Tab3RightFromSelected
	{
		float: left;
		height: 42px;
		margin-right: 1px;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		line-height: 42px;
		cursor: pointer;
		width: 295px;
	}
	.Tab4Standard, .Tab4Selected, .Tab4StandardLeft, .Tab4StandardRight, .Tab4LeftFromSelected, .Tab4RightFromSelected
	{
		float: left;
		height: 42px;
		margin-right: 1px;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		line-height: 42px;
		cursor: pointer;
		width: 221px;
	}

	#HomeTabControlContent
	{
	}

	
	.Tab3Standard
	{
		background-image: url(/Images/TabControl/Tab3/NotSelected_177.png);
	}

	.Tab3Selected
	{
		background-image: url(/Images/TabControl/Tab3/Selected_177.png);
		color: #004688;
		text-decoration: underline;
		font-weight: bold;
	}
	.Tab3StandardLeft
	{
		background-image: url(/Images/TabControl/Tab3/NotSelected_LeftRounded_177.png);
	}

	.Tab3StandardRight
	{
		background-image: url(/Images/TabControl/Tab3/NotSelected_RightRounded_177.png);
	}

	.Tab3LeftFromSelected
	{
		background-image: url(/Images/TabControl/Tab3/NotSelected_Left_177.png);
	}

	.Tab3RightFromSelected
	{
		background-image: url(/Images/TabControl/Tab3/NotSelected_Right_177.png);
	}

	.Tab4Standard
	{
		background-image: url(/Images/TabControl/Tab4/NotSelected_177.png);
	}

	.Tab4Selected
	{
		background-image: url(/Images/TabControl/Tab4/Selected_177.png);
		color: #004688;
		text-decoration: underline;
		font-weight: bold;
	}
	.Tab4StandardLeft
	{
		background-image: url(/Images/TabControl/Tab4/NotSelected_LeftRounded_177.png);
	}

	.Tab4StandardRight
	{
		background-image: url(/Images/TabControl/Tab4/NotSelected_RightRounded_177.png);
	}

	.Tab4LeftFromSelected
	{
		background-image: url(/Images/TabControl/Tab4/NotSelected_Left_177.png);
	}

	.Tab4RightFromSelected
	{
		background-image: url(/Images/TabControl/Tab4/NotSelected_Right_177.png);
	}
	
	.TabContentStandard
	{
	    font-size: 12px;
		padding: 20px 20px 0px 20px;
		background-image: url(/Images/TabControl/ContentStandard_Background.png);
		background-color: #cbcccc;
		background-position: bottom;
		background-repeat: no-repeat;
	}

	.TabContentSelected
	{
	    font-size: 12px;
		padding: 20px 20px 0px 20px;
	    background-image: url(/Images/TabControl/ContentSelected_Background.png);
		background-color: #ebebeb;
		background-position: bottom;
		background-repeat: no-repeat;
	}

	#careerNav
	{
		width: 180px;
		margin-top: 16px;
		float: left;
	}

	#CareerView
	{
		width: 710px;
		float: right;
		margin-top: 16px;
	}


	#AboutusView
	{
		width: 882px;
		padding-left: 8px;
		background-color: #F5F5F5;
		padding-top: 16px;
	}
	#MenuAbout
	{
		width: 100%;
		height: 32px;
	}

	.TreeView
	{
		font-size: 11px;
	}

	.Archivelink
	{
		text-decoration: none;
		color: #004688;
		font-size: 13px;
	}
	.SelectArrow
	{
		background-image: url(/Images/arrow_big_act.gif);
	}

}



