/*

	Style.CSS

	(C) INNONET - innovatief in internet -

*/

a:link, a:active, a:visited { text-decoration: none;}
a:hover {color: #444444; text-decoration: underline;}

a.menu:link, a.menu:active, a.menu:visited {color: #2C2A6E; text-decoration: none;}
a.menu:hover {color: #2C2A6E; text-decoration: none;}

a.submenu:link, a.submenu:active, a.submenu:visited {color: #2C2A6E; text-decoration: none;}
a.submenu:hover {color: #2C2A6E; text-decoration: none;}

a.menuselected:link, a.menuselected:active, a.menuselected:visited {color: #2C2A6E; text-decoration: none;}
a.menuselected:hover {color: #2C2A6E; text-decoration: none;}

a.submenuselected:link, a.submenuselected:active, a.submenuselected:visited {color: #2C2A6E; text-decoration: none;}
a.submenuselected:hover {color: #2C2A6E; text-decoration: none;}

a.topmenu:link, a.topmenu:active, a.topmenu:visited {color: #2C2A6E; text-decoration: none;}
a.topmenu:hover {color: #2C2A6E; text-decoration: none;}

body
{
	font-family:		Arial;
	font-size:		9pt;
	line-height:		13pt;
	margin:			0;
	padding:0;
	background-image: url(img/bodybg.jpg);
	background-repeat: repeat-x;
	background-color: #CCE95B;
	background-color:#E4E5E5;
}


h1 {
	font-size: 18px;
	color: 	#8C8C8C;
	letter-spacing: 	1px;
	margin-bottom:		45px;
}

td {
	font-family:		Arial;
	font-size:		9pt;
}

/* DIVs */

div#wrapper
{
margin:0 auto;
text-align:left;
width:1200px;
height:794px;
margin-left: 100px;
margin-right: 40px;
position: absolute; 
background-image: url(img/background.jpg);
background-repeat: no-repeat;
}
div#header
{
margin:0 auto;
text-align:left;
width:1020px;
}
div#logo
{
z-index: 10;
position: absolute;
text-align: left;
width: 210px;
height: 191px;
left: 0px;
float: left;
top: 10px;
background-image: url(img/logo.png);
}
div#slogan
{
z-index: 10;
position: absolute;
text-align: left;
width: 650px;
height: 52px;
left: 250px;
float: left;
top: 10px;
background-image: url(img/slogan.png);
}

div#links
{
z-index: 10;
position: absolute;
top: 240px;
text-align: left;
width: 230px;
height: 488px;
overflow: auto;
overflow-y: auto;
overflow-x: auto;
left: 20px;
}

div#midden
{
z-index: 10;
position: absolute;
top: 70px;
text-align: left;
width: 500px;
height: 488px;
overflow: auto;
overflow-y: auto;
overflow-x: auto;
left: 250px;
float: left;
background-image: url(img/content1.png);
}

div#middencontent
{
z-index: 10;
top: 0px;
text-align: left;
width: 458px;
height: 448px;
overflow: auto;
overflow-y: auto;
overflow-x: auto;
margin-top: 20px;
margin-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
}

div#rechts
{
z-index: 10;
position: absolute;
top: 70px;
text-align: left;
width: 210px;
left: 780px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
float: left;
border: 1px solid #353471; 
}

div#footer {
z-index: 1;
top: 580px;
width: 740px;
left: 250px;
position: absolute;
border: 1px solid #353471; 
height: 40px;
padding-left: 20px;
}

td.foot
{
color: #2C2A6E;
font-weight: bold;
font-size: 12px;
}

div#website {
	width:							1280px;
	position:						absolute;
	top:							0px;
	height:							924px;
	background-image: url(img/background.jpg);
}


/* 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;
}

/* menu */
div.DivMenu
{
	position: absolute;
	width: 200px;
	z-index: 1;
	height: 100%;
}

div.DivContentPadding
{
	padding:			15px;
	line-height:		170%;
	padding-left: 30px;
}

div.DivMenuPadding
{
	padding-top:		270px;
	padding-left:		0px;
}

div.DivMenuItem
{
	width:			160px;
	height:			25px;
	color:			#B2B2B2;
	text-align:		left;
	padding-top:	5px;
	font-size:		12pt;
}

div.DivMenuItemSelected
{
	font-weight: bold;
}

div.DivSubMenu
{
	text-align: left;
	padding-left: 10px;
	padding-top:	5px;
	padding-bottom:	5px;
	font-size:		12pt;
}