/*------------------------------------------------------------------------------*/				
/*--------------------------	Style file	------------------------------------*/
/*------------------------------------------------------------------------------*/				
/*---	colors:
  ---	blue background:			#bbbbff				text:	#000050
  ---	light blue background:		#eeeeff				text	#000050
  ---	light orange background:	
  ---	bottom grey background:		#a5a5a5				text:	#000000 / black
  ---	main page background:		#ffffff / white		text:	#000000 / black
/*------------------------------------------------------------------------------*/				
/*-----------------------	general settings	--------------------------------*/
/* do not display items which are only for printing  */
@media screen	{
	.Print			{	display: 		none;	}
	#PrintLogo		{	display: 		none;	}
}
/*----------------------	main body appearances	----------------------------*/
BODY			{	padding:	0px;	margin: 0px;
				  	background-color: #a5a5a5; 
					color : 		black;
				  	font-family: 	Arial, Helvetica, sans-serif;
					font-size:		small;
				}
/*------------------------------------------------------------------------------*/
/*----------------------		layout areas		----------------------------*/
/*------------------------------------------------------------------------------*/				
#Layout			{	float:		left;	width:	100%;
					position:	absolute;	/* allow positioning of wolf image	*/
					background: #ffffff URL(images/columns.gif) 70% repeat-y;
				}
/*----------------------		header line			----------------------------*/
#Header			{	float:	none;
					background:	#bbbbff;
					color:		#000050;
				  	font-family: Arial, Helvetica, sans-serif;
					padding-left:	20px;
					padding-top:	2px;	padding-bottom:		2px;
				}
#Header_Main	{	float:		left;
				}
#Header_Main strong	
				{	font-size:	300%;		font-weight: bold;
					font-style:	normal;
				}
#Header_Main em	{	font-size:	250%;		font-weight: bold;
					font-style:	normal;
				}
#Header_Main a	{	text-decoration:	none;
				}
#Subheader		{	clear:		left;
					letter-spacing:	0.2em;
				}
/*----------------------		column area			----------------------------*/
#Columns		{	clear:		both;
					float:		left;
					width:		100%;
					padding:	0px;		margin:	0px;
					background: URL(images/sky.gif) 70% 100% no-repeat;
				/*	display:		inline-block;	 fixes some display inconsistencies*/
				}
#Left_Column	{	float:		left;
					width:		68%;
					padding:	0px;		margin:		0px;
					background:	#ffffff;
				}
#Right_Column	{	float:		right;
					width:		30%;
					padding:	0px;		margin:		0px;
					margin-bottom:		160px;
					background:	#bbbbff;
					color:		#000080;
				}
/*---------------		contents and subcontents area		--------------------*/
#Contents		{	padding:		10px 10px 30px 30px;
					background:		#ffffff /*URL(images/mm7bk.gif) no-repeat*/;
					color:			#000000;
					display:		inline;		/* fixes ie/win display inconsistencies*/
					line-height:	1.5em;
					float:			left;		width:	95%;
				}
#Cookie			{	float:			right;
					text-align:		right;
					font-size:		75%;		line-height:	1.2em;
					padding-bottom: 8px;
				}
#Cookie em		{	font-style: 	italic;
				}
#Title			{	clear:			both;
					text-align:		center;
				}
#Cont_Main		{	clear:			both;
					/*float:			none;		width:			100%;*/
				}
#Cont_Bottom	{	clear:			both;
					text-align:		center;
					border-top:		1px solid	#bbbbff;
					border-bottom:	1px solid	#bbbbff;
					padding:		4px;
				}
#Cont_Bottom img	{
					vertical-align:	middle;
				}
#Trademark		{	clear:			both;
					font-size:		80%;
				/*	background:		URL(images/underline_l.gif) 0% 0% no-repeat;*/
					border-top:		1px solid	#bbbbff;
					padding-top:	2px;
					margin-top:		1em;
				}
#Trademark p	{	margin:			0px;
				}
/*----------------------			footer			----------------------------*/
#Footer			{	background:	#a5a5a5 URL(images/bg_bott.gif) repeat-x;
					clear:			both;
					float:			none;
				  	font-family: 	Arial, Helvetica, sans-serif;
					text-align:		center;	font-size:		80%;
					padding-right:	20px;	padding-top: 	3px;	padding-bottom:	5px;
					color: 			Black;
				}
/*----------------------			wolf frame			------------------------*/
#Wolf_BR		{	background-image: URL(images/wolflogo3.gif);
					position: 		absolute;
					bottom:			0px; 		right:		0px;
					width:			160px;		height: 	160px;	
				}			
/*----------------------				menu			------------------------*/
#Lang			{	float:			right;
					padding-right:	10px;
					font-size:		75%;
				}
