/* CSS Document */



body {
	margin:0px;
	padding:0px;
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 20px;
	border: 0;
}


div#container {
	position : relative;
	width : 834px;
	margin : 0 auto;
	padding-top : 0 20 0 0;
	text-align : left;
}


/* top - lägg in översta ramen */
#top {
	height: 30px;
	background-image: url(images/topframe_gra.jpg);
	background-repeat: no-repeat;
	width: 834px;
}

div#content {
	background-image: url(images/midframe_gra.jpg);
	background-repeat: repeat-y;
	width: 834px;
}
#manadens_tips {
	background-image: url(images/gra_ram_med_lov.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-bottom: 25px;
	position: absolute;
	padding-top: 25px;
	width: 500px;
	height: 100px;
	left: 1px;
	top: -2px;
}
.bildleft {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

div#content_topnav {
	width:750px;
	margin: 0 auto;
	height: 70px;
	position: relative;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
}
a:link {
	color: #000000;
	text-decoration: none;
}
hr {
	margin : 0 auto;
	width: 100%;
}


div#content_wrap {
	width: 834px;
	overflow: auto;
}



a:hover {
	color: #0000FF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}


div#sidfot {
	width:800px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	margin: 0 auto;
	position: relative;
	height: 5px;
}



div#sidfot_left {
	width: 600px;
	float: left;
	margin: 0 auto;
	position: relative;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}



div#sidfot_right {
	width: 200px;
	float:right;
	margin: 0 auto;
	position: relative;
	text-align: right;
}





/* bottom - lägg in översta ramen */
#bottom {
	height: 30px;
	background-image: url(images/bottomframe_gra.jpg);
	background-repeat: no-repeat;
}


#topnavcontainer 
	{
	position:absolute;
	left: 232px;
	top: 28px;
	width: 550px;
	height: 23px;
	}


#dekor {
	position: absolute;
	left: 612px;
	top: 37px;
}




#lov {
	position: absolute;
	left: 290px;
	top: -3px;
}




.citat {
	background-color: #FFFFCC;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
}


div#index_vanster {
	width:224px;
	float:left;
	margin-left: 43px;
	display:inline;
}





div#index_hoger {
	width:490px;
	float:right;
	margin-right: 43px;
	display:inline;
}

div#index_hoger ul {
	margin-left: 11px;
	padding-left: 10px;
	margin-top: 0px;
	padding-top: 0px;
}

div#index_hoger li {
	padding-bottom: 12px;
	margin-left: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	margin: 0;
}

div#index_hoger hr {
	border: 0;
	width: 100%;
	height: 1px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	margin-bottom: 20px;
	margin-top: 20px;
}
div#index_hoger p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
div#index_hoger h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 25px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 4px;
	margin: 0px;
	padding: 0px;
}
div#index_hoger h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 4px;
	background-color: #B3D99B;
	text-indent: 10px;
}
div#index_hoger h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 26px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #009933;
	margin: 0px;
	padding: 0px;
}
div#index_hoger h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 25px;
	text-transform: none;
	font-weight: bold;
	letter-spacing: 0px;
	margin: 0px;
	padding: 0px;
}


div#index_vanster_rosa {
	width:224px;
	float:left;
	margin-left: 43px;
	background-image: url(images/left_bakgrund_rosa.jpg);
	background-repeat: no-repeat;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	display:inline;
}
div#index_vanster_gron {
	width:224px;
	float:left;
	margin-left: 43px;
	background-image: url(images/leftnav_gron.jpg);
	background-repeat: no-repeat;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	display:inline;
}





#navcontainer { width: 224px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 12px;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #000000;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #FFFFFF;
color: #000000;
}

img, div { behavior: url(iepngfix.htc) }
div#index_vanster_aktuellt {
	width:224px;
	float:left;
	margin-left: 43px;
	display:inline;
	background-image: url(images/aktuellt_ny.jpg);
	background-repeat: no-repeat;
	padding-top: 85px;
	padding-left: 10px;
	padding-right: 20px;
}
#index_hoger_mari_rekommenderar {
	background-image: url(images/mari_rekommenderar.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	height: 100px;
	left: 1px;
	padding-top: 85px;
}
.forelasningar_kurs_markering {
	background-color: #B3D99B;
	padding-right: 40px;
	padding-left: 40px;
	margin-right: 10px;
	margin-left: 10px;
}






