/***************************************************
 ***************************************************
 GENERAL START
 **************************************************/
* 								{
										padding:				0;
										margin:					0;
										border: 				0; 
										font-family: 		Lucida Sans Unicode;
									}
									
body 							{
										margin-top:			25px;
										background: 		#cccccc;
									}

h1							{
										margin-bottom:			10px;
									}

/***************************************************
 GENERAL END
 ***************************************************
 **************************************************/




/***************************************************
 ***************************************************
 MEDIA PRINT START
 **************************************************/
@media print
{
	table.wrapper		{
										/*background: 		#e6e6e6;*/
										background: 		#ffffff;
										width: 					800px;
										height: 				600px;
										size:						landscape;
										border:					1px solid black;
									}
																		
	table.content		{ 
										/*background: 		#e6e6e6;*/
										background: 		#ffffff;
										width:					500px;
										height: 				490px;
									}
}
/***************************************************
 MEDIA PRINT END
 ***************************************************
 **************************************************/
 


 
/***************************************************
 ***************************************************
 MEDIA SCREEN START
 **************************************************/
@media screen
{
	table.wrapper		{
										/*background: 		#e6e6e6;*/
										background: 		#ffffff;
										margin-left: 		auto;
										margin-right: 	auto;
										width: 					800px;
										height: 				600px;
										border:					1px solid black;
									}
									
	table.content		{ 
										/*background: 		#e6e6e6;*/
										background: 		#ffffff;
										/*width.					500px;*/
										height: 				420px;
									}
}
/***************************************************
 MEDIA SCREEN END
 ***************************************************
 **************************************************/
 
 
 
 
/***************************************************
 ***************************************************
 MARGINS START
 **************************************************/
td.left_margin		{
										width:					10px;
									}

td.center_margin	{
										width:					100px !important;
										/*border:					1px solid black;*/
									}

td.right_margin		{
										width:					10px;
									}

#banner2body_margin
									{
										height:				5px;
									}
/***************************************************
 MARGINS END
 ***************************************************
 **************************************************/




/***************************************************
 ***************************************************
 BANNER START
 **************************************************/
table.banner			{ 
										width:					100%;
										background: 		#666666;
									}

td.banner_image		{ 
										width:					100px;
										height:					80px;
									}

td.banner_text 		{
										/*color:					#e6e6e6;*/
										color:					#ffffff;
										vertical-align:	top;
										font-size: 			57px;
										height:					1em;
										letter-spacing:                         .1em;
									}

#banner_text_1		{
										/*float:					left, top;*/
										width:					350px;
										text-align:			center;
									}

#banner_text_2		{
										float:					right;
										width:					390px;
										text-align:			left;
									}

img.banner_image	{ 
										margin:		   		5px;
									}								

									
.shadow 					{
										/* default setup that everything sees */
  									/* needed for Internet explorer */
  									height:					2em;
  									filter: 				Shadow(Color=#000000, Direction=135, Strength=5);
  									/* Needed for Gecko */
  									line-height: 		2em;
  									white-space: 		nowrap;
  									display: 				block;
  									overflow:				hidden;
									}

.shadow:before 		{
										/* 
									 	 * used by browsers which know about
									   * :before to create the shadow 
									   */
									  display: 				block;
									  white-space: 		nowrap;
									  margin: 				0 0 -2.09em 0.15ex;
									  padding: 				0;
									  color: 					#000000;; 
									  overflow:				hidden;
									}

#shadow_1:before 	{ 
  									content: 				'ARAFOS'; 
  									display: 				block;
  									overflow:				hidden;
									}

#shadow_2:before 	{ 
  									content: 				'v&aumlvhantverk'; 
  									display: 				block;
  									overflow:				hidden;
									}
/***************************************************
 BANNER END
 ***************************************************
 **************************************************/




/***************************************************
 ***************************************************
 CONTENT START
 **************************************************/
td.content_left		{
										vertical-align:	top;
										text-align:			left;
										width:					500px; 
										font-size:			.8em;
									}
									
td.content_right	{
										vertical-align:	top;
										width:					400px; 
									}
/***************************************************
 CONTENT END
 ***************************************************
 **************************************************/



 
/***************************************************
 ***************************************************
 SIDEBAR IMAGES START
 **************************************************/
table.sidebar 		{ 
										width:					400px;
										height:					400px;
									}

td.sidebar_lt			{ 
										width:					200px;
										height:					200px;
										border:			 		none;
									}

td.sidebar_rt			{ 
										width:					200px;
										height:					200px;
										border:			 		none;
									}

td.sidebar_lb			{ 
										width:					200px;
										height:					400px;
										border:			 		none;
									}

img.sidebar_image	{
										width:					195px !important;
										height:					195px !important;
									}
img.sidebar_image2{
										width:					195px !important;
										height:					395px !important;
									}
/***************************************************
 SIDEBAR IMAGES END
 ***************************************************
 **************************************************/								




/***************************************************
 ***************************************************
 TOP MENU START
 **************************************************/
table.menu				{
										width:					100%;
										background: 		#666666;
									}
								
td.menu						{ 
										width:					100px;
										text-align:			center;
									}

a.menu						{ 
										font-size:			12pt;
									}

a.menu:link				{ 
										color: 					#000000;
										text-decoration:none;
									}
										
a.menu:visited		{ 
										color: 					#000000;
										text-decoration:none;
									}
										
a.menu:hover			{ 
										color: 					#FF0000;
										text-decoration: none;
									}
/***************************************************
 TOP MENU END
 ***************************************************
 **************************************************/


/***************************************************
 ***************************************************
 INLINE LINK START
 **************************************************/
a.inline:link				{ 
										color: 					#000000;
										text-decoration:none;
									}
										
a.inline:visited		{ 
										color: 					#000000;
										text-decoration:none;
									}
										
a.inline:hover			{ 
										color: 					#FF0000;
										text-decoration: none;
									}
/***************************************************
 INLINE LINK END
 ***************************************************
 **************************************************/





/***************************************************
 ***************************************************
 FOOTER MENU START
 **************************************************/
.clearing 				{ 
										clear:					both;
										height:					0;
									}
									
table.menu_footer
									{ 
										background: 		#666666;
										width:					100%;
										font-size:			16px;
									}
									
td.menu_footer		{ 
										width:					110px;
										text-align:			center;
										vertical-align:	middle;
									}
									
a.menu_footer			{ 
										font-size:			11pt;
									}
										
a.menu_footer:link
									{ 
										color: 					#000000;
										text-decoration:none;
									}
										
a.menu_footer:visited
									{ 
										color: 					#000000;
										text-decoration:none;
									}
										
a.menu_footer:hover
									{ 
										color: 					#FF0000;
										text-decoration: none;
									}
/***************************************************
 FOOTER MENU END
 ***************************************************
 **************************************************/