/*applies to all elements*/
*
	{			

	font-family : Arial, Verdana, Helvetica, sans-serif;
	}

	/*margin for all documents*/

body 
	{
	/* Bakgrundsfärg för hela sidan */  
	background-color: #eeeeee;
	}






/* Stilguide för alla lager på sidan */

.mother
	{
	height:1;
	/* Här sätter du vidden på sidan.   */
	width:772px;																		
	margin:0px auto;
	text-align:left;
	padding:0px;
	/* Outline som ramar in hela sidan !Explorer endast!*/
	border:1px solid #000000;													
	background-color:transparent;
	z-index:1;
	}

.producedby
	{
	position: absolute;	
	/* Placering av huvudmeny */
	top: 15px;																
	left: 15px;
	background-image: url("http://www.sytab.se/_image/icon/ProdecedBy.gif");
	/* Här sätter du höjden på huvudet. */
	height:100px;																
	width:12px;
	margin:0px auto;
	text-align:left;
	padding:0px;
	border-left: 0px solid #ffffff;											
	border-right: 0px solid #ffffff;										
	border-bottom: 0px solid #eeeeee;										
	background-color:transparent;
	z-index:2;
	}

.top 
	{
	/* Bakrunder blir segt. */
	background-image: url("../../_image/structure/top_back.jpg");					
	/* Här sätter du höjden på huvudet. */	
	height:118px;															
	width:100%;
	margin:0px auto;
	text-align:left;
	padding:0px;
	border-left: 0px solid #ffffff;											
	border-right: 0px solid #ffffff;										
	/* Sätt värde för att skilja top från content */
	border-bottom: 0px solid #eeeeee;										
	background-color:#ffffff;
	z-index:2;
	}


.topflagmeny 
	{
		
	position: relative;	
	/* Placering av huvudmeny */
	top: 10px;																
	height:30px;																
	width:98%;
	margin:0px auto;
	text-align:right;
	padding:0px;
	background-color:transparent;
	z-index:3;
	border: 0 px solid #000000;	
	font-size:80%;
	color: #FFFFFF;
	font-weight: bold;
	}


.topmeny 
	{
		
	position: relative;	
	/* Placering av huvudmeny */
	top: 69px;																
	height:30px;																
	width:98%;
	margin:0px auto;
	text-align:left;
	padding:0px;
	background-color:transparent;
	z-index:3;
	border: 0 px solid #000000;	
	font-size:80%;
	color: #FFFFFF;
	font-weight: bold;
	}


.content 
	{
	/* Här sätter du höjden på kroppen. */
	height:426px;																
	width:100%;	
	margin:0px auto;
	text-align:center;
	padding:0px;
	border-left: 0px solid #000000;	
	border-right: 0px solid #000000;
	background-color:transparent;
	z-index:2;
	}


.innercontent 
	{
	background-image: url("../../_image/structure/innercontent_back.gif");
	/* Här sätter du höjden på innerkroppen. */

	height:388px;															
	width:100%;	
	margin:0px auto;
	overflow:auto;
	text-align:left;
	padding:0px;
	border:0px solid;
	background-color:#FFFFFF;
	z-index:3;
	/* Ändrar skrolllisterna för inner content */ 
	scrollbar-width:40px;													  
	scrollbar-face-color:#000000; 
	scrollbar-arrow-color:#ffffff;
	}



.leftmeny 
	{
	background-image: url("../../_image/structure/leftmeny_back.gif");
	/* Här sätter du höjden på menyn. */
	height:38px;															
	width:100%;	
	margin:0px auto;
	overflow:auto;
	/* Här väljer du om menyn skall vara left, center eller right. */
	text-align:right;														
	padding:0px;
	border:0px solid ;
	background-color:#E5F0F6;
	z-index:3;
	/* Ändrar skrolllisterna för left meny */  
	scrollbar-width:40px;													 
	scrollbar-face-color:#0085B8; 
	scrollbar-arrow-color:#ffffff;	
	
	}

.news
	{

	width: 150px;
	margin:0px auto;
	overflow:auto;
	/* Här väljer du om nyhetsrutan skall vara left, center eller right. */
	text-align:left;														
	padding:0px;
	border:0px solid ;
	background-color:transparent;
	z-index:4;
	/* Ändrar skrolllisterna för nyhetsrutan */  
	scrollbar-width:40px;													 
	scrollbar-face-color:#0085B8; 
	scrollbar-arrow-color:#ffffff;	
	}


.footer
	{
	background-image: url("../../_image/structure/footer_back.gif");
	/* Här sätter du höjden. */
	height:36px;															
	width:100%;	
	margin:0px auto;
	overflow:auto;
	text-align:center;
	padding:0px;
	background-color:#336D8C;
	/* Sätt värde för att skilja footer från content */
	border-top: 0px solid #eeeeee;																							 												
	border-left: 0px solid #ffffff;	
	border-right: 0px solid #ffffff;
	border-bottom: 0px solid #ffffff;
	z-index:2;
	}




/* Producerad-av-vikab-fiken */




.producedbyClickShow
	{
	position: absolute;	
	visibility: hidden;
	/* Placering av huvudmeny */
/*	background-image: url("../../_image/icon/ProdecedByVi.gif"); */
	/* Här sätter du höjden på huvudet. */
	height:10px;																
	width:16px;
	margin:0px auto;
	text-align:left;
	padding:0px;
	border-left: 0px solid #ffffff;											
	border-right: 0px solid #ffffff;										
	border-bottom: 0px solid #eeeeee;										
	background-color:transparent;
	z-index:10;
	filter: alpha(opacity=65);  
	}

.producedbyClickHide
	{
	position: absolute;	
	/* Placering av huvudmeny */
/*	background-image: url("../../_image/icon/ProdecedByVi.gif"); */
	/* Här sätter du höjden på huvudet. */
	height:10px;																
	width:16px;
	margin:0px auto;
	text-align:left;
	padding:0px;
	border-left: 0px solid #ffffff;											
	border-right: 0px solid #ffffff;										
	border-bottom: 0px solid #eeeeee;										
	background-color:transparent;
	z-index:10;
	filter: alpha(opacity=65);  
	}


.producedbyContent
	{
	position: absolute;	
	/* Placering av huvudmeny */
/*	background-image: url("../../_image/icon/ProdecedByVi.gif"); */
	/* Här sätter du höjden på huvudet. */
	height:117px;																
	width:16px;
	margin:0px auto;
	text-align:left;
	padding:0px;
	border-left: 0px solid #ffffff;											
	border-right: 0px solid #ffffff;										
	border-bottom: 0px solid #eeeeee;										
	background-color:transparent;
	z-index:10;
	filter: alpha(opacity=65);     
	}




/* Tabellformateringar */ 


.menuspacer
	{
	width:10px;
	}



.leftmenytd
	{
	/* Här väljer du om menyn skall vara left, center eller right. */
	width:100%;																
	text-align:right;
	}


.innercontenttd
	{
	width:100%;
	}


.topmenypaddingtable
	{
	padding-left: 0px;
	/* Här väljer du om menyn skall vara left, center eller right. */	
	text-align:left;														
	}


.leftmenypaddingtable
	{
	padding-left: 4px;
	padding-top:  1px;
	/* Här väljer du om menyn skall vara left, center eller right. */														
	}


.subtablemenu
	{
	/* Brädden på den vertikala undermenyn */
	width: 0%;																
	BORDER: 0PX solid ;
	text-align:left;
	}

.tablemenu
	{

	BORDER: 0PX solid ;
	text-align:left;
	}


.innercontentpaddingtable
	{
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 22px;
	padding-bottom: 22px;
	}


.footertable

   {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	color: #ffffff;
	font-weight: normal;
	font-size: 70%;
	
   }







/* Bilder */
img					{border:0};




/* Länkar/Ankare */