#idm_Main		{	float:			left;
					width:			85%;
					list-style:		none;
					margin:			0px;
					padding:		0px;				
				}
#idm_Main li	{	font-family: 	Arial, Helvetica, sans-serif;
					font-size:		120%;
					margin:				3px 0px;
					padding:		1px 0px;
				}
#idm_Main a		{	text-decoration:	none;
					font-weight:		bold;
					color:				#000050;
					float:				none;
					display:			block;
					margin:				3px 0px;
					padding:			3px 10px;
					height:				1.2em;
					white-space:		nowrap;
				}
#idm_Main a:hover	{
					font-weight:		bolder;
					text-decoration:	underline;
				}
body#Home #idm_Home a,	
body#ProE #idm_ProE a,	
body#Soft #idm_Soft a,	
body#Down #idm_Down a,	
body#Map #idm_Map a,	
body#Contact #idm_Contact a,	
body#About #idm_About a	{
					margin:				0px 0px;
					width:		85%;
				/*	background:			#ddddff URL(../images/menu_select.gif) repeat-y;*/
					background:			#eeeeff;
					border-top:			2px solid #aaaaff;
					border-right:		2px solid #ffffff;
					border-bottom:		2px solid #ffffff;
				}
/*------------------------------------------------------------------------------*/
/*---------------	page specific special appearances		--------------------*/
/*------------------------------------------------------------------------------*/				
#Home td		{	width:			45%;	
					padding:		0px 5px;	margin:			1em 0em;
					border:			1px solid	#bbbbff;
					vertical-align:	top;
				}

/*----------------------			forms			----------------------------*/
#Contact table	{	background:		#eeeeff;	
					width:			100%;
				}
.Inplab			{	padding:	3px 7px;
					margin:		0px 10px 0px 0px;
				}		
input.Inptxt, textarea.Inptxt			{	
					width: 		20em;
					padding:	3px;
					border: 	1px 	solid 	#bbbbff; 
					border-width:	1px 0px 0px 1px;
					color:		#000050;
					background:	white;
					margin:		0px 0px 0px 0px;
					display:	block;
				}
#cf_email, #cf_body		{
					width: 30em;
				}
#cf_phone, #cf_fax		{
					width: 10em;
				}
#cf_body		{	height:	15em;
				}
input.required, textarea.required		{	
					background:		#ffffcc;
				}
.Button			{	background:		#eeeeff URL(images/btn1_bg.gif) repeat-x;
					border-top:		1px solid	#ffffff;
					border-left:	1px solid	#eeeeff;
					border-right:	1px solid	#bbbbff;
					border-bottom:	2px solid	#bbbbff;
					width:			12em;
					margin-left:	auto;					/*	center, if appropriate	*/
					margin-right:	auto;
				}
#contactform td	{	vertical-align:	top;	}

#DataProtection p,
#DataProtection ol	{	margin-top: 	5px;	
						margin-bottom: 	5px;	
						line-height:	1.2em;
					}
/*----------------------		map page			----------------------*/
#LWHMap			{	position:		relative;
					border-width:	1px;	border-style:	solid;
					border-color:	#000050;
					width:			90%;
					height:			800px;
				}
/*--	
	@media (min-width:  500px)	{	#LWHMap	{ width:	400px;	}	}
	@media (min-width:  800px)	{	#LWHMap	{ width:	700px;	}	}
	@media (min-width: 1024px)	{	#LWHMap	{ width:	900px;	}	}
--*/
	@media (min-height:  500px)	{	#LWHMap	{ height:	400px;	}	}
	@media (min-height:  800px)	{	#LWHMap	{ height:	640px;	}	}
	@media (min-height: 1024px)	{	#LWHMap	{ height:	800px;	}	}
.osmap			{	position:		absolute;
					top:			0;		left:			0;
					width:			100%;	height:			100%;
				}
#LWHRoute		{	padding-top:	10px;	padding-bottom:	10px;
					margin-top:		4px;
				}
#LWHRoute div	{	padding-top:	2px;	padding-bottom:	2px;
					margin:			0px;
				}
#rFrom, #rDirections	{
					padding:	3px;
					border: 	1px 	solid 	#bbbbff; 
					border-width:	0px 1px 1px 0px;
					color:		#000050;
					background:	white;
					margin:		0px 0px 0px 0px;
					display:	block;
				}
#rDirections	{	font-family:	"Courier New", monospace;
					font-size:		small;
				}
#pDirections	{	font-family:	"Courier New", monospace;
					font-size:		small;
					text-align:		left;
				}
.BigMap			{	width:			600px;	height:		500px;
				}
