@charset "utf-8";

/* class */

#bannerNewsContentA a { text-decoration:underline; color:white;  }
#bannerNewsContentA a:visited {   }
#bannerNewsContentA a:hover { font-weight:bold; text-decoration:underline; color:white;  }

.fleft						{float:left}
.fright						{float:right}

.breaker 					{clear:both; line-height:0px; height:0px}
.hrSolid 					{background:url(../images/hrSolid.jpg) repeat-x top left; height:1px;}
.phoneNumber 				{line-height:35px; font-family:"Arial Narrow", Arial; font-weight:bold;}
.nieuwsarchief 				{color:#e2007a; line-height:30px;}
.arrow 						{background:url(../images/arrowA.png) no-repeat top right; padding:0 20px 0 0; float:right}
#contentRight .arrow 		{ background-repeat:no-repeat; padding:0 20px 0 0;}
.bold 						{font-weight:bold;}
.uitklapMenuA 				{text-decoration:none; color:#1a171b;}
img							{border:0px;}

/* body */
body 						{background-color:#e4e4e4; background-image: url(../images/bodyBackground.jpg); background-repeat:repeat-x; margin:0; padding:0;}
body * 						{font-family:Arial, Helvetica, sans-serif;}
a 							{color:#e2007a; text-decoration:underline;}

/* main container */
#mainContainer 				{position:relative; width:1019px; margin:21px auto 0;}

/* header */
#header 			{position:relative; width:1016px; height:167px; background:url(../images/headerBackground.png) no-repeat top left; z-index:10;}
#headerLinks		{position:absolute; right:25px; top:30px; }
.linkIcon			{ border-left:1px solid #d8d8d8; } 
#logo 				{position:absolute; top:50px; left:20px; width:356px; height:90px; padding:0 0 0 33px; float:left;}
#navigation 		{position:absolute; top:100px;left:670px; width:500px; float:right; font-size:15px; font-weight:bold;}
#navigation ul 		{margin:0; padding:0;}
#navigation li 		{list-style-type:none; margin:0 0 0 18px; float:left; display:inline;}
#navigation li.login{margin:0 0 0 5px;}
#navigation a 		{text-decoration:none; color:#000;}
#navigation a:hover,#navigation .activePage	{color:#e2007a;}

/* menu */
#menu 				 		{position:relative; top:141px; left:16px; width:958px; height:27px; padding:0 0 0 23px; background:url( ../images/menuBackground.jpg) no-repeat top left; font-size:15px; font-weight:bold; line-height:25px; overflow:visible; z-index:2;}
#menu ul 			 		{margin:0; padding:0;}
#menu li 			 		{list-style-type:none; float:left;}
#menu a              		{text-decoration:none; padding:0 25px; height:27px; display:inline-block;}
#menu * 					{ color:#FFF; }
#menu a:hover,.menuActive, .menuActive a,#menu .activePage 	{color:#e2007a; background-color:#FFF;}
#menu a.tmsButton 	 		{/*color:#e2007a;*/}
#menu a.tmsButton:hover	 	{color:#e2007a;}
#menu a.uitklapMenuA 		{text-decoration:none; color:#1a171b; background:none; font-weight:bold;}
#menu a.uitklapMenuA:hover	{color:#e2007a; background:url(../images/uitklapMenuHover.png) no-repeat center right;}
#menu .activePageAlt		{color:#e2007a; background-color:#FFF}

#menu li.menuActive a.tmsButton { color:#e2007a; }

/* uitklapmenu */
.uitklapContainer 	{position:absolute; left:674px; bottom:-115px; width:269px; height:115px; z-index:100;}
.uitklapMenu 		{position:relative; width:271px; height:55px; padding:15px 0 0 8px; background:url(../images/uitklapMenuBackground.png) repeat-y top left; font-weight:bold;z-index:100;}
.uitklapMenu ul 	{margin:0; padding:0;z-index:50;}
.uitklapMenu li 	{list-style-type:none; width:260px;z-index:50;}
.uitklapFooter 		{position:relative; width:279px; height:25px; background:url(../images/uitklapFooter.png) no-repeat top left;z-index:50;}
.actionBtn			{ position:relative; background:url(../images/contact_btn_groot_3.png); left:100px; top:5px; height:40px; width:437px; cursor: pointer; }
.actionBtn:hover	{ position:relative; background:url(../images/contact_btn_groot_3_1.png);left:100px;  top:5px;height:40px; width:437px; cursor: pointer;}

#actionBtns					{ position:relative; width:700px; height:59px;}
.actionBtn_small_1			{ background:url(../images/info_btn_small_1_1.png) no-repeat; height:40px; width:214px; top:10px; left:82px;  cursor: pointer; position:absolute;}
.actionBtn_small_1:hover	{ background:url(../images/info_btn_small_2_1.png) no-repeat; height:40px; width:214px; cursor: pointer; display:block; }
.actionBtn_small_2			{ background: url(../images/contact_btn_small_2_1.png) no-repeat; height:40px; width:214px; cursor: pointer; top:10px; position:absolute; right:140px; }
.actionBtn_small_2:hover	{ background:url(../images/contact_btn_small_2_a_1.png) no-repeat; height:40px; width:214px; cursor: pointer;  }

/* banner */
#banner {position:relative; width:979px; padding:21px 37px; background:url(../images/mainShadow.png) repeat-y top left;}
#bannerImage {position:relative; width:665px; height:296px; margin:0 20px 0 0; float:left;}
.bannerCornerTL {position:absolute; top:0; left:0; width:6px; height:6px; background:url(../images/bannerCornerTL.png) no-repeat top left;}
.bannerCornerTR {position:absolute; top:0; right:0; width:6px; height:6px; background:url(../images/bannerCornerTR.png) no-repeat top left;}
.bannerCornerBL {position:absolute; bottom:0; left:0; width:6px; height:6px; background:url(../images/bannerCornerBL.png) no-repeat top left;}
.bannerCornerBR {position:absolute; bottom:0; right:0; width:6px; height:6px; background:url(../images/bannerCornerBR.png) no-repeat top left;}
.bannerItem {position:absolute; top:100px; right:-11px; width:314px; height:113px; padding:10px 0 0; background:url(../images/bannerItem.png) no-repeat left top; text-align:center; font-size:19px; color:#E2007A; line-height:20px; font-family:"Arial Narrow", Arial; font-weight:bold;}
.bannerButton	{ background: url(../images/contact_btn.png); position:absolute; height:35px; width:214px; top:60px; right:40px; cursor: pointer; }
.bannerButton:hover	{ background: url(../images/contact_btn_2.png); position:absolute; height:35px; width:214px; top:60px; right:40px; cursor: pointer; }
.bannerNumber {position:absolute; bottom:9px; right:9px;height:24px; font-size:14px; font-weight:bold;}
.bannerNumber ul {margin:0; padding:0;}
.bannerNumber li {list-style-type:none; margin:0 4px 0 0; float:left; display:inline;}
.bannerNumber a {width:16px; height:20px; padding:4px 0 0 8px; text-decoration:none; background:url(../images/bannerNumber.png) no-repeat top left; color:#e2007a; display:block;}
.bannerNumber a:hover {background:url(../images/bannerNumberHover.png) no-repeat top left; color:#FFF;}
.bannerNumberActive a{background:url(../images/bannerNumberHover.png) no-repeat top left; color:#FFF;}
.bannerNumber a:active {background:url(../images/bannerNumberHover.png) no-repeat top left; color:#FFF;}
#bannerNews {position:relative; float:left; width:256px; font-size:14px; color:#FFF; line-height:22px;}
#bannerNews h1 {margin:0; padding:0; font-size:16px; color:#1a171b;}
#bannerNews p {margin:0; padding:0;}
#bannerNewsHeader {position:relative; width:256px; height:28px; background:url(../images/bannerNewsHeader.png) no-repeat top left;}
#bannerNewsContent {position:relative;width:232px; height:240px; background:#e2007a; padding:0 12px;}
#bannerNewsContentA {position:absolute; top:5px; z-index:1;width:232px; height:280px; background:#e2007a; padding:0 12px;}
#bannerNewsFooter {position:relative; width:256px; height:28px; background:url(../images/bannerNewsFooter.png) no-repeat top left;}

#bannerContact {position:relative; float:left; width:256px; font-size:14px; color:#FFF; line-height:22px;}
#bannerContactHeader {position:relative; width:256px; height:28px; background:url(../images/bannerNewsHeader.png) no-repeat top left;}
#bannerContactContent {position:relative;width:232px; height:130px; background:#e2007a; padding:0 12px;}
#bannerContactContentA {position:absolute; top:5px; z-index:1;width:232px; height:130px; background:#e2007a; padding:0 12px;}
#bannerContactFooter {position:relative; width:256px; height:28px; background:url(../images/bannerNewsFooter.png) no-repeat top left;}

/* content */
#content 			{position:relative; width:979px; padding:0 0 15px 37px; background:url(../images/mainShadow.png) repeat-y top left;}
#contentLeft .arrow	{line-height:14px;}
#contentLeft 		{position:relative; width:663px; margin:0 20px 0 0; float:left; display:inline; font-size:14px; color:#000; line-height:19px;}
#contentLeft p		{margin:0;padding:0}
#contentRight p		{margin:0; padding:0 0 10px; font-size:14px}

#contentRight h1 	{margin:0 0 0px; padding:0; font-size:26px; color:#1a171b; font-family:"Arial Narrow", Arial;}

#contentLeft h1 	{margin:0 0 10px; padding:0; font-size:26px; color:#1a171b; font-family:"Arial Narrow", Arial;}
#contentLeft h2,
#contentRight h2 	{margin:0 0 4px; padding:0; font-family:"Arial Narrow", Arial; font-size:21px; color:#1a171b;}
#breadcrumbs h3,
#contentLeft h3,
#contentRight h3 	{margin:0; padding:0 0 0; font-size:16px; color:#e2007a;}
#contentLeft h3	{margin-bottom:10px;}
#contentLeftLeft {position:relative; width:663px; margin:0 20px 0 0; float:left;}
#contentLeftRight {position:relative; width:395px; float:left;}
#contentRight 		{position:relative; width:256px; padding:0 20px 0 0; float:left;}
#contentRight img,
#contentRight embed {margin:0; padding:10px 0 0;}
#contentContact {position:relative; width:919px; margin:0 20px 0 0; float:left;}
#contactInfo	{ width:640px; float:left; margin:0 25px 0 0;}
#contactAdres		{ width:250px; float:left;}

h5 {color:#E2007A; font-size:16px; margin:0px;}

/* pink menu */
#pinkMenu {position:relative; background-color:#f8ddec; width:643px; top:10px; padding:10px 10px;}
.pinkMenuCornerTL {position:absolute; top:0; left:0; width:6px; height:6px; background:url(../images/pinkMenuCornerTL.png) no-repeat top left;}
.pinkMenuCornerBL {position:absolute; top:0; right:0; width:6px; height:6px; background:url(../images/pinkMenuCornerTR.png) no-repeat top left;}
.pinkMenuCornerTR {position:absolute; bottom:0; left:0; width:6px; height:6px; background:url(../images/pinkMenuCornerBL.png) no-repeat top left;}
.pinkMenuCornerBR{position:absolute; bottom:0; right:0; width:6px; height:6px; background:url(../images/pinkMenuCornerBR.png) no-repeat top left;}
.pinkMenuItem {position:relative; background-color:#f8ddec; width:623px; padding:10px 10px;}
.pinkMenuItem:hover {background-color:#FFF; cursor:pointer;}
.pinkMenuItemImage {position:relative; top:10px; width:31px; padding:0 25px 0 0; float:left;}
.pinkMenuItemText {position:relative; width:520px; padding:0 0 0 25px; float:left;}
.pinkMenuItem h4 {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:23px; color:#e2007a;}
.pinkMenuItem a {text-decoration:none; color:#1a171b;}
.pinkMenuItem img {border:none;}
.pinkMenuItemHref {position:absolute; width:100%; height:100%;}
.pinkMenuItemHref a {width:100%; height:100%; display:block;}
.pinkMenuItemCornerTL {position:absolute; top:0; left:0; width:6px; height:6px; background:url(../images/pinkMenuItemCornerTL.png) no-repeat top left;}
.pinkMenuItemCornerBL {position:absolute; top:0; right:0; width:6px; height:6px; background:url(../images/pinkMenuItemCornerTR.png) no-repeat top left;}
.pinkMenuItemCornerTR {position:absolute; bottom:0; left:0; width:6px; height:6px; background:url(../images/pinkMenuItemCornerBL.png) no-repeat top left;}
.pinkMenuItemCornerBR{position:absolute; bottom:0; right:0; width:6px; height:6px; background:url(../images/pinkMenuItemCornerBR.png) no-repeat top left;}

.pinkMenuRow_1	{float:left; width:315px; margin:30px 15px 0 0; }

/* footer */
#footer {position:relative; width:979px; height:36px; padding:0 0 0 37px; background:url(../images/footerBackground.png) no-repeat top left; font-size:13px; line-height:22px;}

/* breadcrumbs */
#breadcrumbs	{ background:url(../images/breadcrumbs.png) no-repeat; width:1016px; height:216px; margin:-20px 0 0 0; #margin:-20px 0 0 0; float:left; #padding: 30px 0 0 0; }
#breadcrumbs h3	{ padding: 0 0 5px 0; }
#breadcrumbs h3.white	{ color:#FFF; }
#breadcrumbs ul	{ float: left; width:125px; padding: 10px 10px 0px 40px; #padding: 0px;}
#breadcrumbs li	{ list-style:none; line-height:21px; padding: 0 0 0 10px; }
#breadcrumbs li	a{ font-size:12px; color:#555555; text-decoration:none; }
#breadcrumbs li	a:hover { font-size:12px; color:#E2007A; text-decoration:none; }

#breadcrumbs ul#rowContact { float: left; width:225px; color:#FFF; font-size:12px; padding:14px 0 0 15px; #margin:0 0 0 60px; #padding: 0px;}
#breadcrumbs ul#rowContact a { color:#FFF; text-decoration:underline; }
#breadcrumbs ul#rowContact a:hover { color:#FFF; text-decoration:none; }

#bannerContact  h3	{ padding: 0 0 5px 0; }
#bannerContact  h3.white	{ color:#FFF; }
#bannerContact ul#rowContact { float: left; width:225px; color:#FFF; font-size:12px; padding:0px 0 0 5px; #margin:10px 0 0 5px; #padding: 0px; list-style:none;}
#bannerContact ul#rowContact a { color:#FFF; text-decoration:underline; }
#bannerContact ul#rowContact a:hover { color:#FFF; text-decoration:none; }

/* copyright */
#copyright {position:relative; padding:0 0 10px 38px; color:#1a171b; font-size:13px;}
#copyright a {color:#1a171b; text-decoration:none}

.linkRightContent{float:left; width:470px;}
.linkLeftContent{float:right; width:180px; text-align:right}
.newsBrowseImage {float:left;border:solid 2px #e2007a; margin:3px 8px 0 0 }
.newsDescription { font-weight:bold; font-style:italic}
.formRequired { color:#e2007a; margin:0 0 0 2px; font-weight:bold}
.contactForm { font-size:13px}
#contactForm input, textarea{ border:solid 1px #999 }
#contactForm textarea {font-size:12px}
#googleMap{margin:15px 0 0 0;width:590px; height:400px}
.flashContainer { font-size:13px;}
.caseViewImage {border:solid 2px #e2007a; margin:0 15px 0 0 }
.caseViewImageSmallThumb {border:solid 1px #CCC; margin:0 6px 2px 0; float:left }
.caseViewImageContainer {position:relative; float:right;}
.caseViewImages	{position:relative;border:solid 1px #CCC; width:220px; margin:8px 0 0 0; padding:3px 0 0 3px}
.caseBrowseImage {float:right; margin-right:8px; border:solid 1px #e2007a; margin:3px 8px 0 0 }
#caseContainer {}
#caseContainer h3 { position:relative; margin:10px 0 0 0; padding:0 0 0 0;}
.persItemIcon {margin:5px 0 0 0}
.persItemLink {position:relative;margin:5px 0 0 15px;top:15px;}
.persItemLink a {text-decoration:none;}
.videoItem { margin:0 10px 40px 0}
.caseMap { 	position:absolute;	left:80px;	top:1px;	font-size:12px;}
.caseLocationWebsite {	position:absolute;	left:160px;	top:1px;	font-size:12px;	}
.caseLocationWebsite a {	color:#E2007A;	text-decoration:none;}
.caseClientWebsite { 	position:absolute;	left:132px;	top:-1px;	font-size:12px;}
.caseClientWebsite a {	color:#E2007A;	text-decoration:none;}
#sitemap .parent {	margin:2px 0 0 10px;}
#sitemap .child {	margin:0 0 0 20px;	}