/* Copyright TvTWeb Web & Software development */
/*
	Element namen in HOOFDLETTERES.
	Variabele namen zoals 'leftContainer'.
	Elementnaam altijd voor de klassenaam zoals 'DIV.leftContainer'.
	
*/

@import url("thickbox.css");


/*===ELEMENTS============================================================================================================================*/
BODY        {text-align:center; font-family:Arial; color:#555555; font-size:12px;margin:0px; padding:0px;} 
HTML		{width:100%;}
FIELDSET	{padding:0px; margin:0px; border:0px;}
FORM		{padding:0px; margin:0px;}
SELECT		{float:left; font: 11px Tahoma; margin:0px; margin:0px; width:150px;}
LABEL		{float:left; font: 11px Tahoma; padding:0px; margin:0px;}
INPUT		{padding:0px; margin:0px;}
OPTION		{padding:0px; margin:0px;}
RADIO		{padding:0px; margin:0px;}
CHECKBOX	{padding:0px; margin:0px;}	
TEXTAREA	{padding:0px; margin:0px;}	
IFRAME		{border:5px;}

A:link			{color: #555555; text-decoration:none;}
A:visited		{color: #555555; text-decoration:none;}
A:active		{color: #555555; text-decoration:none;}
A:hover			{color: #00688f; text-decoration:none;}

DIV.serviceItem A:link		{color: #ffffff; text-decoration:none;}
DIV.serviceItem A:visited	{color: #ffffff; text-decoration:none;}
DIV.serviceItem A:active	{color: #ffffff; text-decoration:none;}
DIV.serviceItem A:hover		{color: #71b3d0; text-decoration:none;}

DIV.FooterTextItem A:link		{color: #ffffff; text-decoration:none;}
DIV.FooterTextItem A:visited	{color: #ffffff; text-decoration:none;}
DIV.FooterTextItem A:active	{color: #ffffff; text-decoration:none;}
DIV.FooterTextItem A:hover		{color: #71b3d0; text-decoration:none;}

DIV.entityContentText P		{color:#333333; margin:0px; padding-top:10px; line-height:19px;}
DIV.entityContentText P STRONG {color:#333333;}
DIV.entityContentText UL	{padding-left:10px;}
DIV.entityContentText LI	{font-family:Arial;font-size:12px; color:#333333;line-height:19px; list-style-type:none; background:url(../images/style/bullet.gif) no-repeat 0px 6px;padding-left:15px;}
a.HTMLPartsContentFileAdminDownloadA {font-family:Arial;font-size:12px; color:#333333;line-height:19px; list-style-type:none; background:url(../images/style/bullet.gif) no-repeat 0px 16px;padding:10px 0px 0px 15px; display:block;}
H1				{padding:15px 0px 15px 0px; margin:0px; font-size:17px; color:#325766; font-weight:normal;}
H2				{padding:8px 10px 8px 31px; margin:0px 0px 10px 0px; border-bottom:solid 1px #dddddd; border-top:solid 1px #dddddd; color:#00688f; font-size:14px; font-weight:normal; background: url(../images/style/newsQuote.gif) no-repeat 10px 10px; height:16px;}

/*===WEBPAGE============================================================================================================================*/

/* Top section */
DIV#topBar	{height:103px; width:100%; background:url(../images/style/topBar.gif) repeat-x;}
	DIV#topBarContainer {width:948px; height:103px; background: url(../images/style/topBarContainer.gif) no-repeat left bottom; margin:0px auto; }
		/* Horizontal navigation */
		DIV#horizontalNavigation_part					{width:577px; font:15px Arial; padding:45px 0px 0px 99px; height:59px; float:left;}
		DIV#horizontalNavigation_part ul				{margin:0px; padding:0px;}
		DIV#horizontalNavigation_part ul li				{display: inline;}
		DIV#horizontalNavigation_part ul li a			{color: #555555; float: left; padding:13px 21px 13px 22px; width:72px; text-decoration: none; background: url(../images/style/navigationStripe.gif) no-repeat bottom left;}
		DIV#horizontalNavigation_part ul li a:link		{color: #555555;}
		DIV#horizontalNavigation_part ul li a:active	{color: #555555;}
		DIV#horizontalNavigation_part ul li a:visited	{color: #555555;}
		DIV#horizontalNavigation_part ul li a:hover		{color: #00688f;}
		DIV#horizontalNavigation_part ul li.selected a	{color: #00688f; background: url(../images/style/navigationStripeSelected.gif) no-repeat bottom left;}
		
		a#logo	{float:left; height:78px; width:173px; margin:9px 0px 0px 0px; background: url(../images/style/evenhuis-logo.gif) no-repeat;}

/* Header */			
DIV#headerContainer	{height:242px; width:100%; background:url(../images/style/header.gif) repeat-x;}
	DIV#header			{height:242px; width:100%; background:url(../images/style/headerContainer.gif) no-repeat center top; text-align:left;}
		DIV#headerBox		{width:770px; height:152px; margin:0px auto; padding:45px 0px 20px 20px;}
			DIV.serviceItem		{float:left; height:152px; width:180px; padding:0px 10px 0px 0px; font-size:13px; text-align:center;}
			DIV.serviceItem img {border:0px; display:block; padding-bottom:7px;}

/* Content */
DIV#contentContainer {width:790px; height:600px; background:url(../images/style/contentContainer.gif) no-repeat; margin:0px auto; padding:0px 35px 0px 35px;}
	DIV#contentLeft		{float:left; width:255px; text-align:left; padding:0px 0px 20px 20px;}
		DIV#contentLeftBox	{width:215px; background-color:#ebeeef; padding:20px 20px 10px 20px;}
		DIV#contentLeftBoxKema{width:215px; background: url(../images/style/kema.jpg) no-repeat 10px center; background-color:#ebeeef; padding:10px 20px 10px 20px;margin-top:10px; height:60px;}
			
		/* Vertical navigation */
		DIV#verticalNavigation_part						{width:215px; background-color:#ebeeef; padding:10px 20px 20px 20px;}
		DIV#verticalNavigation_part ul					{list-style-type: none; padding:0px; margin:0px;}
		DIV#verticalNavigation_part ul li a				{color: #555555; background: url(../images/style/downloadArrow.gif) no-repeat 10px center; padding:8px 0px 8px 33px; display: block; text-decoration: none; border-bottom:solid 1px #dddddd;}
		DIV#verticalNavigation_part ul li a:active		{color: #555555;}
		DIV#verticalNavigation_part ul li a:visited		{color: #555555;}
		DIV#verticalNavigation_part ul li a:hover		{color: #347e9b; background: url(../images/style/arrowHover.gif) no-repeat 10px center;}
		DIV#verticalNavigation_part ul li.selected a	{color: #555555; background: url(../images/style/arrowSelected.gif) no-repeat 11px center;}
		DIV#verticalNavigation_part ul li.sub a			{color: #555555; background: url(../images/style/arrowSub.gif) no-repeat 20px center; padding:8px 0px 8px 40px;}
		DIV#verticalNavigation_part ul li.sub a:hover	{color: #347e9b; background: url(../images/style/arrowSubSelected.gif) no-repeat 20px center; padding:8px 0px 8px 40px;}
		DIV#verticalNavigation_part ul li.selectedSub a	{color: #347e9b; background: url(../images/style/arrowSubSelected.gif) no-repeat 20px center; padding:8px 0px 8px 40px;}
		DIV#verticalNavigation_part ul li.selectedWithoutSub a	{color: #347e9b; background: url(../images/style/arrowHover.gif) no-repeat 10px center;}

	DIV#contentRight	{float:left; width:475px; text-align:left; padding:0px 20px 10px 20px;}
		DIV.contentNews		{}
		DIV.contentNews		A.HTMLPartsContentFileAdminDownloadA	{ padding:2px 10px 4px 31px; margin:0px 0px 0px 0px; color:#00688f; font-size:12px; background: url(../images/style/downloadArrow.gif) no-repeat 10px 4px;}
		DIV.contentNews	    DIV.entityContentText{padding-bottom:10px;}
		DIV#contentText				{float:left;  padding:0px 10px 0px 0px;}
		DIV#contentTextWithGallery	{float:left; width:271px; padding:0px 10px 0px 0px;}
		DIV#contentGallery		{float:left; width:194px;}
			/* Gallery */
			DIV.fileImageGallery_part	{}
				a.thickbox					{width:85px; height:64px; float:left; display:block; border:solid 1px #1f4b5c; margin:0px 0px 10px 10px;}
				a.thickbox img				{border:0px;}	
		DIV#contentTextGalleryFooter {clear:both; height:10px; font-size:1px;}	
	DIV#contentFooter	{clear:both; height:29px; width:779px; background: url(../images/style/footer.gif) no-repeat; padding:15px 0px 10px 11px; color:#ffffff;}
		DIV.FooterTextItem	{float:left; height:30px; padding:2px 13px 0px 13px;}

/*===FORMS============================================================================================================================*/

DIV.formPropertyContainer										{padding:0px; margin:0xp;border-bottom:solid 1px #cccccc;height:auto;float:left;width:100%;}
DIV.formPropertyContainer LABEL									{width:150px; height:14px;padding:8px 0px 0px 5px;}
	DIV.formPropertyTextContainer INPUT							{padding:2px; margin:8px 0px 5px 0px;font-family: Tahoma;font-size:11px; border:solid 1px #cccccc; width:150px;}
	DIV.formPropertyReadOnlyContainer LABEL						{padding:0px; margin:8px 0px 5px 0px;float:left;padding-bottom:5px;}
	DIV.formPropertyTextAreaContainer TEXTAREA					{padding:2px; margin:8px 0px 5px 0px; font-family: Tahoma;font-size:11px; border:solid 1px #cccccc; width:150px;}
	DIV.formPropertyDateTimeContainer .formPropertyDateDay		{padding:2px; margin:8px 3px 5px 0px; float:left; width:15px; font-family: Tahoma; font-size:11px; border:solid 1px #cccccc;}
	DIV.formPropertyDateTimeContainer .formPropertyDateMonth	{padding:2px; margin:8px 3px 5px 0px; float:left; width:15px; font-family: Tahoma; font-size:11px; border:solid 1px #cccccc;}
	DIV.formPropertyDateTimeContainer .formPropertyDateYear		{padding:2px; margin:8px 3px 5px 0px; float:left; width:30px; font-family: Tahoma; font-size:11px; border:solid 1px #cccccc;}
	DIV.formPropertyDateTimeContainer .formPropertyUnit			{padding:0px; margin:11px 3px 5px 0px; float:left; width:60px; height:20px;margin-left:5px;}
	DIV.formPropertyRadioContainer								{float:left;width:190px;}
	DIV.formPropertyRadioContainer INPUT						{float:left;width:20px; margin-top:5px;}
	DIV.formPropertyRadioContainer LABEL						{float:left;width:150px;padding:8px 0px 0px 5px;height:20px;}
	DIV.formPropertyCheckContainer							{height:25px;}
	DIV.formPropertyCheckContainer							{float:left;width:190px;margin-top:5px;}
	DIV.formPropertyCheckContainer INPUT						{float:left;width:20px;}
	DIV.formPropertySelectContainer								{height:30px;}
	DIV.formPropertySelectContainer SELECT						{padding:0px; margin:5px 3px 5px 0px; width:150px;}	
	DIV.formPropertySubmitContainer								{height:40px;}
	DIV.formPropertySubmitContainer INPUT						{margin:8px 3px 5px 0px; border:solid 1px #cccccc; float:left; padding:3px 5px 3px 5px; background-color:#9bbde3;color:#333333;font-weight:bold;font-size:11px;font-family:Verdana;}