

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

html
	{
	margin: 0;
   	padding: 0;
    height:100%;
	}

	

body 
	{
	background-image: url("../../_image/structure/back.jpg");
background-color: #FFFFFF;
FONT-WEIGHT:		normal;
FONT-FAMILY:		Verdana, Helvetica, sans-serif;
FONT-SIZE:11px;
MARGIN-LEFT:		0px;
MARGIN-TOP:		0px;
COLOR:			#000000;
LINE-HEIGHT:		normal;

padding:0px;text-align:center;
	
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: center top;
	
	margin: 0;
	padding: 0;
    height:100%; 
	
   	}
   	
/*Meny_css_starts_here*/


/**********************************************************

Meny

Joachim Blomberg
2006-10-13 :)

***********************************************************/

#menu
{
position:absolute;
top: 258px;
left: 20px;
margin: 0px;
padding: 0px;


}

/* all lists */
#menu ul
{
padding: 0px;
margin: 0px;
list-style: none;
text-align: left;
height: 1%;
}

/* all list items */
#nav li
{
position: relative;
margin: 0px;
padding: 0px;
float: left;
line-height: 18px;


    width: 100px;

}

#nav li {height:1%;} #menu > #nav li {height:18px;}

 /* second-level lists */
#nav li ul
{
position : absolute;
top: 0px;
display: none;
left: 100%;
width: 150px;


    margin-top: 18px;
    left: 0px;   

}


    #nav ul li
    {
    width:100%;
    }


/* third-and-above-level lists */
#nav li ul ul
{
display: none;
left: 100%;
}

#nav div
{
}

#nav li a
{
text-align: left;
position: relative;
display: block;
color: #FFFFFF;
background-color: #000;
background-image: ;
border: ;
padding: 0px 0px 1px 5px;
line-height: 18px;
font-family: Verdana;
font-size: 10px;
font-weight: bold;
font-style: ;
text-decoration: none;
text-transform: uppercase;
height: 18px;
}


#nav li ul li a
{
background-image: url('../../_image/structure/submenu_back.gif');
text-align: left;
}

#nav li a:hover
{
color: #FFFFFF;
background-color: #6d6d6d;
background-image: ;
}