a					{color:#000000; text-decoration:none;}	
a:hover				{color:#000000; text-decoration:underline;} 




/* Formelement */

input				{background-color:transparent;}
textarea			{background-color:transparent;}
select				{background-color:transparent};

input[type="checkbox"]		{border:1px solid white;background-color:none;}
input[type="radio"]		{border:1px solid white;background-color:none;}
input[type="Submit"]		{background-color:#7c99ab;}
input[type="Submit"],input[type="Button"],input[type="Reset"]	{background-color:#7c99ab;}









/* -----------------  Menu stiles -------------------- */




.MenuActive
{
	FONT-WEIGHT:		bold;
	FONT-SIZE:			75%;
	LINE-HEIGHT:		12px;
	COLOR:				#333333;
	HEIGHT:				22px;
	BORDER-LEFT:		0px solid #D4D0C8;
	BORDER-TOP:			0px solid #D4D0C8;
	BORDER-RIGHT:		0px solid #000000;
	BORDER-BOTTOM:		0px solid #D4D0C8;
	TEXT-DECORATION:	none;
	cursor: pointer; 
	cursor: hand; 
	TEXT-ALIGN:			left;
	/* Exprimentera med färger på menyn */
	background-color:	transparent;
												
}

.MenuInActive
{
	FONT-WEIGHT:		bold;	
	FONT-SIZE:			75%;
	LINE-HEIGHT:		12px;
	COLOR:				#ffffff;
	HEIGHT:				22px;
	BORDER-LEFT:		0px solid #D4D0C8;
	BORDER-TOP:			0px solid #D4D0C8;
	BORDER-RIGHT:		0px solid #000000;
	BORDER-BOTTOM:		0px solid #D4D0C8;
	TEXT-DECORATION:	none;
	cursor: pointer; 
	cursor: hand; 
	TEXT-ALIGN:			left;
	/* Exprimentera med färger på menyn */
	background-color:	transparent;
														
}




.SubMenuActive
{
	FONT-WEIGHT:		bold;
	FONT-SIZE:			65%;
	LINE-HEIGHT:		12px;
	COLOR:				#ffffff;
	HEIGHT:				22px;
	BORDER-LEFT:		1px solid #F5B23D;
	BORDER-TOP:		1px solid #F5B23D;
	BORDER-RIGHT:		1px solid #F5B23D;
	BORDER-BOTTOM:		1px solid #F5B23D;
	TEXT-DECORATION:	none;
	cursor: pointer; 
	cursor: hand;  
	TEXT-ALIGN:			center;
	/* Exprimentera med färger på menyn */
	background-color:	#888888;
	border:			1px solid #F5B23D;
													
}

.SubMenuInActive 
{
	FONT-WEIGHT:		normal;	
	FONT-SIZE:			65%;
	LINE-HEIGHT:		12px;
	COLOR:				#ffffff;
	HEIGHT:				22px;
	BORDER-LEFT:		1px solid #F5B23D;
	BORDER-TOP:		1px solid #F5B23D;
	BORDER-RIGHT:		1px solid #F5B23D;
	BORDER-BOTTOM:		1px solid #F5B23D;
	TEXT-DECORATION:	none;
	cursor: pointer; 
	cursor: hand; 
	TEXT-ALIGN:			center;
	/* Exprimentera med färger på menyn */
	background-color:	#555555;							
}


.MenuBody
{	
	border: 0px;
	border-left:		1px solid #D4D0C8;
	border-right:		1px solid #D4D0C8;	
}	
/*
	filter:progid:DXImageTransform.Microsoft.Gradient(StartPosition=150,GradientType=1, StartColorStr='#e5ebee', EndColorStr='#ffffff');
*/

.SubMenuBody
{	
	border:0px;
	border-top:1px solid #bbbbbb;
	border-right:1px solid #bbbbbb;
	border-bottom:1px solid #bbbbbb;
}	

.hide{display:none;}
.show{display:block;}


/* Stilmallar för sidorna */

.innercontentheader
{
	
	FONT-WEIGHT:		bold;
	font-family:		Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE:			120%;
	COLOR:				#555555;
	BORDER-LEFT:		0px solid #D4D0C8;
	BORDER-TOP:			0px solid #D4D0C8;
	BORDER-RIGHT:		0px solid #000000;
	BORDER-BOTTOM:		0px solid #D4D0C8;
	TEXT-DECORATION:	none; 
	TEXT-ALIGN:			left;
	background-color:	transparent;
	
}

.innercontentbody
{
	FONT-WEIGHT:		bold;
	font-family:		Verdana, Helvetica, sans-serif;
	FONT-SIZE:			75%;
	LINE-HEIGHT:		16px;
	COLOR:				#888888;
	BORDER-LEFT:		0px solid #D4D0C8;
	BORDER-TOP:			0px solid #D4D0C8;
	BORDER-RIGHT:		0px solid #000000;
	BORDER-BOTTOM:		0px solid #D4D0C8;
	TEXT-DECORATION:	none;
	TEXT-ALIGN:			left;
	background-color:	transparent;	
}



.newsmenuheader
{
	FONT-WEIGHT:		normal;
	font-family:		Arial,Verdana, Helvetica, sans-serif;
	FONT-SIZE:		110%;
	LINE-HEIGHT:		30px;
	COLOR:			#333333;
	TEXT-DECORATION:	none;
	TEXT-ALIGN:		left;
	background-color:	transparent;	
}

.newsmenutext
{
	FONT-WEIGHT:		normal;
	font-family:		Verdana, Helvetica, sans-serif;
	FONT-SIZE:		65%;
	LINE-HEIGHT:		12px;
	COLOR:			#333333;
	TEXT-DECORATION:	none;
	TEXT-ALIGN:		left;
	background-color:	transparent;
	cursor: pointer; 
	cursor: hand; 
	
}

.newstexttable
{
	padding: 0px;
	BORDER-LEFT:		0px solid #000000;
	BORDER-TOP:		0px solid #000000;
	BORDER-RIGHT:		0px solid #000000;
	BORDER-BOTTOM:		0px solid #000000;
	background-color:	transparent;	
	text-align:right;
										
}

.newsmenu
{
	cursor: pointer; 
	cursor: hand; 
}