/* CSS Document */

/* 
---------------------------------------------------------------------
	Investa, januari 2010
	Layout: utformat - www.utformat.se
	Webbdesign: parny produktion - www.parny.se    
---------------------------------------------------------------------
*/

* 			{ margin:0; padding:0;} 
body 		{ font: 12px arial, verdana, sans-serif; background-color:#fff; color:#333;}
a:link 		{ color:#333; text-decoration: none; font-weight:bold; }
a:visited 	{ color:#333; text-decoration: none; font-weight:bold; }
a:active 	{ color:#333; text-decoration: none; font-weight:bold; }
a:hover 	{ color:#D40032; text-decoration: none; font-weight:bold; }
a img 		{ border: 0; }

a#current	{ color:#D40032; }

hr 			{ margin-bottom:5px; margin-top:5px; height:0; border: none 0; border-top: 1px solid #ccc; width:90%; }

i 			{ font-weight:bold; font-style:italic;  }

h1 			{ font: 26px Georgia, "Times New Roman", Times, serif; margin-top:0px; margin-bottom:12px;}
h2 			{ color:#D40032; font-size: 13px; font-weight:bold; margin-bottom: 0px;}
h3 			{ font-size: 13px; font-weight:bold; margin-bottom: 0px;}

div#allt	{ position:absolute; margin-top:0px; width:842px; left:50%; margin-left:-421px;  }
div#topp 	{ position:absolute; width:855px; height:56px; background-color:#000;  }

div#main 	{ position:absolute; width:814px; margin-left:0px; margin-top:56px; padding-left:20px; padding-right:20px; background-color:#333; text-align:left; background-image:url(grafik/bgmain.jpg); background-repeat:repeat-x; }
div#leftstart			{ position:static; float:left; width:265px; margin-top:40px; }
div#left				{ position:static; float:left; width:265px; margin-top:80px; }
div#rightcontainer		{ position:static; float:left; width:539px; margin-top:10px; margin-left:10px; margin-bottom:5px;  }
div#right				{ position:static; float: left; width:320px; padding:28px 20px 28px 28px;}
div#rightmeny			{ position:static; float: left; width:170px; margin-top:68px; line-height:19px;}
div#spegling			{ position:static; width:539px; height:50px; margin-top:0px; background-image:url(grafik/spegling.png); background-repeat:no-repeat; }	
div#startbild			{ position:static; float:left; width:539px; margin-top:40px; margin-left:10px; }

div#redrum				{ position:static; float:left; width:814px; margin-top:30px; margin-bottom:5px; overflow:hidden; color:#fff; font-size:11px; line-height:13px; }
div#redrum1container	{ position:static; float:left; width:265px; }
div#redrum2container	{ position:static; float:left; width:265px; margin-left:9px; }
div#redrum3container	{ position:static; float:left; width:265px; margin-left:9px; }
div#redrum1				{ position:static; float:left; width:237px; height:108px; padding:14px; background-image:url(grafik/startruta.gif); background-repeat:no-repeat; }
div#redrum2				{ position:static; float:left; width:237px; height:108px; padding:14px; background-image:url(grafik/startruta.gif); background-repeat:no-repeat; }
div#redrum3				{ position:static; float:left; width:237px; height:108px; padding:14px; background-image:url(grafik/startruta.gif); background-repeat:no-repeat; }
div#redrum1spegling		{ position:static; float:left; width:265px; height:40px; margin-top:5px; background-image:url(grafik/startruta_spegling.png); background-repeat:no-repeat; }
div#redrum2spegling		{ position:static; float:left; width:265px; height:40px; margin-top:5px; background-image:url(grafik/startruta_spegling.png); background-repeat:no-repeat; }
div#redrum3spegling		{ position:static; float:left; width:265px; height:40px; margin-top:5px; background-image:url(grafik/startruta_spegling.png); background-repeat:no-repeat; }

div#logga 	{ z-index:5; position:absolute; margin-top:23px; margin-left:20px; }
div#botten	{ width:700px; position:relative; margin-left:20px; height:20px; margin-top:100px; font-size: 11px; color:#fff; clear:both; }


div#botten a:link 		{ color:#fff; }
div#botten a:visited	{ color:#fff; }
div#botten a:active		{ color:#fff; }
div#botten a:hover 		{ color:#752316; }


div#redrum a:link 		{ color:#fff; }
div#redrum a:visited	{ color:#fff; }
div#redrum a:active		{ color:#fff; }
div#redrum a:hover 		{ color:#752316; }

.nyhetsrubrik		{ font: 18px Georgia, "Times New Roman", Times, serif;}
.datum 				{ font-size:12px; }
.center 			{ text-align: center; }
.bkgrw				{ background-color: #fff}

.rod			{ color:#D40032; }
.clear				{clear: both}

div#menycontainer 	{ z-index:6; position:absolute; margin-top:37px; margin-left:296px; }


/* den vågräta menyn börjar här */
div#listmenu {
	width:539px; 	/* ger div-elementet full bredd */
	height:19px;
	float:left; 	/* gör att div-elementet omsluter listan */
	font-size:10px;
	text-transform:uppercase; 
	background-image:url(grafik/meny_bg.gif);
	background-repeat:no-repeat; 
	margin-top:0px;
	margin-bottom:0px;
	}
div#listmenu ul {
	margin:4px 10px 0 10px;
	}
div#listmenu li {
	float:left;	/* får listan att justeras vågrätt i stället för lodrätt */
	position:relative; /* positioneringskontext för den absolut positionerade listmenyn */
	list-style-type:none;	/* tar bort punkterna för varje listpost */
	}
	
div#listmenu a {
	display:block; /* alternativen på listmenyn ändrar färg */
	padding:0 7px; /* skapar luft på varje sida om menyalternativen */
	text-decoration:none;	 /* tar bort understrykningen av länken */
	color:#000;	/* anger teckenfärgen */
	margin-bottom:3px;
	}
div#listmenu a:hover { color:#D40032; }
div#listmenu a#current	{ color:#D40032; }
/* den vågräta menyn slutar här */

/* listmenyn börjar här */
div#listmenu ul li ul {
	font-size:11px;
	margin:0; /* förhindrar att det tillfälliga värdet från den vågräta menyn ärvs här - OK att ta bort, om du också 
			tar bort det tillfälliga värdet ovan */ 

	position:absolute; /* positionerar ul-listmenyn i förhållande till dess relativt positionerade li-förälder */ 
	width:130px; /* anger menyns bredd - i kombination med bredden 100% för li-elementet, gör detta att menyn 
	justeras lodrätt */
	background-color:#FFF;
	text-transform:none;
	}
div#listmenu ul li ul li {
	width:100%; /* får listposterna att fylla ut listbehållaren (ul) */ 
		padding-bottom:3px;
	}
/* 
div#listmenu ul li ul li:hover { background-color:#FFF;
	}
*/	
/* gör att listmenyn visas när användaren pekar på menyn */ 
div#listmenu ul li ul {display:none;} /* döljer listmenyn när användaren inte pekar på menyn */ 
div#listmenu ul li:hover ul {display:block; } /* visar listmenyn när användaren pekar på menyn */ 


/* HACK-ZON - */
/* hack för IE (alla modeller) så att menyn får en vågrät linje längst ut till vänster */
* html div#listmenu ul {
	float:left; /* får ul att omsluta alla li-elementen */
	margin-left:5px; /* IE fördubblar värdet som angivits - varför? */
	}
* html a {display:block;} /* får IE5 & 5.5 att acceptera padding för länken */
/* slut på hack-zon */