/* CSS Document for Arva */

/* GENERAL */




/*
		  ARVA

	html, body			#pagediv
	-----------------
	|	|		|	|   	TOPPEN	[	<-	#top - #menu
 	|   ---------	|
	|	#########	|   				<-	#headPicture	]
	|	---------	|
	|	| |___|F|	|   	MITTEN 	[	<-	#content
	|	| |	  |_|	|						F - Fokus		]
	|	| |	| |	|	|
	|	| |	| |	|	|
	|	---------	|		BOTTEN	[	<-	#foot			]
	-----------------

*/



/*

		MENY

*/

/* Copyright 2006 Rickard Claeson - rickard.claeson@gmail.com
For free and non-profit usage, do not remove this.*/
#menu {  width: 900px; position:absolute; margin-top: 70px; margin-left: -10px;}

#menu a { font: 10px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color:#fff; text-decoration:none; display:block; }
#menu ul a {  width:110px; padding-left:7px; padding-top: 5px; padding-bottom: 4px; border-left: 1px solid #fff;} /* width = bredden(108px) - paddingLeft */
#menu a:hover, #menu a:hover ul ul, #menu ul:hover ul { display:block;  background-color: transparent; }
#menu a:hover ul ul, #menu ul:hover ul {  display:block;  background-color: #161716; }
#menu ul ul a:active, #menu ul ul a:focus, #menu ul ul a:hover {  color:#fff; background-color: #4b0872; }

#menu a:hover {text-decoration: underline;}

#menu table { float:left; }
#menu ul ul { display:none; margin-top: -1px; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom: 1px solid #fff; }
#menu .head { width:123px; text-align:center; /*border-top:1px solid #aaa; border-bottom:1px solid #aaa;*/ padding:0; display:block; }
#menu .headFirst { width:123px; text-align:center; /*border-top:1px solid #aaa; border-bottom:1px solid #aaa;*/ padding:0; display:block; border-left: none;}
#menu ul { list-style:none; margin:0; padding:0; display:block; float:left;}
#menu ul ul a { text-transform: none; border-left: none;}



/*

		TOPPEN

*/

html, body {
	/* Bakgrund */
	background: #1d1e1d url('images/bg.jpg') repeat-y center center;
	margin: 0;
	padding: 0;
	margin-bottom: 0.7em;

	/* Font mm */
  	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Ta bort kanter p? l?nkar */
a img {
	border: 0;

}

/*	Transparent GIF f?r att klicka p? loggan	*/
#top a img {
	position: absolute;

}



/*	Sidans bredd	*/
#pagediv, #top, #contentUndersida, #contentFramsida, #tableTopp, #belowcontent {
	width: 850px;
}


/*	Centrera	*/
#pagediv, #tableTopp {
	margin: 0 auto;	padding: 0;
}

/*	Arva logotyp, meny */
#top {
	background: #1d1e1d url('images/topbg.jpg') no-repeat 0 0;
	height: 58px;
}

/*	Huvudbild - V?lkommen till Arva Trading AB	*/
#headPicture {
	margin: 36px 0 11px 0;
	clear: left;
}


/*

		MITTEN

*/

/*	Sidans inneh?ll	*/
#contentFramsida, #contentUndersida {
	float: left;
	padding: 15px 0 10px 0;
	background: #fff url('images/topbar.gif') no-repeat top left;
}

/* 	bild under Content	*/
#belowcontent {
	float: left;
	height: 8px;
	font-size: 1px;
	background: #fff url('images/bottombar.gif') bottom left no-repeat;
}

/* undersidor */
#contentUndersida {
	margin: 40px 0 0 0;
	padding: 0 0 10px 0;
}


/*

		INNEH?LL - #content

*/

/* TABELLHELV***T */
#contentUndersida table, #contentFramsida table {
	width: 850px;
	margin-top: 6px;

}

/*	F?r samtliga celler...			*/
#contentUndersida table tr td, #contentFramsida table tr td {
	vertical-align: top;
	padding: 2px 2px 2px 0px;


}

.kantTillHoger {
	border-right: 1px solid #888;
}



/*	F?r huvudbilder p? undersidor	*/
#contentUndersida #tableTopp {
	text-align: center;
	padding-top: 32px;	padding-bottom: 24px;
}

/*	Bilder - marginal	*/
#contentUndersida img, #contentFramsida img {
	margin: 2px 0 4px 1em;
}

/*	Br?dtext	*/
#contentUndersida p, #contentFramsida p, address {
	color: #666;
	font-size: 9px;
	margin: 4px 4px 0 15px;
}

#contentUndersida p  {
	color: #666;
	margin: 2px 12px 1em 15px;
}

#contentUndersida h5 {
	margin-top: 16px;
	margin-left: 15px;
}



/*	Rubriker	*/
#contentUndersida h3, #contentFramsida h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;

	margin: 10px 4px 0 15px;
}

#contentUndersida h4, #contentFramsida h4 {
	font-size: 10px;
	font-weight: bold;

	margin: 6px 4px 0 15px;
}



/*	L?NKAR	*/
#contentUndersida a, #contentFramsida a {
	color: #ff9933;
	text-decoration: underline;
}

#contentUndersida a:hover, #contentFramsida a:hover {
	color: #ff3333;
	text-decoration: none;
}


/*	Utrymme mellan f?ljande artiklar	*/
#contentUndersida p img, #contentFramsida p img {
	margin-top: 2em;
	margin-left: -2px;
}

/*
	RUTAN FOKUS
*/

/*	Bredd, centrering	*/
#fokusHead, #fokus {
	width: 185px;
	margin: 0 auto 0 auto;
}

/*	Fokus Topp	*/
#fokusHead {
	background: #1d1d1d url('images/fokusHead-fade.gif') top right repeat-y;
	padding: 2px 0 3px 0;
}

/*	Fokus Rubrik	*/
#fokusHead h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	display: inline;
	margin: 0;
}
/*	Fokus Lampa	*/
#fokusHead img {
	margin: 0 8px 0 8px;
}

/*	Fokus inneh?ll	*/
#fokus {
	height: 270px;
	background: #e5e5e5 url('images/fokus-fade.gif') top left repeat-x;

	/*padding-top: 10px;*/
	overflow: auto;
	/*overflow-y: scroll;
	overflow-x: hidden;*/
}
/*	Fokus inneh?ll text	*/
#fokus p, h5 {

	color: #333;
	font-size: 9px;
	margin: 0 8px 0 8px;

}
/*	Fokus datum		*/
h5 {
	font-weight: bold;
	margin-top: 10px;
}

/*

		BOTTEN

*/

#foot {
	margin: 0 auto;
	padding-top: 1em;
	padding-bottom: 0.1em;
	clear: both;
	width: 800px;
	text-align: center;
}


#foot address {
	margin: 0; padding: 0;
	color: #999;
	font-style: normal;
}



/*	 HTML, CSS and JavaScript made by Oscar Bj?rkman 06/07
							      oscar.bjorkman@gmail.com
										  http://oscarb.se	*/