/*

	Style.CSS

	(C) INNONET Innovatief In Internet

	Gemaakt door:	Daryl Stark
					daryl@innonet.nl

*/

/* As */

a:link, a:active, a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

a.AMenuItem:link, a.AMenuItem:active, a.AMenuItem:visited
{
	color: #F78E1E;
	text-decoration: none;
}

a.AMenuItem:hover
{
	color: #F78E1E;
	text-decoration: none;
}

a.AMenuItemHover:link, a.AMenuItemHover:active, a.AMenuItemHover:visited
{
	color: #F78E1E;
	text-decoration: none;
}

a.AMenuItemHover:hover
{
	color: #F78E1E;
	text-decoration: none;
}

/* BODYs */

body
{
	font-family:			Verdana;
	font-size:			8pt;
	margin:				0px;
	background-color:		#FFFFFF;
}

h2
{
font-size: 14px;
}

/* DIVs */

div.DivSite
{
	width:				1000px;
	height:				768px;
	background-color:		#F78E1E;
	position:			absolute;
	left:				50%;
	margin-left:						-500px;
	margin-top:			10px;
	border:								1px solid #CB6900;
	background-image:					url(img/back.jpg);
	background-repeat:					no-repeat;
	background-position:				left top;
}
div.DivSite1
{
	width:				1000px;
	height:				768px;
	background-color:		#F78E1E;
	position:			absolute;
	left:				50%;
	margin-left:						-500px;
	margin-top:			10px;
	border:								1px solid #CB6900;
}

div.DivHeader
{
	width:								1000px;
	height:								232px;
	background-image:					url(img/header.jpg);
	background-repeat:					no-repeat;
	background-position:				left bottom;
	background-color:					#FFFFFF;
	text-align:							right;
}
div.DivHeader1
{
	width:								1000px;
	height:								232px;
	background-image:					url(img/header_form.jpg);
	background-repeat:					no-repeat;
	background-position:				left bottom;
	background-color:					#FFFFFF;
	text-align:							right;
}

div.DivHeaderPadding
{
	padding-top:						34px;
	padding-right:						44px;
}

div.DivContent
{
	position:							absolute;
	left:								394px;
	top:								213px;
	width:								570px;
	height:								540px;
	overflow:							auto;
	color:								white;
}
div.DivContent1
{
	position:							absolute;
	left:								50px;
	top:								213px;
	width:								890px;
	height:								540px;
	overflow:							auto;
	color:								white;
}

div.DivContentPadding
{
	padding:							10px;
	padding-left:						0px;
}

div.DivMenu
{
	position:							absolute;
	left:								35px;
	top:								611px;
	width:								260px;
	height:								180px;
	overflow:							auto;
}

div.DivSubMenu
{
	position:							absolute;
	left:								130px;
	top:								611px;
	width:								130px;
	height:								180px;
	background-image:					url(img/submenu_back.jpg);
	background-repeat:					no-repeat;
	background-position:				10px 6px;
	padding-left:						10px;
}

div.DivMenuItem
{
	background-image:					url(img/menuitem_back.jpg);
	background-repeat:					no-repeat;
	background-position:				left bottom;
	padding-left:						24px;
	width:								130px;
}

div.DivMenuItemHover
{
	background-image:					url(img/menuitem_back_hover.jpg);
	background-repeat:					no-repeat;
	background-position:				left bottom;
}

div.DivSubMenuItem
{
	/*background-image:					url(img/submenuitem_back.jpg);*/
	background-repeat:					no-repeat;
	background-position:				left bottom;
	padding-left:						24px;
	width:								130px;
}

div.DivSubMenuItemHover
{
	/*background-image:					url(img/submenuitem_back.jpg);*/
	background-repeat:					no-repeat;
	background-position:				left bottom;
}

div.DivImage
{
	position:							absolute;
	left:								0px;
	top:								128px;
	width:								355px;
	height:								461px; /* 461 */
	background-repeat:					no-repeat;
}

/* IMGs */

img
{
	border:								0px;
}

/* TABLEs */

table.TableContactForm
{
	width:								90%;
	font-size:							8pt;
}

/* TDs */

td.TdContactLeft
{
	width:								40%;
	vertical-align:						top;
	color:								white;
}

td.TdContactRight
{
	width:								60%;
	vertical-align:						top;
}

td.TdContactButton
{
	width:								100%;
	text-align:							center;
	padding-top:						10px;
}

/* INPUTs */

input.InputTextFieldContact
{
	width:								90%;
	font-family:						Verdana;
	font-size:							8pt;
}

/* TEXTAREAs */

textarea.TextAreaTextFieldContact
{
	width:								90%;
	height:								140px;
	font-family:						Verdana;
	font-size:							8pt;
}

/* LIGHTBOX */

#lightbox{	position: absolute;	left: 0; padding-top: 0px; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }