/* CSS Document */

/*STANDARD*/
body		{
		min-width: 800px;
		margin: 0;
 		padding: 0;
 		font-family: Arial, Helvetica, sans-serif;
		background: white;
/*		#FCFCF7 url('../images/layout/Delft_blue.png') repeat;*/
}
body,td 	{
		font-size: 14px; line-height: 24px;
}
a			{
	 	text-decoration: none;
		color:#000000;
 		}
a:visited	{
		color:#000000;
}		
a:hover		{
		text-decoration: underline;

}
textarea	{
		width: 100%;
}
img			{
		margin: 0px;
		border:none;
}
a:hover img {
 		margin: 0px;
		border:none;
}
div			{
		border-top:0px solid #1C2A4B;
}
form		{
			margin-bottom: 0px;
}
h1			{
		margin: 0px 0px 10px 0px;
 		font-size: 20px;
}
h2			{
		margin: 0;
		font-size: 16px;
}
h3			{
		margin: 0;
		font-size: 12px;
}
.shadow		{
	-webkit-box-shadow: 1px 1px 5px #D0D0D3;
	-moz-box-shadow: 1px 1px 5px #D0D0D3;
	box-shadow: 1px 1px 5px #D0D0D3;
	
}
.shadow:hover{
	-webkit-box-shadow: 1px 1px 5px gray;
	-moz-box-shadow: 1px 1px 5px gray;
	box-shadow: 1px 1px 5px gray;
}
.topshadow	{
	-webkit-box-shadow: -2px -2px 5px #D0D0D3;
	-moz-box-shadow: -2px -2px 5px #D0D0D3;
	box-shadow: -2px -2px 5px #D0D0D3;
	
}

/*END OF STANDARD*/

/*41design.nl*/
#header 		{
		position:absolute;
		top:0px;
		left:100px;
		font-size:37px;
		font-weight:bold;
		color:#1C2A4B;
}
#menu 			{
		position:relative;
 		right: -40%;
 		top: 100px;
 		color: white;
		width:650px;
 		background:none;
		text-align:right;
}
#container		{
		position:absolute;
		top:150px;
		left:20%;
		width:600px;
		padding: 0px 10px 0px 10px;
} 
#top			{
  		position:relative;
		height:8px;
		width:800px;
}
#middle			{
		position:relative;
		padding:0px;
		background: white;
		width:800px;	
		border-right:1px solid lightgray;
		
}
#bottom 		{
	 	position:relative;
		background: white;
		width:800px;
		height:35px;
		top:0px;
		-webkit-box-shadow: 0px -3px 10px #888;
		-moz-box-shadow: 0px -3px 10px #888;
		box-shadow: 0px -3px 10px #888;
}
#left			{
		position:absolute;
		background:none;
		top:-25px;
		left:0px;
		width:330px;
}		
#content		{
		position:relative;
		background:none;
		padding:10px 20px;
		top:0px;
		left:0px;
		width:750px;
		min-height:400px;
		font-size:12px;
		border:0px solid black;
		
}
#content p		{
		margin:0px 0px 10px 5px;
		
}
#search			{
		float:right;
		position:relative;
		right:128px;
		background:white;
		width:110px;
		height:24px;
		font-size:13px;
		text-align:left;
		line-height:21px;
		color:gray;
		border-width: 1px solid lightgray;
		border-top:1px solid white;
		border-right:2px solid #D0D0D3;
		border-left:1px solid white;
		border-bottom:2px solid #D0D0D3;
}
#search:hover	{
	border-right:1px solid #D0D0D3;
	border-bottom:1px solid #D0D0D3;
	padding:0px 1px 1px 0px;
	border-color:#000000;
}
#search_field	{
	border:none;
	background:none;
	color:#000000;
	width:83px;
	height:20px;
	margin:0px 20px 3px 0px;
	padding:3px 22px 3px 5px;
}
#search_active	{
	border:1px solid #D0D0D3;
	padding:0px 1px 1px 0px;
}
.search_shadow	{
	border-right:1px solid #D0D0D3;
	border-bottom:1px solid #D0D0D3;
	padding:0px 0px 1px 1px;
	border-color:#000000;
}
#breadcrumbs	{
		position: relative;
 		left: 50px;
		color: #1C2A4B;
 		background: none;
 		font-size: 11px;
}
#breadcrumbs a	{
}
#breadcrumbs a:hover{
}
.highlight:hover {
	border-bottom:2px solid #000000;
	border-right:2px solid #000000;
}
.highlight {
	border-top:1px solid white;
	border-left:1px solid white;
	border-right:2px solid lightgray;
	border-bottom:2px solid lightgray;
	margin:10px;
}
#settings				{
/*	position:fixed;
	bottom:0px;
	right:10px;
	height:;
	width:;
	background:white;
	border-top:2px solid gray;
	border-left:2px solid gray;
	border-right:2px solid gray;
*/	
	padding: 0px;
}
.setting_icon			{
	position:relative;
	margin:2px;
	width:38px;
	text-align:center;
	background:#D3D3D3;
	border:none;
}
.setting_icon_active	{
	position:relative;
	margin:2px;
	width:38px;
	text-align:center;
	border:1px solid gray;
	border-right:1px solid white;
	background:white;
}
.setting_icon:hover		{
	border:1px solid gray;
	border-right:1px solid white;
	background:white;
}
.setting_menu			{
	position:absolute;
/*	float:left;*/
	left:38px;
	top:-1px;
/*	width:300px;
	height:300px;*/
	border:1px solid gray;
	border-left:0px solid red;
	background:white;
	display:;
	
	text-align:center;
	
}

/*END OF 41design.nl*/

/*	MENU */
#active_menu		{
	border-color-bottom:#000000;
}
#menu ul 			{
  	list-style: none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#menu li			{
	padding:3px 3px 3px 3px;
	float: left;
	position: relative;
	top:0px;
	left:0px;
	height:18px;
	width:100px;
	background:white;
	color:#000000;
	border-width: 1px solid lightgray;
	border-top:1px solid white;
	border-right:2px solid #D0D0D3;
	border-left:1px solid white;
	border-bottom:2px solid #D0D0D3;
	list-style:none;
	margin:0px 30px 0px 0px;
	text-align:center;
	font-size:12px;
	line-height:19px;
/*	-webkit-box-shadow: 2px 2px 1px #D0D0D3;
	-moz-box-shadow: 2px 2px 1px #D0D0D3;
	box-shadow: 2px 2px 1px #D0D0D3;*/
}
#menu li:hover		{
	background:white;
	border-top:1px solid #000000;
	border-right:2px solid white;
	border-left:1px solid #000000;
	border-bottom:2px solid white;
}	
#menu li a			{
	color:#000000;
}
#menu li a:visited	{
	color:inherit;
}	
#menu li a:hover	{
	color:inherit;
	text-decoration:none;
}
#menu li ul			{
	position:absolute;		/*position submenu*/
	bottom:25px;	    	/*position submenu , due to height and border*/	
	left:-1px;				/*position submenu , due to border*/
}
#menu li li			{
	position: relative;
	top:0px;
	left:0px;
	background:white;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color:white;
	margin:0px 0px 10px 0px;
	border-width: 1px solid lightgray;
	border-top:1px solid white;
	border-right:2px solid #D0D0D3;
	border-left:1px solid white;
	border-bottom:2px solid #D0D0D3;
}
#menu li li:hover	{
	border-top:1px solid #000000;
	border-right:2px solid white;
	border-left:1px solid #000000;
	border-bottom:2px solid white;
}
#menu li li ul		{
		display:none;
		position: absolute;
		top:-1px;
		left:81px;
}
/*	MENU */

/*BEGIN MESSAGE STYLE*/
#login_background 	{
		position: fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-color:black;
		border:1px solid black;
		opacity:50;
		z-index:100;
}	
.message			{
	position: fixed;
	top:150px;
	left:50%;
	margin-left:-200px;
	width:400px;
	min-height:200px;
	border: 5px solid #1C2A4B;
	background: white;
	z-index:101;
}
.close_button		{
	position:absolute;
	top:1px;
	right:1px;
}
.close_button img	{
	width:18px;
	height:18px;
}
.background			{
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background:white;
	z-index:100;
}
.question			{
        border                 	:0px solid black;
        width                  	:20px;
        position               	:relative;
        left              		:100%;
		margin-left				:-25px;
        top                    	:-35px;
		text-align				:right;
		background      		:none;
		z-index:99;
}
/*END MESSAGE STYLE*/

/*Buttons*/
div.button_on{
	float:left;
	background:url('../images/button/top_menu_on.gif');
	height:24px;
	color:white;
	text-align:center;
	font-size:14px;
	line-height:24px;
	font-padding:5px 3px 5px 3px;
}
div.button_left_on{
	float:left;
	background:url('../images/button/top_menu_left_on.gif');
	height:24px;
	width:4px;
}
div.button_right_on{
	float:left;
	background:url('../images/button/top_menu_right_on.gif');
	height:24px;
	width:4px;
}
div.button_off{
	float:left;
	background:url('../images/button/top_menu_off.gif');
	height:24px;
	color:white;
	text-align:center;
	font-size:14px;
	line-height:24px;
	font-padding:5px 3px 5px 3px;
}
div.button_left_off{
	float:left;
	background:url('../images/button/top_menu_left_off.gif');
	height:24px;
	width:4px;
}
div.button_right_off{
	float:left;
	background:url('../images/button/top_menu_right_off.gif');
	height:24px;
	width:4px;
}
div.button_blue{
	float:left;
	background:url('../images/button/top_menu_blue.gif');
	height:24px;
	color:white;
	text-align:center;
	font-size:14px;
	line-height:24px;
	font-padding:5px 3px 5px 3px;
}
div.button_left_blue{
	float:left;
	background:url('../images/button/top_menu_left_blue.gif');
	height:24px;
	width:4px;
}
div.button_right_blue{
	float:left;
	background:url('../images/button/top_menu_right_blue.gif');
	height:24px;
	width:4px;
}
/*END OF Buttons*/