/*

	Style.CSS

	(C) INNONET Innovatief In Internet

	Gemaakt door:	Daryl Stark
					daryl@innonet.nl

*/

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

a.menu:link, a.menu:active, a.menu:visited {	
	color: #5A6562; 
	text-decoration: none; 
	font-weight: bold;
}

a.menu:hover {
	color: #EF3123; font-weight: bold;}

body
{
	font-family:		Lucida Sans Unicode, Verdana;
	font-size:		9pt;
	line-height:		13pt;
	margin:			0px;
	background-image:	url(img/bg_streep2.jpg);
	background-repeat:	repeat-x;
	background-color:	#F1EFE2;
}

h1 {
	font-size: 14px;
	color: 	#EF3123;
	font-variant: small-caps;
	letter-spacing: 1px;
}

/* DIVs */

div.logo {
	position: 		absolute;
	left: 			42%;
	margin-left: 		442px;
	top: 			95px;
	background-image:	url(img/logo.jpg);
	background-repeat:	no-repeat;
	height:			650px;
	width:			158px;
	background-color:	#FFFFFF;
}

div.DivSite
{
	width:		1000px;
	height:		745px;
	position:	absolute;
	left:		42%;
	margin-left:	-400px;
	padding:	0px;
	background-color:	#FFFFFF;
}

div.DivMenu
{
	width:			196px;
	height:			635px;
	/*margin-top:		152px;*/
	position:		absolute;
	top:			20px;
	background-color:	#FFFFFF;
}

div.DivContent
{
	width:			646px;
	height:			635px;
	background-color:	#FFFFFF;
	position:		absolute;
	left:			42%;
	margin-left:		-204px;
	top:			110px;
	padding:		0px;
	overflow:		auto;
}

div.top {
	background-image:	url(img/bg_top2.jpg);
	background-repeat:	repeat-x;
	height:			130px; /* Daryl Stark: Dit was 152px, maar toen werkte de sub's niet meer. Ik heb dit daarom op 130px gezet */
	width:			1000px;
	position:		absolute;
	left:			42%;
	margin-left:		-400px;
}

div.DivContentPadding
{
	padding:						10px;
	line-height:					170%;
}

div.DivMenuPadding {
	padding-left:		20px;
	padding-top:		102px;
/*	padding-right:		15px; */
}

div.DivMenuItem {
	background-image:	url(img/menu_back.gif);
	background-repeat:	no-repeat;
	background-position:	top right;
	width:			140px;
	color:			#5A6562;
	text-align:		right;
	font-weight:		bold;
	height: 		36px;
	padding-top:		0px;
	padding-right:		20px;
}

div.DivMenuItemSelected
{
	background-image:	url(img/menu_selected.gif);
	height: 		36px;
	padding-right:		20px;
}

div.DivFeeter
{
	margin-top:		10px;
	border-top:		1px dotted #769350;
	padding-top:		5px;
	text-align:		center;
	font-weight:		bold;
}

div.DivFotos
{
	width:				120px;
	height:				500px;
	overflow:			auto;
}

/* INPUTs */

input.InputTextFieldContact, textarea.TextAreaTextFieldContact, select.InputTextFieldContact
{
	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%;
}

table.TableFotos
{
	width:			400px;
	font-size:		8pt;
	height:			500px;
}

/* 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.TdFotosLeft
{
	width:				120px;
	background-color:	#CCCCCC;
	vertical-align:		top;
}

td.TdFotosRight
{
	width:				280px;
	vertical-align:		top;
}

td.TdSubmenuItem
{
	font-size:			8pt;
	width:				79px;
	height:				25px;
	vertical-align:		middle;
	text-align:			center;
	background-image:	url(img/tab.jpg);
	background-repeat:	no-repeat;
	padding:			0px;
}

td.TdSubmenuItemSelected
{
	font-size:			8pt;
	width:				79px;
	height:				25px;
	vertical-align:		middle;
	text-align:			center;
	background-image:	url(img/tab_selected.jpg);
	background-repeat:	no-repeat;
	padding:			0px;
}