/*LISTBASERADE MENYER DÄR LISTELEMENTEN SAKNAR ID-ATTRIBUT ELLER KLASSER
 testad i NN7, Opera, Firefox, IE6, IE5.5, IE5, för Windows och Safari och IE5 för Mac 
fortsättning på exemplet med en vågrät meny

body {font-family: verdana, arial, sans-serif; font-size:100%; behavior:url(css/csshover.htc);}

/* den vågräta menyn börjar här */

* {
	margin:0;
	padding:0;
	line-height: 18px;
} 

div#listmenu {
	font-size:12px;		/* ANGE TECKENSTORLEKEN HÄR */
	margin-top:20px; 	/* TILLFÄLLIGT - knuffar ner div-elementet en bit i webbläsarfönstret för att göra det här exemplet tydligare */
	float:left; 	/* gör att div-elementet omsluter listan */
	font: arial;
	margin-left: 0px;
	position:absolute;
	left: 229px;
	top: 27px;
	width: 519px;
	background-color:#FFFFFF; 			/* ger div-elementet färg */	
	}
div#listmenu ul {margin:0 0 0 30px;/* drar in ul från behållarens kant */
	}
div#listmenu li {
	float:left;	/* får listan att justeras vågrätt i stället för lodrätt */
	background-color:#FFFFFF; /* anger bakgrunden för menyalternativen */
	position:relative; /* positioneringskontext för den absolut positionerade listmenyn */
	list-style-type:none; /* anger bakgrunden för menyalternativen */
	border-right:1px solid #069; /* skapar linjer som separerar listposterna */
	}
div#listmenu li:first-child {
	border-left:1px solid #069; /* den första lodräga linjen på menyn */
	}
div#listmenu li:hover {
	}
div#listmenu a {
	display:block; /* alternativen på listmenyn ändrar färg */
	padding:0 6px; /* skapar luft på varje sida om menyalternativen */
	text-decoration:none;	 /* tar bort understrykningen av länken */
	color:#000000;	/* anger teckenfärgen */
	}
div#listmenu a:hover {
	color:#F33;
	}
/* den vågräta menyn slutar här */

/* listmenyn börjar här */
div#listmenu ul li ul {
	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:15em; /* anger menyns bredd - i kombination med bredden 100% för li-elementet, gör detta att menyn 
	justeras lodrätt */
	left:-1px; /* justerar listmenyn exakt under den vågräta menyn */
	}
div#listmenu ul li ul li {
	width:100%; /* får listposterna att fylla ut listbehållaren (ul) */ 
	border-left:1px solid #069; /* tre sidor på varje listpost på varje listmeny */  
	border-bottom:1px solid #069;
	border-right:1px solid #069;
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #069; /* högst upp på listmenyn */
	}
/* 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 */
	border-left:1px solid #000; /* lägger till linjen längst ut till vänster i ul-elementet */
	margin-left:15px; /* IE fördubblar värdet som angivits - varför? */
	}
* html a {display:inherit;} /* får IE5 & 5.5 att acceptera padding för länken */
/* lägger till en topplinje på listmenyer och popupmenyer i IE-webbläsarna - kan inte läsa :first-child */ 
* html  div#listmenu ul li ul {
	border-top:1px solid #069;
	border-left:0px; /* gör att listmenyn inte ärver kantlinjen för ul-elementet */ 
	}
/* slut på hack-zon */
/* SLUT PÅ LISTBASERAD MENY */




/* Ny Pipelist - inlagd 29 december 2008 - ersätter erics */

.minw1 {
	min-width: 30em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
ul#menu_ny {
	display: table;
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#menu_ny li {
	margin: 0;
	padding: 0px 0 10px 0;
	list-style-type: none;
}
#menu_ny a, #menu span {
	padding: 0 5px;
	border-left: 1px solid #999;
}
#menu_ny .first {
	padding-left: 0;
	border-left: 0 none;
}
#menu_ny a {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
#menu_ny a:hover {
	color: #000000;
}
#menu_ny span {
	color: #a70;
}
#menu_ny li, #menu a, #menu span {
	float: left;

}
/*\*//*/
* html ul#menu_ny {
	text-align: center;
	display: block;
}
* html #menu_ny li {
	display: inline-block;
	float: none;
}
* html .minw1 {
	border-left: 30em solid #fff;
}
* html .minw2 {
	margin-left: -30em;
}
/**/


h1 {
	color: #960;
	font-size: 1em;
	margin: 0 0 2em 0;
}