body
{
	margin-left:42px;
	margin-top:26px;
	margin-right:42px;
	margin-bottom:8px;
	padding:0; 
	background:white;
	color:#333333;
	font:normal 11px Arial, Helvetica, lucida, sans-serif;	
 }	 

/* här bor logotypen */
#logoarea
{
	top:0px;
	height:auto;
	width:753px;
	margin-bottom:8px;
}

/* regnbågsstrecket i sidhuvudet */
#rainbow-top
{
	top:0px;
	height:auto;
	width:auto;
/*	background-image:url(/_images/rainbow_top.jpg);*/
}

/* regnbågsstrecket i sidfoten */
#rainbow-bottom
{
	top:0px;
	height:auto;
	width:auto;
	background-image:url(/_images/rainbow_bottom.jpg);
}





/* C E N T E R B L O C K - bara en "container" för center- och högeravsnitt. background bör vara samma som lh-col och rh-col  */	 
#c-block
{
	position:relative;
	top:0px;
	height:100%; 
	left:0px;
	width:753px;
	background:white;			/* bättre att använda white och black istället för #FFFFFF och #000000 */
	color:#333333; 
	margin:0;
/*	border:solid #ccccdd;
	border-width:0 1px 0 0;		/* samma sak som "border-top:0px; border-left:1px; border-bottom:0px; border-right:0px;" */
}

/* C E N T E R K O L U M N  - huvudtextavsnittet. här kommer den mesta texten att bo och leva */
#c-col
{
	position:relative;
	top:4px;
	margin-left:165px;
	margin-right:-254px;
	width:306px;
	background:white;			
	color:#333333;
/*	border:solid #ccccdd;
	border-width:0;	 */
	clear:both;
	padding:8px 13px 8px 13px;
}


/* V Ä N S T E R K O L U M N ------------- vänstermenyn */ 
#lh-col
{
	float:left;
	position:absolute;
	top:146px;
	left:0px;
	margin:0 0 0 0;
	width:165px;
	background:white;
	color:#333333;
}



/* H Ö G E R K O L U M N */
#rh-col
{
	position:absolute;
	top:4px;
	left:499px;
	width:254px;
	background:white;
	color:#333333;
}


/* S I D H U V U D */
#hdr
{
	top:0em;
	height:auto; 
	left:0px;
	width:753px; 
	background:white;
	color:#333333; 
	line-height:12px;
/*	border-right:1px solid #cccddd;	*/
}

/* S I D F O T */
#ftr
{
	position:relative;
	clear:both;
/*	top:40px;*/
	left:0px;
	width:733px;
	height:32px;
/*	border:solid #ccccdd;
	border-width:1px 0 1px 0;
*/	background:white;
	color:#333333;
	padding-top:6px;
/*	padding-bottom:6px;*/
	padding-left:0px;
	padding-right:0px;
	font:normal 10px Tahoma, Lucida, Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:24px;
}

#ftr img
{
	display:block;
}

/* Ö V R E   L Å D A N   i högerkolumnen */
#top-right-box
{
	position:relative;
	top:0px;
	left:0px;
	width:254px;
	height:186px;
	background:white;
	padding:0px;
	color:black;
}

/* U N D R E   L Å D A N   i högerkolumnen */
#middle-right-box
{
	position:relative;
	left:0px;
	top:8px;
	width:254px;
	height:202px;
	background:#eeeeee;
	padding:0px;
	text-align:left;
	color:black;
}



/* ============ S T A R T S I D A N ============ */

/* C E N T E R B L O C K - bara en "container" för center- och högeravsnitt */	 
#c-block_start
{
	position:relative;
	top:4px;
	height:auto; 
	left:0px;
	width:753px;
	background:white;
	color:#333333; 
	margin:0;
	padding:0;
/*	border:solid #ccccdd;
	border-width:0 1px 0 0;
*/
}


/* A N D R A K O L U M N  för startsidan (i vilken bild- och nyheterrutorna bor) */
#c-col_start
{
	top:0px;
	left:0px;
	width:254px;
	margin-left:268px;
	margin-right:-231px;
	background:white;
	color:#333333;
	border:solid #ccccdd;
	border-width:0 0 0 0;
}


/* F Ö R S T A K O L U M N  för startsidan (i vilken text- och kalendariumrutorna bor) */

