/*

	Style.CSS

	(C) INNONET - innovatief in internet -

	Gemaakt door:	Daryl Stark - daryl@innonet.nl

*/
a { color: #8C8C8C; text-decoration: underline;}
a:active, a:visited {color: #666; text-decoration: underline;}
a:hover {color: #666; text-decoration: none;}

a.menu:link, a.menu:active, a.menu:visited {color: #B2B2B2; text-decoration: none;}
a.menu:hover {color: #9D3293; text-decoration: none;}

a.menuselected:link, a.menuselected:active, a.menuselected:visited {color: #9F2E9A; text-decoration: none;}
a.menuselected:hover {color: #9F2E9A; text-decoration: none;}

a.topmenu:link, a.topmenu:active, a.topmenu:visited {color: #B2B2B2; text-decoration: none;}
a.topmenu:hover {color: #9D3293; text-decoration: none;}

* 
{ 	
	padding: 0; 
	margin: 0;
}

body
{
	font-family:		Arial;
	font-size:		9pt;
	line-height:		13pt;
/*	margin:			10px; */
	margin: 0px;
	color: 	#8C8C8C;
}

h1, h2 {
	font-size: 13px;
	font-weight: bold;
}

h2.h2title {
	font-size: 18px;
	color: 	#8C8C8C;
	letter-spacing: 	1px;
	margin-bottom:		45px;
}

p {
	margin-bottom: 10px;
}

img {
	border: 0px;
}

/* DIVs */

div
{
	text-align: left;
}

div.DivSite
{
	width:		990px;
	padding:	0px;
}

div.DivContent
{
	left: 240px;
	position: relative;
	top: -350px;
	width: 710px;
	margin: 0px;
}

div.DivContentPadding
{
	padding:		0px;
	line-height:		170%;
}

div.DivMenu
{
	width:			210px;
	position:		relative;
}

div.DivMenuPadding
{
	padding-left:		10px;
	padding-top:		40px;
	border-right:		2px solid #C5C5C5;
}

div.DivMenuItem
{
	width:			210px;
	height:			30px;
	color:			#B2B2B2;
	text-align:		left;
	background-image:	url(/templates/img/bullet_grey.jpg);
	background-position:	middle left;
	background-repeat:	no-repeat;
	padding-left:		10px;
}

div.DivMenuItemSelected
{
	color:			#9D3293;
	background-image:	url(/templates/img/bullet_purple.jpg);
	background-position:	middle left;
	background-repeat:	no-repeat;
	padding-left:		10px;
}

div.DivSubMenuItem
{
	width:			210px;
	height:			30px;
	color:			#B2B2B2;
	text-align:		left;
	background-image:	url(/templates/img/bullet_grey.jpg);
	background-position:	middle left;
	background-repeat:	no-repeat;
	padding-left:		15px;
}

div.DivSubMenuItemSelected
{
	color:			#9D3293;
	background-image:	url(/templates/img/bullet_purple.jpg);
	background-position:	middle left;
	background-repeat:	no-repeat;
	padding-left:		10px;
}

div.TopMenu
{
	height:			50px;
	width:			990px;
	color:			#C5C5C5;
	margin-top:		30px;
}

div.DivFeeter
{
	text-align:		center;
	color: 			#B2B2B2;
	margin:		0px;
	margin-top: -300px;
}

div.DivHeader
{
	text-align: center;
	vertical-align: bottom;
	width: 990px;
}

div.logo {
	padding-bottom:		50px;
	height:			100px;
}

/* INPUTs */

input.InputTextFieldContact, textarea.TextAreaTextFieldContact
{
	font-family:		Verdana;
	font-size:		8pt;
	font-weight:		normal;
	border:			1px solid #003366;
	width:			90%;
	background-color:	white;
}

input.InputButtonContact
{
	font-family:		Verdana;
	font-size:			8pt;
	font-weight:		normal;
	border:				1px solid #003366;
	background-color:	white;
}

/* TABLEs */

table.TableContactForm
{
	width:				90%;
}

/* TDs */

td.TdContactLeft
{
	width:				40%;
	font-weight:		bold;
	vertical-align:		top;
	font-size:			8pt;
}

td.TdContactRight
{
	width:				60%;
	font-weight:		normal;
	vertical-align:		top;
	font-size:			8pt;
}

td.TdContactButton
{
	padding-top:		20px;
	text-align:			center;
	font-size:			8pt;
}

td.line {
	padding-left:		25px;
	padding-right:		25px;
	background-image:	url(/templates/img/line.jpg);
	background-position:	middle right;
	background-repeat:	no-repeat;
	font-family:		Arial;
	font-size:		10pt;
	color:			#C5C5C5;
	vertical-align:		middle;
}