#nav li ul li a:hover
{
color: ;
background-color: ;
background-image: url('../../_image/structure/submenu_hover_back.gif');
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
display: none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { 			/* lists nested under hovered list items */
display: block;
}

/*Meny_css_ends_here*/

/**********************************************************

Divvar

***********************************************************/



.content
{
	position:relative;
	margin: 0 auto;
        width: 800px;
    	text-align: left; /*IE hack*/
    	padding: 0px;
    	border: 0px solid #000000;
    	text-align:center;  

}

.producedby
	{
	position:absolute;	
	
	top: 15px;																
	left: 15px;
	background-image: url("http://www.rabergsakeri.se/_image/icon/ProdecedBy.gif");
	
	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 
	{
	position:relative;
	top:0px;
	left:0px;	
	height: 280px;
	width: 800px;
	background-image: url("../../_image/structure/top_back.jpg");
	background-repeat: no-repeat;					
	background-color:transparent;
	z-index:2;
	text-align:left;
	}


.topflagmeny 
	{		
	position: relative;	
	
	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;
	}

.innercontent_padding
{	
	
	padding-left:30px;
	padding-right:20px;
	padding-top:25px;
	padding-bottom:20px;
	
	 
	scrollbar-width:40px;													  
	scrollbar-face-color:#FFFFFF; 
	scrollbar-arrow-color:#cccccc; 
		
	scrollbar-3dlight-color:#cccccc;
	scrollbar-darkshadow-color:#cccccc;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
	text-align:left;
}

.innercontent 
	{
	
    /*display:table-cell;*/
    min-height: 231px;
    height:auto;
 }

 
/* hide from MacIE \*/
    * html .innercontent  { height: 231px; }
/* end hide */

.innercontent_back
	{
	
	position:relative;
	
	width: 800px;	
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-color:transparent;
	z-index:2;
	
	/*innercontent_back background fix for Mac: Netscape and Mozilla*/
	display:table-cell;
	}
	
.innercontent_back2
	{
	
	position:relative;	
	width: 800px;
	
	background-image: url("../../_image/structure/innercontent_back2.gif");
	
	background-color:#FFFFFF;
	z-index:1;
	margin:0px;
	padding:0px;
	overflow:never;	
	}
	
 .clear
    {
    clear:both;
    height:0px;
    overflow:hidden;
    }
	
.footer
	{
	position:relative;
	top:0px;
	left:0px;	
	height: 44px;
	width: 800px;
	overflow:never;
	background-image: url("../../_image/structure/footer_back.jpg");
	background-repeat: no-repeat;					
	background-color:transparent;
	z-index:2;
	text-align:left;
	padding-bottom:0px;
	margin:0px;
	}

.popup
	{
	
	margin:0px auto;
	overflow:auto;
	text-align:left;
	padding:0px;
	border:0px solid;
	background-color:#FFFFFF;
	z-index:3;
	 
	scrollbar-width:40px;													  
	scrollbar-face-color:#FFFFFF; 
	scrollbar-arrow-color:#cccccc; 
		
	scrollbar-3dlight-color:#cccccc;
	scrollbar-darkshadow-color:#cccccc;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
	}

.news
	{

	width: 150px;
	margin:0px auto;
	overflow:auto;
	
	text-align:left;														
	padding:0px;
	border:0px solid ;
	background-color:transparent;
	z-index:4;
	  
	scrollbar-width:40px;													 
	scrollbar-face-color:#FFFFFF; 
	scrollbar-arrow-color:#000000;	
	}









.producedbyClickShow
	{
	position:absolute;
	top:0px;
	left:0px;	
	
	visibility:hidden;
	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;
	top:10px;
	left:0px;	
	
	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;
	top:10px;
	left:0px;	
	
	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);     
	}






.footer_left

	{
	top:0px;
   	left:0px;
	float:left;
	position:relative;
	padding-top: 7px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	color: 	#FFFFFF;
	text-transform: 	uppercase;	
	font-family:		Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	background-color:transparent;
	z-index:3px;
	}

.footer_right

   	{
   	top:0px;
   	left:0px;
   	float:right;
   	position:relative;
	padding-top: 7px;
	padding-left: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	color: #000000;
	font-family:		Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	background-color:transparent;
	z-index:3px;
	}






img					{border:0};






a				{
	FONT-WEIGHT:		bold;
	font-family:		Verdana, Helvetica, sans-serif;
	text-transform: 	normal;
	FONT-SIZE:		;
	letter-spacing: 	normal;	
	COLOR:			#FFFFFF;
	TEXT-ALIGN:		left;
	text-decoration:	none;	
	line-height:		16px;	
}

a:link				{
	FONT-WEIGHT:		bold;
	font-family:		Verdana, Helvetica, sans-serif;
	text-transform: 	normal;
	FONT-SIZE:		;
	letter-spacing: 	normal;	
	COLOR:			#FFFFFF;
	TEXT-ALIGN:		left;
	text-decoration:	none;	
	line-height:		16px;	
}

a:visited			{
	FONT-WEIGHT:		bold;
	font-family:		Verdana, Helvetica, sans-serif;
	text-transform: 	normal;
	FONT-SIZE:		;
	letter-spacing: 	normal;	
	COLOR:			#FFFFFF;
	TEXT-ALIGN:		left;
	text-decoration:	none;	
	line-height:		16px;	
}

a:hover				{
	FONT-WEIGHT:		bold;
	font-family:		Verdana, Helvetica, sans-serif;
	text-transform: 	normal;
	FONT-SIZE:		;
	letter-spacing: 	normal;	
	COLOR:			#000000;
	TEXT-ALIGN:		left;
	text-decoration:	none;	
	line-height:		16px;	
}

a:active			{
	FONT-WEIGHT:		bold;
	font-family:		Verdana, Helvetica, sans-serif;
	text-transform: 	normal;
	FONT-SIZE:		;
	letter-spacing: 	normal;	
	COLOR:			#FFFFFF;
	TEXT-ALIGN:		left;
	text-decoration:	none;	
	line-height:		16px;	
}




input				{color: #000000;font-size: 11px;border: 0px solid;border-color:#000000;background-color:#FFFFFF;}
textarea			{color: #000000;font-size: 11px;border: 1px solid;border-color:#C9C9C9;background-color:#FFFFFF;}
select				{color: #000000;font-size: 11px;border: 0px solid;border-color:#000000;background-color:#FFFFFF;}

input[type="checkbox"]		{color: #000000;font-size: 11px;border: 0px solid;border-color:#000000;background-color:#FF8500;}
input[type="radio"]		{color: #000000;font-size: 11px;border: 0px solid;border-color:#000000;background-color:#FF8500;}
input[type="Button"]		{color: #000000;font-size: 11px;border: 0px solid;border-color:#000000;background-color:#FF8500;}

#submitknapp
{
background-image: url("../../_image/structure/skicka.gif");
background-repeat: no-repeat;
width: 70px;
height: 24px;
cursor: hand;
}

#rensaknapp
{
background-image: url("../../_image/structure/rensa.gif");
background-repeat: no-repeat;
width: 70px;
height: 24px;
cursor: hand;
}


.innercontentHeader
{
	
	FONT-WEIGHT:		bold;
	font-family:		Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE:		20px;
	COLOR:			#000000;
	TEXT-ALIGN:		left;
}

.innercontentBody, p ,td, li, u
{
FONT-WEIGHT:		normal;
FONT-FAMILY:		Verdana, Helvetica, sans-serif;
FONT-SIZE:11px;
MARGIN-LEFT:		0px;
MARGIN-TOP:		0px;
COLOR:			#000000;
LINE-HEIGHT:		normal;

	line-height:		16px;}

.Header, h1
{
	FONT-WEIGHT:		bold;
	font-family:		Verdana, Helvetica, sans-serif;
	FONT-SIZE:		13px;
	COLOR:			#000000;
	letter-spacing: 	2px;
	text-transform: 	uppercase;
	TEXT-ALIGN:		left;
	line-height:		16px;
}
.Header_Colored, h1_colored
{
	FONT-WEIGHT:		bold;
	font-family:		Verdana, Helvetica, sans-serif;
	FONT-SIZE:		13px;
	COLOR:			#FF0000;
	letter-spacing: 	2px;
	text-transform: 	uppercase;
	TEXT-ALIGN:		left;
	line-height:		16px;
}

.Sub_Header, h2
{
	FONT-WEIGHT:		bold;
	font-family:		Verdana, Helvetica, sans-serif;
	text-transform: 	uppercase;
	FONT-SIZE:		10px;
	letter-spacing: 	normal;	
	COLOR:			#000000;
	TEXT-ALIGN:		left;
	line-height:		16px;	
}

.Sub_Header_Colored, h2_colored
{
	FONT-WEIGHT:		bold;
	font-family:		Verdana, Helvetica, sans-serif;
	text-transform: 	uppercase;
	FONT-SIZE:		10px;
	letter-spacing: 	normal;	
	COLOR:			#FF0000;
	TEXT-ALIGN:		left;
	line-height:		16px;	
}

.Body, p, td
{
FONT-WEIGHT:		normal;
FONT-FAMILY:		Verdana, Helvetica, sans-serif;
FONT-SIZE:11px;
MARGIN-LEFT:		0px;
MARGIN-TOP:		0px;
COLOR:			#000000;
LINE-HEIGHT:		normal;

	line-height:		16px;}

.Body_Colored
{
	FONT-WEIGHT:		normal;
	font-family:		Verdana, Helvetica, sans-serif;
	FONT-SIZE:		11px;
	COLOR:			#FF0000;
	TEXT-ALIGN:		left;
	Line-height:		16px;
}


.NewsHeader
{
	FONT-WEIGHT:		bold;
	font-family:		Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE:		135%;
	COLOR:			#555555;
	TEXT-ALIGN:		left;
}

.NewsDate
{
	FONT-WEIGHT:		normal;
	font-family:		Verdana, Helvetica, sans-serif;
	FONT-SIZE:		65%;
	COLOR:			#333333;
	TEXT-ALIGN:		left;
}

.NewsBody
{
	FONT-WEIGHT:		normal;
	font-family:		Verdana, Helvetica, sans-serif;
	FONT-SIZE:		65%;
	COLOR:			#333333;
	TEXT-ALIGN:		left;
}

.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; 
}

hr
{
color:#000000;
height:1px;
width: 100%;
align: left;
}

#bild
{
position:absolute;
margin-top:100px;
margin-left:500px;}