/***********************************************************************************
Coding Copyright by Mive 2007

Author : H.M.van Egdom (iulius)

Materials, techniques and documents available on mive.nl or any 
other of the websites owned or/and designed by Mive are protected 
 by the copyright laws of the Netherlands and other contries.
 
 Third-Party Libraries or code are copyrighted by the respected owners. For
 more information regadering this software see the copyright info included 
 in that particular library or file or contact with Mive

Copyright 2007 Mive	
***********************************************************************************/

body
{
	color							:	#FFFFFF;
	font-family						:	Verdana, Arial, Helvetica, sans-serif;
	font-size						:	10px;
	margin							:	0px;
	padding							:	0px;
	background-image				:	url("../image/left_background.png");
	background-repeat				:	no-repeat;
	background-position				:	35px 50px;
}

/* The menu and it's collapsing rows */
div.menu
{
	width							:	450px; 
	position						:	relative; 
	left							:	60px; 
	top								:	134px;
	z-index							:	2;
	margin							:	0px;
	padding							:	0px;
}

div.menuItem
{
	position							:	relative;
	float								:	left;
	padding-left						: 	10px;
	padding-right						: 	10px;
	height								:	20px;
	vertical-align						:	middle;
	line-height							:	20px;
}

div.menuItem a, div.menuSub  a
{
	font-size							:	12px;
	font-family							: 	tahoma,arial,san-serif;
	text-decoration						:	none;
	font-weight							:	bold;
	color								:	#FFFFFF;
}

div.menuSub 
{
	display								:	none;
	padding-left						:	20px;
	padding-right						:	20px;
	padding-bottom						:	4px;
	padding-top							:	2px;	
	background-image					:	url("../image/menuBackground.png");
	line-height 						: 	12px;
	text-align							: 	left;
	position							:	absolute; 
	z-index								:	4;

}

div.menuSub a:hover, div.menuItem a:hover
{	
	color								:	#6D5E8C;
}

div.menuSub a
{
	line-height 						: 	18px;
}


div.logo
{
	position							:	absolute; 
	left								:	65px; 
	top									:	20px; 
	z-index								:	2;
	background-image					:	url("../image/mannenconferentie_logo.png");
	width								:	336px;
	height								:	79px;
}

/* The background is cut into several peaces */

div.leftBackground
{
	position							:	absolute; 
	left								:	35px; 
	top									:	50px; 
	z-index								:	1; 
	margin								:	0px;
	padding								:	0px;
	height								:	701px; 
	width								:	485px; 
}


div.middleTopBackground
{
	width							:	275px; 
	height							:	101px; 
	position						:	absolute; 
	left								:	520px; 
	top								:	50px; 
	z-index						:	1;	
	background-image		:	url("../image/middle_top.png");
	background-repeat		:	no-repeat;
}

div.middleCenterBackground
{
	width							:	275px; 
	height							:	360px; 
	position						:	absolute; 
	left								:	520px; 
	top								:	151px; 
	z-index						:	1;
	overflow						:	hidden;
	background-repeat		:	no-repeat;	
}

div.middleBottomBackground
{
	width							:	275px; 
	height							:	244px; 
	position						:	absolute; 
	left								:	520px; 
	top								:	511px; 
	z-index						:	1;
	background-image		:	url("../image/middle_bottom.png");
	background-repeat		:	no-repeat;
}

div.rightBackground
{
	width							:	179px; 
	height							:	701px; 
	position						:	absolute; 
	left								:	795px; 
	top								:	50px; 
	z-index						:	1;	
	background-image		:	url("../image/right_background.png");	
	background-repeat		:	no-repeat;
}

/* Contact informaion */
div.contact
{
	position						:	absolute; 
	left								:	60px; 
	top								:	180px;
	z-index						:	4;	
	left								:	505px; 
	top								:	550px; 	
	font-size						:	8px;
	border-top					:	1px dashed #FFFFFF;
	padding-left				:	25px;
	padding-right				:	30px;
	word-spacing				:	1px;
}

div.contact span.bold
{
	font-weight					:	bold;
	font-size						:	11px;
	margin-top					:	4px;
}

div.contact_mail
{
	position						:	absolute; 
	left								:	860px; 
	top								:	510px; 	
	z-index						:	4;	
}

img.imagelink
{
	border-width				:	0px;
	cursor							:	hand;
	cursor							:	pointer;
}

/* There is a div wich is used to go the next page */
div.next_page
{
	position						:	absolute; 
	left								:	485px; 
	top								:	188px; 	
	_top								:	178px;
	z-index						:	5;	
}

/* Content of the page */
div.content
{
	width							:	400px; 
	position						:	absolute; 
	left								:	60px; 
	top								:	180px;
	z-index						:	3;
	height 							: 	550px;
	margin							:	0px;
	padding						:	0px;
	overflow						:	auto;
	display							: 	block;
	line-height					:	17px; 
}

div.content p
{
	padding-top: 17px
}

span.formButton
{
	color							:	#96BC12;
	cursor							:	pointer;
	cursor 							:	hand;
}

td, td.error
{
	font-family					:	Verdana, Arial, Helvetica, sans-serif;
	font-size						:	10px;
}

td.error
{
	color							:	red;
}

h1
{
	font-family					:	Verdana, Arial, Helvetica, sans-serif;
	font-size						:	16px;
	border-bottom				:	1px dashed #FFFFFF;
	display							:	block;
	line-height					:	20px;	
	color							:	#FFFFFF;
	padding-bottom			:	3px;
}

a
{
	font-size						:	10px;
	color							:	#FFFFFF;
	padding						:	5px;
	border-width				:	0px;
}

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