#lh-col_start
{
	position:absolute;
	top:0px;
	left:0px;
	width:254px;
	background:white;
	color:#333333;
	margin:0;
	padding:0;
}

/* H Ö G E R K O L U M N  för startsidan */
#rh-col_start
{
	position:absolute;
	top:0px;
	left:536px;
	width:217px;
	background:white;
	color:#333333;
}

/* ========================= de 5 rutorna på startsidan ==================== */
#newsbox, #calendarbox, #reportsbox, #top-left-quad, #top-right-quad
{
	position:relative;
	width:254px;
	margin:0;
	background:rgb(242,242,242);
	padding:0px;
	overflow: hidden;
}

/* ------ specifik formatering för nyhetsrutan --------- */
#newsbox
{
	background-image:url(/_images/bg_newsbox.gif); background-repeat:no-repeat; background-position:top left;
	float:left;
	clear:both;
	height:294px;
	margin:20px 0 10px 0;
	overflow:hidden;
	padding:0 8px 0 8px;
	width:238px;		/* final_width = width + padding. 238+8+8 = 254 */
}

/* ------ specifik formatering för kalendariumrutan --------- */
#calendarbox
{
	background-image:url(/_images/bg_calendarbox.gif); background-repeat:no-repeat; background-position:top left;
	float:right;
	clear:both;
	height:140px;
	margin:20px 0 0 0;
	overflow:hidden;
	padding:0 8px 0 8px;
	width:238px;		/* final_width = width + padding 238+8+8 = 254 */
	color:yellow !important;
}

/* ------ specifik formatering för "Senaste tittarrapporterna"-rutan --------- */
#reportsbox
{
	background-image:url(/_images/bg_reportsbox.gif); background-repeat:no-repeat; background-position:top left;
	float:right;
	clear:both;
	height:140px;
	margin:14px 0 10px 0;
	overflow:hidden;
	padding:0 8px 0 8px;
	width:238px;		/* final_width = width + padding 238+8+8 = 254 */
}


/* ------ specifik formatering för textrutan --------- */
#top-left-quad
{
	float:left;
	clear:both;
	height:213px;
	margin:14px 0 0 0;
	background:white;
}

/* ------ specifik formatering för bildrutan --------- */
#top-right-quad
{
	float:right;
	height:213px;
	margin:14px 0 0 0;
	background: #fff !important;
}

#top-right-quad h1
{
	color: #5DA3C9;
}





/* O R D B O K E N-lådan */
#dictionarybox
{
	background-image:url(/_images/bg_dictionarybox.gif); background-repeat:no-repeat; background-position:top left;
	position:relative;
	width:201px;
	height:201px;
	padding:0 8px 0 8px;
	text-align:left;
	color:black;
	margin-bottom:14px;
	margin-top:14px;
}

/* H O T T O P-lådan */
#hottopbox
{
	background-image:url(/_images/bg_hottopbox.gif); background-repeat:no-repeat; background-position:top left;
	position:relative;
	width:201px;
	height:158px;
	padding:0 8px 0 8px;
	text-align:left;
	color:black;
	margin-bottom:14px;
	margin-top:14px;
}

/* V I K T I G T-lådan */
#notabenebox
{
	background-image:url(/_images/bg_notabenebox.gif); background-repeat:no-repeat; background-position:top left;
	position:relative;
	width:201px;
	height:140px;
	padding:0 8px 0 8px;
	text-align:left;
	color:black;
	margin-bottom:14px;
	margin-top:14px;
}




/* ========== N Y H E T E R - S I D A N ========= */

/* H Ö G E R K O L U M N - arkivet -------------- */
#rh-col_news
{
	position:absolute;
	top:0px;
	height:524px;
	left:453px;
	width:300px;
	background:white;
	color:#333333;
	overflow:auto;
}

/* C E N T E R K O L U M N  - huvudtextavsnittet. här listas nyheterna i en stor och bläffig massa */
#c-col_news
{
	position:relative;
	top:0px;
	margin-left:0px;
	width:425px;
	height:508px;
	background:white;
	color:#333333;
/*	border:solid #cccddd;
	border-width:0;
*/	clear:both;
	overflow:auto;
	padding:8px 13px 8px 13px;
}

/* ====================== NIVÅ1-SIDOR (bredare centerkolumn, ingen vänsterkolumn) ========================== */