.SmallMap		{	width:			450px;	height:		400px;
				}
.TinyMap		{	width:			300px;	height:		250px;
				}
.BigWidth		{	width:			600px;
				}
.SmallWidth		{	width:			450px;
				}
.TinyWidth		{	width:			300px;
				}
.noScript		{	clear:			both;
					margin:			1px; 	padding:			4px;
				}
noscript		{	text-align: 	center;
					border-width:	1px;	border-style:	solid;
					border-color:	#000050;
					padding:		4px;
					font-weight:		bold;
				}
.navbtn			{	width:			12em;
				}
/*----------------------		about page				----------------------*/
#About dl		{	clear:	both;			float:	none;	
					margin:			0px;
					padding-top:	4px;	padding-bottom:		4px;}
#Address		{	clear:	both;			float:	left;	}
#Address dt		{	width:	8em;	}
#Address dd		{	float:	none;
					display:		block;	/* fixes some display inconsistencies*/
					white-space:	nowrap;
				}		
#USTID			{	clear:	both;			float:	left;	}
#USTID dt		{	float:	left;	}
#USTID dd		{	float:  left;	
					display:		block;	/* fixes some display inconsistencies*/
					white-space:	nowrap;
				}
#Disclaimer		{	clear:	both;			float:	left;
					border-width:	1px;	
					border-style:	solid;
					border-color:	#000050;
					font-family:	"Times New Roman", Times, serif;
					font-style:		italic;
					padding:		4px;
					margin:			2em 0em;
					display:		inline-block;	/* fixes some display inconsistencies*/
				}
#Disclaimer em	{	font-weight:	bold;
				}
/*----------------------	header line ornamentation	----------------------*/
H1, H2			{	clear:			both;
					font-family: Arial, Helvetica, sans-serif;
					color:		#000050;
					background:	#eeeeff;
					margin:			0px;
					padding-top: 	5px;	padding-bottom:	5px;
					padding-left:	10px;	padding-right:	50px;
				}
H1				{	font-size:	140%;
				}
H2				{	font-size:	120%;
				}
				
P				{	padding:		0px;
					padding-left:	10px;
				}
sup				{	font-size:	80%;
				}
ul				{	margin:		0px;								/* menu only? */
					padding:	5px;	padding-left:	20px;
										padding-bottom:	10px;
				}
dl				{	margin:			0px;
					padding:		0px;
					padding-bottom:	0.5em;
					/*display:		inline-block;		IEWin bugfix	*/
				}
dt				{	clear: 			both;	float: 			left;
					padding-left:	10px;	padding-right:	1em;	
				}
dt.subtopic		{	font-family: 	Arial, Helvetica, sans-serif;
					font-weight:	bold;
					color:			#000050;
					margin:			0px;
					margin-top:		0.5em;	margin-bottom:	0.5em;
					padding-top: 	2px;	padding-bottom:	2px;
					padding-right:	5em;
					background:		URL(images/underline_l.gif) 0% 100% no-repeat;		
				}
dd.totopic		{	clear:			left;}
dd.img			{	float:			right;	margin:			5px;
					padding:		0px;
					padding-bottom:	2px;
					background:		URL(images/underline_r.gif) 100% 100% no-repeat;		
				}
				/*	use this before next subtopic to fix ie printing problem	*/
dd.clearer		{	clear:			both;
					line-height:	0px;
					height:			0px;	
				}
dd.img img		{	border:			none;
				}
dd.img a		{	text-decoration: none;	
				}
dd.more1			{	float:			right;
					margin:			5px;	margin-top:		-1.5em;
					padding:		0px;	padding-bottom:	2px;
					background:		URL(images/underline_rs.gif) 100% 100% no-repeat;		
				}
dd.more			{	text-align:			right;
					margin:			5px;	margin-top:		-1.5em;
					padding:		0px;	padding-bottom:	2px;
					background:		URL(images/underline_rs.gif) 100% 100% no-repeat;		
				}
dd.more a		{	text-decoration: none;	
				}
.Button	a		{	padding:		5px 4em 5px 4em;
					text-decoration: none;
					color:			#000050;
				}
.Backbtn		{	clear:			both;	float: 			none;
					text-align: 	center;
				}
/*----------------------			images				----------------------*/
img				{	border:			0px;	
					box-shadow:		5px 6px 15px #666;	}
img.right		{	float:			right; 
			  		margin-left: 	16px; margin-right:  0px; 
					margin-bottom:	4px;	}
img.noshadow	{	box-shadow:		none;	}
/*----------------------		general layout			----------------------*/
.centered		{	text-align: 	center;	}
.clear			{	clear:			both;	}
/*--------------------------	end of style file	--------------------------*/