/* C E N T E R K O L U M N */
#c-col_level1
{
	top:4px;
	margin-left:0px;
	width:471px;
	background:white;
	color:#333333;
/*	border:solid #ccccdd;
	border-width:1px;
*/	clear:both;
	padding:8px 13px 8px 13px;
}


#c-col_level1_employees
{
	top:4px;
	margin-left:0px;
	height:660px;
	width:471px;
	background:white;
	color:#333333;
/*	border:solid #ccccdd;
	border-width:1px;
*/	clear:both;
	padding:8px 13px 8px 13px;
}



/* ====================== NIVÅ4-SIDOR (bredare centerkolumn, ingen högerkolumn) ========================== 
används inte längre som nivå4-sidor, utan som en specialare. _MALL_special_nivå0_2kolumner.asp    Ordboken är byggd på denna mall.
=================================================================================== */


/* C E N T E R K O L U M N */
#c-col_level4
{
	top:4px;
	margin-left:280px;
	width:460px;
	background:white;
	color:black;
	border:solid #ccccdd;
	border-width:0 0 0 0;
	clear:both;
	padding:16px 0px 8px 13px;
}

#c-resultsbox
{
	width:auto;
	height:460px;
	background:white;
	overflow:auto;
	padding:0;
	margin-top:-8px;
	padding:0 40px 0 40px;
}

/* V Ä N S T E R K O L U M N  */ 
#lh-col_level4
{
	float:left;
	position:absolute;
	top:0px;
	left:0px;
	margin:0 0 0 0;
	width:280px;
	background:white;
	color:black;
	padding:8px 0 0px 0;
}

#lh-col_level4 h1, h2, h3, h4
{
	color:rgb(3,102,160);
}

#lh-resultsbox
{
	position:relative;
	left:0px;
	top:0px;
	width:280px;
	height:240px;
	border:solid rgb(133,134,136);
	border-width:2px 0 0 0;
	overflow:auto;
	padding:0;
	margin-top:10px;
}

/* ====================== 1KOLUMN-SIDOR (varken vänster- eller högerkolumn, bara en stor textkolumn) ====== */

/* C E N T E R K O L U M N */
#c-col_1column
{
	top:0px;
	margin-left:0px;
	width:753px;
	background:white;
	color:#333333;
	border:solid #ccccdd;
	border-width:0 0 0 0;
	clear:both;
	text-align:left;      /* centrerar en DIV i IE; bugg, men "bra" bugg eftersom IE inte fattar auto margins. */
}


/* ==================== RUTA MED FILLISTA ================================================================== */

#filelist-container
{
	float:right;
	width:300px;
	height:350px;
	margin-top:14px;
	padding:4px;
	border:1px solid #cccddd;
	background:white;
	overflow:auto;
	margin-bottom:13px;

}

#filelist-container-right
{
	float:right;
	width:278px;
	height:450px;
	margin-top:14px;
	padding:4px;
	border:1px solid #cccddd;
	background:white;
	overflow:auto;
	margin-bottom:13px;

}



/* -------------- "containers" för alla muppar och muppor som jobbar på MMS -------------- */
#personnel-container_left
{
	top:0px;
	float:left;
	width:50%;
	height:auto;
	margin-top:20px;
	background-color:white;
}

#personnel-container_right
{
	top:0px;
	float:left;
	width:50%;
	height:auto;
	margin-top:20px;
	background-color:white;
}

.employee
{
	width:auto;
	height:130px;
	background:#f8f8f8;
	margin:4px 0px 4px 0px;
	padding:0px;
}

.employee .content
{
	float:left;
	padding:2px 4px 2px 4px;
	width:30%;
	margin-left:8px;
}

.employee img
{
	border:solid 1px #000;
	float:left;
	width:110px;
	height:130px;
}

.header-hottopbox a
{
	display:block;
	margin-top:-19px;
	margin-right:6px;
	width:18px;
	height:13px;
	float:right;
}

.header-hottopbox a img
{
	border:none;
}


/* specialare på referensgrupploginsidan */

#refgroup-lcol
{
	margin-left:0px;
	width:588px;
	color:#333333;
	float:left;
}

#refgroup-rcol
{
	margin-top:20px;
	padding:5px;
	width:155px;
	background:#f8f8f8;
	color:#333333;
	float:right;
}

#refgroup-rcol .member
{
    font-size:9px;
}

#refgroup-rcol .member img
{
    border:none;
}

.member-l
{
    float:left;
}

.member-r
{
    float:right;
}